/* Experiencia móvil consistente para el catálogo CRISCEL CLEAN */
@media (max-width: 760px) {
  html { scroll-padding-top: 76px; }
  body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  .container { width: min(100% - 30px, 680px); }
  .topbar { padding: 7px 0; }
  .topbar-content { display:flex; flex-direction:row !important; align-items:center; justify-content:space-between; gap:8px; font-size:10px; line-height:1.25; }
  .topbar-content > * { min-width:0; }
  .navbar { min-height:68px; gap:9px; }
  .logo img { height:48px; max-width:146px; object-fit:contain; }
  .nav-actions { gap:7px; }
  .cart-button { min-height:44px; min-width:44px; justify-content:center; padding:9px 11px; border-radius:14px; }
  .menu-button { width:44px; height:44px; flex:0 0 44px; }
  .hero { padding:48px 0 36px; }
  .hero-grid { gap:20px; }
  .hero h1 { max-width:650px; font-size:clamp(37px,9.7vw,54px); line-height:1.02; letter-spacing:-.055em; }
  .hero-copy>p { margin-bottom:20px; font-size:15px; line-height:1.6; }
  .hero-actions { gap:9px; }
  .hero-actions .btn { flex:1 1 145px; min-height:48px; padding:12px 13px; font-size:13px; }
  .hero-trust { gap:7px; margin-top:17px; }
  .hero-trust span { padding:7px 9px; font-size:10px; }
  .hero-card { min-height:260px; padding:17px 14px; border-radius:25px; }
  .hero-products { height:150px; margin:25px 0 7px; }
  .hero-product { width:70px; height:112px; }
  .hero-product-center { width:84px; height:136px; }
  .hero-card-copy { margin-top:0; padding:10px 8px 2px; }
  .hero-card-copy strong { font-size:21px; }
  .hero-card-copy p { font-size:12px; line-height:1.45; }
  .hero-badge { top:13px; left:13px; right:auto; padding:7px 9px; font-size:10px; }
  .section { padding:52px 0; }
  .section-title { align-items:flex-start; gap:14px; margin-bottom:22px; }
  .section-title h2,.categories-band h2,.about-text h2 { font-size:clamp(26px,7vw,34px); line-height:1.1; }
  .section-title p { font-size:14px; line-height:1.5; }
  .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; }
  .category-card { min-width:0; padding:12px; border-radius:19px; }
  .category-icon { height:auto; aspect-ratio:1.12; margin-bottom:11px; border-radius:14px; }
  .category-icon img { padding:5px; }
  .category-card span { font-size:9px; letter-spacing:.08em; }
  .category-card h3 { margin:5px 0; font-size:clamp(14px,4vw,18px); line-height:1.2; }
  .category-card p { min-height:0; margin-bottom:11px; font-size:11px; line-height:1.45; }
  .category-card b { margin-top:auto; font-size:11px; }
  .categories-band { padding:42px 0; }
  .mini-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .mini-grid>div { padding:15px; border-radius:16px; }
  .mini-grid i { margin-bottom:8px; font-size:20px; }
  .mini-grid strong { font-size:13px; }
  .mini-grid span { font-size:11px; line-height:1.35; }
  .about-grid { gap:22px; }
  .about-visual { height:230px; border-radius:22px; }
  .about-text p { margin-bottom:18px; font-size:14px; line-height:1.6; }
  .features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; font-size:12px; }
  .contact { margin-top:10px; padding:48px 0; border-radius:24px 24px 0 0; }
  .contact-grid { gap:16px; }
  .contact-item { min-width:0; padding:13px; gap:11px; }
  .contact-item strong { overflow-wrap:anywhere; font-size:13px; }
  .contact-form-container { padding:18px; border-radius:17px; }
  .contact-form-container input,.contact-form-container textarea,.checkout-input { min-height:46px; font-size:16px; }
  .contact-form-container textarea { min-height:112px; }
  .footer { padding-top:38px; }
  .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 14px; }
  .footer-grid>div:first-child { grid-column:1/-1; }
  .footer-grid p,.footer-grid a { font-size:12px; }
  .whatsapp-float { right:14px; bottom:calc(14px + env(safe-area-inset-bottom)); width:54px; height:54px; font-size:24px; }

  /* Listas de artículos: imagen, nombre y compra bien equilibrados en pantalla estrecha. */
  .variedades-grid:not(.price-grid) { width:calc(100% - 30px) !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; }
  .variedades-grid:not(.price-grid) .variedad-card { min-width:0; min-height:0; height:100%; padding:12px; gap:9px; border-radius:18px; }
  .variedades-grid:not(.price-grid) .product-image { height:clamp(112px,35vw,155px) !important; min-width:0; padding:5px; border-radius:14px; }
  .variedades-grid:not(.price-grid) .variedad-card h2 { min-height:0; width:100%; font-size:clamp(13px,3.7vw,16px); line-height:1.25; overflow-wrap:anywhere; }
  .variedades-grid:not(.price-grid) .variedad-card small { min-height:0; font-size:11px; line-height:1.4; }
  .variedades-grid:not(.price-grid) .variedad-card select { min-height:44px; padding:8px 7px; font-size:12px; }
  .variedades-grid:not(.price-grid) .variedad-card button { min-height:46px; padding:10px 8px; font-size:12px; line-height:1.25; }
  .product-detail-header { padding:18px 0; }
  .product-hero-grid { gap:18px; padding:18px 0 36px; }
  .product-hero-image img { max-height:300px; }
  .product-hero-info { padding-bottom:25px; }
  .product-hero-info h1 { font-size:clamp(27px,8vw,36px); line-height:1.08; }
  .product-hero-info>p { font-size:14px; line-height:1.55; }
  .precio-detalle { margin:12px 0; font-size:26px; }
  .compra-box button,.compra-box .btn { min-height:48px; }
  .variedades-titulo { margin:22px 15px 13px; font-size:20px; }

  /* Catálogos especializados */
  .papeleria-hero-grid { gap:20px; }
  .papeleria-hero-art { height:230px; border-radius:21px; }
  .papeleria-hero-copy h1 { font-size:clamp(36px,10vw,50px); }
  .papeleria-grid { width:calc(100% - 30px) !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:11px; }
  .papeleria-grid .papeleria-product { min-height:0 !important; padding:10px; gap:9px; border-radius:17px; }
  .papeleria-grid .product-image { height:clamp(110px,34vw,145px) !important; padding:5px; }
  .papeleria-grid .papeleria-product h2 { min-height:0; font-size:13px; line-height:1.3; }
  .papeleria-grid .papeleria-product small { min-height:0; font-size:10px; line-height:1.4; }
  .papeleria-grid .papeleria-variant { min-height:44px; padding:7px 6px; font-size:11px; }
  .papeleria-grid .papeleria-add { min-height:45px; padding:8px 6px; font-size:11px; }
  .papeleria-group-heading { align-items:flex-start; flex-direction:column; gap:4px; padding-bottom:8px; }
  .papeleria-group-heading h3 { font-size:19px; }
  .papeleria-selection,.velvet-selection { bottom:calc(10px + env(safe-area-inset-bottom)); width:calc(100% - 20px); padding:11px; gap:9px; border-radius:17px; }
  .papeleria-selection button,.velvet-selection button { min-height:46px; }
  .price-header { padding:40px 0 36px !important; }
  .price-header-inner { gap:14px !important; }
  .price-header-copy { padding-right:65px !important; }
  .price-header h1 { font-size:clamp(34px,9.6vw,49px) !important; line-height:1.02; }
  .price-header p { font-size:14px !important; line-height:1.5 !important; }
  .price-stat { right:0 !important; top:4px !important; width:64px !important; }
  .price-stat strong { font-size:1.45rem !important; }
  .price-stat span { max-width:48px !important; font-size:.42rem !important; }
  .price-toolbar { gap:10px !important; }
  .price-search input { min-height:48px !important; font-size:16px; }
  .price-filters button,.papeleria-filters button,.velvet-filters button { min-height:42px; }
  .price-grid .variedad-card { min-height:0 !important; height:100%; padding:10px !important; gap:8px !important; }
  .price-grid .product-image { height:clamp(105px,33vw,140px) !important; }
  .price-grid .variedad-card h2 { min-height:0 !important; font-size:12px !important; line-height:1.25 !important; }
  .price-grid .variedad-card small { min-height:0 !important; font-size:10px !important; line-height:1.35 !important; }
  .price-grid .product-option-label { font-size:11px !important; }
  .price-grid .variedad-card select { min-height:42px !important; padding:6px !important; font-size:11px !important; }
  .price-grid .variedad-card button,.price-grid .product-pending { min-height:44px !important; padding:8px 6px !important; font-size:11px !important; }
  .velvet-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:11px !important; }
  .velvet-grid .velvet-card { min-width:0; min-height:0 !important; padding:10px !important; gap:8px !important; border-radius:17px; }
  .velvet-card .product-image { height:clamp(110px,34vw,145px) !important; padding:5px !important; }
  .velvet-card h2 { min-height:0 !important; font-size:13px !important; line-height:1.3 !important; }
  .velvet-card small { min-height:0 !important; font-size:10px !important; line-height:1.4 !important; }
  .velvet-card .product-option-label { font-size:11px !important; }
  .velvet-card select { min-height:43px !important; padding:6px !important; font-size:11px !important; }
  .velvet-card .velvet-add { min-height:44px !important; padding:8px 5px !important; font-size:11px !important; }
  .velvet-hero-grid { gap:20px !important; }
  .velvet-hero-copy h1 { font-size:clamp(36px,10vw,51px) !important; }
  .velvet-hero-art { min-height:230px !important; }
  .velvet-hero-art>img { height:185px !important; }
}

@media (max-width: 390px) {
  .container { width:calc(100% - 24px); }
  .topbar-content { font-size:9px; }
  .category-grid { gap:9px; }
  .category-card { padding:9px; }
  .category-card h3 { font-size:14px; }
  .category-card p { font-size:10px; }
  .variedades-grid:not(.price-grid),.papeleria-grid,.velvet-grid { gap:9px !important; }
  .variedades-grid:not(.price-grid) .variedad-card,.papeleria-grid .papeleria-product,.velvet-grid .velvet-card { padding:9px !important; }
  .price-header-copy { padding-right:58px !important; }
  .price-stat { width:56px !important; }
}

@media (max-width: 350px) {
  .variedades-grid:not(.price-grid),.price-grid,.papeleria-grid,.velvet-grid { grid-template-columns:1fr !important; }
  .category-grid { grid-template-columns:1fr !important; }
  .category-icon { aspect-ratio:1.45; }
  .variedades-grid:not(.price-grid) .product-image,.papeleria-grid .product-image,.velvet-card .product-image { height:170px !important; }
}

@media (hover:none) {
  .category-card:hover,.variedad-card:hover,.papeleria-product:hover,.velvet-card:hover { transform:none; }
  .category-card:active,.variedad-card:active,.papeleria-product:active,.velvet-card:active { transform:scale(.985); }
}

@media (prefers-reduced-motion:reduce) {
  .category-card:active,.variedad-card:active,.papeleria-product:active,.velvet-card:active { transform:none; }
}