@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@500;600;700;800&display=swap');
:root{--paper:#f8f7f2;--ink:#111;--red:#ef2d16;--yellow:#ffd21c;--muted:#6e6a62;--line:#e8e4db;--soft:#f0eee9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.container{width:min(1180px,calc(100% - 46px));margin:0 auto}
/* Header */
.fyx-header{height:152px;background:#fff;border-bottom:1px solid #e6e3dd;display:grid;grid-template-columns:155px 1fr 170px;align-items:center;padding:0 42px;position:sticky;top:0;z-index:80}.fyx-logo{font-family:Anton,Impact,sans-serif;font-size:31px;letter-spacing:.01em;line-height:1}.fyx-logo span{font-family:Inter;font-size:8px;vertical-align:top;margin-left:2px}.desktop-nav{display:grid;grid-template-columns:repeat(5,minmax(max-content,1fr));grid-template-rows:repeat(2,1fr);align-items:center;justify-items:center;column-gap:24px;row-gap:2px;height:112px;max-height:none;overflow:visible;font-size:16px;font-weight:600;line-height:1.1}.desktop-nav a{white-space:nowrap}.nav-spacer{display:none}.desktop-actions{display:flex;justify-content:flex-end;gap:8px}.icon-btn{border:0;background:transparent;width:46px;height:46px;display:grid;place-items:center;font-size:31px;color:#161616}.icon-btn b{font-size:8px;vertical-align:top;margin-left:1px}.mobile-head-left,.mobile-head-actions{display:none}
/* Hero */
.hero{background:var(--paper);padding:30px 0 18px;border-bottom:1px solid #efebe4}.hero-inner{width:min(1180px,calc(100% - 46px));margin:auto;text-align:center}.hero-badge-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 6px;max-width:760px}.hero-badge{font-family:Anton,Impact,sans-serif;font-size:15px;letter-spacing:.02em;line-height:1.05;margin:0}.hero-stars{display:block;color:#c9a33a;font-family:Arial,sans-serif;font-size:11px;letter-spacing:4px;line-height:1;margin-bottom:4px}.hero-badge b{font-weight:400}.hero-badge em{font-style:normal;color:#b88b18}.hero-leaf{position:relative;display:block;width:58px;height:30px;flex:0 0 58px}.hero-leaf:before{content:"";position:absolute;width:52px;height:1px;background:#c6a14a;top:17px;left:3px}.hero-leaf i{position:absolute;display:block;width:7px;height:13px;border:1.2px solid #c6a14a;border-radius:100% 0 100% 0;transform:rotate(35deg);background:transparent}.hero-leaf i:nth-child(1){left:8px;top:7px;transform:rotate(32deg)}.hero-leaf i:nth-child(2){left:18px;top:2px;transform:rotate(22deg)}.hero-leaf i:nth-child(3){left:28px;top:5px;transform:rotate(15deg)}.hero-leaf i:nth-child(4){left:17px;top:16px;transform:rotate(202deg)}.hero-leaf i:nth-child(5){left:31px;top:14px;transform:rotate(195deg)}.hero-leaf-right{transform:scaleX(-1)}.hero-rating{font-size:10px;font-weight:700;margin-bottom:5px}.hero-rating>b{margin-left:3px}.hero-rating span{color:#68645d;font-weight:600}.hero h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(68px,6.4vw,98px);line-height:.82;letter-spacing:.005em;margin:0 auto 13px;text-align:center}.hero h1 span{color:var(--red);text-shadow:1px 1px 0 #111}.hero-gallery{display:flex;flex-direction:column;gap:7px;max-width:1080px;margin:0 auto;overflow:hidden;position:relative}
.hero-strip{width:100%;overflow:hidden}
.hero-strip-track{display:flex;gap:7px;width:max-content;will-change:transform}
.hero-strip-top .hero-strip-track{animation:fyxHeroTop 30s linear infinite}
.hero-strip-bottom .hero-strip-track{animation:fyxHeroBottom 30s linear infinite}
.hero-strip .hero-tile{flex:0 0 clamp(92px,10.7vw,116px);width:clamp(92px,10.7vw,116px);aspect-ratio:1.15;border-radius:8px;overflow:hidden;position:relative;background:#c9c6bf}
@keyframes fyxHeroTop{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 3.5px),0,0)}}
@keyframes fyxHeroBottom{from{transform:translate3d(calc(-50% - 3.5px),0,0)}to{transform:translate3d(0,0,0)}}
.hero-tile:nth-child(3n){background:#4b5158}.hero-tile:nth-child(4n){background:#d2bfae}.hero-tile:nth-child(5n){background:#8e9fb0}.hero-tile:nth-child(6n){background:#b8aaa0}.hero-room{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 57%,rgba(45,39,36,.33) 58%),linear-gradient(145deg,#e8e3db,#9b8c80);overflow:hidden}.hero-room:before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:25%;background:#493b31;box-shadow:0 -5px 0 rgba(0,0,0,.07)}.hero-room:after{content:"";position:absolute;left:34%;right:34%;top:42%;height:30%;background:#111;border-radius:2px;box-shadow:0 8px 0 -5px #887462}.hero-room i{position:absolute;background:#eee;box-shadow:0 5px 10px rgba(0,0,0,.25);display:block}.hero-room i:nth-child(1){width:23%;height:35%;left:9%;top:10%;transform:rotate(-4deg);background:linear-gradient(135deg,#101010,#dd3324)}.hero-room i:nth-child(2){width:22%;height:38%;left:39%;top:7%;transform:rotate(2deg);background:linear-gradient(135deg,#eee9e2,#6b4d40)}.hero-room i:nth-child(3){width:23%;height:34%;right:7%;top:13%;transform:rotate(-4deg);background:linear-gradient(135deg,#161616,#b1a69b)}
@media(prefers-reduced-motion:reduce){.hero-strip-track{animation:none!important}.hero-strip-top .hero-strip-track{transform:translateX(0)}.hero-strip-bottom .hero-strip-track{transform:translateX(calc(-50% - 3.5px))}}
.hero-actions{display:flex;gap:7px;justify-content:center;margin:10px auto 7px;max-width:370px}.yellow-btn,.black-btn{border:0;border-radius:9px;padding:11px 16px;font-size:9px;font-weight:800;display:flex;justify-content:center;align-items:center;white-space:nowrap}.yellow-btn{background:var(--yellow)}.black-btn{background:#111;color:#fff;width:100%}.hero-actions .yellow-btn,.hero-actions .hero-black{width:auto;min-width:170px}.hero-status{display:flex;justify-content:center;gap:15px;font-size:7px;color:#666}.hero-status span:first-child{color:#337a32}.hero-status b{color:#337a32}
@media(min-width:700px){.hero-strip .hero-tile{flex-basis:clamp(100px,10.8vw,116px);width:clamp(100px,10.8vw,116px)}}

/* Sections */
.store-section{padding:25px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:8px}.kicker{font-size:7px;letter-spacing:.17em;font-weight:700;color:#78736a;margin-bottom:4px}.section-head h2,.why-section h2{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:25px;line-height:.95;letter-spacing:.02em;margin:0}.all-link{font-size:8px;font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.rail-viewport{overflow:hidden}.card-rail{display:flex;gap:9px;overflow-x:auto;padding:0 1px 8px;scrollbar-width:none}.card-rail::-webkit-scrollbar{display:none}.wall-card,.product-card{flex:0 0 165px;width:165px}.wall-card-clickable{cursor:pointer}.room-shot,.poster-shot{display:block;position:relative;overflow:hidden;border-radius:9px;background:#e7e4de;aspect-ratio:.84}.room-shot img,.poster-shot img{width:100%;height:100%;display:block;object-fit:cover}.room-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.28))}.yellow-tag{position:absolute;left:6px;top:6px;background:var(--yellow);color:#111;border-radius:6px;padding:5px 6px;font-size:7px;font-weight:800;line-height:1}.card-title{font-size:8.5px;line-height:1.15;font-weight:800;min-height:26px;margin-top:5px}.card-price{font-size:8px;font-weight:800;margin-top:4px}.card-price del{font-size:7px;color:#9a978f;margin-left:3px;font-weight:600}.size-pills{display:flex;gap:4px;margin-top:5px}.size-pills span{border:1px solid #ddd9d0;border-radius:999px;padding:4px 6px;font-size:6px;font-weight:700;background:#fff}.offer-note{font-size:6px;color:#777;min-height:10px;margin-top:3px}.card-rail .black-btn{margin-top:4px;padding:8px 6px;font-size:7px;border-radius:7px}.from-price{font-size:8px;font-weight:800;color:#8b5b00;margin:4px 0}.mix-card .card-title{min-height:26px}.collections-section{padding-top:20px;padding-bottom:1px}.custom-section{padding-bottom:2px}.feature-rail{display:flex;gap:8px;overflow:hidden}.feature-card{flex:1;min-width:0}.feature-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:9px}.feature-card div{font-size:9px;font-weight:800;line-height:1.1;margin-top:5px}.feature-card span{display:block;font-size:7px;color:#777;margin-top:2px}.why-section{padding:30px 0 0}.why-section h2{margin-bottom:10px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.proof-grid>div{background:#f5f3ee;border-radius:7px;padding:12px 10px;text-align:center}.proof-grid strong{display:block;font-family:Anton,Impact,sans-serif;font-size:16px;line-height:1}.proof-grid span{font-size:6px;color:#7b766e;display:block;margin-top:4px}.faq-mini{border-top:1px solid var(--line);margin-top:6px}.faq-mini details{border-bottom:1px solid var(--line);padding:10px 2px}.faq-mini summary{cursor:pointer;font-size:8px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq-mini summary::-webkit-details-marker{display:none}.faq-mini summary:after{content:'+'}.faq-mini details[open] summary:after{content:'−'}.faq-mini p{font-size:7px;line-height:1.5;color:#6f6b64;margin:7px 0 0}
/* Footer exactly mirrors reference structure: black link area + red legal strip */
.footer{margin-top:18px;background:#111;color:#fff}.footer-grid{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;padding:19px 10px 10px}.footer-grid>div:first-child{display:none}.footer-grid h4{display:none}.footer-grid a{font-size:7px;color:#fff;opacity:.95;white-space:nowrap}.footer-bottom{border-top:0;padding:8px 10px 11px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:6px;color:#fff;opacity:.95;text-align:center}.footer-bottom span:first-child{display:none}.footer-bottom span:last-child{font-size:6px}.footer:after{content:'All artwork posted on this website is intended as fan art and is not purported to be official merchandise unless indicated otherwise. If you have any issues regarding the artwork, please write to us at support@fyxofficial.com.\A © 2026 · All Rights Reserved | fyx.in';white-space:pre-line;display:block;background:#e52c25;color:#fff;text-align:center;font-size:7px;line-height:1.35;font-weight:700;padding:10px 16px}
@media(min-width:1200px){.fyx-header{grid-template-columns:155px 1fr 170px;padding:0 42px}.desktop-nav{column-gap:24px;row-gap:2px;font-size:16px}.hero-inner{width:min(1180px,calc(100% - 80px))}.hero-gallery{max-width:1080px}.hero h1{font-size:96px}.wall-card,.product-card{flex-basis:172px;width:172px}.store-section{padding-top:28px}.container{width:min(1180px,calc(100% - 140px))}}
@media(max-width:900px){.desktop-nav{gap:12px}.fyx-header{grid-template-columns:120px 1fr 116px;padding:0 20px}.hero h1{font-size:clamp(62px,10vw,86px)}.hero-gallery{max-width:900px}}
@media(max-width:699px){
  .container,.hero-inner{width:calc(100% - 24px)}
  .fyx-header{height:54px;display:grid;grid-template-columns:40px 1fr 105px;padding:0 10px;position:relative}.desktop-nav,.desktop-actions{display:none}.mobile-head-left,.mobile-head-actions{display:flex;align-items:center}.mobile-head-left .icon-btn{width:36px}.mobile-head-actions{justify-content:flex-end;gap:1px}.mobile-head-actions .icon-btn{width:32px;font-size:18px}.fyx-logo{text-align:center;font-size:28px}
  .hero{padding:12px 0 10px}.hero-badge-row{gap:4px;margin-bottom:5px}.hero-badge{font-size:10px}.hero-stars{font-size:8px;letter-spacing:3px;margin-bottom:3px}.hero-leaf{width:38px;height:23px;flex-basis:38px}.hero-leaf:before{width:34px;top:13px;left:2px}.hero-leaf i{width:5px;height:9px}.hero-leaf i:nth-child(1){left:5px;top:6px}.hero-leaf i:nth-child(2){left:12px;top:2px}.hero-leaf i:nth-child(3){left:19px;top:4px}.hero-leaf i:nth-child(4){left:11px;top:12px}.hero-leaf i:nth-child(5){left:21px;top:11px}.hero-rating{font-size:8px;margin-bottom:4px}.hero h1{font-size:clamp(44px,12.5vw,55px);line-height:.84;letter-spacing:.01em;margin-bottom:9px}.hero-gallery{gap:5px}.hero-strip-track{gap:5px}.hero-strip .hero-tile{flex-basis:calc((100vw - 45px)/6);width:calc((100vw - 45px)/6);border-radius:7px}.hero-tile{border-radius:7px}.hero-actions{margin-top:8px;gap:5px}.yellow-btn,.black-btn{font-size:9px;padding:10px 14px;border-radius:9px}.hero-actions .yellow-btn,.hero-actions .hero-black{min-width:0;flex:1}.hero-status{font-size:7px;gap:13px}
  .store-section{padding-top:24px}.section-head{margin-bottom:8px}.kicker{font-size:7px}.section-head h2,.why-section h2{font-size:22px}.all-link{font-size:7px}.card-rail{gap:8px}.wall-card,.product-card{flex-basis:130px;width:130px}.room-shot,.poster-shot{border-radius:8px}.card-title{font-size:8px;min-height:26px}.card-price{font-size:7.5px}.card-price del{font-size:6.5px}.size-pills span{font-size:5.5px;padding:4px 5px}.offer-note{font-size:5.5px}.card-rail .black-btn{font-size:6.5px;padding:8px 4px}.yellow-tag{font-size:6px}.feature-rail{gap:7px;overflow-x:hidden}.feature-card{flex:0 0 48.7%}.feature-card div{font-size:8px}.feature-card span{font-size:6px}.collections-section{padding-top:20px}.why-section{padding-top:28px}.proof-grid>div{padding:11px 6px}.proof-grid strong{font-size:14px}.proof-grid span{font-size:5.5px}.faq-mini details{padding:9px 2px}.faq-mini summary{font-size:7px}.faq-mini p{font-size:6.5px}.footer{margin-top:17px}.footer-grid{gap:10px 12px;padding-top:14px}.footer-grid a{font-size:6px}.footer-bottom{padding:7px 10px 10px;font-size:5.5px}.footer:after{font-size:6px;padding:9px 11px}
}

/* V8 — size + header refinement based strictly on the supplied reference screenshots */
.fyx-header .icon-btn svg{width:19px;height:19px;display:block;fill:none;stroke:#111;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.fyx-header .hamburger svg{width:20px;height:20px}
.fyx-header .icon-btn{position:relative}
.fyx-header .icon-btn b{position:absolute;right:0px;top:5px;min-width:11px;height:11px;display:grid;place-items:center;font:700 6px/1 Inter,Arial,sans-serif;background:#111;color:#fff;border-radius:50%;padding:0 2px}

@media(min-width:700px){
  .fyx-header{height:58px;grid-template-columns:150px 1fr 112px;padding:0 36px}
  .desktop-nav{gap:20px;font-size:9.4px;letter-spacing:-.01em}
  .desktop-actions{gap:2px}
  .desktop-actions .icon-btn{width:32px;height:58px;font-size:18px}
  .desktop-actions .icon-btn svg{width:18px;height:18px}
  .hero{padding:28px 0 15px}
  .hero-inner{width:min(1090px,calc(100% - 80px))}
  .hero-badge{font-size:14px}
  .hero-rating{font-size:11px}
  .hero h1{font-size:clamp(92px,7.1vw,118px);max-width:1040px;margin-bottom:15px}
  .hero-gallery{max-width:980px;gap:7px}.hero-strip-track{gap:7px}
  .hero-actions{max-width:390px;margin-top:10px}
  .yellow-btn,.black-btn{font-size:10.5px;padding:12px 16px}
  .hero-status{font-size:8.5px}

  .container{width:min(1080px,calc(100% - 80px))}
  .store-section{padding-top:34px}
  .section-head{margin-bottom:10px}
  .kicker{font-size:8px;letter-spacing:.17em}
  .section-head h2,.why-section h2{font-size:34px;line-height:.93}
  .all-link{font-size:9px}
  .card-rail{gap:12px;padding-bottom:10px}
  .wall-card,.product-card{flex-basis:182px;width:182px}
  .room-shot,.poster-shot{border-radius:10px}
  .card-title{font-size:10.5px;line-height:1.18;min-height:31px;margin-top:6px}
  .card-price{font-size:10px;margin-top:4px}
  .card-price del{font-size:8px}
  .size-pills{gap:5px;margin-top:6px}
  .size-pills span{font-size:7px;padding:5px 7px}
  .offer-note{font-size:7px;min-height:12px}
  .card-rail .black-btn{font-size:8.5px;padding:9px 7px;margin-top:5px}
  .yellow-tag{font-size:7.5px;padding:6px 7px}
  .from-price{font-size:10px}
  .feature-card div{font-size:10.5px}
  .feature-card span{font-size:8px}
  .why-section{padding-top:48px}
  .why-section h2{margin-bottom:12px}
  .proof-grid{gap:8px}
  .proof-grid>div{padding:14px 10px}
  .proof-grid strong{font-size:18px}
  .proof-grid span{font-size:7px}
  .faq-mini details{padding:11px 2px}
  .faq-mini summary{font-size:9px}
  .faq-mini p{font-size:8px}
  .footer-grid a{font-size:8px}
  .footer-bottom{font-size:7px}
  .footer:after{font-size:8px}
}

@media(min-width:1200px){
  .fyx-header{grid-template-columns:170px 1fr 120px;padding:0 42px}
  .desktop-nav{gap:21px;font-size:9.7px}
  .hero-inner{width:min(1100px,calc(100% - 100px))}
  .hero-gallery{max-width:1000px}.hero-strip-track{gap:7px}
  .hero h1{font-size:118px}
  .container{width:min(1080px,calc(100% - 110px))}
  .wall-card,.product-card{flex-basis:188px;width:188px}
}

@media(max-width:699px){
  .fyx-header{height:54px;grid-template-columns:40px 1fr 112px;padding:0 9px}
  .mobile-head-actions .icon-btn{width:34px;height:54px}
  .mobile-head-actions .icon-btn svg{width:18px;height:18px}
  .fyx-logo{font-size:29px}
  .hero-badge{font-size:10.5px}
  .hero-rating{font-size:8.5px}
  .hero h1{font-size:clamp(48px,13.5vw,60px);margin-bottom:10px}
  .hero-gallery{gap:5px}
  .hero-actions .yellow-btn,.hero-actions .hero-black{font-size:10px;padding:11px 12px}
  .hero-status{font-size:7.5px}
  .container,.hero-inner{width:calc(100% - 22px)}
  .store-section{padding-top:27px}
  .section-head{margin-bottom:9px}
  .kicker{font-size:7.5px}
  .section-head h2,.why-section h2{font-size:25px}
  .all-link{font-size:8px}
  .card-rail{gap:9px;padding-bottom:9px}
  .wall-card,.product-card{flex-basis:145px;width:145px}
  .room-shot,.poster-shot{border-radius:9px}
  .card-title{font-size:9.5px;line-height:1.18;min-height:28px;margin-top:6px}
  .card-price{font-size:8.5px}
  .card-price del{font-size:7px}
  .size-pills{gap:4px;margin-top:6px}
  .size-pills span{font-size:6px;padding:4px 5px}
  .offer-note{font-size:6px;min-height:11px}
  .card-rail .black-btn{font-size:7.5px;padding:9px 5px}
  .yellow-tag{font-size:6.5px;padding:5px 6px}
  .from-price{font-size:9px}
  .feature-card div{font-size:9.5px}
  .feature-card span{font-size:7px}
  .why-section{padding-top:34px}
  .proof-grid>div{padding:12px 7px}
  .proof-grid strong{font-size:16px}
  .proof-grid span{font-size:6px}
  .faq-mini summary{font-size:8px}
  .faq-mini p{font-size:7px}
}

/* V9 — larger non-hero typography and cards. Hero styles are intentionally untouched. */
@media(min-width:700px){
  .store-section{padding-top:40px}
  .section-head{margin-bottom:14px}
  .kicker{font-size:9px;letter-spacing:.16em}
  .section-head h2,.why-section h2{font-size:42px;line-height:.92}
  .all-link{font-size:10.5px}
  .card-rail{gap:14px;padding-bottom:12px}
  .wall-card,.product-card{flex-basis:222px;width:222px}
  .room-shot,.poster-shot{border-radius:12px}
  .card-title{font-size:12.5px;line-height:1.2;min-height:36px;margin-top:8px}
  .card-price{font-size:12px;margin-top:5px}
  .card-price del{font-size:9.5px;margin-left:4px}
  .size-pills{gap:6px;margin-top:7px}
  .size-pills span{font-size:8px;padding:6px 9px}
  .offer-note{font-size:8px;min-height:13px;margin-top:4px}
  .card-rail .black-btn{font-size:9.5px;padding:10px 8px;margin-top:6px;border-radius:8px}
  .yellow-tag{font-size:8.5px;padding:7px 8px;border-radius:7px}
  .from-price{font-size:12px;margin:5px 0}
  .feature-rail{gap:12px}
  .feature-card div{font-size:12.5px;line-height:1.15;margin-top:7px}
  .feature-card span{font-size:9px;margin-top:3px}
  .why-section{padding-top:54px}
  .why-section h2{margin-bottom:15px}
  .proof-grid{gap:10px}
  .proof-grid>div{padding:16px 12px}
  .proof-grid strong{font-size:21px}
  .proof-grid span{font-size:8px;margin-top:5px}
  .faq-mini{margin-top:8px}
  .faq-mini details{padding:13px 2px}
  .faq-mini summary{font-size:10.5px}
  .faq-mini p{font-size:9px;line-height:1.55}
}

@media(min-width:1200px){
  .container{width:min(1120px,calc(100% - 100px))}
  .wall-card,.product-card{flex-basis:232px;width:232px}
  .section-head h2,.why-section h2{font-size:46px}
  .card-title{font-size:13px}
  .card-price{font-size:12.5px}
  .feature-card div{font-size:13px}
}

@media(max-width:699px){
  .store-section{padding-top:31px}
  .section-head{margin-bottom:10px}
  .kicker{font-size:8px;letter-spacing:.15em}
  .section-head h2,.why-section h2{font-size:29px;line-height:.94}
  .all-link{font-size:8.5px}
  .card-rail{gap:10px;padding-bottom:10px}
  .wall-card,.product-card{flex-basis:168px;width:168px}
  .room-shot,.poster-shot{border-radius:10px}
  .card-title{font-size:10.5px;line-height:1.2;min-height:31px;margin-top:7px}
  .card-price{font-size:9.5px;margin-top:5px}
  .card-price del{font-size:7.5px;margin-left:3px}
  .size-pills{gap:5px;margin-top:6px}
  .size-pills span{font-size:6.8px;padding:5px 6px}
  .offer-note{font-size:6.8px;min-height:12px}
  .card-rail .black-btn{font-size:8px;padding:9px 5px;border-radius:8px}
  .yellow-tag{font-size:7px;padding:6px 7px}
  .from-price{font-size:10px}
  .feature-rail{gap:9px}
  .feature-card div{font-size:10.5px;line-height:1.15;margin-top:6px}
  .feature-card span{font-size:7.5px;margin-top:3px}
  .why-section{padding-top:39px}
  .why-section h2{margin-bottom:13px}
  .proof-grid{gap:7px}
  .proof-grid>div{padding:13px 7px}
  .proof-grid strong{font-size:18px}
  .proof-grid span{font-size:6.5px}
  .faq-mini{margin-top:7px}
  .faq-mini details{padding:11px 2px}
  .faq-mini summary{font-size:9px}
  .faq-mini p{font-size:7.5px}
}


/* V10 — header/footer/why text + non-hero buttons only. Hero remains unchanged. */
@media(min-width:700px){
  .desktop-nav{font-size:11.5px;gap:22px;line-height:1.1}
  .desktop-actions .icon-btn{font-size:20px}
  .why-intro{font-size:15px;line-height:1.5;max-width:760px;margin:0 0 18px;color:#5f5b54;font-weight:600}
  .store-section .card-rail .black-btn{font-size:11.5px;padding:13px 12px;min-height:44px}
  .store-section .yellow-btn{font-size:11.5px;padding:13px 16px;min-height:44px}
  .footer-grid a{font-size:10px}
  .footer-bottom{font-size:8.5px}
  .footer:after{font-size:9px;line-height:1.45;padding:12px 18px}
}
@media(min-width:1200px){
  .desktop-nav{font-size:12px;gap:24px}
  .why-intro{font-size:16px}
  .store-section .card-rail .black-btn{font-size:12px;padding:14px 13px;min-height:46px}
  .footer-grid a{font-size:10.5px}
  .footer:after{font-size:9.5px}
}
@media(max-width:699px){
  .mobile-head-actions .icon-btn{font-size:20px}
  .why-intro{font-size:11px;line-height:1.5;margin:0 0 14px;color:#66625b;font-weight:600}
  .store-section .card-rail .black-btn{font-size:10px;padding:11px 7px;min-height:42px}
  .footer-grid{gap:12px 16px;padding-top:17px}
  .footer-grid a{font-size:8px}
  .footer-bottom{font-size:7px}
  .footer:after{font-size:7.5px;line-height:1.45;padding:10px 12px}
}

/* V11 — footer + FAQ readability pass. Hero remains untouched. */
.footer{margin-top:28px;background:#111;color:#fff}
.footer-grid{gap:22px 30px;padding:30px 20px 18px}
.footer-grid a{font-size:14px;font-weight:700;letter-spacing:.01em}
.footer-bottom{padding:14px 20px 18px;gap:18px;font-size:12px;line-height:1.5}
.footer-bottom span:last-child{font-size:12px}
.footer:after{font-size:13px;line-height:1.6;padding:17px 24px;font-weight:700}
.faq-mini details{padding:18px 4px}
.faq-mini summary{font-size:15px;line-height:1.35;font-weight:800}
.faq-mini p{font-size:12px;line-height:1.6;margin:9px 0 0}
@media(max-width:699px){
  .footer{margin-top:24px}
  .footer-grid{gap:16px 20px;padding:24px 16px 16px}
  .footer-grid a{font-size:12px}
  .footer-bottom{padding:12px 16px 15px;gap:12px;font-size:10px}
  .footer-bottom span:last-child{font-size:10px}
  .footer:after{font-size:10.5px;line-height:1.55;padding:14px 15px}
  .faq-mini details{padding:15px 2px}
  .faq-mini summary{font-size:12px;line-height:1.4}
  .faq-mini p{font-size:10px;line-height:1.55}
}
.footer-brand{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 20px 4px}
.footer-brand strong{font-family:Anton,Impact,sans-serif;font-size:34px;letter-spacing:.04em}
.footer-brand span{font-size:13px;font-weight:600;opacity:.8}
@media(max-width:699px){.footer-brand{padding:22px 16px 3px}.footer-brand strong{font-size:28px}.footer-brand span{font-size:10px}}

/* V31 — Homepage conversion + visual polish. Hero intentionally unchanged. */
.collections-section{padding-bottom:4px}.collection-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.collection-card{min-height:190px;border-radius:14px;overflow:hidden;position:relative;padding:15px;color:#fff;background:#242424;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:inset 0 -90px 90px rgba(0,0,0,.45);isolation:isolate}.collection-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#222,#777)}.collection-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.28),transparent 38%),linear-gradient(145deg,transparent 35%,rgba(0,0,0,.55));mix-blend-mode:screen;opacity:.55}.collection-card span{position:absolute;top:13px;left:14px;font-size:9px;font-weight:800;opacity:.75}.collection-card strong{font-family:Anton,Impact,sans-serif;font-size:25px;line-height:.9;letter-spacing:.01em}.collection-card em{font-style:normal;font-size:9px;font-weight:800;margin-top:10px}.c-cars:before{background:linear-gradient(145deg,#141414,#b52f21 55%,#dfbd87)}.c-anime:before{background:linear-gradient(145deg,#22124c,#b82b75 55%,#f0a15b)}.c-movies:before{background:linear-gradient(145deg,#090909,#384b5c 50%,#b48a5c)}.c-gaming:before{background:linear-gradient(145deg,#071b22,#1d6d7b 50%,#a4d0d0)}.c-sports:before{background:linear-gradient(145deg,#18291c,#66823c 55%,#d5b36c)}.c-aesthetic:before{background:linear-gradient(145deg,#30221e,#a98a7e 52%,#e3c4a8)}
.wall-builder-cta{margin-top:48px;background:#111;color:#fff;overflow:hidden}.wall-builder-inner{min-height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:55px;padding-bottom:55px}.wall-builder-inner .kicker{color:#aaa}.wall-builder-inner h2{font-family:Anton,Impact,sans-serif;font-size:clamp(48px,5.3vw,78px);line-height:.9;font-weight:400;letter-spacing:.01em;margin:8px 0 16px}.wall-builder-inner h2 span{color:var(--yellow)}.wall-builder-inner p{max-width:520px;color:#c8c5be;font-size:14px;line-height:1.55;margin:0 0 22px}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}.cta-actions .yellow-btn,.cta-actions .outline-btn{min-height:48px;padding:14px 20px;font-size:11px;font-weight:800;border-radius:9px}.outline-btn{border:1px solid #666;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center}.wall-preview{height:330px;position:relative;max-width:520px;margin:auto;width:100%;transform:rotate(-2deg)}.preview-p{position:absolute;background:#eee;border:7px solid #fff;box-shadow:0 15px 35px rgba(0,0,0,.45);background-image:linear-gradient(145deg,#111,#9b3b2e 55%,#d6b16c)}.preview-p:after{content:"";position:absolute;inset:10%;border:2px solid rgba(255,255,255,.7)}.preview-p.p1{width:26%;height:58%;left:4%;top:18%;transform:rotate(-8deg)}.preview-p.p2{width:29%;height:66%;left:27%;top:5%;transform:rotate(1deg);background-image:linear-gradient(145deg,#141414,#41566b 55%,#ddd0b4)}.preview-p.p3{width:25%;height:59%;right:4%;top:18%;transform:rotate(7deg);background-image:linear-gradient(145deg,#241018,#bd3855 55%,#e7b16e)}.preview-p.p4{width:23%;height:48%;left:15%;bottom:0;transform:rotate(5deg);background-image:linear-gradient(145deg,#10252b,#2f7f8a 55%,#b6d5cf)}.preview-p.p5{width:24%;height:49%;right:15%;bottom:0;transform:rotate(-5deg);background-image:linear-gradient(145deg,#222,#6e7047 55%,#d5b774)}
.gallery-grid-home{display:grid;grid-template-columns:1.4fr .9fr .9fr 1.1fr;grid-template-rows:180px 180px;gap:9px;margin-top:12px}.gallery-shot{border-radius:13px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d8d0c7,#6c5a50 55%,#201d1b);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.gallery-shot:before{content:"";position:absolute;background:#f4eee4;box-shadow:0 8px 18px rgba(0,0,0,.25);width:34%;height:48%;left:33%;top:22%;transform:rotate(-4deg);background-image:linear-gradient(135deg,#111,#c83a2a)}.gallery-shot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.45))}.gallery-shot span{position:absolute;z-index:2;left:12px;bottom:10px;color:#fff;font-size:9px;font-weight:800}.gallery-shot.g1{grid-row:1/3}.gallery-shot.g2:before{background-image:linear-gradient(135deg,#eee,#526a77)}.gallery-shot.g3:before{background-image:linear-gradient(135deg,#181818,#d7b56f)}.gallery-shot.g4{grid-column:2/4}.gallery-shot.g4:before{width:24%;left:38%;background-image:linear-gradient(135deg,#321,#a63e56)}.gallery-shot.g5:before{background-image:linear-gradient(135deg,#171717,#547d59)}
.review-cards-home{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.review-cards-home article{background:#f5f3ee;border-radius:14px;padding:23px;min-height:180px;display:flex;flex-direction:column}.review-cards-home .stars{font-size:15px;letter-spacing:.08em;margin-bottom:16px}.review-cards-home p{font-size:14px;line-height:1.5;margin:0;color:#25231f;font-weight:600}.review-cards-home strong{font-size:10px;color:#777;margin-top:auto;padding-top:18px}.customer-gallery,.review-strip{padding-bottom:5px}
@media(max-width:699px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:8px}.collection-card{min-height:150px;padding:12px;border-radius:11px}.collection-card strong{font-size:23px}.collection-card em{font-size:8px;margin-top:7px}.wall-builder-cta{margin-top:35px}.wall-builder-inner{min-height:auto;grid-template-columns:1fr;gap:22px;padding-top:38px;padding-bottom:35px}.wall-builder-inner h2{font-size:48px}.wall-builder-inner p{font-size:11px}.cta-actions{display:grid;grid-template-columns:1fr}.cta-actions .yellow-btn,.cta-actions .outline-btn{width:100%;font-size:10px}.wall-preview{height:250px;max-width:390px}.gallery-grid-home{grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px;gap:7px}.gallery-shot.g1{grid-row:1/3}.gallery-shot.g4{grid-column:2/3}.gallery-shot.g5{grid-column:1/3}.review-cards-home{grid-template-columns:1fr;gap:8px}.review-cards-home article{min-height:150px;padding:18px}.review-cards-home p{font-size:12px}.review-cards-home strong{font-size:9px}.customer-gallery,.review-strip{padding-bottom:0}}

/* V33 — final header refinement: slightly shorter, balanced two-row navigation, four consistent SVG icons */
@media(min-width:700px){
  .fyx-header{height:128px;grid-template-columns:165px 1fr 180px;padding:0 38px}
  .fyx-logo{font-size:31px}
  .desktop-nav{grid-template-columns:repeat(5,minmax(max-content,1fr));grid-template-rows:repeat(2,1fr);height:94px;column-gap:18px;row-gap:0;font-size:14px;line-height:1.08}
  .desktop-actions{gap:2px}
  .desktop-actions .icon-btn{width:43px;height:54px;font-size:22px}
  .desktop-actions .icon-btn svg{width:22px;height:22px}
}
@media(min-width:1200px){
  .fyx-header{grid-template-columns:170px 1fr 180px;padding:0 42px}
  .desktop-nav{column-gap:22px;font-size:14.5px}
}
.fyx-header .icon-btn svg{width:22px;height:22px;fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.hero-strip .hero-tile>img{width:100%;height:100%;display:block;object-fit:cover}

/* Homepage search drawer — kept identical to shared storefront search */
.search-drawer{display:none;position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:200}
.search-inner{background:#fff;padding:20px;display:flex;gap:10px;position:relative}
.search-inner form{flex:1;display:flex}
.search-inner input{flex:1;border:0;border-bottom:1px solid #aaa;font-size:18px;padding:10px;outline:none;background:#fff;color:#111}
.search-inner form button{border:0;background:#111;color:#fff;padding:0 20px;min-height:42px}
.search-inner .drawer-close{border:0;background:#eee;color:#111;padding:0 18px;min-height:42px}
@media(max-width:699px){.search-inner{padding:14px 12px;gap:8px}.search-inner input{font-size:15px;padding:9px}.search-inner form button{padding:0 14px}.search-inner .drawer-close{padding:0 13px}}

/* V51 — homepage + hero width aligned with inner pages; mobile unchanged */
@media(min-width:700px){
  .container,.hero-inner{width:min(1320px,calc(100% - 36px))}
  .hero-gallery{max-width:1320px}
}

/* V52 — hero moving-photo tiles: exact desktop size + seamless repeated belts */
@media(min-width:700px){
  .hero-strip-track{gap:8px}
  .hero-strip .hero-tile{flex:0 0 120px;width:120px;height:108px;aspect-ratio:auto}
}

/* V54 — desktop hero composition matched to supplied reference.
   Moving strip tracks, animations, repetitions, tile size and gaps are intentionally untouched. */
@media(min-width:700px){
  .hero{padding:20px 0 17px}
  .hero-inner{text-align:left}
  .hero-badge-row{margin:0 auto 10px;justify-content:center}
  .hero-rating{font-size:10px;line-height:1.2;margin:0 0 7px;text-align:left;text-transform:uppercase;letter-spacing:.08em}
  .hero h1{
    width:max-content;
    max-width:100%;
    margin:0 0 11px;
    text-align:left;
    font-size:54px;
    line-height:.92;
    letter-spacing:.005em;
  }
  .hero h1 span{
    display:inline-block;
    color:#f23812;
    text-shadow:none;
    position:relative;
    padding-bottom:4px;
  }
  .hero h1 span:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:5px;
    border-radius:999px;
    background:#ffb400;
  }
  .hero-gallery{margin:0;}
  .hero-actions{justify-content:flex-start;max-width:none;margin:11px 0 9px}
  .hero-actions .yellow-btn{min-width:148px}
  .hero-actions .hero-black{min-width:140px}
  .hero-status{justify-content:flex-start;gap:17px;font-size:8px}
}
@media(min-width:1200px){
  .hero h1{font-size:56px}
}
@media(min-width:700px){
  .hero-badge{font-size:13px;line-height:.95;text-align:center}
  .hero-badge b{display:block}
  .hero-stars{font-size:9px;letter-spacing:3px;margin-bottom:3px}
  .hero-rating{color:#c79400}
  .hero-rating b{color:#c79400}
  .hero-rating span{color:#66625c}
  .hero-actions .yellow-btn{background:#ffbd00;min-height:40px}
  .hero-actions .hero-black{min-height:40px}
}

/* V55 — reference hero typography, controls and OG badge polish.
   Width/side spacing and moving-strip layout/animation are intentionally untouched. */
@media(min-width:700px){
  .hero-badge-row{
    gap:8px;
    margin-bottom:11px;
  }
  .hero-badge{
    position:relative;
    font-size:14px;
    line-height:.92;
    letter-spacing:.012em;
    padding:0 0 5px;
  }
  .hero-badge:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:88px;
    height:3px;
    border-radius:999px;
    background:#e5aa00;
    transform:translateX(-50%);
  }
  .hero-stars{
    font-size:9px;
    letter-spacing:4px;
    margin-bottom:3px;
    color:#e0a400;
  }
  .hero-badge em{color:#d59a00}

  .hero-leaf{
    width:44px;
    height:34px;
    flex:0 0 44px;
  }
  .hero-leaf:before{
    content:"";
    position:absolute;
    width:34px;
    height:2px;
    left:5px;
    top:21px;
    border-radius:999px;
    background:#dfa400;
    transform:rotate(-29deg);
    transform-origin:left center;
  }
  .hero-leaf:after{
    content:"";
    position:absolute;
    display:block;
    width:7px;
    height:13px;
    left:28px;
    top:2px;
    border:0;
    border-radius:95% 0 95% 0;
    background:#dfa400;
    transform:rotate(35deg);
  }
  .hero-leaf i{
    width:7px;
    height:13px;
    border:0;
    border-radius:95% 0 95% 0;
    background:#dfa400;
  }
  .hero-leaf i:nth-child(1){left:5px;top:15px;transform:rotate(-10deg)}
  .hero-leaf i:nth-child(2){left:10px;top:8px;transform:rotate(5deg)}
  .hero-leaf i:nth-child(3){left:17px;top:3px;transform:rotate(20deg)}
  .hero-leaf i:nth-child(4){left:16px;top:18px;transform:rotate(150deg)}
  .hero-leaf i:nth-child(5){left:25px;top:12px;transform:rotate(145deg)}

  .hero-rating{
    font-size:9.5px;
    line-height:1.2;
    margin-bottom:9px;
    font-weight:800;
    letter-spacing:.075em;
  }
  .hero-rating span{font-weight:700}

  .hero h1{
    font-size:49px;
    line-height:.91;
    letter-spacing:.002em;
    margin-bottom:11px;
  }
  .hero h1 span{
    padding-bottom:4px;
  }
  .hero h1 span:after{
    height:5px;
  }

  .hero-actions{
    gap:8px;
    margin:11px 0 9px;
  }
  .hero-actions .yellow-btn,
  .hero-actions .hero-black{
    height:41px;
    min-height:41px;
    padding:0 20px;
    border-radius:9px;
    font-size:11px;
    line-height:1;
    font-weight:800;
  }
  .hero-actions .yellow-btn{min-width:148px}
  .hero-actions .hero-black{min-width:140px}
  .hero-status{
    gap:17px;
    font-size:8.5px;
    line-height:1.2;
    font-weight:600;
  }
}
@media(min-width:1200px){
  .hero h1{font-size:50px}
}

/* V56 — exact uploaded OG No.1 badge image.
   Hero width, strips, headline, buttons and all other hero layout remain unchanged. */
.hero-badge-row .hero-badge-image{
  display:block;
  width:250px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:699px){
  .hero-badge-row .hero-badge-image{width:190px}
}

/* V57 — social-proof count/reveal animation from supplied reference recording.
   Moving photo belts, hero width, tile sizing and belt animation are intentionally untouched. */
.hero-proof-title .hero-count{
  display:inline;
  color:#111;
  text-shadow:none;
  padding:0;
  position:static;
  white-space:nowrap;
}
.hero-proof-title .hero-count:after{content:none!important}
.hero-proof-title .hero-next{
  transform-origin:left center;
  transition:opacity .16s ease,transform .16s ease;
  will-change:opacity,transform;
}
.hero-proof-title .hero-next:after{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .34s cubic-bezier(.22,.75,.25,1);
  will-change:transform;
}
.hero-proof-title.is-scrambling .hero-next{
  opacity:0;
  transform:translateY(4px);
}
.hero-proof-title.is-scrambling .hero-next:after{transform:scaleX(0)}
.hero-proof-title.is-settled .hero-next{
  opacity:1;
  transform:translateY(0);
}
.hero-proof-title.is-settled .hero-next:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){
  .hero-proof-title .hero-next,
  .hero-proof-title .hero-next:after{transition:none}
}

/* V58 — slightly larger exact OG badge only. */
.hero-badge-row .hero-badge-image{width:280px}
@media(max-width:699px){
  .hero-badge-row .hero-badge-image{width:205px}
}

/* V59 — larger hero CTA buttons only. */
@media(min-width:700px){
  .hero-actions .yellow-btn,
  .hero-actions .hero-black{
    height:46px;
    min-height:46px;
    padding:0 26px;
    border-radius:10px;
    font-size:12px;
  }
  .hero-actions .yellow-btn{min-width:165px}
  .hero-actions .hero-black{min-width:158px}
}
@media(max-width:699px){
  .hero-actions .yellow-btn,
  .hero-actions .hero-black{
    min-height:44px;
    padding:0 16px;
    font-size:10px;
  }
}

/* V60 — tighter desktop navigation spacing to reserve more room for the FYX logo.
   Menu labels, header height, actions and mobile header remain unchanged. */
@media (min-width:901px){
  .fyx-header{grid-template-columns:190px 1fr 180px}
  .desktop-nav{column-gap:12px}
}
@media (min-width:1200px){
  .fyx-header{grid-template-columns:210px 1fr 180px}
  .desktop-nav{column-gap:12px}
}


/* V61 — animated FYX header logo video. Header/nav geometry remains unchanged. */
.fyx-logo.fyx-video-logo{
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;height:100%;overflow:hidden;
}
.fyx-logo-video{
  display:block;width:190px;max-width:100%;height:78px;
  object-fit:contain;object-position:left center;pointer-events:none;
}
@media(min-width:1200px){
  .fyx-logo-video{width:var(--fyx-logo-w,205px);height:82px}
}
@media(max-width:900px) and (min-width:700px){
  .fyx-logo-video{width:118px;height:52px}
}
@media(max-width:699px){
  .fyx-logo.fyx-video-logo{justify-content:center}
  .fyx-logo-video{width:94px;height:40px;object-position:center}
}

/* V62 — normalize product-card body height so custom/upload CTAs align with standard Add to cart buttons.
   Product artwork, card widths, rail spacing and section layout are intentionally unchanged. */
.store-section .card-rail{align-items:stretch}
.store-section .card-rail .product-card{
  display:flex;
  flex-direction:column;
  align-self:stretch;
}
.store-section .card-rail .product-card > .black-btn{
  margin-top:auto;
}

/* V64 admin-controlled header geometry */
@media(min-width:700px){.fyx-header{height:var(--fyx-header-h,128px)}.fyx-header .desktop-nav{column-gap:var(--fyx-nav-gap,12px)}}
@media(max-width:699px){.fyx-header{height:var(--fyx-mobile-header-h,54px)}.fyx-header .fyx-video-logo{width:var(--fyx-logo-mobile-w,94px);max-width:var(--fyx-logo-mobile-w,94px)}.fyx-header .fyx-logo-video{width:var(--fyx-logo-mobile-w,94px)!important;max-width:var(--fyx-logo-mobile-w,94px);height:auto!important;max-height:calc(var(--fyx-mobile-header-h,54px) - 8px)}}

/* V64 homepage section ordering */
.home-section-stack{display:flex;flex-direction:column}

/* V65 admin-controlled header appearance */
.fyx-header{background:var(--fyx-header-bg,#fff)!important;color:var(--fyx-header-text,#161616)!important}.fyx-header .desktop-nav{font-size:var(--fyx-nav-font,14.5px)!important}.fyx-header .desktop-nav a{color:var(--fyx-header-text,#161616)!important}.fyx-header .icon-btn svg{width:var(--fyx-icon-size,22px)!important;height:var(--fyx-icon-size,22px)!important;stroke:var(--fyx-header-text,#161616)!important}.fyx-header.not-sticky{position:relative!important;top:auto!important}
/* V66 — footer content is rendered from Super Admin instead of generated CSS text. */
.footer:after{display:none!important;content:none!important}
.footer-disclaimer{background:#e52c25;color:#fff;text-align:center;font-size:13px;line-height:1.6;font-weight:700;padding:17px 24px}
@media(max-width:699px){.footer-disclaimer{font-size:10.5px;line-height:1.55;padding:14px 15px}}


/* FYX homepage mobile-only fixes — desktop layout intentionally untouched */
@media(max-width:699px){
  html,body{max-width:100%;overflow-x:hidden}
  .feature-rail{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    padding-bottom:4px;
  }
  .feature-rail::-webkit-scrollbar{display:none}
  .feature-rail .feature-card{flex:0 0 48.7%;scroll-snap-align:start}
  .fyx-header .desktop-nav.open{
    display:flex!important;
    position:absolute;
    top:100%;left:0;right:0;
    height:auto;max-height:calc(100vh - var(--fyx-mobile-header-h,54px));
    overflow-y:auto;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px 14px 14px;
    background:#fff;
    border-top:1px solid #eee;
    border-bottom:1px solid #dedede;
    box-shadow:0 14px 26px rgba(0,0,0,.10);
    z-index:90;
    font-size:14px!important;
  }
  .fyx-header .desktop-nav.open a{
    display:block;width:100%;padding:12px 4px;border-bottom:1px solid #f0f0f0;
    white-space:normal;text-align:left;
  }
  .fyx-header .desktop-nav.open a:last-child{border-bottom:0}
}

/* V67 — mobile-only hero composition matched to the supplied reference.
   Desktop hero, animation timing/direction, buttons and every other section are untouched. */
@media(max-width:699px){
  .hero{padding:14px 0 11px}
  .hero-inner{text-align:left}
  .hero-badge-row{justify-content:center;margin:0 auto 8px}
  .hero-badge-row .hero-badge-image{
    width:min(260px,74vw);
    max-width:none;
  }
  .hero-rating{
    margin:0 0 7px;
    text-align:left;
    font-size:9px;
    line-height:1.2;
  }
  .hero-proof-title{
    width:100%;
    max-width:none;
    margin:0 0 11px;
    text-align:left;
    font-size:clamp(30px,8vw,34px);
    line-height:.94;
    letter-spacing:.002em;
    white-space:nowrap;
  }
  .hero-proof-title .hero-next{display:inline-block}
  .hero-gallery{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    gap:7px;
  }
  .hero-strip-track{gap:7px}
  .hero-strip .hero-tile{
    flex:0 0 106px;
    width:106px;
    height:96px;
    aspect-ratio:auto;
    border-radius:10px;
  }
}

/* V68 — mobile hero correction after live-device check.
   Mobile hero only; desktop and animation behavior remain unchanged. */
@media(max-width:699px){
  .hero-badge-row .hero-badge-image{
    width:min(230px,66vw);
    max-width:100%;
  }
  .hero h1.hero-proof-title{
    width:100%;
    max-width:none;
    margin:0 0 10px;
    text-align:left;
    font-size:clamp(26px,7.4vw,29px);
    line-height:.94;
    letter-spacing:.002em;
    white-space:normal;
  }
  .hero h1.hero-proof-title .hero-next{
    display:inline-block;
  }
  .hero-strip .hero-tile{
    flex:0 0 96px;
    width:96px;
    height:86px;
    aspect-ratio:auto;
  }
}