/* HardBoxIran v3.14.0 — Section 03 / Category Coverflow only.
   Deliberately scoped to #products so the approved portfolio carousel remains unchanged. */
#products.product-categories.hbi-coverflow-section{
  --cf-ruby:#a5162d;--cf-ruby-dark:#7f0f22;--cf-gold:#b89550;--cf-ink:#171512;--cf-muted:#6f6962;
  padding:68px 0 50px;background:linear-gradient(180deg,#f8f7f5 0%,#f3f1ee 100%);overflow:hidden;position:relative;
}
#products.product-categories.hbi-coverflow-section::before{
  content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(184,149,80,.42),transparent);pointer-events:none
}
#products .product-categories__container{width:min(1280px,100%);position:relative}
#products .product-categories__header{max-width:760px;margin:0 auto 22px;padding:0 24px;text-align:center}
#products .product-categories__header h2{font-size:clamp(28px,2.4vw,39px);line-height:1.35;letter-spacing:-.75px;color:var(--cf-ink);margin-bottom:8px}
#products .product-categories__header p{max-width:670px;margin:auto;color:var(--cf-muted);font-size:13px;line-height:1.9}
#products .hbi-coverflow{max-width:1280px;margin:auto;isolation:isolate}
#products .hbi-coverflow::before{
  content:"";position:absolute;z-index:-1;left:50%;top:42px;width:min(740px,72vw);height:310px;transform:translateX(-50%);
  border-radius:50%;background:radial-gradient(ellipse,rgba(184,149,80,.12),rgba(165,22,45,.045) 42%,transparent 72%);filter:blur(2px);pointer-events:none
}
#products .hbi-coverflow__viewport{height:438px;perspective:1500px;perspective-origin:50% 45%;overflow:visible;touch-action:pan-y;overscroll-behavior-x:contain}
#products .hbi-coverflow__track{inset:0 12px}
#products .hbi-coverflow__slide{
  top:0;width:min(31vw,420px);height:365px;margin-left:max(-15.5vw,-210px);border-radius:19px;
  border:1px solid rgba(27,23,19,.12);background:#111;box-shadow:0 18px 48px rgba(28,22,17,.18);
  transition:transform .54s cubic-bezier(.2,.72,.18,1),opacity .34s ease,filter .34s ease,border-color .25s ease,box-shadow .3s ease
}
#products .hbi-coverflow__slide::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none}
#products .hbi-coverflow__slide img{object-fit:cover;transform:scale(1.015);transition:transform .55s cubic-bezier(.2,.72,.18,1)}
#products .hbi-coverflow__slide.is-active img{transform:scale(1)}
#products .hbi-coverflow__shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 40%,rgba(8,6,5,.72) 100%)}
#products .hbi-coverflow__mini{right:18px;left:18px;bottom:16px;text-align:right}
#products .hbi-coverflow__mini strong{font-size:15px;line-height:1.6;font-weight:850;text-shadow:0 2px 16px rgba(0,0,0,.35)}
#products .hbi-coverflow__slide.is-active{border-color:rgba(184,149,80,.7);box-shadow:0 26px 66px rgba(28,22,17,.23),0 0 0 1px rgba(184,149,80,.12)}
#products .hbi-coverflow__slide:focus-within{outline:2px solid var(--cf-ruby);outline-offset:4px}
#products .hbi-coverflow__nav{
  top:160px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(35,31,27,.14);background:rgba(250,249,247,.93);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(28,22,17,.09);transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease
}
#products .hbi-coverflow__nav:hover,#products .hbi-coverflow__nav:focus-visible{border-color:var(--cf-ruby);color:var(--cf-ruby);transform:translateY(-1px);background:#fff}
#products .hbi-coverflow__nav--prev{right:clamp(18px,4vw,54px)}#products .hbi-coverflow__nav--next{left:clamp(18px,4vw,54px)}
#products .hbi-coverflow__caption{width:min(700px,calc(100% - 40px));margin:-56px auto 0;min-height:126px;text-align:center}
#products .hbi-coverflow__caption h3{font-size:clamp(22px,2.15vw,29px);line-height:1.5;color:var(--cf-ink);margin-bottom:3px}
#products .hbi-coverflow__caption p{font-size:12px;line-height:1.85;color:var(--cf-muted);max-width:580px;min-height:22px;margin-bottom:10px}
#products .hbi-coverflow__caption>a{min-height:38px;padding:0 17px;border-color:rgba(165,22,45,.55);color:var(--cf-ruby);background:rgba(255,255,255,.48);font-size:11px;transition:.2s}
#products .hbi-coverflow__caption>a:hover,#products .hbi-coverflow__caption>a:focus-visible{background:var(--cf-ruby);border-color:var(--cf-ruby);color:#fff;outline:2px solid rgba(165,22,45,.18);outline-offset:3px}
#products .hbi-coverflow__dots{gap:7px;margin-top:10px;min-height:8px;align-items:center}
#products .hbi-coverflow__dot{width:7px;height:7px;background:#c9c3bc;transition:width .22s ease,background .22s ease,transform .22s ease}
#products .hbi-coverflow__dot:hover{transform:scale(1.18)}#products .hbi-coverflow__dot.is-active{width:25px;background:var(--cf-ruby)}
#products .product-categories__all{margin-top:12px;padding:6px 4px;font-size:11px}
@media(max-width:900px){
 #products.product-categories.hbi-coverflow-section{padding:56px 0 44px}
 #products .product-categories__header{margin-bottom:19px}
 #products .hbi-coverflow__viewport{height:395px}
 #products .hbi-coverflow__slide{width:min(50vw,360px);height:330px;margin-left:max(-25vw,-180px)}
 #products .hbi-coverflow__nav{top:144px}
 #products .hbi-coverflow__caption{margin-top:-52px}
}
@media(max-width:600px){
 #products.product-categories.hbi-coverflow-section{padding:38px 0 32px}
 #products .product-categories__header{padding:0 18px;margin-bottom:14px}
 #products .product-categories__header h2{font-size:25px;margin-bottom:5px;letter-spacing:-.45px}
 #products .product-categories__header p{font-size:10.5px;line-height:1.75;max-width:345px}
 #products .hbi-coverflow::before{top:20px;width:90vw;height:230px}
 #products .hbi-coverflow__viewport{height:304px;perspective:1050px}
 #products .hbi-coverflow__track{inset:0}
 #products .hbi-coverflow__slide{width:64vw;max-width:274px;height:254px;margin-left:-32vw;border-radius:14px;box-shadow:0 14px 34px rgba(28,22,17,.19)}
 #products .hbi-coverflow__mini{right:13px;left:13px;bottom:11px}
 #products .hbi-coverflow__mini strong{font-size:12.5px}
 #products .hbi-coverflow__nav{display:none}
 #products .hbi-coverflow__caption{width:calc(100% - 30px);margin:-34px auto 0;min-height:112px}
 #products .hbi-coverflow__caption h3{font-size:20px;margin-bottom:2px}
 #products .hbi-coverflow__caption p{font-size:10.5px;line-height:1.7;min-height:18px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:335px}
 #products .hbi-coverflow__caption>a{min-height:35px;padding:0 15px;font-size:10.5px}
 #products .hbi-coverflow__dots{margin-top:8px}
 #products .product-categories__all{margin-top:5px}
}
@media(max-width:390px){
 #products .hbi-coverflow__slide{width:66vw;margin-left:-33vw;height:242px}
 #products .hbi-coverflow__viewport{height:292px}
 #products .hbi-coverflow__caption{margin-top:-31px}
}
@media(prefers-reduced-motion:reduce){
 #products .hbi-coverflow__slide,#products .hbi-coverflow__slide img,#products .hbi-coverflow__nav,#products .hbi-coverflow__dot{transition:none!important}
}
