/* =====================================================================
   Smart Vision — Explorador de catálogo animado (categoría > subcategoría
   > producto), carrito de cotización, búsqueda, exit-intent y modal de
   cotización. Estilo 21st.dev / Framer sobre el sistema de diseño de
   propuesta-10 (Montserrat + Inter, negro/naranja/azul).
   ===================================================================== */

/* ---------- Botón flotante de carrito ---------- */
.floating-cart{
  position:fixed;right:26px;bottom:26px;z-index:250;
  width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;
  background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 30px rgba(17,17,19,.3);
  transition:transform .25s cubic-bezier(.22,.9,.35,1),background .25s ease;
}
.floating-cart:hover{transform:translateY(-4px) scale(1.05);background:var(--orange);}
.floating-cart svg{width:24px;height:24px;}
.floating-cart-badge{
  position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:100px;
  background:var(--orange);color:#fff;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;
  border:2px solid #fff;transition:transform .2s ease;
}
.floating-cart-badge.pulse{animation:cartPulse .5s ease;}
@keyframes cartPulse{0%{transform:scale(1);}40%{transform:scale(1.4);}100%{transform:scale(1);}}
.floating-cart-badge.empty{display:none;}

/* ---------- Overlay principal del catálogo ---------- */
.cat-overlay{
  position:fixed;inset:0;z-index:400;background:#fff;
  opacity:0;visibility:hidden;transform:translateY(24px);
  transition:opacity .35s cubic-bezier(.22,.9,.35,1),transform .4s cubic-bezier(.22,.9,.35,1),visibility 0s linear .4s;
  display:flex;flex-direction:column;
}
.cat-overlay.open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .35s cubic-bezier(.22,.9,.35,1),transform .4s cubic-bezier(.22,.9,.35,1);}
body.cat-overlay-active{overflow:hidden;}

.cat-ov-header{
  border-bottom:1px solid var(--line);padding:16px 32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  position:sticky;top:0;background:#fff;z-index:5;
}
.cat-ov-nav{display:flex;gap:8px;}
.cat-ov-back,.cat-ov-home{
  display:flex;align-items:center;gap:6px;padding:9px 14px;border-radius:100px;border:1.5px solid var(--line);
  background:#fff;font-weight:700;font-size:.78rem;cursor:pointer;color:var(--black);
  transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap;
}
.cat-ov-back:hover,.cat-ov-home:hover{border-color:var(--orange);color:var(--orange);}
.cat-ov-back svg,.cat-ov-home svg{width:15px;height:15px;}
.cat-ov-back[disabled]{opacity:.35;cursor:default;pointer-events:none;}

.cat-ov-crumb{flex:1;min-width:160px;font-size:.8rem;color:var(--gray-600);display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.cat-ov-crumb b{cursor:pointer;color:var(--black);font-weight:700;}
.cat-ov-crumb b:hover{color:var(--orange);}
.cat-ov-crumb span.sep{color:var(--gray-300);}

.cat-ov-search{
  display:flex;align-items:center;gap:8px;background:var(--gray-100);border-radius:100px;padding:9px 16px;
  min-width:220px;flex:0 0 auto;border:1.5px solid transparent;transition:border-color .2s ease;
}
.cat-ov-search:focus-within{border-color:var(--orange);}
.cat-ov-search svg{width:16px;height:16px;color:var(--gray-600);flex-shrink:0;}
.cat-ov-search input{border:none;background:none;outline:none;font-size:.85rem;width:100%;font-family:var(--ff-body);}

.cat-ov-cart{
  position:relative;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:border-color .2s ease;flex-shrink:0;
}
.cat-ov-cart:hover{border-color:var(--orange);}
.cat-ov-cart svg{width:19px;height:19px;}
.cat-ov-close{
  width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-size:1rem;
  flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.cat-ov-close:hover{background:var(--black);color:#fff;border-color:var(--black);}

.cat-ov-body{flex:1;overflow-y:auto;padding:36px 32px 80px;}
.cat-ov-body .container{max-width:1200px;margin:0 auto;}

.view-head{margin-bottom:30px;}
.view-head .eyebrow{margin-bottom:8px;}
.view-head h2{font-size:clamp(1.6rem,3vw,2.2rem);}
.view-head p{max-width:560px;margin-top:8px;}

/* Transición entre vistas */
.cat-view{animation:catViewIn .45s cubic-bezier(.22,.9,.35,1);}
@keyframes catViewIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* ---------- Vista: categorías (grid estilo tarjeta azul degradada) ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.cat-card{
  position:relative;border-radius:22px;padding:24px;min-height:250px;cursor:pointer;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;text-align:left;border:none;
  transition:transform .4s cubic-bezier(.22,.9,.35,1),box-shadow .4s ease;
}
.cat-card.grad-a{background:linear-gradient(155deg,#1a63e8 0%,#0a3fa8 55%,#062b78 100%);}
.cat-card.grad-b{background:linear-gradient(155deg,#ff8a3d 0%,#ff6a00 55%,#c94800 100%);}
.cat-card.grad-c{background:linear-gradient(155deg,#232830 0%,#111113 60%,#000 100%);}
.cat-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 26px 48px rgba(10,40,120,.28);}
.cat-card-glow{position:absolute;inset:0;background:radial-gradient(circle at 75% 12%,rgba(255,255,255,.28),transparent 55%);pointer-events:none;}
.cat-card-image-wrap{
  position:relative;z-index:2;background:#fff;border-radius:16px;padding:14px;margin-bottom:18px;
  display:flex;align-items:center;justify-content:center;height:130px;box-shadow:0 12px 28px rgba(0,0,0,.28);
}
.cat-card-image-wrap img{max-height:104px;max-width:100%;object-fit:contain;}
.cat-card-label{position:relative;z-index:2;color:#fff;font-family:var(--ff-head);font-weight:800;font-size:1.12rem;line-height:1.25;}
.cat-card-count{position:relative;z-index:2;color:rgba(255,255,255,.72);font-size:.78rem;margin-top:5px;}
.cat-card-arrow{
  position:absolute;top:20px;right:20px;z-index:2;width:32px;height:32px;border-radius:50%;
  background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;
  transition:transform .3s ease,background .3s ease;
}
.cat-card:hover .cat-card-arrow{transform:translate(3px,-3px);background:rgba(255,255,255,.28);}
.cat-card-arrow svg{width:15px;height:15px;color:#fff;}

/* ---------- Vista: modelos de producto (subcategoría) ---------- */
.prod-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px;}
.prod-tile{
  background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:20px 16px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
  transition:transform .3s cubic-bezier(.22,.9,.35,1),box-shadow .3s ease,border-color .3s ease;
}
.prod-tile:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(17,17,19,.1);border-color:var(--orange);}
.prod-tile-img{height:120px;width:100%;display:flex;align-items:center;justify-content:center;}
.prod-tile-img img{max-height:120px;max-width:100%;object-fit:contain;}
.prod-tile h4{font-size:.9rem;line-height:1.3;}
.prod-tile-colors{font-size:.72rem;color:var(--gray-600);display:flex;align-items:center;gap:5px;}
.prod-tile-colors .dots{display:flex;gap:-2px;}

/* ---------- Vista: búsqueda ---------- */
.search-result-badge{display:inline-block;font-size:.7rem;font-weight:700;color:var(--gray-600);background:var(--gray-100);border-radius:100px;padding:3px 10px;margin-top:2px;}
.no-results{text-align:center;padding:60px 20px;color:var(--gray-600);}
.no-results svg{width:48px;height:48px;color:var(--gray-300);margin-bottom:14px;}

/* ---------- Vista: detalle de producto ---------- */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:flex-start;}
.detail-stage{
  background:var(--gray-100);border-radius:22px;padding:36px;display:flex;align-items:center;justify-content:center;
  min-height:400px;position:relative;overflow:hidden;
}
.detail-stage img{max-height:340px;max-width:100%;object-fit:contain;transition:opacity .28s ease,transform .35s cubic-bezier(.22,.9,.35,1);}
.detail-stage img.swap{opacity:0;transform:scale(.94);}
.detail-thumbs{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding-bottom:4px;}
.detail-thumb{
  width:56px;height:56px;border-radius:10px;border:1.5px solid var(--line);background:#fff;cursor:pointer;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s ease;
}
.detail-thumb:hover,.detail-thumb.active{border-color:var(--orange);}
.detail-thumb img{max-width:100%;max-height:100%;object-fit:contain;}

.detail-info .eyebrow{margin-bottom:6px;}
.detail-info h2{margin-bottom:6px;font-size:clamp(1.5rem,2.6vw,2rem);}
.detail-current-color{color:var(--gray-600);font-size:.92rem;margin-bottom:18px;}
.detail-current-color b{color:var(--black);}

.color-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.color-swatch{
  width:54px;height:54px;border-radius:12px;border:2.5px solid var(--line);background:#fff;cursor:pointer;padding:4px;
  overflow:hidden;transition:border-color .2s ease,transform .2s ease;
}
.color-swatch:hover{transform:translateY(-2px);}
.color-swatch.active{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.14);}
.color-swatch img{width:100%;height:100%;object-fit:contain;}

.detail-section-label{font-family:var(--ff-head);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--black);margin:22px 0 10px;}
.specs-list{list-style:none;}
.specs-list li{position:relative;padding-left:20px;font-size:.87rem;color:var(--gray-600);margin-bottom:9px;line-height:1.5;}
.specs-list li::before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--orange);}

.qty-add-row{display:flex;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap;}
.qty-stepper{display:flex;align-items:center;border:1.5px solid var(--black);border-radius:10px;overflow:hidden;}
.qty-stepper button{width:42px;height:44px;background:#fff;border:none;font-size:1.15rem;cursor:pointer;transition:background .2s ease;}
.qty-stepper button:hover{background:var(--gray-100);}
.qty-stepper input{
  width:52px;text-align:center;border:none;border-left:1.5px solid var(--black);border-right:1.5px solid var(--black);
  height:44px;font-weight:700;font-size:.95rem;font-family:inherit;-moz-appearance:textfield;
}
.qty-stepper input::-webkit-outer-spin-button,.qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.add-to-quote-btn{display:flex;align-items:center;gap:9px;}
.add-to-quote-btn svg{width:17px;height:17px;}

/* ---------- "Esto también te puede interesar" (vista de detalle) ---------- */
.detail-related{margin-top:36px;padding-top:26px;border-top:1px solid var(--line);}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.related-card{
  display:block;width:100%;text-align:left;background:#fff;font-family:inherit;padding:0;cursor:pointer;
  border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease;
}
.related-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.08);transform:translateY(-3px);}
.related-thumb{display:block;aspect-ratio:1/1;background:var(--gray-100);}
.related-thumb img{width:100%;height:100%;object-fit:contain;padding:10px;}
.related-cat{display:block;padding:10px 12px 0;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--orange);}
.related-name{display:block;padding:4px 12px 12px;font-size:.84rem;font-weight:600;color:var(--black);line-height:1.3;}
@media(max-width:760px){
  .related-grid{grid-template-columns:repeat(2,1fr);}
}

/* ---------- Toast informativo (primer clic en "Agregar a cotización") ---------- */
/* Se posiciona abajo (no arriba) para nunca tapar los controles del header
   del overlay de catálogo (búsqueda, carrito, cerrar). */
.info-toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(140%);z-index:600;
  background:var(--black);color:#fff;padding:16px 22px;border-radius:14px;max-width:420px;width:calc(100% - 40px);
  display:flex;gap:14px;align-items:flex-start;box-shadow:0 -10px 40px rgba(0,0,0,.28);
  transition:transform .45s cubic-bezier(.22,.9,.35,1);
}
.info-toast.show{transform:translateX(-50%) translateY(0);}
.info-toast svg{width:20px;height:20px;color:var(--orange);flex-shrink:0;margin-top:1px;}
.info-toast p{color:#d7d8de;font-size:.84rem;line-height:1.5;margin:0;}
.info-toast button{
  background:none;border:none;color:#8d8f9a;cursor:pointer;font-size:.95rem;flex-shrink:0;align-self:flex-start;
}
.info-toast button:hover{color:#fff;}

/* ---------- Carrito de cotización (drawer) ---------- */
.cart-drawer-overlay{position:fixed;inset:0;background:rgba(17,17,19,.5);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:459;}
.cart-drawer-overlay.show{opacity:1;pointer-events:auto;}
.cart-drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(440px,94vw);background:#fff;z-index:460;
  transform:translateX(100%);transition:transform .38s cubic-bezier(.16,.8,.24,1);
  display:flex;flex-direction:column;box-shadow:-22px 0 50px rgba(0,0,0,.22);
}
.cart-drawer.show{transform:translateX(0);}
.cart-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line);}
.cart-drawer-head h3{font-family:var(--ff-head);font-size:1.15rem;}
.cart-drawer-head button{width:34px;height:34px;border-radius:50%;border:none;background:var(--gray-100);cursor:pointer;font-size:.95rem;}
.cart-drawer-body{flex:1;overflow-y:auto;padding:18px 24px;}
.cart-empty{text-align:center;padding:60px 10px;color:var(--gray-600);}
.cart-empty svg{width:52px;height:52px;color:var(--gray-300);margin-bottom:16px;}

.cart-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center;}
.cart-item img{width:58px;height:58px;object-fit:contain;background:var(--gray-100);border-radius:10px;padding:6px;flex-shrink:0;}
.cart-item-info{flex:1;min-width:0;}
.cart-item-info h5{font-size:.86rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cart-item-info span{font-size:.76rem;color:var(--gray-600);}
.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.cart-item-qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;}
.cart-item-qty button{width:26px;height:26px;background:#fff;border:none;cursor:pointer;font-size:.85rem;}
.cart-item-qty button:hover{background:var(--gray-100);}
.cart-item-qty span{width:28px;text-align:center;font-size:.8rem;font-weight:700;}
.cart-item-remove{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:.72rem;text-decoration:underline;}
.cart-item-remove:hover{color:#d33;}

.cart-drawer-foot{padding:20px 24px;border-top:1px solid var(--line);}
.cart-total-row{display:flex;justify-content:space-between;font-size:.88rem;color:var(--gray-600);margin-bottom:14px;}
.cart-total-row b{color:var(--black);font-size:1.05rem;}
.cart-clear-btn{display:block;width:100%;text-align:center;background:none;border:none;color:var(--gray-600);font-size:.78rem;margin-top:10px;cursor:pointer;text-decoration:underline;}
.cart-clear-btn:hover{color:#d33;}

/* ---------- Exit intent popup ---------- */
.exit-intent-overlay{
  position:fixed;inset:0;background:rgba(17,17,19,.6);z-index:700;display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px;
}
.exit-intent-overlay.show{opacity:1;pointer-events:auto;}
.exit-intent-card{
  background:#fff;border-radius:22px;padding:40px 36px;max-width:420px;width:100%;text-align:center;position:relative;
  transform:scale(.9);transition:transform .35s cubic-bezier(.22,.9,.35,1);
}
.exit-intent-overlay.show .exit-intent-card{transform:scale(1);}
.exit-intent-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--gray-100);cursor:pointer;}
.exit-intent-icon{font-size:2.6rem;margin-bottom:12px;}
.exit-intent-card h3{margin-bottom:10px;font-size:1.3rem;}
.exit-intent-card p{font-size:.92rem;margin-bottom:22px;}
.exit-intent-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}

/* ---------- Modal de cotización ---------- */
.quote-modal-overlay{
  position:fixed;inset:0;background:rgba(17,17,19,.6);z-index:800;display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px;
}
.quote-modal-overlay.show{opacity:1;pointer-events:auto;}
.quote-modal{
  background:#fff;border-radius:22px;padding:36px;max-width:460px;width:100%;position:relative;max-height:90vh;overflow-y:auto;
  transform:translateY(20px);transition:transform .35s cubic-bezier(.22,.9,.35,1);
}
.quote-modal-overlay.show .quote-modal{transform:translateY(0);}
.quote-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:none;background:var(--gray-100);cursor:pointer;z-index:2;}
.quote-modal h3{font-size:1.3rem;margin-bottom:6px;}
.quote-modal p.sub{color:var(--gray-600);font-size:.86rem;margin-bottom:22px;}
.qform-field{margin-bottom:14px;}
.qform-field label{display:block;font-size:.78rem;font-weight:700;margin-bottom:6px;}
.qform-field input,.qform-field textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font-family:inherit;font-size:.88rem;
  transition:border-color .2s ease;
}
.qform-field input:focus,.qform-field textarea:focus{outline:none;border-color:var(--orange);}
.qform-summary{background:var(--gray-100);border-radius:12px;padding:14px 16px;font-size:.82rem;color:var(--gray-600);margin-bottom:18px;}
.qform-summary b{color:var(--black);}
.qform-error{background:#fdecec;color:#a12626;border:1px solid #f3c6c6;border-radius:10px;padding:10px 14px;font-size:.82rem;margin-bottom:14px;}

.quote-success{text-align:center;padding:10px 0;}
.quote-success-icon{
  width:66px;height:66px;border-radius:50%;background:#e8f9ee;color:#1b9e4d;display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;
}
.quote-success-icon svg{width:32px;height:32px;}
.quote-success h3{margin-bottom:8px;}
.quote-success p{font-size:.88rem;margin-bottom:20px;}
.quote-success .btn{width:100%;margin-bottom:10px;}
.quote-info-line{font-size:.78rem;color:var(--gray-600);margin-top:6px;}

/* ---------- Formulario de contacto: feedback inline ---------- */
.form-feedback{border-radius:10px;padding:12px 14px;font-size:.85rem;margin-bottom:14px;display:none;}
.form-feedback.show{display:block;}
.form-feedback.ok{background:#e8f9ee;color:#1b7a3c;border:1px solid #bfe9cd;}
.form-feedback.err{background:#fdecec;color:#a12626;border:1px solid #f3c6c6;}

/* ---------- Lightbox de producto en la órbita 3D ---------- */
.orbit-card{cursor:pointer;}
.orbit-lightbox-overlay{
  position:fixed;inset:0;background:rgba(6,8,16,.72);z-index:750;display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px;backdrop-filter:blur(4px);
}
.orbit-lightbox-overlay.show{opacity:1;pointer-events:auto;}
.orbit-lightbox{
  background:#fff;border-radius:24px;max-width:760px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;
  transform:scale(.92) translateY(10px);transition:transform .4s cubic-bezier(.22,.9,.35,1);position:relative;
}
.orbit-lightbox-overlay.show .orbit-lightbox{transform:scale(1) translateY(0);}
.orbit-lightbox-close{
  position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(17,17,19,.06);
  cursor:pointer;font-size:1rem;z-index:2;
}
.orbit-lightbox-stage{background:var(--gray-100);display:flex;align-items:center;justify-content:center;padding:40px;min-height:320px;}
.orbit-lightbox-stage img{max-width:100%;max-height:280px;object-fit:contain;animation:lightboxImgIn .4s cubic-bezier(.22,.9,.35,1);}
@keyframes lightboxImgIn{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:scale(1);}}
.orbit-lightbox-info{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;}
.orbit-lightbox-info h3{font-size:1.3rem;margin-bottom:18px;}
.orbit-lightbox-info .qty-add-row{margin-top:0;}
.orbit-lightbox-viewfull{margin-top:16px;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .detail-grid{grid-template-columns:1fr;gap:30px;}
  .cat-ov-crumb{order:3;width:100%;}
  .cat-ov-search{flex:1;}
  .orbit-lightbox{grid-template-columns:1fr;max-height:90vh;overflow-y:auto;}
  .orbit-lightbox-stage{min-height:220px;padding:28px;}
}
@media (max-width:680px){
  .cat-ov-header{padding:12px 14px;gap:8px 10px;}
  .cat-ov-nav{order:1;}
  .cat-ov-cart{order:2;margin-left:auto;}
  .cat-ov-close{order:3;}
  .cat-ov-search{order:4;width:100%;min-width:0;flex:1 1 100%;}
  .cat-ov-crumb{order:5;font-size:.74rem;}
  .cat-ov-back,.cat-ov-home{padding:8px 11px;}
  .cat-ov-body{padding:22px 16px 70px;}
  .view-head{margin-bottom:22px;}
  .detail-stage{padding:22px;min-height:280px;}
  .detail-stage img{max-height:220px;}
}
@media (max-width:560px){
  .cat-grid{grid-template-columns:1fr;}
  .cat-ov-home span,.cat-ov-back span{display:none;}
}
@media (max-width:480px){
  .cart-drawer-head{padding:16px 18px;}
  .cart-drawer-body{padding:14px 18px;}
  .cart-drawer-foot{padding:16px 18px;}
  .quote-modal,.exit-intent-card{padding:26px 22px;}
  .cat-card-image-wrap{height:108px;padding:10px;}
  .cat-card-image-wrap img{max-height:86px;}
  .cat-card{padding:18px;min-height:210px;}
  .qty-add-row{gap:12px;}
  .add-to-quote-btn{flex:1;justify-content:center;}
  .orbit-lightbox-info{padding:24px 20px;}
  .orbit-lightbox-stage{padding:20px;min-height:180px;}
  .orbit-lightbox-stage img{max-height:160px;}
}