*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.bcp-header{position:sticky;top:0;left:0;right:0;width:100%;height:54px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 9vw;background:rgba(0,0,0,.92);border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.18em;text-transform:uppercase}
.bcp-brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;white-space:nowrap}
.brand-wing{font-size:14px;opacity:.9}
.bcp-nav{display:flex;align-items:center;gap:34px;font-size:11px;font-weight:700}
.bcp-nav a{opacity:.86}
.bcp-nav a:hover{opacity:1}
.cart-link{padding-left:8px}
.hero-band{position:relative;width:100%;max-width:none;aspect-ratio:16/9;height:auto;min-height:0;overflow:hidden;background:#000;margin:0;padding:0;display:block;line-height:0}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;background:#000;display:block}
.hero-dim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.38)),radial-gradient(circle at center,rgba(0,0,0,.08),rgba(0,0,0,.42))}
.hero-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,34vw);height:auto;filter:drop-shadow(0 12px 34px rgba(0,0,0,.58));z-index:3}
.scroll-dot{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:50px;height:50px;border:1px solid rgba(255,255,255,.72);border-radius:50%;display:grid;place-items:center;font-size:20px;background:rgba(0,0,0,.18);z-index:4}
.model-bands{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#000}
.model-band{position:relative;display:block;min-height:310px;overflow:hidden;border-top:1px solid rgba(255,255,255,.18)}
.model-band.half{grid-column:span 1}
.model-band.full{grid-column:1/-1;min-height:260px}
.model-band.low{min-height:260px}
.band-img{position:absolute;inset:0;background-size:cover;background-position:center center;filter:grayscale(1) contrast(1.05) brightness(.82);transform:scale(1.005);transition:filter .42s ease,transform .7s ease}
.band-img.darkflag{background-position:center 45%}
.band-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08) 48%,rgba(0,0,0,.36)),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.36))}
.band-copy{position:absolute;left:7vw;top:50%;transform:translateY(-50%);z-index:3;max-width:360px;text-transform:uppercase;letter-spacing:.12em}
.band-copy.center{left:50%;text-align:center;transform:translate(-50%,-50%)}
.band-copy strong{display:block;font-size:clamp(20px,2.3vw,36px);font-weight:800;line-height:.95;text-shadow:0 4px 20px rgba(0,0,0,.5)}
.band-copy em{display:block;margin-top:12px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.16em;opacity:.92}
.model-band:hover .band-img,.model-band:focus-visible .band-img{filter:grayscale(0) contrast(1.02) brightness(.98);transform:scale(1.045)}
.model-band:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.bcp-footer{min-height:52px;display:flex;align-items:center;justify-content:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.12);background:#070707;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.16em;text-transform:uppercase;text-align:center}
.model-page{background:#050505;color:#fff}
.model-page .top-strip{display:none}
.model-page .site-header{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.86);border-bottom:1px solid rgba(255,255,255,.08)}
.model-page .nav,.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.model-page .nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.model-page .brand{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}
.model-page .brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.18);border-radius:50%;font-size:11px}
.model-page .brand-name{display:flex;flex-direction:column;line-height:1}
.model-page .brand-name strong{font-size:13px}
.model-page .brand-name span{font-size:9px;opacity:.65;margin-top:3px}
.model-page .nav-links{display:flex;gap:26px;align-items:center}
.model-page .nav-links a,.model-page .cart-pill{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.model-page .cart-pill{padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px}
.model-page .cart-pill span{margin-left:6px}
.model-page main{position:relative}
.model-page main:before{content:"";position:fixed;inset:0;background-image:var(--page-bg);background-size:cover;background-position:center;opacity:.14;filter:blur(2px) saturate(.85);z-index:-2}
.model-page main:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:-1}
.model-125{--page-bg:url('napoleon-125-250.jpg')}
.model-500{--page-bg:url('napoleon-500.jpg')}
.model-v4{--page-bg:url('darkflag-v4.jpg')}
.page-hero{padding:48px 0 28px}
.model-page-hero{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:28px;align-items:end}
.hero-copy h1{margin:0;font-size:clamp(34px,5vw,58px);line-height:.96;letter-spacing:-.04em}
.eyebrow,.preview-notice{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.72;margin-bottom:14px}
.hero-copy p{color:#c9c9c9;line-height:1.7;font-size:15px}
.hero-visual{min-height:460px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)}
.cta{display:inline-flex;margin-top:14px;min-height:42px;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.section{padding:42px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px}
.section-head h2{margin:0;font-size:clamp(24px,3vw,36px);letter-spacing:-.03em}
.section-head p{max-width:590px;color:#b8b8b8;font-size:14px;line-height:1.7}
.look-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.look-card,.product-card,.pack-band,.checkout-card{background:rgba(12,12,13,.82);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.look-card{overflow:hidden}
.look-media{height:320px;background-size:cover;background-position:center}
.look-body{padding:18px}
.look-body h3{margin:0;font-size:24px}
.tagline{margin-top:7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#e6d3a2}
.look-body p,.product-card p,.pack-band p{color:#bdbdbd;line-height:1.65;font-size:14px}
.parts-list{padding-left:18px;color:#ddd;line-height:1.6;font-size:13px}
.price-row{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:14px}
.add-preview{width:100%;min-height:44px;margin-top:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;text-transform:uppercase;letter-spacing:.13em;font-size:11px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{overflow:hidden}
.product-card .thumb{height:160px;background-size:cover;background-position:center}
.product-card .body{padding:15px}
.product-card h3{margin:0;font-size:18px}
.small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e6d3a2;margin-top:10px}
.pack-band{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px}
.footer,.site-footer{padding:24px 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.14em;text-transform:uppercase;text-align:center}
@media(max-width:900px){
.bcp-header{height:58px;padding:0 18px}
.bcp-nav{display:none}
.hero-logo{width:min(330px,58vw)}
.model-bands{grid-template-columns:1fr}
.model-band.half,.model-band.full{grid-column:auto}
.model-band,.model-band.full,.model-band.low{min-height:280px}
.band-copy{left:24px;right:24px;max-width:unset}
.band-copy.center{left:24px;text-align:left;transform:translateY(-50%)}
.model-page .nav-links{display:none}
.model-page-hero{grid-template-columns:1fr}
.hero-visual{min-height:320px}
.look-grid,.product-grid{grid-template-columns:1fr}
.section-head{display:block}
.pack-band{grid-template-columns:1fr}
}
@media(max-width:560px){
.bcp-brand{font-size:11px}
.hero-logo{width:min(295px,62vw)}
.scroll-dot{width:42px;height:42px;bottom:22px}
.model-band,.model-band.full,.model-band.low{min-height:235px}
.band-copy strong{font-size:23px}
.band-copy em{font-size:9px}
.page-hero{padding:32px 0 22px}
.look-media{height:230px}
}
main{margin:0;padding:0}
/* V16 LOGO MOBILE SMALLER + LOWER
Fix: responsive logo smaller/lower, thin menu, no big black band.
Keep hero video/background and logo file unchanged. CSS-only.
*/
body.home-page .bcp-header{
position:fixed !important;
top:0 !important;
left:0 !important;
right:0 !important;
width:100% !important;
height:34px !important;
min-height:34px !important;
padding:0 12px !important;
z-index:1000 !important;
background:rgba(0,0,0,.46) !important;
backdrop-filter:blur(8px) !important;
-webkit-backdrop-filter:blur(8px) !important;
border-bottom:1px solid rgba(255,255,255,.06) !important;
}
body.home-page .bcp-brand{
gap:8px !important;
font-size:9px !important;
line-height:1 !important;
letter-spacing:.18em !important;
}
body.home-page .brand-wing{
font-size:10px !important;
}
body.home-page .bcp-nav{
display:none !important;
}
body.home-page main{
margin:0 !important;
padding-top:34px !important;
}
body.home-page .hero-band{
height:clamp(590px,calc(100svh - 34px),740px) !important;
min-height:590px !important;
margin:0 !important;
padding:0 !important;
background:#000 !important;
overflow:hidden !important;
}
body.home-page .hero-video{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
transform:none !important;
}
body.home-page .hero-logo{
top:60% !important;
left:50% !important;
width:min(245px,52vw) !important;
max-height:36% !important;
object-fit:contain !important;
transform:translate(-50%,-50%) !important;
z-index:3 !important;
}
body.home-page .hero-dim{
background:
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),
radial-gradient(circle at center,rgba(0,0,0,.02),rgba(0,0,0,.34)) !important;
}
body.home-page .scroll-dot{
bottom:18px !important;
}
@media(max-width:560px){
body.home-page .hero-logo{
top:61% !important;
width:min(220px,50vw) !important;
max-height:32% !important;
}
}
@media(max-width:390px){
body.home-page .hero-logo{
top:62% !important;
width:min(205px,48vw) !important;
max-height:30% !important;
}
}
/* V17 FUNNEL CLEANUP
Home removes duplicate Custom Looks/Custom Pack logic.
Model pages start directly on looks; no duplicated hero photo before look cards.
*/
.model-page .model-start{
padding-top:34px;
}
.model-page .model-start .section-head{
padding-top:10px;
}
.home-page .model-band.full.low .band-copy{
left:7vw;
text-align:left;
transform:translateY(-50%);
}
@media(max-width:900px){
.home-page .model-band.full.low .band-copy{
left:24px;
text-align:left;
transform:translateY(-50%);
}
}
/* V20 ORDER & TRUST
Accessories is no longer a product/category bucket.
It now contains order method, terms, policy and company information.
*/
.order-trust-section{
padding-top:28px;
}
.trust-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
}
.trust-card{
border:1px solid rgba(199,146,66,.28);
border-radius:22px;
padding:18px;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
min-height:170px;
}
.trust-card h3{
margin:0 0 10px;
font-size:20px;
line-height:1.1;
}
.trust-card p{
margin:0;
color:#b9b3aa;
font-size:14px;
line-height:1.45;
}
@media(max-width:900px){
.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
.trust-grid{grid-template-columns:1fr}
}
/* V21 REAL CART + CHECKOUT ARCHITECTURE */
.cart-floating-btn{position:fixed;right:18px;bottom:18px;z-index:1000;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid rgba(199,146,66,.45);background:#111;color:#f5f1ea;font-weight:900;box-shadow:0 18px 46px rgba(0,0,0,.45)}
.cart-count-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:8px;border-radius:999px;background:#c79242;color:#100c06;padding:0 7px}.cart-overlay{position:fixed;inset:0;z-index:1001;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:.2s}.cart-overlay.active{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;z-index:1002;width:min(430px,100vw);height:100dvh;background:#090909;border-left:1px solid rgba(199,146,66,.35);box-shadow:-22px 0 70px rgba(0,0,0,.55);transform:translateX(104%);transition:.22s ease;display:flex;flex-direction:column;color:#f5f1ea}.cart-drawer.active{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid rgba(255,255,255,.1)}.cart-head h2{margin:0}.cart-head p{margin:4px 0 0;color:#b9b3aa;font-size:13px}.cart-close{background:none;border:0;color:#fff;font-size:30px}.cart-body{flex:1;overflow:auto;padding:14px;display:grid;gap:12px}.cart-line{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.cart-line-media img{width:72px;height:72px;object-fit:cover;border-radius:12px}.cart-line-title{font-weight:900;color:#fff}.cart-line-details-link{display:block;margin:4px 0;color:#e4bd72;font-size:12px}.cart-line-price{color:#e4bd72;font-weight:900;margin-top:4px}.cart-line-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.cart-qty-btn,.cart-remove-btn,.cart-clear-btn,.cart-share-btn{border:1px solid rgba(199,146,66,.35);background:rgba(199,146,66,.08);color:#f2d69c;border-radius:10px;min-height:32px;padding:0 10px;font-weight:800}.cart-footer{padding:14px;border-top:1px solid rgba(255,255,255,.1)}.cart-total-row,.cart-pricing-row{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.cart-total-row strong{color:#e4bd72;font-size:20px}.cart-note{margin:12px 0;padding:12px;border-radius:14px;background:rgba(199,146,66,.08);color:#d8d1c8;font-size:13px;line-height:1.35}.cart-checkout-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;background:linear-gradient(135deg,#c79242,#e4bd72);color:#100c06;font-weight:950}.cart-checkout-btn.disabled{opacity:.45;pointer-events:none}.cart-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.cart-other-product-btn{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff}.cart-empty{padding:18px;color:#b9b3aa}.cart-summary-card{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(199,146,66,.22);margin:16px 0}.cart-summary-row,.cart-summary-total{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cart-summary-total{border-bottom:0;font-size:18px}.order-body{background:#070707;color:#f5f1ea;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.order-wrap{width:min(980px,calc(100% - 28px));margin:auto}.order-header{border-bottom:1px solid rgba(255,255,255,.09);background:#090909}.order-nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.order-brand{display:flex;align-items:center;gap:10px;font-weight:950}.order-logo{width:36px;height:36px;border-radius:999px;background:#c79242;color:#080808;display:grid;place-items:center}.order-links{display:flex;gap:16px;align-items:center;font-size:13px}.send-moto{padding:10px 12px;border:1px solid rgba(199,146,66,.35);border-radius:999px;color:#e4bd72}.back-link{display:inline-flex;margin:18px 0;color:#e4bd72;font-weight:850}.request-layout{padding-bottom:40px}.request-card,.next-card,.legal-card{border:1px solid rgba(199,146,66,.24);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 22px 60px rgba(0,0,0,.35)}.request-top h1,.legal-card h1{margin:0 0 8px;font-size:clamp(34px,5vw,58px);line-height:1}.request-top p,.legal-card p,.legal-card li{color:#d0c8bc;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:900}.field input,.field textarea{width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:#0d0d0d;color:#fff;padding:12px;font:inherit}.field textarea{min-height:94px}.status-box{margin-top:12px;color:#e4bd72;font-weight:850}.next-card{margin:18px 0}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.next-step{padding:14px;border-radius:16px;background:rgba(255,255,255,.04)}.order-footer{padding:24px 0;border-top:1px solid rgba(255,255,255,.1);color:#b9b3aa}.legal-wrap{padding:34px 0}.legal-card a,.trust-card a{display:inline-flex;margin-top:10px;color:#e4bd72;font-weight:900}.trust-card p{min-height:64px}@media(max-width:640px){.cart-drawer{width:100vw}.order-links{display:none}.form-grid,.next-grid{grid-template-columns:1fr}.request-card,.next-card,.legal-card{padding:16px;border-radius:20px}.cart-secondary-actions{grid-template-columns:1fr}.cart-floating-btn{right:12px;bottom:12px}}
/* V22 NAPOLEON 125 FULL BACKFILL */
.look-media-video{position:relative;background:#000;overflow:hidden}
.look-video{width:100%;height:100%;object-fit:cover;display:block;min-height:100%}
.real-product-card .thumb{position:relative;background-size:cover;background-position:center}
.card-rank{position:absolute;top:10px;left:10px;min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.68);border:1px solid rgba(214,170,85,.45);color:#f0cd86;font-size:12px;font-weight:950}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.10);font-size:12px;color:#aeb7c3}
.product-meta strong{color:#f0cd86;font-size:15px;white-space:nowrap}
.product-grid-full{margin-top:20px}
@media(max-width:640px){.product-meta{display:grid;gap:4px}.product-meta strong{font-size:14px}}
/* V25 BUGFIX — bundles, swipe discovery, desktop symmetry, premium CTA */
.swipe-hint{
display:none;
margin-left:auto;
padding:8px 12px;
border-radius:999px;
border:1px solid rgba(226,189,114,.32);
background:rgba(226,189,114,.08);
color:#f2d69c;
font-size:10px;
font-weight:950;
letter-spacing:.16em;
text-transform:uppercase;
white-space:nowrap;
}
.look-card,.product-card{
border-color:rgba(255,255,255,.11);
box-shadow:0 18px 55px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04);
}
.product-grid{align-items:stretch;}
.product-card{display:flex;flex-direction:column;height:100%;border-radius:22px;}
.product-card .thumb{flex:0 0 160px;}
.product-card .body{flex:1;display:flex;flex-direction:column;min-height:0;}
.product-card .body p{margin-bottom:12px;}
.product-meta{margin-top:auto;}
.add-preview,.look-cta{
-webkit-tap-highlight-color:transparent;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}
.add-preview{
min-height:46px;
border:1px solid rgba(222,188,119,.42);
background:
linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
linear-gradient(135deg,rgba(125,88,34,.72),rgba(33,26,18,.96));
color:#f8efe0;
box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 30px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.18);
font-weight:950;
}
.add-preview:hover,.look-cta:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 42px rgba(0,0,0,.40),0 0 24px rgba(226,189,114,.10);}
.add-preview:active,.look-cta:active{transform:translateY(0) scale(.99);}
.add-preview.is-disabled,.look-cta.is-disabled,.add-preview:disabled,.look-cta:disabled{
cursor:not-allowed;
opacity:.62;
transform:none !important;
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
color:rgba(255,255,255,.62) !important;
border-color:rgba(255,255,255,.13) !important;
box-shadow:none !important;
}
.look-body{display:flex;flex-direction:column;min-height:0;}
.look-offer-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);}
.look-offer-chip{border:1px solid rgba(226,189,114,.24);border-radius:16px;padding:10px 11px;background:rgba(226,189,114,.065);}
.look-offer-chip span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.62);font-weight:900;}
.look-offer-chip strong{display:block;margin-top:4px;color:#f2d69c;font-size:16px;line-height:1;}
.look-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:12px;}
.look-cta{width:100%;min-height:45px;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:950;}
.look-cta-secondary{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);color:#fff;}
.look-cta-primary{
border:1px solid rgba(226,189,114,.44);
background:
linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),
linear-gradient(135deg,#191716,#2b2419 48%,#0b0b0b);
color:#f4e6ce;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 34px rgba(0,0,0,.36),0 0 0 1px rgba(226,189,114,.06);
}
@media(min-width:901px){
.look-grid{align-items:stretch;}
.look-card{display:flex;flex-direction:column;border-radius:24px;}
.look-media{flex:0 0 320px;}
.look-body{flex:1;}
}
@media(max-width:900px){
.swipe-hint{display:inline-flex;align-items:center;justify-content:center;}
#looks .section-head,#most-clicked .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#looks .section-head p,#most-clicked .section-head p{display:none;}
#looks .look-grid,#most-clicked .product-grid{
display:flex !important;
grid-template-columns:none !important;
overflow-x:auto;
overscroll-behavior-x:contain;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
gap:14px;
padding:2px 16px 14px 0;
margin-right:-16px;
scrollbar-width:none;
}
#looks .look-grid::-webkit-scrollbar,#most-clicked .product-grid::-webkit-scrollbar{display:none;}
#looks .look-card{flex:0 0 min(84vw,390px);scroll-snap-align:start;}
#most-clicked .product-card{flex:0 0 min(78vw,330px);scroll-snap-align:start;}
#parts .product-grid{display:grid !important;grid-template-columns:1fr !important;}
.look-offer-row{grid-template-columns:1fr;}
.product-card .thumb{flex-basis:170px;}
}
/* V27 — premium trust/social proof alignment on home + all model pages */
.model-page .top-strip .mini-trust span:last-child{white-space:nowrap;}
.order-trust-section .trust-grid{align-items:stretch;}
.order-trust-section .trust-card{
display:flex;
flex-direction:column;
min-height:214px;
padding:22px;
border-radius:24px;
border-color:rgba(226,189,114,.22);
background:
radial-gradient(circle at 18% 0%,rgba(170,136,93,.11),transparent 42%),
linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.012));
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 46px rgba(0,0,0,.30);
}
.order-trust-section .trust-card h3{
min-height:46px;
margin:0 0 10px;
display:flex;
align-items:flex-start;
line-height:1.08;
}
.order-trust-section .trust-card p{
flex:1;
min-height:0 !important;
margin:0;
}
.order-trust-section .trust-card a{
margin-top:auto;
align-self:flex-start;
}
.model-page .footer .wrap{text-transform:none;letter-spacing:.08em;color:rgba(255,255,255,.58);}
.model-proof-section{padding-top:0;}
.home-proof-section{padding-top:8px;padding-bottom:36px;}
.model-proof-trust-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-bottom:18px;
}
.model-proof-trust-item{
min-height:106px;
padding:18px 20px;
border-radius:22px;
border:1px solid rgba(226,189,114,.18);
background:
radial-gradient(circle at 18% 0%,rgba(170,136,93,.15),transparent 42%),
linear-gradient(135deg,rgba(17,25,31,.94),rgba(7,14,17,.91));
box-shadow:inset 0 1px 0 rgba(255,255,255,.070),0 15px 38px rgba(0,0,0,.26);
display:flex;
align-items:center;
justify-content:flex-start;
gap:14px;
text-align:left;
}
.model-proof-icon{
flex:0 0 38px;
width:38px;
height:38px;
border-radius:999px;
display:grid;
place-items:center;
border:1px solid rgba(226,189,114,.30);
color:#e8c477;
background:rgba(226,189,114,.050);
font-size:16px;
line-height:1;
}
.model-proof-copy strong{
display:block;
color:#f8fafc;
font-size:17px;
line-height:1.08;
font-weight:950;
letter-spacing:-.018em;
}
.model-proof-copy small{
display:block;
margin-top:7px;
color:rgba(226,232,240,.68);
font-size:12px;
line-height:1.25;
font-weight:650;
}
.model-proof-stripe{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:20px;
padding:0 9px;
border-radius:8px;
border:1px solid rgba(226,189,114,.20);
background:linear-gradient(135deg,rgba(57,57,120,.85),rgba(22,22,55,.86));
color:#fff;
font-size:11px;
font-weight:950;
}
.model-social-proof-card{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:18px;
padding:18px 20px;
border-radius:26px;
border:1px solid rgba(226,189,114,.24);
background:
radial-gradient(circle at 10% 0%,rgba(226,189,114,.10),transparent 36%),
linear-gradient(135deg,rgba(13,20,28,.96),rgba(5,12,18,.94));
box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 18px 44px rgba(0,0,0,.26);
}
.model-social-proof-copy{min-width:0;}
.model-social-kicker{
display:block;
margin:0 0 6px;
color:#d9b260;
font-size:10px;
font-weight:950;
line-height:1.12;
letter-spacing:.12em;
text-transform:uppercase;
}
.model-social-proof-copy strong{
display:block;
color:#f8fafc;
font-size:clamp(23px,3vw,32px);
line-height:1.03;
font-weight:980;
letter-spacing:-.040em;
}
.model-social-proof-copy small{
display:block;
margin-top:8px;
color:rgba(226,232,240,.70);
font-size:14px;
line-height:1.36;
font-weight:640;
max-width:760px;
}
.model-social-links{
display:flex;
align-items:center;
justify-content:flex-end;
gap:9px;
}
.model-social-pill{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:40px;
padding:0 13px;
border-radius:999px;
color:#f8fafc;
border:1px solid rgba(226,189,114,.18);
background:linear-gradient(135deg,rgba(255,255,255,.060),rgba(255,255,255,.020));
box-shadow:inset 0 1px 0 rgba(255,255,255,.105),0 12px 24px rgba(0,0,0,.20);
font-size:13px;
font-weight:950;
white-space:nowrap;
}
.model-social-pill span{
display:inline-flex;
align-items:center;
justify-content:center;
width:23px;
height:23px;
border-radius:999px;
background:rgba(255,255,255,.095);
font-size:10px;
line-height:1;
}
.model-social-pill b{font-weight:950;}
.model-social-instagram{border-color:rgba(236,72,153,.32);}
.model-social-instagram span{background:linear-gradient(135deg,#f97316,#db2777 60%,#7c3aed);}
.model-social-tiktok{border-color:rgba(148,163,184,.28);}
.model-social-tiktok span{background:linear-gradient(135deg,#111827,#020617);}
.model-social-facebook{border-color:rgba(59,130,246,.34);}
.model-social-facebook span{background:linear-gradient(135deg,#3b82f6,#1d4ed8);}
@media(max-width:900px){
.order-trust-section .trust-grid{grid-template-columns:1fr;}
.order-trust-section .trust-card{min-height:0;}
.order-trust-section .trust-card h3{min-height:0;}
.model-proof-trust-grid{grid-template-columns:1fr;gap:10px;}
.model-proof-trust-item{min-height:82px;justify-content:flex-start;padding:15px;}
.model-social-proof-card{grid-template-columns:1fr;gap:13px;padding:16px;border-radius:22px;}
.model-social-proof-copy strong{font-size:clamp(23px,6vw,29px);}
.model-social-proof-copy small{font-size:13px;}
.model-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;}
.model-social-pill{min-height:40px;padding:0 7px;font-size:12px;}
.model-social-pill span{width:20px;height:20px;font-size:9px;}
}
@media(orientation:landscape) and (max-height:480px){
.model-proof-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.model-proof-trust-item{min-height:68px;padding:10px;gap:8px;}
.model-proof-icon{display:none;}
.model-proof-copy strong{font-size:13px;}
.model-proof-copy small{font-size:10px;}
.model-social-proof-card{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px;border-radius:18px;}
.model-social-kicker{font-size:9px;margin-bottom:3px;}
.model-social-proof-copy strong{font-size:18px;}
.model-social-proof-copy small{display:none;}
.model-social-links{display:flex;width:auto;}
.model-social-pill{min-height:32px;padding:0 8px;font-size:10px;}
.model-social-pill span{display:none;}
}
/* V28 — home desktop model title and hero video clean load */
@media (min-width: 901px){
.home-page .model-band.half .band-copy{
max-width: min(560px,42vw);
}
.home-page .model-band.half .band-copy strong{
white-space: nowrap;
font-size: clamp(22px,2vw,32px);
line-height: 1.02;
letter-spacing: .105em;
}
}
body.home-page .hero-band{
background:#000 !important;
}
body.home-page .hero-band::before,
body.home-page .hero-band::after{
content:none !important;
display:none !important;
background:none !important;
}
body.home-page .hero-video{
background:#000 !important;
opacity:1 !important;
}
/* V30 — full-width responsive trust/proof sections
Goal: these bottom trust blocks follow viewport width on desktop/zoom,
instead of staying locked inside the standard 1180px wrap. Mobile unchanged.
*/
@media (min-width: 901px){
.order-trust-section > .wrap,
.model-proof-section > .wrap,
.home-proof-section > .wrap{
width: calc(100vw - clamp(32px, 4vw, 72px)) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.order-trust-section .section-head{
width: 100% !important;
}
.order-trust-section .trust-grid,
.model-proof-trust-grid,
.model-social-proof-card{
width: 100% !important;
max-width: none !important;
}
.order-trust-section .trust-grid{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.model-proof-trust-grid{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.model-social-proof-card{
grid-template-columns: minmax(0, 1fr) auto;
}
}
@media (min-width: 1600px){
.order-trust-section .trust-card,
.model-proof-trust-item,
.model-social-proof-card{
border-radius: 26px;
}
}
/* V33 — functional CRO rebuild guardrails: no desktop zoom hack, keep premium symmetry */
@media (min-width:901px){
html,body{zoom:normal !important;}
.product-card{display:flex;flex-direction:column;height:100%;}
.product-card .body{display:flex;flex-direction:column;flex:1;}
.product-card .body .small,.product-card .body .product-meta{margin-top:auto;}
.product-card .add-preview{margin-top:12px;}
.look-card{height:100%;}
.look-body{display:flex;flex-direction:column;}
.look-actions{margin-top:auto;}
.order-trust-section > .wrap,.model-proof-section > .wrap,.home-proof-section > .wrap{width:calc(100vw - clamp(32px,4vw,72px)) !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;}
}
@media (max-width:900px){
html,body{zoom:normal !important;}
}
/* V35 — restore original premium look composition without visible complete-pack prices */
.look-bundle-cta{
width:100%;
display:flex;
flex-direction:column;
gap:12px;
margin-top:auto;
padding-top:16px;
border-top:1px solid rgba(255,255,255,.08);
}
.build-essentials-card,
.build-launch-card{
width:100%;
box-sizing:border-box;
border-radius:20px;
border:1px solid rgba(170,136,93,.34);
background:
radial-gradient(circle at 10% 0%,rgba(170,136,93,.14),transparent 46%),
linear-gradient(180deg,rgba(13,27,31,.84),rgba(7,12,16,.90));
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 38px rgba(0,0,0,.28);
padding:16px;
}
.build-essentials-head{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:12px;
align-items:start;
margin:0 0 12px;
}
.build-essentials-head span{
display:block;
color:#c9a06a;
text-transform:uppercase;
letter-spacing:.16em;
font-size:10px;
font-weight:950;
line-height:1.05;
}
.build-essentials-head b{
color:#f1cf83;
font-size:clamp(22px,2vw,31px);
line-height:.92;
white-space:nowrap;
text-shadow:0 10px 26px rgba(241,207,131,.18);
}
.build-essentials-card ul{
list-style:none;
margin:0;
padding:0;
display:grid;
gap:9px;
}
.build-essentials-card li{
position:relative;
padding-left:22px;
color:#f6f1e8;
font-weight:760;
line-height:1.18;
font-size:13px;
}
.build-essentials-card li::before{
content:"";
position:absolute;
left:0;
top:.18em;
width:13px;
height:13px;
border-radius:999px;
border:2px solid rgba(202,160,106,.88);
box-shadow:0 0 0 3px rgba(202,160,106,.08),0 0 18px rgba(202,160,106,.14);
}
.build-launch-card{
display:grid;
grid-template-columns:68px minmax(0,1fr);
gap:14px;
align-items:center;
background:
radial-gradient(circle at 6% 0%,rgba(170,136,93,.20),transparent 44%),
linear-gradient(135deg,rgba(112,82,51,.72),rgba(12,10,8,.94) 68%);
border-color:rgba(202,160,106,.44);
box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 22px 48px rgba(0,0,0,.34),0 0 38px rgba(202,160,106,.08);
}
.build-launch-emblem{
width:62px;
height:62px;
border-radius:18px;
display:grid;
place-items:center;
background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.38));
border:1px solid rgba(241,207,131,.26);
color:#f1cf83;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.build-launch-emblem::before{
content:"♛";
display:block;
font-size:22px;
line-height:1;
margin-bottom:2px;
}
.build-launch-emblem span{
display:block;
text-transform:uppercase;
letter-spacing:.10em;
font-size:8px;
font-weight:950;
line-height:1.02;
text-align:center;
}
.build-launch-copy{display:flex;flex-direction:column;gap:3px;min-width:0;}
.build-launch-copy strong{
color:#f6f1e8;
text-transform:uppercase;
letter-spacing:.07em;
font-size:16px;
line-height:1.02;
}
.build-launch-copy span{
color:#f1cf83;
font-weight:950;
font-size:13px;
}
.build-launch-copy small{
color:#c9a06a;
font-weight:850;
font-size:11px;
line-height:1.12;
}
.build-bundle-actions{
display:grid;
gap:10px;
width:100%;
}
.build-bundle-actions .btn{
width:100%;
min-height:48px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
border:1px solid rgba(255,255,255,.14);
font-weight:950;
letter-spacing:.11em;
text-transform:uppercase;
font-size:11px;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease;
}
.build-bundle-actions .btn.primary{
background:linear-gradient(135deg,#edd18d,#c9994d 52%,#f3d994);
color:#181007;
border-color:rgba(255,226,157,.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 18px 42px rgba(0,0,0,.38),0 0 24px rgba(241,207,131,.16);
}
.build-bundle-actions .btn.secondary{
background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
color:#f5efe5;
border-color:rgba(255,255,255,.18);
}
.build-bundle-actions .btn.secondary::before{content:"◉";font-size:12px;color:rgba(255,255,255,.82);}
.build-bundle-actions .btn.secondary::after{content:"→";font-size:14px;color:#f1cf83;margin-left:auto;}
.build-bundle-actions .btn:hover{transform:translateY(-1px);box-shadow:0 20px 48px rgba(0,0,0,.42),0 0 26px rgba(241,207,131,.10);}
.build-bundle-actions .btn:active{transform:translateY(0) scale(.99);}
.build-bundle-actions .btn.is-disabled,
.build-bundle-actions .btn:disabled{
cursor:not-allowed;
opacity:.62;
color:rgba(255,255,255,.64);
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
border-color:rgba(255,255,255,.13);
box-shadow:none;
}
.build-bundle-added{display:none;}
@media(min-width:901px){
.look-grid{align-items:stretch;}
.look-card{display:flex;flex-direction:column;}
.look-body{display:flex;flex-direction:column;flex:1;}
}
@media(max-width:900px){
.look-bundle-cta{gap:10px;padding-top:14px;}
.build-essentials-card,.build-launch-card{border-radius:18px;padding:14px;}
.build-launch-card{grid-template-columns:60px minmax(0,1fr);gap:12px;}
.build-launch-emblem{width:56px;height:56px;border-radius:16px;}
.build-launch-copy strong{font-size:14px;}
.build-bundle-actions .btn{min-height:46px;font-size:10px;letter-spacing:.10em;}
}
/* V37 — tan outline + premium mouse sweep micro-motion
Scope: visual-only. Keeps all V35/V36 blocks, buttons, text and cart logic unchanged. */
:root{
--bcp-tan:#b99363;
--bcp-tan-soft:#d2ad78;
--bcp-tan-light:#efd39a;
--bcp-tan-dark:#6f4f31;
--bcp-tan-ink:#17100a;
--bcp-card-line:rgba(185,147,99,.48);
--bcp-card-line-soft:rgba(185,147,99,.28);
--bcp-card-glow:rgba(185,147,99,.16);
}
/* Stronger premium outlines for all selling cells: looks, most-clicked and shop-by-part */
.look-card,
.product-card{
position:relative;
isolation:isolate;
border:1.25px solid var(--bcp-card-line) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.055),
inset 0 0 0 1px rgba(0,0,0,.40),
0 20px 58px rgba(0,0,0,.36),
0 0 0 1px rgba(185,147,99,.08) !important;
background:
radial-gradient(circle at 20% 0%,rgba(185,147,99,.09),transparent 42%),
linear-gradient(180deg,rgba(16,16,15,.88),rgba(7,7,7,.94)) !important;
}
.look-card::before,
.product-card::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
opacity:.42;
z-index:2;
box-shadow:
inset 0 0 0 1px rgba(239,211,154,.10),
inset 0 -34px 70px rgba(185,147,99,.035);
transition:opacity .22s ease, box-shadow .22s ease;
}
.look-card::after,
.product-card::after{
content:"";
position:absolute;
inset:-1px;
border-radius:inherit;
pointer-events:none;
opacity:0;
z-index:3;
background:linear-gradient(120deg,transparent 0%,rgba(239,211,154,.12) 42%,transparent 72%);
transform:translateX(-18%);
transition:opacity .24s ease, transform .32s ease;
}
/* Keep the original blocks, only recolor green/teal washes to muted tan */
.build-essentials-card,
.build-launch-card{
border-color:rgba(185,147,99,.48) !important;
background:
radial-gradient(circle at 10% 0%,rgba(185,147,99,.18),transparent 46%),
linear-gradient(180deg,rgba(31,25,18,.86),rgba(9,8,7,.92)) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.07),
0 20px 44px rgba(0,0,0,.34),
0 0 0 1px rgba(185,147,99,.07) !important;
}
.build-launch-card{
background:
radial-gradient(circle at 6% 0%,rgba(210,173,120,.22),transparent 44%),
linear-gradient(135deg,rgba(135,98,60,.72),rgba(17,13,10,.94) 68%) !important;
border-color:rgba(210,173,120,.55) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 22px 48px rgba(0,0,0,.36),
0 0 38px rgba(185,147,99,.10) !important;
}
.build-essentials-head span,
.build-launch-copy small{
color:var(--bcp-tan-soft) !important;
}
.build-essentials-head b,
.build-launch-copy span,
.build-launch-emblem{
color:var(--bcp-tan-light) !important;
}
.build-essentials-card li::before{
border-color:rgba(210,173,120,.90) !important;
box-shadow:0 0 0 3px rgba(185,147,99,.10),0 0 18px rgba(185,147,99,.18) !important;
}
.build-launch-emblem{
border-color:rgba(239,211,154,.30) !important;
background:linear-gradient(180deg,rgba(185,147,99,.16),rgba(0,0,0,.38)) !important;
}
/* Premium button palette: tan / champagne, no green, same text and hierarchy */
.add-preview,
.build-bundle-actions .btn.primary,
.cart-checkout-btn{
background:
linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.035)),
linear-gradient(135deg,#d7b47a 0%,#b78d58 48%,#e7c98d 100%) !important;
color:#17100a !important;
border-color:rgba(239,211,154,.72) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.40),
inset 0 -18px 34px rgba(92,62,31,.16),
0 16px 36px rgba(0,0,0,.38),
0 0 24px rgba(185,147,99,.13) !important;
}
.look-cta-primary,
.build-bundle-actions .btn.secondary{
background:
linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028)),
linear-gradient(135deg,#171514,#2a2118 52%,#0a0a0a) !important;
color:#f4e6ce !important;
border-color:rgba(185,147,99,.48) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.11),
0 14px 34px rgba(0,0,0,.36),
0 0 0 1px rgba(185,147,99,.06) !important;
}
.build-bundle-actions .btn.secondary::before,
.build-bundle-actions .btn.secondary::after{
color:var(--bcp-tan-light) !important;
}
.add-preview.is-disabled,
.look-cta.is-disabled,
.build-bundle-actions .btn.is-disabled,
.add-preview:disabled,
.look-cta:disabled,
.build-bundle-actions .btn:disabled{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)) !important;
color:rgba(255,255,255,.58) !important;
border-color:rgba(185,147,99,.18) !important;
box-shadow:none !important;
}
/* Mouse sweep selector / micro movement on desktop only */
@media(hover:hover) and (pointer:fine){
.look-card,
.product-card,
.build-essentials-card,
.build-launch-card{
transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
will-change:transform;
}
.look-card:hover,
.product-card:hover{
transform:translateY(-3px) scale(1.006);
border-color:rgba(239,211,154,.68) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.08),
inset 0 0 0 1px rgba(0,0,0,.34),
0 26px 72px rgba(0,0,0,.46),
0 0 34px rgba(185,147,99,.16) !important;
}
.look-card:hover::before,
.product-card:hover::before{
opacity:1;
box-shadow:
inset 0 0 0 1px rgba(239,211,154,.18),
inset 0 -36px 72px rgba(185,147,99,.055),
0 0 0 1px rgba(185,147,99,.06);
}
.look-card:hover::after,
.product-card:hover::after{
opacity:1;
transform:translateX(18%);
}
.build-essentials-card:hover,
.build-launch-card:hover{
transform:translateY(-2px);
border-color:rgba(239,211,154,.62) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.09),
0 24px 54px rgba(0,0,0,.40),
0 0 30px rgba(185,147,99,.13) !important;
}
.add-preview:hover,
.look-cta:hover,
.build-bundle-actions .btn:hover,
.cart-checkout-btn:hover{
transform:translateY(-1px);
filter:saturate(1.05) brightness(1.03);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.28),
0 20px 48px rgba(0,0,0,.42),
0 0 28px rgba(185,147,99,.16) !important;
}
}
@media(max-width:640px){
.look-card:hover,.product-card:hover,.build-essentials-card:hover,.build-launch-card:hover{transform:none;}
}
/* V38 — Napoleon 450/500 autoplay video band + Black Bobber single look */
.band-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(1) contrast(1.05) brightness(.82);transform:scale(1.005);transition:filter .42s ease,transform .7s ease;background:#000;display:block}
.model-band:hover .band-video,.model-band:focus-visible .band-video{filter:grayscale(0) contrast(1.02) brightness(.98);transform:scale(1.045)}
.model-band-video .band-copy strong{line-height:1.02}
.look-media-video{background:#000}
.look-media-video .look-video{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
@media(min-width:901px){.look-grid.look-grid-single{grid-template-columns:minmax(0,560px);justify-content:start}.look-grid.look-grid-single .look-card{width:100%}}
@media(max-width:900px){#looks .look-grid.look-grid-single .look-card{flex:0 0 min(84vw,390px)}}
/* V39 — look card rounded edges alignment
Scope: CSS-only visual fix. Matches look cards to product-card rounded premium shape and clips video/media inside the radius. */
.look-card{
border-radius:24px !important;
overflow:hidden !important;
}
.look-card .look-media,
.look-card .look-media-video{
border-radius:24px 24px 0 0 !important;
overflow:hidden !important;
}
.look-card .look-video{
border-radius:24px 24px 0 0 !important;
}
@media(max-width:900px){
.look-card{border-radius:22px !important;}
.look-card .look-media,
.look-card .look-media-video,
.look-card .look-video{border-radius:22px 22px 0 0 !important;}
}
/* V40 — Dark Flag V4 autoplay video band + Shadow Beast single look
Scope: visual/media only. Keeps cart, checkout, Stripe and disabled V4 buttons unchanged. */
.darkflag-band-video .band-video{
object-position:center center;
}
.model-v4 .look-grid.look-grid-single .look-card{
width:100%;
}
.model-v4 .look-media-video .look-video{
object-position:center center;
}
@media(min-width:901px){
.model-v4 .look-grid.look-grid-single{
grid-template-columns:minmax(0,560px);
justify-content:start;
}
}
@media(max-width:900px){
.model-v4 #looks .look-grid.look-grid-single .look-card{
flex:0 0 min(84vw,390px);
}
}
/* V42 — desktop compact home entry at real 100% scale
Scope: desktop Home only. No global zoom/scale. Keeps mobile layout untouched. */
@media (min-width:901px){
body.home-page .bcp-header{
height:28px !important;
min-height:28px !important;
padding:0 18px !important;
background:rgba(0,0,0,.76) !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
}
body.home-page .bcp-brand{
font-size:8px !important;
letter-spacing:.20em !important;
gap:8px !important;
}
body.home-page .brand-wing{font-size:8px !important;}
body.home-page main{padding-top:28px !important;}
body.home-page .hero-band{
height:clamp(330px,42vh,405px) !important;
min-height:330px !important;
aspect-ratio:auto !important;
}
body.home-page .hero-video{
object-fit:cover !important;
object-position:center center !important;
}
body.home-page .hero-logo{
top:52% !important;
width:min(185px,13vw) !important;
max-height:42% !important;
filter:drop-shadow(0 14px 34px rgba(0,0,0,.70)) !important;
}
body.home-page .scroll-dot{
width:32px !important;
height:32px !important;
bottom:14px !important;
font-size:14px !important;
background:rgba(0,0,0,.28) !important;
}
body.home-page .model-bands{
grid-template-columns:1fr 1fr !important;
gap:0 !important;
}
body.home-page .model-band{
min-height:162px !important;
}
body.home-page .model-band.half{
grid-column:span 1 !important;
min-height:170px !important;
}
body.home-page .model-band.full{
grid-column:1/-1 !important;
min-height:145px !important;
}
body.home-page .model-band.full.low{
min-height:140px !important;
}
body.home-page .band-img,
body.home-page .band-video{
object-fit:cover !important;
object-position:center center !important;
transform:scale(1.01) !important;
}
body.home-page .model-band:hover .band-img,
body.home-page .model-band:focus-visible .band-img,
body.home-page .model-band:hover .band-video,
body.home-page .model-band:focus-visible .band-video{
transform:scale(1.035) !important;
}
body.home-page .band-shade{
background:
linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.16) 50%,rgba(0,0,0,.48)),
linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.48)) !important;
}
body.home-page .band-copy{
left:6.5vw !important;
max-width:520px !important;
letter-spacing:.13em !important;
}
body.home-page .band-copy.center{
left:50% !important;
text-align:center !important;
transform:translate(-50%,-50%) !important;
}
body.home-page .band-copy strong{
font-size:clamp(18px,1.35vw,25px) !important;
line-height:1.02 !important;
letter-spacing:.14em !important;
white-space:nowrap !important;
}
body.home-page .band-copy em{
margin-top:6px !important;
font-size:7px !important;
line-height:1.15 !important;
letter-spacing:.15em !important;
}
body.home-page .model-band.full.low .band-copy{
left:6.5vw !important;
text-align:left !important;
transform:translateY(-50%) !important;
}
body.home-page .model-band.full.low .band-copy strong{
white-space:normal !important;
max-width:210px !important;
}
}
/* V43 — restore product details access + home follow/FAQ + shop-part-by-part wording
Scope: UX/navigation only. No cart, checkout, Stripe or Worker logic changed. */
.product-card .thumb.product-card-thumb-link{
display:block;
color:inherit;
text-decoration:none;
}
.product-title-link{
color:#fff;
text-decoration:none;
}
.product-title-link:hover{color:var(--bcp-tan-light,#efd39a);}
.product-details-link{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:42px;
margin-top:12px;
border-radius:999px;
border:1px solid rgba(185,147,99,.42);
background:rgba(255,255,255,.035);
color:#f4e6ce;
text-transform:uppercase;
letter-spacing:.12em;
font-size:10px;
font-weight:950;
text-decoration:none;
}
.product-details-link + .add-preview{margin-top:9px;}
.product-details-link:hover{
border-color:rgba(239,211,154,.70);
background:rgba(185,147,99,.10);
color:#fff;
}
.home-follow-section{padding-top:10px;padding-bottom:18px;}
.follow-builds-card{
max-width:920px;
margin:0 auto;
padding:22px 24px;
border-radius:24px;
border:1px solid rgba(185,147,99,.30);
background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
text-align:center;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 48px rgba(0,0,0,.28);
}
.follow-builds-card h2{margin:0 0 8px;font-size:20px;letter-spacing:.04em;}
.follow-builds-card p{margin:0;color:#b9b3aa;font-size:14px;}
.follow-builds-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px;}
.follow-pill{
min-height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 18px;
border-radius:999px;
border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.055);
color:#fff;
font-weight:950;
text-decoration:none;
}
.follow-pill:hover{border-color:rgba(239,211,154,.55);background:rgba(185,147,99,.10);}
.home-faq-section{padding-top:16px;padding-bottom:34px;border-top:1px solid rgba(255,255,255,.08);}
.faq-head h2{font-size:clamp(32px,4vw,46px);margin-bottom:8px;}
.faq-list{display:grid;gap:16px;margin-top:24px;}
.faq-card{
padding:18px 20px;
border-radius:20px;
border:1px solid rgba(255,255,255,.11);
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.faq-card h3{margin:0 0 10px;font-size:18px;line-height:1.2;color:#fff;}
.faq-card p{margin:0;color:#c8c2bb;line-height:1.6;}
.footer-legal-block{display:grid;gap:8px;color:rgba(255,255,255,.68);font-size:12px;line-height:1.55;}
.footer-legal-block p{margin:0;}
.footer-legal-block a{color:#9cffb6;font-weight:900;text-decoration:none;}
#shop-part-by-part .section-head p{max-width:900px;}
@media(max-width:900px){
#shop-part-by-part .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#shop-part-by-part .section-head p{display:none;}
#shop-part-by-part .product-grid{
display:flex !important;
grid-template-columns:none !important;
overflow-x:auto;
overscroll-behavior-x:contain;
scroll-snap-type:x mandatory;
-webkit-overflow-scrolling:touch;
gap:14px;
padding:2px 16px 14px 0;
margin-right:-16px;
scrollbar-width:none;
}
#shop-part-by-part .product-grid::-webkit-scrollbar{display:none;}
#shop-part-by-part .product-card{flex:0 0 min(78vw,330px);scroll-snap-align:start;}
.follow-builds-card{padding:19px 14px;border-radius:22px;}
.follow-builds-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.follow-pill{min-height:40px;padding:0 8px;font-size:12px;}
}
@media(max-width:560px){
.follow-builds-links{grid-template-columns:1fr;}
.faq-card{padding:16px;border-radius:18px;}
}
/* BENDAGO PATCH V41 — remove follow block, full-width FAQ on desktop
Scope: Home bottom layout only. No cart, checkout, Stripe, Worker or product logic changed. */
@media (min-width: 901px){
.home-faq-section > .wrap{
width: calc(100vw - clamp(32px, 4vw, 72px)) !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.home-faq-section .faq-list,
.home-faq-section .faq-card{
width: 100% !important;
max-width: none !important;
}
}
/* END BENDAGO PATCH V41 */
/* BENDAGO PATCH V42 — model backgrounds + product-card gallery theme
Scope: visual coherence only. No cart, checkout, Stripe, Worker, price or SKU logic changed. */
:root{
--bcp-obsidian:#060708;
--bcp-panel:#11100e;
--bcp-panel-soft:#17130f;
--bcp-champagne:#c9a35f;
--bcp-champagne-light:#e6c989;
--bcp-cocoa:#7b5631;
--bcp-ivory:#f5f1e8;
--bcp-muted-warm:#c4b8a3;
}
/* Make the three motorcycle entry backgrounds slightly more readable without changing layout. */
body.home-page .model-band .band-img{
filter:grayscale(.82) contrast(1.08) brightness(.96) saturate(.92) !important;
}
body.home-page .model-band .band-video{
filter:grayscale(.82) contrast(1.08) brightness(.95) saturate(.92) !important;
}
body.home-page .model-band:hover .band-img,
body.home-page .model-band:focus-visible .band-img,
body.home-page .model-band:hover .band-video,
body.home-page .model-band:focus-visible .band-video{
filter:grayscale(.35) contrast(1.05) brightness(1.02) saturate(1) !important;
}
body.home-page .band-shade{
background:
linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.08) 50%,rgba(0,0,0,.34)),
linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.34)) !important;
}
@media (min-width:901px){
body.home-page .band-shade{
background:
linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.10) 50%,rgba(0,0,0,.38)),
linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.38)) !important;
}
}
.model-page main:before{
opacity:.22 !important;
filter:blur(1.25px) saturate(.95) brightness(1.14) !important;
}
.model-page main:after{
background:rgba(0,0,0,.70) !important;
}
/* Napoleon 125/250 product cards: keep Add to cart primary, restore View gallery as premium secondary CTA. */
.model-125 .real-product-card,
.model-500 .real-product-card,
.model-v4 .real-product-card{
border-color:rgba(201,163,95,.18) !important;
background:
radial-gradient(circle at 12% 0%,rgba(201,163,95,.11),transparent 34%),
linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.018)),
rgba(10,10,11,.88) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 44px rgba(0,0,0,.28) !important;
}
.model-125 .real-product-card .thumb,
.model-500 .real-product-card .thumb,
.model-v4 .real-product-card .thumb{
background-color:#050505 !important;
filter:brightness(.97) contrast(1.03) saturate(.96) !important;
transition:filter .28s ease, transform .42s ease !important;
}
.model-125 .real-product-card:hover .thumb,
.model-500 .real-product-card:hover .thumb,
.model-v4 .real-product-card:hover .thumb{
filter:brightness(1.05) contrast(1.04) saturate(1) !important;
transform:scale(1.018) !important;
}
.model-125 .real-product-card .body,
.model-500 .real-product-card .body,
.model-v4 .real-product-card .body{
color:var(--bcp-ivory) !important;
}
.product-title-link{
color:var(--bcp-ivory,#f5f1e8) !important;
letter-spacing:-.01em !important;
}
.product-title-link:hover,
.product-title-link:focus-visible{
color:var(--bcp-champagne-light,#e6c989) !important;
}
.model-125 .real-product-card p,
.model-500 .real-product-card p,
.model-v4 .real-product-card p{
color:rgba(245,241,232,.70) !important;
}
.product-meta{
color:rgba(245,241,232,.72) !important;
}
.product-meta strong,
.price-row strong{
color:var(--bcp-champagne-light,#e6c989) !important;
white-space:nowrap !important;
}
.product-details-link{
min-height:44px !important;
border:1px solid rgba(201,163,95,.42) !important;
color:var(--bcp-champagne-light,#e6c989) !important;
background:
radial-gradient(circle at 18% 0%,rgba(201,163,95,.12),transparent 42%),
linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)),
rgba(17,16,14,.92) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.18) !important;
}
.product-details-link:hover,
.product-details-link:focus-visible{
color:#fff !important;
border-color:rgba(230,201,137,.74) !important;
background:
radial-gradient(circle at 18% 0%,rgba(230,201,137,.18),transparent 42%),
linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.018)),
rgba(26,21,15,.96) !important;
}
.add-preview{
min-height:46px !important;
border:1px solid rgba(230,201,137,.84) !important;
color:#0b1018 !important;
background:
radial-gradient(circle at 20% 0%,rgba(255,255,255,.24),transparent 32%),
linear-gradient(180deg,#e6c989 0%,#c9a35f 58%,#a97835 100%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 14px 28px rgba(0,0,0,.25) !important;
font-weight:950 !important;
}
.add-preview:hover,
.add-preview:focus-visible{
filter:brightness(1.04) !important;
transform:translateY(-1px) !important;
}
.card-rank{
background:rgba(5,5,5,.74) !important;
border:1px solid rgba(230,201,137,.38) !important;
color:var(--bcp-champagne-light,#e6c989) !important;
}
/* END BENDAGO PATCH V42 */
/* BENDAGO PATCH V43 — CTA links, premium translucent green complete-look, and no-overlap cart/product buttons
Scope: visual/navigation only. No cart logic, checkout, Worker, SKU or price changes. */
:root{
--bcp-emerald-soft:#7ee7c4;
--bcp-emerald-deep:#173a32;
--bcp-emerald-line:rgba(126,231,196,.42);
}
.product-card .body{
display:flex !important;
flex-direction:column !important;
min-width:0 !important;
}
.product-details-link,
.model-125 .product-card .add-preview,
.model-500 .product-card .add-preview,
.model-v4 .product-card .add-preview{
width:100% !important;
max-width:100% !important;
box-sizing:border-box !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
min-width:0 !important;
white-space:normal !important;
overflow-wrap:normal !important;
line-height:1.12 !important;
padding-left:12px !important;
padding-right:12px !important;
}
.product-details-link{
margin-top:auto !important;
}
.product-details-link + .add-preview{
margin-top:9px !important;
}
.model-125 .product-card .add-preview,
.model-500 .product-card .add-preview,
.model-v4 .product-card .add-preview{
min-height:46px !important;
}
.build-launch-card{
border-color:rgba(126,231,196,.28) !important;
background:
radial-gradient(circle at 18% 0%,rgba(126,231,196,.15),transparent 40%),
linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016)),
rgba(11,22,20,.82) !important;
}
.build-launch-emblem{
border-color:rgba(126,231,196,.34) !important;
background:
radial-gradient(circle at 30% 0%,rgba(255,255,255,.18),transparent 38%),
linear-gradient(180deg,rgba(126,231,196,.26),rgba(126,231,196,.08)),
rgba(12,34,29,.86) !important;
color:#dffcf2 !important;
}
.build-launch-copy span{
color:var(--bcp-emerald-soft) !important;
}
.build-launch-copy small{
color:rgba(223,252,242,.68) !important;
}
.build-bundle-actions .btn.primary{
color:#eafff7 !important;
border:1px solid rgba(126,231,196,.52) !important;
background:
radial-gradient(circle at 20% 0%,rgba(255,255,255,.16),transparent 34%),
linear-gradient(180deg,rgba(126,231,196,.25),rgba(126,231,196,.10)),
rgba(13,45,38,.82) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 36px rgba(0,0,0,.32),0 0 28px rgba(126,231,196,.08) !important;
}
.build-bundle-actions .btn.primary:hover,
.build-bundle-actions .btn.primary:focus-visible{
border-color:rgba(126,231,196,.76) !important;
background:
radial-gradient(circle at 20% 0%,rgba(255,255,255,.20),transparent 34%),
linear-gradient(180deg,rgba(126,231,196,.32),rgba(126,231,196,.13)),
rgba(15,56,47,.88) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 42px rgba(0,0,0,.38),0 0 32px rgba(126,231,196,.12) !important;
}
.build-bundle-actions .btn.primary::before{
content:"◆";
color:var(--bcp-emerald-soft);
font-size:11px;
}
.build-bundle-actions .btn.primary::after{
content:"→";
color:rgba(230,201,137,.95);
font-size:14px;
margin-left:auto;
}
.build-bundle-actions .btn.primary.is-disabled,
.build-bundle-actions .btn.primary:disabled{
opacity:.78 !important;
color:rgba(234,255,247,.62) !important;
border-color:rgba(126,231,196,.24) !important;
background:
radial-gradient(circle at 20% 0%,rgba(126,231,196,.10),transparent 34%),
linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.014)),
rgba(13,30,27,.74) !important;
box-shadow:none !important;
}
/* Cart drawer used on model pages: keep button hierarchy readable on all models. */
.cart-footer,
.cart-footer *{box-sizing:border-box !important;}
.cart-checkout-btn,
.cart-share-btn,
.cart-clear-btn,
.cart-other-product-btn{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
white-space:normal !important;
line-height:1.12 !important;
overflow:hidden !important;
}
.cart-secondary-actions{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:10px !important;
min-width:0 !important;
}
@media(max-width:520px){
.cart-secondary-actions{grid-template-columns:1fr !important;}
.cart-checkout-btn,.cart-share-btn,.cart-clear-btn,.cart-other-product-btn{min-height:44px !important;}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:980px){
.cart-drawer{display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important;}
.cart-body{min-height:0 !important;overflow-y:auto !important;}
.cart-footer{
display:grid !important;
grid-template-columns:minmax(118px,.34fr) minmax(0,1fr) !important;
grid-template-areas:"pricing checkout" "share secondary" !important;
gap:7px 9px !important;
padding:7px 11px 8px !important;
align-items:stretch !important;
}
.cart-pricing-block{grid-area:pricing !important;margin:0 !important;min-width:0 !important;align-self:center !important;}
.cart-checkout-btn{grid-area:checkout !important;min-height:40px !important;height:40px !important;font-size:.82rem !important;padding:0 10px !important;}
.cart-share-btn{grid-area:share !important;min-height:32px !important;height:32px !important;margin:0 !important;font-size:.70rem !important;padding:0 7px !important;}
.cart-secondary-actions{grid-area:secondary !important;grid-template-columns:minmax(82px,.68fr) minmax(136px,1.32fr) !important;gap:7px !important;margin:0 !important;}
.cart-clear-btn,.cart-other-product-btn{min-height:32px !important;height:32px !important;font-size:.70rem !important;padding:0 7px !important;}
}
@media(orientation:landscape) and (max-height:390px) and (max-width:760px){
.cart-footer{
grid-template-columns:104px minmax(0,1fr) !important;
grid-template-areas:"pricing checkout" "secondary secondary" !important;
gap:6px 7px !important;
padding:6px 8px 7px !important;
}
.cart-share-btn{display:none !important;}
.cart-checkout-btn{min-height:36px !important;height:36px !important;font-size:.72rem !important;}
.cart-secondary-actions{grid-template-columns:minmax(72px,.70fr) minmax(132px,1.30fr) !important;}
.cart-clear-btn,.cart-other-product-btn{min-height:30px !important;height:30px !important;font-size:.64rem !important;}
}
/* END BENDAGO PATCH V43 */
/* BENDAGO PATCH V44 — responsive home hero, discreet footer and header cart
Scope: responsive layout/visual only. No cart logic, checkout, Worker, SKU or price changes. */
@media (max-width: 900px){
body.home-page .bcp-header{
height:40px !important;
min-height:40px !important;
padding:0 98px 0 12px !important;
background:rgba(0,0,0,.76) !important;
border-bottom:1px solid rgba(230,201,137,.10) !important;
}
body.home-page .bcp-brand{
max-width:calc(100vw - 126px) !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
body.home-page main{
padding-top:40px !important;
}
body.home-page .hero-band{
height:clamp(430px,58svh,555px) !important;
min-height:430px !important;
aspect-ratio:auto !important;
}
body.home-page .hero-logo{
top:55% !important;
width:min(215px,48vw) !important;
max-height:30% !important;
}
body.home-page .scroll-dot{
bottom:14px !important;
}
body.home-page .cart-floating-btn,
.model-page .cart-floating-btn{
position:fixed !important;
top:6px !important;
right:10px !important;
bottom:auto !important;
z-index:1200 !important;
min-height:28px !important;
height:28px !important;
max-width:84px !important;
padding:0 8px !important;
gap:5px !important;
border-radius:999px !important;
border:1px solid rgba(230,201,137,.34) !important;
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016)),rgba(8,10,12,.86) !important;
color:rgba(245,241,232,.92) !important;
box-shadow:none !important;
font-size:10px !important;
line-height:1 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
backdrop-filter:blur(10px) !important;
-webkit-backdrop-filter:blur(10px) !important;
}
body.home-page .cart-floating-btn::before,
.model-page .cart-floating-btn::before{
content:"🛒" !important;
font-size:12px !important;
line-height:1 !important;
}
body.home-page .cart-count-badge,
.model-page .cart-count-badge{
min-width:17px !important;
height:17px !important;
padding:0 4px !important;
margin-left:0 !important;
border-radius:999px !important;
background:rgba(230,201,137,.92) !important;
color:#070707 !important;
font-size:10px !important;
font-weight:950 !important;
}
.model-page .site-header{
min-height:40px !important;
}
.model-page .nav{
min-height:40px !important;
padding-right:96px !important;
}
.model-page .brand{
max-width:calc(100vw - 126px) !important;
overflow:hidden !important;
}
.model-page .brand-mark{
width:24px !important;
height:24px !important;
}
.model-page .brand-name strong{font-size:11px !important;}
.model-page .brand-name span{font-size:8px !important;}
.model-page .cart-pill{
display:none !important;
}
.footer-legal-block{
gap:7px !important;
color:rgba(226,232,240,.54) !important;
font-size:10.5px !important;
line-height:1.45 !important;
letter-spacing:.02em !important;
text-transform:none !important;
text-align:center !important;
}
.footer-legal-block p{
max-width:720px !important;
margin:0 auto !important;
font-weight:450 !important;
}
.footer-legal-block a{
color:rgba(230,201,137,.76) !important;
font-weight:650 !important;
text-decoration:none !important;
border-bottom:1px solid rgba(230,201,137,.18) !important;
}
.bcp-footer.footer{
padding:18px 14px 24px !important;
letter-spacing:0 !important;
text-transform:none !important;
}
}
@media (max-width: 560px){
body.home-page .hero-band{
height:clamp(400px,54svh,500px) !important;
min-height:400px !important;
}
body.home-page .hero-logo{
top:55% !important;
width:min(198px,46vw) !important;
max-height:28% !important;
}
.home-proof-section{
padding-top:24px !important;
padding-bottom:20px !important;
}
.model-social-proof-card{
padding:13px 14px !important;
border-radius:19px !important;
}
.model-social-kicker{
font-size:8.5px !important;
letter-spacing:.08em !important;
}
.model-social-proof-copy strong{
font-size:20px !important;
line-height:1.08 !important;
font-weight:820 !important;
letter-spacing:-.025em !important;
}
.model-social-proof-copy small{
font-size:11.5px !important;
line-height:1.34 !important;
font-weight:430 !important;
color:rgba(226,232,240,.58) !important;
}
.model-social-links{
gap:6px !important;
}
.model-social-pill{
min-height:34px !important;
padding:0 7px !important;
font-size:10.5px !important;
font-weight:760 !important;
}
}
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){
body.home-page .hero-band{
height:calc(100svh - 40px) !important;
min-height:300px !important;
}
body.home-page .hero-logo{
top:53% !important;
width:min(170px,21vw) !important;
max-height:36% !important;
}
}
/* END BENDAGO PATCH V44 */
/* BENDAGO PATCH V45 — final live CTA/cart correction
Purpose: force premium translucent emerald complete-look CTAs and clean model-page cart layout. */
.look-card .build-launch-card,
.build-bundle-cro-v46 .build-launch-card{
border:1px solid rgba(93, 255, 188, .34) !important;
background:
radial-gradient(circle at 12% 0%, rgba(93,255,188,.22), transparent 42%),
linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.018)),
rgba(8, 30, 24, .72) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 16px 34px rgba(0,0,0,.24) !important;
}
.look-card .build-launch-emblem,
.build-bundle-cro-v46 .build-launch-emblem{
border-color:rgba(93,255,188,.42) !important;
background:rgba(93,255,188,.12) !important;
color:#dffff3 !important;
}
.look-card .build-launch-copy strong,
.build-bundle-cro-v46 .build-launch-copy strong{
color:#effff8 !important;
}
.look-card .build-launch-copy span,
.look-card .build-launch-copy small,
.build-bundle-cro-v46 .build-launch-copy span,
.build-bundle-cro-v46 .build-launch-copy small{
color:rgba(196,255,228,.88) !important;
}
.look-card .build-bundle-review.primary,
.build-bundle-actions .build-bundle-review.primary,
.btn.build-bundle-review.primary,
.btn.build-bundle-review.primary.is-disabled{
border:1px solid rgba(93,255,188,.48) !important;
color:#effff8 !important;
background:
radial-gradient(circle at 18% 0%, rgba(93,255,188,.26), transparent 40%),
linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018)),
rgba(7, 35, 28, .76) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.12),
0 14px 30px rgba(0,0,0,.26),
0 0 0 1px rgba(93,255,188,.07) !important;
text-shadow:0 1px 0 rgba(0,0,0,.35) !important;
}
.look-card .build-bundle-review.primary:hover,
.build-bundle-actions .build-bundle-review.primary:hover{
transform:translateY(-1px) !important;
border-color:rgba(118,255,202,.72) !important;
background:
radial-gradient(circle at 18% 0%, rgba(118,255,202,.32), transparent 40%),
linear-gradient(180deg, rgba(255,255,255,.086), rgba(255,255,255,.022)),
rgba(8, 42, 33, .84) !important;
}
/* Model-page cart drawer: no overlap, same order everywhere. */
.cart-footer,
.cart-footer *{box-sizing:border-box !important;}
.cart-footer{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
align-items:stretch !important;
}
.cart-pricing-block,
.cart-note,
.cart-checkout-btn,
.cart-share-btn,
.cart-secondary-actions{width:100% !important;max-width:100% !important;margin:0 !important;}
.cart-checkout-btn,
.cart-share-btn,
.cart-clear-btn,
.cart-other-product-btn{
min-width:0 !important;
min-height:44px !important;
height:auto !important;
padding:0 12px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
white-space:normal !important;
line-height:1.12 !important;
overflow:visible !important;
}
.cart-share-btn{margin-top:0 !important;}
.cart-secondary-actions{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:10px !important;}
@media (max-width:430px){.cart-secondary-actions{grid-template-columns:1fr !important;}}
@media (orientation:landscape) and (max-height:520px) and (max-width:980px){
.cart-footer{display:flex !important;flex-direction:column !important;gap:8px !important;padding:9px 12px !important;}
.cart-note{display:none !important;}
.cart-checkout-btn,.cart-share-btn,.cart-clear-btn,.cart-other-product-btn{min-height:34px !important;height:auto !important;font-size:.78rem !important;white-space:normal !important;}
.cart-secondary-actions{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:7px !important;}
}
/* END BENDAGO PATCH V45 */
/* BENDAGO PATCH V46 — Recovery CRO hard reset
Purpose: compact desktop looks, single clear CTA, header-only cart, cleaner footer/card spacing. */
:root{
--v46-obsidian:#05070b;
--v46-panel:#0b0d10;
--v46-champagne:#d7b26f;
--v46-champagne-soft:#f0d79a;
--v46-emerald:#63f0bd;
--v46-text:#f6f1e8;
--v46-muted:rgba(246,241,232,.68);
}
/* Header cart becomes the only cart trigger on Home/model pages. Hide duplicate JS floating pill there. */
body.home-page .cart-floating-btn,
.model-page .cart-floating-btn{
display:none !important;
}
/* Product/order pages do not have a header cart, so the JS cart pill is moved to the header area, never bottom-right. */
.order-body .cart-floating-btn{
top:12px !important;
right:clamp(12px,2.2vw,24px) !important;
bottom:auto !important;
z-index:1200 !important;
min-height:38px !important;
height:38px !important;
padding:0 12px !important;
border-radius:999px !important;
border:1px solid rgba(215,178,111,.46) !important;
color:var(--v46-text) !important;
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012)),rgba(5,7,11,.92) !important;
box-shadow:0 10px 28px rgba(0,0,0,.34) !important;
font-size:12px !important;
letter-spacing:.05em !important;
}
.order-body .cart-floating-btn::before{content:'🛒';font-size:13px;margin-right:6px;}
.order-body .cart-count-badge{background:var(--v46-champagne) !important;color:#0b0905 !important;}
.model-page .cart-pill,
.home-page .cart-link{
border-color:rgba(215,178,111,.50) !important;
background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.012)),rgba(5,7,11,.86) !important;
color:var(--v46-text) !important;
box-shadow:0 10px 28px rgba(0,0,0,.25) !important;
}
/* Desktop look recovery: less giant, more editorial. */
@media (min-width:901px){
#looks.model-start{padding-top:28px !important;}
#looks .wrap{width:min(1040px,calc(100% - 64px)) !important;}
#looks .section-head{margin-bottom:18px !important;}
#looks .section-head h2{font-size:clamp(28px,2.35vw,40px) !important;line-height:1.02 !important;}
#looks .section-head p{font-size:13px !important;line-height:1.35 !important;max-width:760px !important;}
#looks .look-grid{gap:18px !important;align-items:start !important;}
#looks .look-card{border-radius:20px !important;min-height:0 !important;height:auto !important;overflow:hidden !important;}
#looks .look-media{height:clamp(190px,17vw,245px) !important;min-height:0 !important;}
#looks .look-media img,
#looks .look-media video,
#looks .look-video{height:100% !important;object-fit:cover !important;}
#looks .look-body{padding:18px 20px 20px !important;gap:10px !important;}
#looks .look-body h3{font-size:clamp(24px,1.75vw,31px) !important;line-height:1.04 !important;margin:0 !important;}
#looks .tagline{font-size:10px !important;letter-spacing:.18em !important;margin:0 !important;}
#looks .look-body p{font-size:13px !important;line-height:1.45 !important;margin:0 !important;color:rgba(246,241,232,.70) !important;}
#looks .parts-list{font-size:13px !important;line-height:1.42 !important;margin:4px 0 0 !important;padding-left:16px !important;gap:4px !important;}
#looks .look-bundle-cta{gap:10px !important;padding-top:12px !important;margin-top:10px !important;}
#looks .build-essentials-card{padding:13px 14px !important;border-radius:16px !important;}
#looks .build-essentials-head{margin-bottom:9px !important;}
#looks .build-essentials-head span{font-size:9px !important;letter-spacing:.16em !important;}
#looks .build-essentials-head b{font-size:clamp(22px,1.9vw,30px) !important;}
#looks .build-essentials-card li{font-size:12px !important;line-height:1.14 !important;}
.look-grid-single{max-width:560px !important;margin-left:auto !important;margin-right:auto !important;}
}
/* One CTA signal only: no duplicate Launch Access card fighting the primary button. */
.build-launch-card{display:none !important;}
.build-bundle-actions{gap:9px !important;}
.build-bundle-actions .btn.primary,
.btn.build-bundle-review.primary,
.btn.build-bundle-review.primary.is-disabled{
min-height:50px !important;
border-radius:16px !important;
border:1px solid rgba(99,240,189,.54) !important;
color:#eafff6 !important;
background:
radial-gradient(circle at 18% 0%, rgba(99,240,189,.22), transparent 42%),
linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.020)),
rgba(6,36,28,.74) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px rgba(0,0,0,.28),0 0 0 1px rgba(99,240,189,.06) !important;
font-size:11px !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
text-shadow:0 1px 0 rgba(0,0,0,.36) !important;
}
.build-bundle-actions .btn.primary:hover{border-color:rgba(142,255,212,.78) !important;transform:translateY(-1px) !important;}
.build-bundle-actions .btn.secondary{
min-height:46px !important;
border-radius:15px !important;
border-color:rgba(215,178,111,.34) !important;
color:rgba(246,241,232,.90) !important;
background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.014)),rgba(8,10,13,.82) !important;
}
.build-bundle-actions .btn.secondary::before,
.build-bundle-actions .btn.secondary::after{display:none !important;}
/* Product card spacing: stop text sticking to cells. */
.product-card,.look-card,.trust-card,.model-proof-trust-item,.model-social-proof-card{
box-sizing:border-box !important;
}
.product-card .body{padding:18px 18px 20px !important;gap:11px !important;}
.product-card .body h3{line-height:1.08 !important;margin-bottom:3px !important;}
.product-card .small,.product-card .product-meta,.product-card p{line-height:1.42 !important;}
.product-card .product-details-link,.product-card .add-preview{margin-top:10px !important;}
.product-card .product-details-link{min-height:44px !important;}
.product-card .add-preview{min-height:48px !important;}
/* Footer/legal: premium quiet bar, not poor text stuck in empty space. */
.model-page .footer,.footer,.site-footer{
padding:18px 0 26px !important;
border-top:1px solid rgba(215,178,111,.14) !important;
background:linear-gradient(180deg,rgba(255,255,255,.010),rgba(0,0,0,.0)) !important;
}
.model-page .footer .wrap,.footer .wrap,.site-footer .wrap{
width:min(1080px,calc(100% - 44px)) !important;
color:rgba(246,241,232,.42) !important;
font-size:11px !important;
line-height:1.55 !important;
letter-spacing:.025em !important;
text-transform:none !important;
text-align:center !important;
}
.model-social-proof-card{padding:22px 24px !important;}
.model-social-proof-copy{padding-right:10px !important;}
@media (max-width:900px){
#looks .look-media{height:220px !important;}
.product-card .body{padding:16px !important;}
.model-page .footer .wrap,.footer .wrap,.site-footer .wrap{font-size:10.5px !important;width:min(100% - 28px,720px) !important;}
}
/* END BENDAGO PATCH V46 */
/* BENDAGO PATCH V47 — Clean Alignment
Purpose: coherent premium layout, equal look-card heights, single CTA hierarchy, no legacy colors, header-only cart. */
:root{
--v47-bg:#05070b;
--v47-card:#0b0d11;
--v47-card-2:#101318;
--v47-border:rgba(215,178,111,.20);
--v47-border-strong:rgba(215,178,111,.38);
--v47-gold:#d8b673;
--v47-gold-soft:#f1d99d;
--v47-text:#f6f1e8;
--v47-muted:rgba(246,241,232,.66);
--v47-emerald:#64e8b7;
}
body.home-page .cart-floating-btn,
.model-page .cart-floating-btn{display:none !important;}
.model-page .cart-pill,
.home-page .cart-link{
border:1px solid var(--v47-border-strong) !important;
background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.012)),rgba(5,7,11,.92) !important;
color:var(--v47-text) !important;
}
.model-page .section{padding-top:34px !important;padding-bottom:34px !important;}
.model-page .section-head{margin:0 0 20px !important;}
.model-page .section-head h2{letter-spacing:-.035em !important;}
.model-page .section-head p{color:var(--v47-muted) !important;line-height:1.45 !important;}
@media(min-width:901px){
#looks.model-start{padding-top:30px !important;padding-bottom:28px !important;}
#looks .wrap{width:min(1080px,calc(100% - 72px)) !important;}
.model-125 #looks .look-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:18px !important;
align-items:stretch !important;
}
.model-500 #looks .look-grid,
.model-v4 #looks .look-grid,
#looks .look-grid.look-grid-single{
display:grid !important;
grid-template-columns:minmax(0,480px) !important;
justify-content:center !important;
gap:18px !important;
max-width:520px !important;
margin-inline:auto !important;
}
#looks .look-card{
display:grid !important;
grid-template-rows:190px minmax(0,1fr) !important;
height:555px !important;
min-height:0 !important;
border-radius:20px !important;
overflow:hidden !important;
background:linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.015)),rgba(8,10,14,.92) !important;
border:1px solid var(--v47-border) !important;
box-shadow:0 18px 50px rgba(0,0,0,.34) !important;
}
.model-500 #looks .look-card,
.model-v4 #looks .look-card{height:535px !important;}
#looks .look-media,
#looks .look-media-video{
height:190px !important;
min-height:0 !important;
border-radius:20px 20px 0 0 !important;
overflow:hidden !important;
}
#looks .look-video,
#looks .look-media video,
#looks .look-media img{height:100% !important;width:100% !important;object-fit:cover !important;display:block !important;}
#looks .look-body{
display:flex !important;
flex-direction:column !important;
min-height:0 !important;
height:100% !important;
gap:8px !important;
padding:17px 18px 18px !important;
}
#looks .look-body h3{font-size:clamp(23px,1.55vw,28px) !important;line-height:1.02 !important;margin:0 !important;min-height:30px !important;}
#looks .tagline{font-size:10px !important;line-height:1.15 !important;letter-spacing:.17em !important;margin:0 !important;color:var(--v47-gold) !important;}
#looks .look-body p{font-size:12.5px !important;line-height:1.40 !important;margin:0 !important;color:rgba(246,241,232,.68) !important;min-height:52px !important;}
#looks .parts-list{font-size:12px !important;line-height:1.28 !important;margin:2px 0 0 !important;padding-left:16px !important;color:rgba(246,241,232,.78) !important;min-height:52px !important;}
#looks .parts-list li{margin:0 0 3px !important;}
#looks .look-bundle-cta{
margin-top:auto !important;
padding-top:10px !important;
display:grid !important;
gap:9px !important;
}
#looks .build-essentials-card{
min-height:98px !important;
padding:12px 13px !important;
border-radius:15px !important;
background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.014)),rgba(8,10,13,.88) !important;
border:1px solid rgba(215,178,111,.24) !important;
}
#looks .build-essentials-head{margin-bottom:7px !important;}
#looks .build-essentials-head span{font-size:9px !important;letter-spacing:.15em !important;color:rgba(215,178,111,.86) !important;}
#looks .build-essentials-head b{font-size:24px !important;line-height:1 !important;color:var(--v47-gold-soft) !important;}
#looks .build-essentials-card ul{gap:5px !important;}
#looks .build-essentials-card li{font-size:11.5px !important;line-height:1.18 !important;padding-left:17px !important;}
#looks .build-essentials-card li::before{width:10px !important;height:10px !important;top:.20em !important;}
#looks .build-bundle-actions{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;margin-top:0 !important;}
}
/* Remove duplicate promo card physically from layout if any old cache still contains it. */
.build-launch-card{display:none !important;}
#looks .build-bundle-review.primary,
#looks .btn.build-bundle-review.primary:not(.is-disabled){
min-height:44px !important;
border-radius:14px !important;
border:1px solid rgba(100,232,183,.50) !important;
background:linear-gradient(180deg,rgba(100,232,183,.18),rgba(100,232,183,.075)),rgba(8,34,27,.86) !important;
color:#eafff6 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.24) !important;
font-size:11px !important;
letter-spacing:.065em !important;
text-transform:uppercase !important;
}
#looks .build-bundle-review.secondary{
min-height:42px !important;
border-radius:14px !important;
border:1px solid rgba(215,178,111,.32) !important;
background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.012)),rgba(7,10,14,.88) !important;
color:rgba(246,241,232,.90) !important;
font-size:11px !important;
letter-spacing:.045em !important;
text-transform:uppercase !important;
}
#looks .build-bundle-review.is-disabled{
border-color:rgba(215,178,111,.22) !important;
background:rgba(255,255,255,.045) !important;
color:rgba(246,241,232,.54) !important;
box-shadow:none !important;
cursor:not-allowed !important;
}
#looks .build-bundle-added{font-size:11px !important;color:rgba(246,241,232,.56) !important;line-height:1.3 !important;}
/* Product cards: fixed internal rhythm, bottom-aligned CTAs, no old blue/green. */
.model-page .product-grid{align-items:stretch !important;}
.model-page .product-card{
display:flex !important;
flex-direction:column !important;
height:100% !important;
min-height:0 !important;
border-radius:18px !important;
border:1px solid var(--v47-border) !important;
background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.012)),rgba(8,10,14,.90) !important;
overflow:hidden !important;
}
.model-page .product-card .thumb{height:158px !important;flex:0 0 158px !important;}
.model-page .product-card .body{
flex:1 !important;
display:flex !important;
flex-direction:column !important;
gap:9px !important;
padding:16px 16px 17px !important;
min-height:0 !important;
}
.model-page .product-card h3{font-size:16px !important;line-height:1.10 !important;margin:0 !important;}
.model-page .product-card p{font-size:12.5px !important;line-height:1.35 !important;margin:0 !important;color:rgba(246,241,232,.64) !important;}
.model-page .product-card .product-meta{margin-top:2px !important;line-height:1.2 !important;gap:8px !important;}
.model-page .product-card .small{font-size:11px !important;line-height:1.25 !important;color:rgba(246,241,232,.50) !important;}
.model-page .product-details-link{
margin-top:auto !important;
min-height:40px !important;
border-radius:13px !important;
border:1px solid rgba(215,178,111,.30) !important;
background:rgba(5,7,11,.72) !important;
color:rgba(246,241,232,.88) !important;
display:flex !important;align-items:center !important;justify-content:center !important;
}
.model-page .add-preview{
margin-top:7px !important;
min-height:42px !important;
border-radius:13px !important;
border:1px solid rgba(215,178,111,.50) !important;
background:linear-gradient(180deg,rgba(215,178,111,.95),rgba(176,124,56,.96)) !important;
color:#0c0905 !important;
font-weight:950 !important;
display:flex !important;align-items:center !important;justify-content:center !important;
}
.model-page .add-preview::before,.model-page .add-preview::after{display:none !important;}
/* Footer: compact premium legal, no orphan cheap text. */
.bcp-footer.footer,.model-page .footer{
margin-top:10px !important;
padding:18px 0 24px !important;
border-top:1px solid rgba(215,178,111,.13) !important;
background:rgba(0,0,0,.16) !important;
}
.bcp-footer.footer .wrap,.model-page .footer .wrap{
width:min(1040px,calc(100% - 40px)) !important;
display:grid !important;
gap:4px !important;
text-align:center !important;
color:rgba(246,241,232,.44) !important;
font-size:11px !important;
line-height:1.45 !important;
letter-spacing:.015em !important;
}
.bcp-footer.footer p{margin:0 !important;}
.bcp-footer.footer a{color:rgba(215,178,111,.72) !important;text-decoration:none !important;}
@media(max-width:900px){
#looks .look-card{display:flex !important;flex-direction:column !important;height:auto !important;min-height:0 !important;border-radius:20px !important;}
#looks .look-media,#looks .look-media-video{height:220px !important;flex:0 0 220px !important;}
#looks .look-body{display:flex !important;flex-direction:column !important;gap:10px !important;padding:16px !important;}
#looks .look-body p,#looks .parts-list{min-height:0 !important;}
#looks .look-bundle-cta{margin-top:8px !important;}
.model-page .product-card .body{padding:15px !important;}
}
@media(max-width:430px){
#looks .look-media,#looks .look-media-video{height:205px !important;flex-basis:205px !important;}
#looks .build-bundle-review.primary,#looks .build-bundle-review.secondary{min-height:44px !important;font-size:10px !important;padding-left:10px !important;padding-right:10px !important;}
.model-page .section{padding-top:28px !important;padding-bottom:28px !important;}
}
/* END BENDAGO PATCH V47 */
/* BENDAGO PATCH V49 — Recovery Home Premium
Scope: Home hero video source/layout, clean CTA hierarchy, visible essentials CTA, no old blue/green, header-only cart. */
:root{
--v49-bg:#05070b;
--v49-panel:#0a0d12;
--v49-panel-2:#111318;
--v49-gold:#d9b875;
--v49-gold-soft:#f2d89d;
--v49-gold-line:rgba(217,184,117,.42);
--v49-text:#f7f1e8;
--v49-muted:rgba(247,241,232,.66);
--v49-emerald:#5ee0b0;
}
/* Home: keep the clean multimodel structure. Only the hero video under the logo changes. */
body.home-page .hero-band{
background:#000 !important;
overflow:hidden !important;
}
body.home-page .hero-video{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
filter:brightness(.82) contrast(1.05) saturate(.92) !important;
transform:none !important;
}
body.home-page .hero-dim{
background:
radial-gradient(circle at center,rgba(0,0,0,.03),rgba(0,0,0,.44)),
linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.44)) !important;
}
body.home-page .hero-logo{z-index:4 !important;}
body.home-page .model-band .band-video{
object-fit:cover !important;
object-position:center center !important;
filter:grayscale(1) contrast(1.04) brightness(.78) !important;
}
@media(min-width:901px){
body.home-page .hero-band{height:clamp(330px,42vh,405px) !important;min-height:330px !important;}
body.home-page .hero-logo{width:min(190px,13vw) !important;top:52% !important;}
}
@media(max-width:900px){
body.home-page .hero-band{height:clamp(400px,54svh,520px) !important;min-height:400px !important;}
body.home-page .hero-logo{width:min(210px,48vw) !important;top:55% !important;}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:980px){
body.home-page .hero-band{height:calc(100svh - 40px) !important;min-height:300px !important;}
body.home-page .hero-logo{width:min(170px,21vw) !important;top:53% !important;}
}
/* Cart trigger: no yellow bottom floating pill on Home/model pages, ever. */
body.home-page .cart-floating-btn,
body.model-page .cart-floating-btn,
.home-page .cart-floating-btn,
.model-page .cart-floating-btn{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
pointer-events:none !important;
}
.home-page .cart-link,
.model-page .cart-pill{
border:1px solid var(--v49-gold-line) !important;
background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),rgba(6,8,12,.92) !important;
color:var(--v49-text) !important;
box-shadow:0 10px 28px rgba(0,0,0,.26) !important;
}
/* Look cards: clean aligned rhythm and keep both actions visible on Napoleon 125/250. */
.model-125 #looks .look-card{
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
}
.model-125 #looks .look-body{
display:flex !important;
flex-direction:column !important;
flex:1 1 auto !important;
min-height:0 !important;
}
.model-125 #looks .look-bundle-cta{
display:grid !important;
gap:10px !important;
margin-top:auto !important;
padding-top:10px !important;
}
.model-125 #looks .build-bundle-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
width:100% !important;
}
.model-125 #looks .build-bundle-actions .btn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
opacity:1 !important;
visibility:visible !important;
pointer-events:auto !important;
white-space:normal !important;
text-align:center !important;
line-height:1.1 !important;
}
.model-125 #looks .build-bundle-actions .btn.primary{
min-height:46px !important;
border-radius:15px !important;
border:1px solid rgba(94,224,176,.52) !important;
background:linear-gradient(180deg,rgba(94,224,176,.18),rgba(94,224,176,.075)),rgba(8,31,25,.82) !important;
color:#ecfff7 !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 13px 28px rgba(0,0,0,.28) !important;
}
.model-125 #looks .build-bundle-actions .btn.secondary{
min-height:44px !important;
border-radius:15px !important;
border:1px solid rgba(217,184,117,.38) !important;
background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),rgba(7,9,13,.90) !important;
color:rgba(247,241,232,.92) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 22px rgba(0,0,0,.20) !important;
}
.model-125 #looks .build-bundle-actions .btn.secondary::before,
.model-125 #looks .build-bundle-actions .btn.secondary::after{display:none !important;content:none !important;}
/* Future model looks stay neutral, not fake green buy CTAs. */
.model-500 #looks .build-bundle-actions .btn,
.model-v4 #looks .build-bundle-actions .btn,
.model-500 #looks .add-preview,
.model-v4 #looks .add-preview{
border-color:rgba(217,184,117,.24) !important;
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),rgba(8,10,13,.88) !important;
color:rgba(247,241,232,.58) !important;
box-shadow:none !important;
}
/* Product cards on model pages: no legacy blue/green. */
.model-page .product-details-link{
border:1px solid rgba(217,184,117,.36) !important;
background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),rgba(7,9,13,.88) !important;
color:rgba(247,241,232,.92) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 18px rgba(0,0,0,.20) !important;
}
.model-page .product-details-link:hover,
.model-page .product-details-link:focus-visible{
color:#fff !important;
border-color:rgba(242,216,157,.62) !important;
}
.model-125 .product-card .add-preview:not(:disabled){
border:1px solid rgba(242,216,157,.72) !important;
background:linear-gradient(180deg,#f1d89a,#c99648) !important;
color:#0d0905 !important;
}
.model-500 .product-card .add-preview,
.model-v4 .product-card .add-preview{
border:1px solid rgba(217,184,117,.24) !important;
background:rgba(255,255,255,.035) !important;
color:rgba(247,241,232,.52) !important;
cursor:not-allowed !important;
box-shadow:none !important;
}
.model-500 .product-card .add-preview::before,
.model-500 .product-card .add-preview::after,
.model-v4 .product-card .add-preview::before,
.model-v4 .product-card .add-preview::after{display:none !important;content:none !important;}
/* Footer: compact premium, no lonely cheap line. */
.bcp-footer.footer,
.model-page .footer,
.site-footer{
border-top:1px solid rgba(217,184,117,.14) !important;
background:linear-gradient(180deg,rgba(255,255,255,.010),rgba(0,0,0,0)) !important;
color:rgba(247,241,232,.46) !important;
}
/* END BENDAGO PATCH V49 */
/* BENDAGO PATCH V50 — Responsive QA fix
Scope: responsive cart, look-card alignment, model guides, product-card rhythm. No checkout/Worker/SKU/price logic. */
:root{
--v50-gold:#d9b875;
--v50-gold-soft:#f2d89d;
--v50-line:rgba(217,184,117,.34);
--v50-panel:rgba(7,9,13,.92);
--v50-text:#f7f1e8;
}
/* Home mobile: bring back one discreet header cart, not yellow and not floating. */
@media(max-width:900px){
body.home-page .bcp-header{padding:0 104px 0 14px !important;overflow:hidden !important;}
body.home-page .bcp-nav{display:flex !important;position:absolute !important;right:10px !important;top:50% !important;transform:translateY(-50%) !important;gap:0 !important;z-index:70 !important;}
body.home-page .bcp-nav a:not(.cart-link){display:none !important;}
body.home-page .cart-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:auto !important;min-width:58px !important;max-width:76px !important;height:30px !important;padding:0 9px !important;border-radius:999px !important;border:1px solid rgba(217,184,117,.42) !important;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),rgba(6,8,12,.92) !important;color:rgba(247,241,232,.92) !important;box-shadow:none !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.08em !important;text-transform:uppercase !important;}
body.home-page .cart-link::before{content:'🛒';font-size:12px;line-height:1;}
}
/* Model pages mobile: kill floating cart, keep one small static header cart pill. */
@media(max-width:900px){
body.model-page .cart-floating-btn,.model-page .cart-floating-btn{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
.model-page .nav{padding-right:0 !important;min-height:42px !important;display:flex !important;align-items:center !important;}
.model-page .brand{min-width:0 !important;max-width:calc(100vw - 112px) !important;overflow:hidden !important;}
.model-page .cart-pill{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;flex:0 0 auto !important;min-height:30px !important;min-width:58px !important;padding:0 8px !important;border-radius:999px !important;border:1px solid rgba(217,184,117,.38) !important;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014)),rgba(6,8,12,.92) !important;color:rgba(247,241,232,.92) !important;font-size:10px !important;letter-spacing:.06em !important;box-shadow:none !important;}
.model-page .cart-pill::before{content:'🛒';font-size:12px;line-height:1;}
.model-page .cart-pill span{display:inline-grid !important;place-items:center !important;min-width:17px !important;height:17px !important;margin-left:1px !important;border-radius:999px !important;background:rgba(217,184,117,.92) !important;color:#080705 !important;font-size:10px !important;font-weight:950 !important;}
}
/* Look carousel: equal card rhythm on responsive, fixed internal zones and aligned CTAs. */
@media(max-width:900px){
#looks .look-grid{align-items:stretch !important;scroll-padding-left:0 !important;}
#looks .look-card{flex:0 0 min(82vw,360px) !important;display:flex !important;flex-direction:column !important;height:740px !important;min-height:740px !important;max-height:740px !important;overflow:hidden !important;}
#looks .look-media,#looks .look-media-video{height:190px !important;flex:0 0 190px !important;}
#looks .look-body{flex:1 1 auto !important;display:grid !important;grid-template-rows:auto auto minmax(58px,auto) minmax(92px,auto) 1fr !important;gap:10px !important;padding:15px !important;min-height:0 !important;}
#looks .look-body h3{font-size:22px !important;line-height:1.05 !important;min-height:48px !important;display:flex !important;align-items:flex-end !important;margin:0 !important;}
#looks .tagline{min-height:18px !important;margin:0 !important;display:flex !important;align-items:center !important;}
#looks .look-body p{min-height:58px !important;margin:0 !important;font-size:12.5px !important;line-height:1.36 !important;overflow:hidden !important;}
#looks .parts-list{min-height:92px !important;margin:0 !important;font-size:12.5px !important;line-height:1.34 !important;overflow:hidden !important;}
#looks .look-bundle-cta{align-self:end !important;margin-top:0 !important;padding-top:0 !important;display:grid !important;gap:8px !important;}
#looks .build-essentials-card{min-height:112px !important;display:grid !important;align-content:start !important;padding:12px !important;}
#looks .build-bundle-actions{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}
#looks .build-bundle-actions .btn{width:100% !important;min-height:44px !important;padding:0 10px !important;white-space:normal !important;line-height:1.08 !important;text-align:center !important;}
}
@media(max-width:430px){#looks .look-card{height:715px !important;min-height:715px !important;max-height:715px !important;flex-basis:82vw !important;}#looks .look-media,#looks .look-media-video{height:176px !important;flex-basis:176px !important;}#looks .build-bundle-actions .btn{font-size:9.4px !important;letter-spacing:.052em !important;}}
/* Most clicked carousel: equal card dimensions and corrected visual rhythm. */
@media(max-width:900px){
#most-clicked .product-grid{align-items:stretch !important;}
#most-clicked .product-card{flex:0 0 min(78vw,330px) !important;min-height:610px !important;display:flex !important;flex-direction:column !important;}
#most-clicked .product-card .thumb{height:255px !important;flex:0 0 255px !important;background-size:cover !important;background-position:center center !important;}
#most-clicked .product-card .body{flex:1 !important;display:grid !important;grid-template-rows:auto minmax(54px,auto) auto auto auto auto !important;gap:10px !important;padding:16px !important;}
#most-clicked .product-card h3{min-height:48px !important;display:flex !important;align-items:end !important;}
#most-clicked .product-card p{min-height:54px !important;overflow:hidden !important;}
#most-clicked .product-details-link{margin-top:auto !important;}
}
/* Build / model guides. */
.model-guide-section{padding-top:24px !important;padding-bottom:28px !important;}
.model-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch;}
.model-guide-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:190px;padding:18px;border-radius:20px;border:1px solid rgba(217,184,117,.20);background:radial-gradient(circle at 16% 0%,rgba(217,184,117,.10),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.044),rgba(255,255,255,.014)),rgba(7,9,13,.90);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.22);}
.model-guide-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(217,184,117,.32);color:var(--v50-gold-soft);font-size:11px;}
.model-guide-card h3{margin:0;color:var(--v50-text);font-size:17px;line-height:1.12;}
.model-guide-card p{margin:0;color:rgba(247,241,232,.64);font-size:13px;line-height:1.42;}
.model-guide-link{margin-top:auto;min-height:38px;border-radius:13px;border:1px solid rgba(217,184,117,.32);display:flex;align-items:center;justify-content:center;color:rgba(247,241,232,.90);font-size:10px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;background:rgba(6,8,12,.72);}
@media(max-width:900px){.model-guide-grid{display:flex;overflow-x:auto;gap:12px;padding:2px 16px 12px 0;margin-right:-16px;scroll-snap-type:x mandatory;scrollbar-width:none}.model-guide-grid::-webkit-scrollbar{display:none}.model-guide-card{flex:0 0 min(78vw,320px);scroll-snap-align:start;min-height:200px}.model-guide-section .section-head p{display:block !important;font-size:12px !important;line-height:1.42 !important;}}
/* Icon/text alignment in trust cards on Napoleon 450/500 and Dark Flag. */
.model-proof-trust-item{display:flex !important;align-items:center !important;gap:12px !important;padding:16px !important;}
.model-proof-icon{flex:0 0 38px !important;width:38px !important;height:38px !important;display:grid !important;place-items:center !important;line-height:1 !important;}
.model-proof-copy{display:flex !important;flex-direction:column !important;justify-content:center !important;min-width:0 !important;gap:3px !important;}
.model-proof-copy strong,.model-proof-copy small{display:block !important;margin:0 !important;line-height:1.18 !important;}
/* Decorative cover card uses original product relation image and does not grow off rhythm. */
#most-part-decorative-cover-side .thumb,.product-card[id='part-decorative-cover-side'] .thumb{background-position:center center !important;}
/* END BENDAGO PATCH V50 */
/* BENDAGO PATCH V52 — Desktop look cards not clipped
Scope: desktop model look cards only. Fixes V47/V50 fixed-height clipping where essentials/buttons were pushed below the visible card area. */
@media(min-width:901px){
#looks .look-grid{
align-items:stretch !important;
}
.model-125 #looks .look-card{
height:auto !important;
min-height:650px !important;
max-height:none !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
.model-500 #looks .look-card,
.model-v4 #looks .look-card{
height:auto !important;
min-height:610px !important;
max-height:none !important;
overflow:hidden !important;
display:flex !important;
flex-direction:column !important;
}
#looks .look-media,
#looks .look-media-video{
flex:0 0 190px !important;
height:190px !important;
}
#looks .look-body{
flex:1 1 auto !important;
min-height:0 !important;
height:auto !important;
display:flex !important;
flex-direction:column !important;
}
#looks .look-bundle-cta{
margin-top:auto !important;
flex:0 0 auto !important;
width:100% !important;
}
#looks .build-essentials-card{
min-height:108px !important;
}
#looks .build-bundle-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:8px !important;
}
#looks .build-bundle-actions .btn{
width:100% !important;
white-space:normal !important;
line-height:1.08 !important;
text-align:center !important;
}
}
/* END BENDAGO PATCH V52 */
/* BENDAGO V53 — Model guide as one link cell, no swipe friction.
Scope: model-guide section only. No checkout / Worker / price / SKU logic. */
.model-guide-section{padding-top:22px !important;padding-bottom:30px !important;}
.model-guide-panel{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.65fr);gap:18px;align-items:stretch;border:1px solid rgba(217,184,117,.22);border-radius:24px;padding:18px;background:radial-gradient(circle at 10% 0%,rgba(217,184,117,.12),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),rgba(7,9,13,.90);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 42px rgba(0,0,0,.26);}
.model-guide-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;}
.model-guide-copy h2{margin:0 0 8px;color:var(--v50-text,#f7f1e8);font-size:clamp(24px,2.1vw,34px);line-height:.98;letter-spacing:-.035em;}
.model-guide-copy p{margin:0;color:rgba(247,241,232,.62);font-size:13px;line-height:1.45;max-width:42em;}
.model-guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center;}
.model-guide-link{min-height:58px;border-radius:16px;border:1px solid rgba(217,184,117,.28);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(5,7,10,.82);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;color:rgba(247,241,232,.92);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);}
.model-guide-link span{font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;color:rgba(247,241,232,.95);white-space:normal;}
.model-guide-link b{font-size:12px;line-height:1.25;color:rgba(217,184,117,.82);font-weight:750;}
.model-guide-link-shop{border-color:rgba(217,184,117,.42);background:linear-gradient(180deg,rgba(217,184,117,.11),rgba(217,184,117,.035)),rgba(6,8,12,.88);}
.model-guide-link:hover{border-color:rgba(231,201,139,.56);transform:translateY(-1px);}
/* Legacy model-guide grid disabled by V53 in case older markup remains cached. */
.model-guide-grid{display:grid !important;grid-template-columns:1fr !important;overflow:visible !important;padding:0 !important;margin:0 !important;scroll-snap-type:none !important;}
@media(max-width:900px){
.model-guide-section{padding-top:18px !important;padding-bottom:22px !important;}
.model-guide-panel{display:block;border-radius:20px;padding:16px;margin:0 0 4px;}
.model-guide-copy{margin-bottom:14px;}
.model-guide-copy h2{font-size:25px;line-height:1;}
.model-guide-copy p{font-size:12px;line-height:1.42;}
.model-guide-links{display:grid !important;grid-template-columns:1fr !important;gap:9px;overflow:visible !important;padding:0 !important;margin:0 !important;scroll-snap-type:none !important;}
.model-guide-link{min-height:52px;border-radius:15px;padding:11px 13px;}
.model-guide-link span{font-size:11px;letter-spacing:.09em;}
.model-guide-link b{font-size:11.5px;}
}
@media(min-width:901px){
.model-guide-section .wrap{max-width:1180px;}
.model-guide-links-five{grid-template-columns:repeat(5,minmax(0,1fr));}
.model-guide-links-five .model-guide-link{min-height:70px;}
}
/* BENDAGO V85 — production model proof band at top of each motorcycle page */
.model-proof-top{
padding:14px 0 10px !important;
border-bottom:1px solid rgba(255,255,255,.08);
background:linear-gradient(180deg,rgba(7,9,14,.96),rgba(7,9,14,.82));
}
.model-proof-top .model-proof-trust-grid{
margin:0 !important;
}
.model-proof-top + main .model-start{
padding-top:28px;
}
@media(max-width:760px){
.model-proof-top{padding:10px 0 8px !important;}
.model-proof-top .model-proof-trust-grid{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 2px 6px;scroll-snap-type:x proximity;}
.model-proof-top .model-proof-trust-item{min-width:220px;scroll-snap-align:start;}
}
/* END BENDAGO V85 */
/* BENDAGO V91 — desktop premium proof layout polish */
@media (min-width: 1025px){
.model-proof-top{padding:18px 0 14px !important;}
.model-proof-top .wrap{display:grid !important;gap:16px !important;}
.model-proof-top .model-proof-trust-grid{gap:16px !important;margin:0 !important;}
.model-proof-top .model-proof-trust-item{min-height:104px !important;padding:18px 20px !important;border-radius:24px !important;}
.model-proof-top .model-social-proof-card{
grid-template-columns:minmax(0,1fr) !important;
align-items:flex-start !important;
gap:16px !important;
padding:22px 24px !important;
border-radius:24px !important;
}
.model-proof-top .model-social-proof-copy{
display:grid !important;
gap:8px !important;
max-width:980px !important;
}
.model-proof-top .model-social-kicker{margin:0 !important;}
.model-proof-top .model-social-proof-copy strong{
font-size:clamp(26px,2.55vw,38px) !important;
line-height:1.02 !important;
max-width:15ch !important;
}
.model-proof-top .model-social-proof-copy small{
margin-top:0 !important;
max-width:760px !important;
}
.model-proof-top .model-social-links{
justify-content:flex-start !important;
flex-wrap:wrap !important;
gap:10px !important;
width:100% !important;
}
.model-proof-top .model-social-pill{
min-height:42px !important;
padding:0 16px !important;
gap:8px !important;
}
}
/* END BENDAGO V91 */
/* BENDAGO V92 — desktop card price alignment + full-width single-look bands
Scope: model pages desktop polish only. No Stripe/Worker/SKU/cart logic changed. */
@media (min-width:901px){
.model-page #shop-part-by-part .wrap{width:min(1240px,calc(100% - 64px)) !important;}
.model-page .product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:18px !important;align-items:stretch !important;}
.model-page .product-card .body{padding:18px 18px 20px !important;gap:10px !important;}
.model-page .product-card h3{min-height:2.28em !important;display:flex !important;align-items:flex-start !important;}
.model-page .product-card p{min-height:5.55em !important;display:block !important;}
.model-page .product-card .product-meta{margin-top:0 !important;min-height:34px !important;display:flex !important;align-items:flex-end !important;justify-content:space-between !important;}
.model-page .product-card .small{min-height:2.45em !important;display:flex !important;align-items:flex-start !important;}
.model-page .product-card .product-details-link{margin-top:auto !important;}
.model-page .product-card .add-preview{margin-top:8px !important;}
.model-500 #looks .wrap,
.model-v4 #looks .wrap{width:min(1280px,calc(100% - 72px)) !important;}
.model-500 #looks .look-grid.look-grid-single,
.model-v4 #looks .look-grid.look-grid-single{
display:grid !important;
grid-template-columns:minmax(0,1fr) !important;
max-width:none !important;
width:100% !important;
margin-inline:0 !important;
justify-content:stretch !important;
gap:18px !important;
}
.model-500 #looks .look-card,
.model-v4 #looks .look-card{
display:grid !important;
grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr) !important;
grid-template-rows:none !important;
align-items:stretch !important;
height:auto !important;
min-height:460px !important;
width:100% !important;
max-width:none !important;
}
.model-500 #looks .look-media,
.model-500 #looks .look-media-video,
.model-v4 #looks .look-media,
.model-v4 #looks .look-media-video{
height:auto !important;
min-height:460px !important;
border-radius:20px 0 0 20px !important;
background:#030303 !important;
}
.model-500 #looks .look-video,
.model-v4 #looks .look-video,
.model-500 #looks .look-media img,
.model-v4 #looks .look-media img,
.model-500 #looks .look-media video,
.model-v4 #looks .look-media video{
width:100% !important;
height:100% !important;
object-fit:contain !important;
object-position:center center !important;
background:#030303 !important;
}
.model-500 #looks .look-body,
.model-v4 #looks .look-body{
padding:24px 24px 24px 22px !important;
gap:10px !important;
}
.model-500 #looks .look-body h3,
.model-v4 #looks .look-body h3{min-height:0 !important;font-size:clamp(24px,1.65vw,30px) !important;}
.model-500 #looks .look-body p,
.model-v4 #looks .look-body p,
.model-500 #looks .parts-list,
.model-v4 #looks .parts-list{min-height:0 !important;}
.model-500 #looks .build-essentials-card,
.model-v4 #looks .build-essentials-card{min-height:0 !important;}
}
/* END BENDAGO V92 */
/* BENDAGO V93 — responsive premium tightening for model pages.
Scope: model-page mobile polish only. No checkout / Worker / SKU / GTM / EmailJS logic changed. */
.look-media-link{position:relative;display:block;text-decoration:none;color:inherit;cursor:pointer;}
.look-media-link .look-media-expand-badge{
position:absolute;right:12px;bottom:12px;z-index:2;
display:inline-flex;align-items:center;gap:6px;
min-height:30px;padding:0 10px;border-radius:999px;
border:1px solid rgba(217,184,117,.34);
background:rgba(7,9,13,.70);backdrop-filter:blur(8px);
color:rgba(247,241,232,.92);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
box-shadow:0 10px 22px rgba(0,0,0,.24);
}
.look-media-link .look-media-expand-badge::before{content:"⤢";font-size:12px;line-height:1;color:rgba(217,184,117,.95);}
.look-media-link::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.16));}
.model-guide-mini-bar-v59{
display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));gap:10px;align-items:center;
border:1px solid rgba(217,184,117,.18);border-radius:18px;padding:12px 14px;
background:radial-gradient(circle at 10% 0%,rgba(217,184,117,.09),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.010)),rgba(7,9,13,.88);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 32px rgba(0,0,0,.22);
}
.model-guide-mini-label-v59{font-size:10px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:rgba(217,184,117,.92);white-space:nowrap;}
.model-guide-mini-bar-v59 a{
min-height:42px;border-radius:14px;padding:0 12px;display:flex;align-items:center;justify-content:center;text-align:center;
border:1px solid rgba(217,184,117,.24);background:rgba(6,8,12,.70);color:rgba(247,241,232,.92);
font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;line-height:1.15;text-decoration:none;
}
.model-guide-mini-bar-v59 a.is-primary{border-color:rgba(217,184,117,.40);background:linear-gradient(180deg,rgba(217,184,117,.10),rgba(217,184,117,.03)),rgba(7,9,13,.82);color:#f5e1b3;}
@media (max-width:900px){
.model-proof-top{padding:8px 0 6px !important;}
.model-proof-top .model-proof-trust-grid{
display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;
overflow:visible !important;padding:0 !important;scroll-snap-type:none !important;
}
.model-proof-top .model-proof-trust-item{
min-width:0 !important;min-height:88px !important;padding:10px 10px !important;border-radius:18px !important;
}
.model-proof-top .model-proof-icon{width:24px !important;height:24px !important;font-size:10px !important;}
.model-proof-top .model-proof-copy strong{font-size:14px !important;line-height:1.02 !important;letter-spacing:-.02em !important;}
.model-proof-top .model-proof-copy small{font-size:11px !important;line-height:1.2 !important;display:block !important;}
.model-proof-top .model-social-proof-card{padding:14px !important;border-radius:20px !important;}
.model-proof-top .model-social-links{gap:8px !important;}
.model-proof-top .model-social-pill{min-height:42px !important;padding:0 12px !important;}
.model-500 .model-start .section-head .swipe-hint,
.model-v4 .model-start .section-head .swipe-hint{display:none !important;}
.model-500 #looks .look-grid.look-grid-single,
.model-v4 #looks .look-grid.look-grid-single{
display:block !important;max-width:none !important;width:100% !important;margin:0 !important;overflow:visible !important;
}
.model-500 #looks .look-grid.look-grid-single .look-card,
.model-v4 #looks .look-grid.look-grid-single .look-card{
width:min(100%,560px) !important;max-width:100% !important;flex:none !important;margin:0 auto !important;
height:auto !important;min-height:0 !important;max-height:none !important;
}
.model-500 #looks .look-media,#looks .look-media-video,
.model-v4 #looks .look-media,.model-v4 #looks .look-media-video{height:220px !important;flex-basis:220px !important;}
.model-500 #looks .look-video,.model-v4 #looks .look-video{object-fit:cover !important;}
.model-500 #looks .look-body,
.model-v4 #looks .look-body{padding:15px 14px 14px !important;}
.model-500 #looks .parts-list,
.model-v4 #looks .parts-list{gap:8px !important;}
.model-500 #looks .build-essentials-card,
.model-v4 #looks .build-essentials-card{padding:13px 13px !important;border-radius:16px !important;min-height:0 !important;}
.model-500 #looks .build-essentials-head,
.model-v4 #looks .build-essentials-head{margin-bottom:8px !important;}
.model-500 #looks .build-essentials-head span,
.model-v4 #looks .build-essentials-head span{font-size:9px !important;}
.model-500 #looks .build-essentials-head b,
.model-v4 #looks .build-essentials-head b{font-size:clamp(18px,5.5vw,23px) !important;}
.model-500 #looks .build-essentials-card li,
.model-v4 #looks .build-essentials-card li{
display:grid !important;grid-template-columns:10px minmax(0,1fr) !important;column-gap:8px !important;align-items:start !important;
padding-left:0 !important;font-size:12px !important;line-height:1.22 !important;
}
.model-500 #looks .build-essentials-card li::before,
.model-v4 #looks .build-essentials-card li::before{position:relative !important;left:auto !important;top:.28em !important;margin:0 !important;width:10px !important;height:10px !important;}
.model-500 #looks .build-bundle-actions,
.model-v4 #looks .build-bundle-actions{gap:9px !important;}
.model-500 #looks .build-bundle-actions .btn,
.model-v4 #looks .build-bundle-actions .btn{min-height:46px !important;border-radius:14px !important;}
.model-500 #looks .build-bundle-actions .btn.secondary,
.model-v4 #looks .build-bundle-actions .btn.secondary{
border:1px solid rgba(217,184,117,.34) !important;background:linear-gradient(180deg,rgba(217,184,117,.08),rgba(217,184,117,.025)),rgba(8,10,15,.92) !important;
color:#f6efe2 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.24) !important;
}
.model-guide-section{padding-top:12px !important;padding-bottom:16px !important;}
.model-500 .model-guide-section .wrap,
.model-v4 .model-guide-section .wrap{width:min(100%,calc(100vw - 30px)) !important;}
.model-v4 .model-guide-panel{display:block !important;padding:12px !important;border-radius:18px !important;gap:0 !important;}
.model-v4 .model-guide-copy{margin-bottom:10px !important;}
.model-v4 .model-guide-copy h2{font-size:18px !important;line-height:1.02 !important;margin:0 0 4px !important;}
.model-v4 .model-guide-copy p{font-size:11.5px !important;line-height:1.35 !important;}
.model-v4 .model-guide-links{grid-template-columns:1fr 1fr !important;gap:8px !important;}
.model-v4 .model-guide-link{min-height:42px !important;padding:10px 10px !important;border-radius:14px !important;gap:2px !important;}
.model-v4 .model-guide-link span{font-size:10px !important;}
.model-v4 .model-guide-link b{font-size:10.5px !important;}
.model-guide-mini-v59{padding-top:10px !important;padding-bottom:14px !important;}
.model-guide-mini-v59 .wrap{width:min(100%,calc(100vw - 30px)) !important;}
.model-guide-mini-bar-v59{grid-template-columns:1fr 1fr !important;gap:8px !important;padding:10px !important;border-radius:16px !important;}
.model-guide-mini-label-v59{grid-column:1 / -1 !important;font-size:9px !important;letter-spacing:.13em !important;}
.model-guide-mini-bar-v59 a{min-height:38px !important;padding:0 8px !important;font-size:9.5px !important;letter-spacing:.09em !important;border-radius:13px !important;}
.order-trust-section{padding-top:14px !important;padding-bottom:20px !important;}
.order-trust-section .wrap{width:min(100%,calc(100vw - 30px)) !important;}
.order-trust-section .section-head{margin-bottom:12px !important;}
.order-trust-section .section-head h2{font-size:clamp(32px,8.3vw,42px) !important;line-height:.96 !important;}
.order-trust-section .section-head p{font-size:13px !important;line-height:1.4 !important;}
.order-trust-section .trust-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;}
.order-trust-section .trust-card{padding:14px !important;border-radius:18px !important;min-height:0 !important;}
.order-trust-section .trust-card h3{font-size:16px !important;line-height:1.06 !important;margin-bottom:8px !important;min-height:0 !important;}
.order-trust-section .trust-card p{font-size:13px !important;line-height:1.42 !important;min-height:0 !important;margin:0 !important;}
.order-trust-section .trust-card a{margin-top:8px !important;font-size:13px !important;}
}
@media (max-width:430px){
.model-proof-top .model-proof-trust-item{min-height:82px !important;padding:9px 8px !important;}
.model-proof-top .model-proof-copy strong{font-size:13px !important;}
.model-proof-top .model-proof-copy small{font-size:10px !important;}
.model-500 #looks .look-media,.model-500 #looks .look-media-video,
.model-v4 #looks .look-media,.model-v4 #looks .look-media-video{height:200px !important;flex-basis:200px !important;}
.model-v4 .model-guide-panel{padding:11px !important;}
.model-v4 .model-guide-copy p{display:none !important;}
}
/* END BENDAGO V93 */
/* BENDAGO V95 — desktop unified width + premium model typography
Scope: model pages desktop visual alignment only. No checkout / Worker / SKU / GTM / EmailJS logic changed. */
:root{
--bcp-model-wide:min(1320px,calc(100vw - 72px));
}
@media (min-width:901px){
.model-page .model-proof-top > .wrap,
.model-page #looks > .wrap,
.model-page .model-guide-section > .wrap,
.model-page #shop-part-by-part > .wrap,
.model-page .order-trust-section > .wrap{
width:var(--bcp-model-wide) !important;
max-width:var(--bcp-model-wide) !important;
margin-left:auto !important;
margin-right:auto !important;
}
.model-page #shop-part-by-part .wrap{
width:var(--bcp-model-wide) !important;
max-width:var(--bcp-model-wide) !important;
}
.model-page #shop-part-by-part .product-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:18px !important;
align-items:stretch !important;
}
.model-proof-top .wrap{
display:grid !important;
gap:16px !important;
}
.model-proof-top .model-proof-trust-grid{
width:100% !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:16px !important;
}
.model-proof-top .model-social-proof-card{
width:100% !important;
display:grid !important;
grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr) !important;
align-items:center !important;
gap:24px !important;
padding:22px 26px !important;
}
.model-proof-top .model-social-proof-copy{
max-width:none !important;
padding-right:0 !important;
}
.model-proof-top .model-social-proof-copy strong{
max-width:none !important;
font-family:"Avenir Next","Segoe UI",Inter,system-ui,sans-serif !important;
font-weight:780 !important;
letter-spacing:-.045em !important;
font-size:clamp(30px,2.35vw,40px) !important;
}
.model-proof-top .model-social-proof-copy small{
max-width:760px !important;
}
.model-proof-top .model-social-links{
justify-content:flex-end !important;
align-items:center !important;
flex-wrap:wrap !important;
width:100% !important;
gap:10px !important;
}
.model-proof-top .model-social-pill{
min-width:128px !important;
}
.model-500 #looks .wrap,
.model-v4 #looks .wrap{
width:var(--bcp-model-wide) !important;
max-width:var(--bcp-model-wide) !important;
}
.model-500 #looks .section-head,
.model-v4 #looks .section-head{
display:grid !important;
grid-template-columns:1fr !important;
justify-items:center !important;
text-align:center !important;
gap:8px !important;
margin-bottom:20px !important;
}
.model-500 #looks .section-head h2,
.model-v4 #looks .section-head h2{
font-family:"Avenir Next","Segoe UI",Inter,system-ui,sans-serif !important;
font-weight:760 !important;
letter-spacing:-.045em !important;
line-height:.98 !important;
font-size:clamp(34px,2.45vw,46px) !important;
text-align:center !important;
color:#f8f5ee !important;
}
.model-500 #looks .section-head p,
.model-v4 #looks .section-head p{
max-width:720px !important;
margin:0 auto !important;
text-align:center !important;
color:rgba(247,241,232,.62) !important;
}
.model-500 #looks .look-grid.look-grid-single,
.model-v4 #looks .look-grid.look-grid-single{
width:100% !important;
max-width:none !important;
margin:0 !important;
}
.model-500 #looks .look-card,
.model-v4 #looks .look-card{
width:100% !important;
max-width:none !important;
min-height:470px !important;
grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr) !important;
}
.model-500 #looks .look-body,
.model-v4 #looks .look-body{
text-align:center !important;
align-items:stretch !important;
justify-content:center !important;
padding:26px 28px !important;
}
.model-500 #looks .look-body h3,
.model-v4 #looks .look-body h3{
font-family:"Avenir Next","Segoe UI",Inter,system-ui,sans-serif !important;
font-weight:760 !important;
letter-spacing:-.035em !important;
font-size:clamp(28px,1.85vw,36px) !important;
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}
.model-500 #looks .tagline,
.model-v4 #looks .tagline{
text-align:center !important;
font-weight:720 !important;
letter-spacing:.22em !important;
}
.model-500 #looks .look-body p,
.model-v4 #looks .look-body p{
max-width:42em !important;
margin-left:auto !important;
margin-right:auto !important;
text-align:center !important;
}
.model-500 #looks .parts-list,
.model-v4 #looks .parts-list{
text-align:left !important;
max-width:43em !important;
margin-left:auto !important;
margin-right:auto !important;
}
.model-500 #looks .look-bundle-cta,
.model-v4 #looks .look-bundle-cta{
max-width:520px !important;
width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}
.model-guide-mini-v59 > .wrap,
.model-v4 .model-guide-section > .wrap{
width:var(--bcp-model-wide) !important;
max-width:var(--bcp-model-wide) !important;
}
}
@media (min-width:901px) and (max-width:1180px){
.model-proof-top .model-social-proof-card{
grid-template-columns:1fr !important;
align-items:start !important;
}
.model-proof-top .model-social-links{
justify-content:flex-start !important;
}
.model-500 #looks .look-card,
.model-v4 #looks .look-card{
grid-template-columns:1fr !important;
}
.model-500 #looks .look-media,
.model-500 #looks .look-media-video,
.model-v4 #looks .look-media,
.model-v4 #looks .look-media-video{
min-height:420px !important;
border-radius:20px 20px 0 0 !important;
}
}
/* END BENDAGO V95 */
/* BENDAGO V96 — mobile proof cards + look-card no-clipping cleanup
Scope: model pages responsive visual correction only. No checkout / Worker / SKU / GTM / EmailJS logic changed. */
@media (max-width:900px){
.model-proof-top{padding:8px 0 7px !important;}
.model-proof-top > .wrap{width:min(100%,calc(100vw - 30px)) !important;max-width:none !important;}
.model-proof-top .model-proof-trust-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:7px !important;
overflow:visible !important;
padding:0 !important;
margin:0 0 8px !important;
scroll-snap-type:none !important;
}
.model-proof-top .model-proof-trust-item{
min-width:0 !important;
min-height:58px !important;
padding:8px 6px !important;
border-radius:16px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
text-align:center !important;
}
.model-proof-top .model-proof-icon{
display:none !important;
}
.model-proof-top .model-proof-copy{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:3px !important;
width:100% !important;
min-width:0 !important;
text-align:center !important;
}
.model-proof-top .model-proof-copy strong{
font-size:11.5px !important;
line-height:1.05 !important;
letter-spacing:-.01em !important;
text-align:center !important;
max-width:100% !important;
}
.model-proof-top .model-proof-copy small{
display:none !important;
}
.model-proof-top .model-proof-stripe{
display:inline-flex !important;
min-height:18px !important;
padding:0 7px !important;
border-radius:8px !important;
font-size:10px !important;
line-height:1 !important;
}
.model-proof-top .model-social-proof-card{
margin-top:0 !important;
padding:14px !important;
border-radius:20px !important;
}
#looks .look-grid{
align-items:flex-start !important;
scroll-padding-left:0 !important;
}
#looks .look-card,
.model-125 #looks .look-card,
.model-500 #looks .look-card,
.model-v4 #looks .look-card{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}
.model-125 #looks .look-card{
flex:0 0 min(86vw,392px) !important;
}
.model-500 #looks .look-grid.look-grid-single .look-card,
.model-v4 #looks .look-grid.look-grid-single .look-card{
width:min(100%,560px) !important;
max-width:100% !important;
margin-left:auto !important;
margin-right:auto !important;
}
#looks .look-body,
.model-125 #looks .look-body,
.model-500 #looks .look-body,
.model-v4 #looks .look-body{
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
padding-bottom:16px !important;
}
#looks .look-bundle-cta,
.model-125 #looks .look-bundle-cta,
.model-500 #looks .look-bundle-cta,
.model-v4 #looks .look-bundle-cta{
margin-top:14px !important;
padding-top:10px !important;
flex:0 0 auto !important;
}
#looks .build-bundle-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
#looks .build-bundle-actions .btn{
width:100% !important;
min-height:48px !important;
border-radius:15px !important;
line-height:1.10 !important;
white-space:normal !important;
}
#looks .build-bundle-actions .btn.secondary,
#looks .build-bundle-review.secondary{
border:1px solid rgba(217,184,117,.46) !important;
background:linear-gradient(180deg,rgba(217,184,117,.10),rgba(217,184,117,.030)),rgba(8,10,15,.94) !important;
color:rgba(247,241,232,.94) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 26px rgba(0,0,0,.26) !important;
}
.model-125 #looks .build-bundle-actions .btn.primary,
.model-125 #looks .build-bundle-actions .btn.secondary{
min-height:50px !important;
}
}
@media (max-width:430px){
.model-proof-top > .wrap{width:min(100%,calc(100vw - 28px)) !important;}
.model-proof-top .model-proof-trust-grid{gap:6px !important;}
.model-proof-top .model-proof-trust-item{min-height:54px !important;padding:7px 5px !important;border-radius:14px !important;}
.model-proof-top .model-proof-copy strong{font-size:10.7px !important;line-height:1.04 !important;}
.model-proof-top .model-proof-stripe{font-size:9.5px !important;min-height:17px !important;padding:0 6px !important;}
.model-125 #looks .look-card{flex-basis:min(87vw,392px) !important;}
#looks .build-bundle-actions .btn{min-height:47px !important;font-size:9.6px !important;letter-spacing:.055em !important;}
}
/* END BENDAGO V96 */
/* BENDAGO V98 — desktop look typography, video visibility and model-background clarity.
Scope: model pages desktop only. No checkout / Worker / SKU / GTM / EmailJS / cart logic changed. */
@media (min-width:901px){
.model-page main::before{
opacity:.27 !important;
filter:blur(1px) saturate(1.05) brightness(1.32) contrast(1.06) !important;
background-position:center center !important;
}
.model-page main::after{
background:rgba(0,0,0,.58) !important;
}
.model-page #looks .section-head{
display:grid !important;
grid-template-columns:1fr !important;
justify-items:center !important;
text-align:center !important;
gap:8px !important;
margin-bottom:24px !important;
}
.model-page #looks .section-head h2{
max-width:980px !important;
margin:0 auto !important;
text-align:center !important;
font-family:"Avenir Next","Segoe UI",Inter,system-ui,sans-serif !important;
font-weight:720 !important;
letter-spacing:-.050em !important;
line-height:.98 !important;
font-size:clamp(36px,2.65vw,50px) !important;
color:#f8f5ee !important;
}
.model-page #looks .section-head p{
max-width:760px !important;
margin:0 auto !important;
text-align:center !important;
color:rgba(247,241,232,.66) !important;
font-size:13px !important;
line-height:1.45 !important;
}
.model-page #looks .section-head .swipe-hint{display:none !important;}
.model-125 #looks .look-card{
min-height:760px !important;
height:auto !important;
max-height:none !important;
}
.model-125 #looks .look-media,
.model-125 #looks .look-media-video{
flex:0 0 clamp(260px,19.5vw,315px) !important;
height:clamp(260px,19.5vw,315px) !important;
min-height:260px !important;
background:#050505 !important;
}
.model-125 #looks .look-video,
.model-125 #looks .look-media video{
width:100% !important;
height:100% !important;
object-fit:contain !important;
object-position:center center !important;
background:#050505 !important;
}
.model-125 #looks .look-body h3,
.model-500 #looks .look-body h3,
.model-v4 #looks .look-body h3{
font-family:"Avenir Next","Segoe UI",Inter,system-ui,sans-serif !important;
font-weight:720 !important;
letter-spacing:-.035em !important;
color:#f8f5ee !important;
}
}
/* END BENDAGO V98 */
/* BENDAGO V99 — grouped SEO/CRO/performance polish.
Scope: non-destructive visual SEO support + model page background clarity. No Worker / Stripe / SKU logic changed. */
.seo-visually-hidden{
position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
@media (min-width:901px){
.model-page main::before{
opacity:.35!important;
filter:blur(.8px) saturate(1.10) brightness(1.28) contrast(1.03)!important;
background-position:center center!important;
}
.model-page main::after{
background:linear-gradient(to left,
rgba(0,0,0,.78) 0%,
rgba(0,0,0,.68) 26%,
rgba(0,0,0,.57) 52%,
rgba(0,0,0,.48) 76%,
rgba(0,0,0,.42) 100%)!important;
}
.model-page .section>.wrap,
.model-page .model-proof-section>.wrap,
.model-page .order-trust-section>.wrap{max-width:1420px!important;}
}
@media (min-width:1200px){
.model-page #shop-part-by-part .wrap{width:min(1420px,calc(100% - 76px))!important;}
}
/* END BENDAGO V99 */
/* BENDAGO V100 — model background balance after V99.
Scope: desktop background visibility only. No layout / checkout / Worker / Stripe / SKU changes. */
@media (min-width:901px){
.model-page main::before{
opacity:.29!important;
filter:blur(.9px) saturate(1.04) brightness(1.18) contrast(1.02)!important;
background-position:center center!important;
}
.model-page main::after{
background:linear-gradient(to left,
rgba(0,0,0,.86) 0%,
rgba(0,0,0,.78) 22%,
rgba(0,0,0,.64) 50%,
rgba(0,0,0,.52) 76%,
rgba(0,0,0,.46) 100%)!important;
}
}
/* END BENDAGO V100 */
/* V101 — desktop translucent proof cards, Terms-style glass finish */
@media (min-width: 901px){
.model-page .model-proof-section.model-proof-top{
padding-top:10px !important;
padding-bottom:34px !important;
}
.model-page .model-proof-trust-grid{
gap:16px !important;
margin-bottom:20px !important;
}
.model-page .model-proof-trust-item{
min-height:96px !important;
padding:17px 20px !important;
border-radius:24px !important;
border:1px solid rgba(226,189,114,.26) !important;
background:
radial-gradient(circle at 14% 0%,rgba(255,255,255,.095),transparent 38%),
linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.020)) !important;
-webkit-backdrop-filter:blur(16px) saturate(135%) !important;
backdrop-filter:blur(16px) saturate(135%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 22px 60px rgba(0,0,0,.35) !important;
}
.model-page .model-proof-icon{
border-color:rgba(226,189,114,.32) !important;
background:rgba(255,255,255,.052) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.model-page .model-proof-copy strong{
font-weight:900 !important;
letter-spacing:-.012em !important;
}
.model-page .model-proof-copy small{
color:rgba(226,232,240,.70) !important;
font-weight:560 !important;
}
.model-page .model-proof-stripe{
background:rgba(255,255,255,.060) !important;
border-color:rgba(226,189,114,.28) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.model-page .model-social-proof-card,
.home-page .model-social-proof-card{
padding:20px 22px !important;
border-radius:26px !important;
border:1px solid rgba(226,189,114,.28) !important;
background:
radial-gradient(circle at 8% 0%,rgba(255,255,255,.090),transparent 36%),
linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.018)) !important;
-webkit-backdrop-filter:blur(18px) saturate(135%) !important;
backdrop-filter:blur(18px) saturate(135%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 24px 66px rgba(0,0,0,.36) !important;
}
.model-page .model-social-kicker,
.home-page .model-social-kicker{
color:rgba(230,201,137,.86) !important;
letter-spacing:.14em !important;
}
.model-page .model-social-proof-copy strong,
.home-page .model-social-proof-copy strong{
font-weight:900 !important;
letter-spacing:-.030em !important;
}
.model-page .model-social-proof-copy small,
.home-page .model-social-proof-copy small{
color:rgba(226,232,240,.72) !important;
font-weight:520 !important;
}
.model-page .model-social-links,
.home-page .model-social-links{
gap:10px !important;
}
.model-page .model-social-pill,
.home-page .model-social-pill{
min-height:39px !important;
padding:0 14px !important;
border-color:rgba(226,189,114,.22) !important;
background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
-webkit-backdrop-filter:blur(12px) saturate(130%) !important;
backdrop-filter:blur(12px) saturate(130%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px rgba(0,0,0,.22) !important;
}
.model-page .model-social-instagram,
.home-page .model-social-instagram{border-color:rgba(236,72,153,.30) !important;}
.model-page .model-social-tiktok,
.home-page .model-social-tiktok{border-color:rgba(226,232,240,.24) !important;}
.model-page .model-social-facebook,
.home-page .model-social-facebook{border-color:rgba(59,130,246,.31) !important;}
}
/* V102 — responsive look-card essentials alignment
Fix: align the gold circles perfectly with the essentials titles across all model pages on responsive. */
@media (max-width: 1024px){
#looks .build-essentials-card ul{
display:grid !important;
gap:6px !important;
}
#looks .build-essentials-card li{
display:flex !important;
align-items:center !important;
gap:10px !important;
padding-left:0 !important;
min-height:20px !important;
}
#looks .build-essentials-card li::before{
position:static !important;
left:auto !important;
top:auto !important;
transform:none !important;
margin:0 !important;
width:10px !important;
height:10px !important;
flex:0 0 10px !important;
align-self:center !important;
}
}
@media (max-width: 520px){
#looks .build-essentials-card li{
font-size:12px !important;
line-height:1.20 !important;
}
}
/* V103 — definitive rebuild of Essentials rows
Scope: every look card on all model pages. No pseudo-positioning rustine.
Each item is now a true row: fixed dot + flexible title, aligned as one component. */
#looks .build-essentials-card ul{
list-style:none !important;
margin:0 !important;
padding:0 !important;
display:grid !important;
gap:8px !important;
}
#looks .build-essentials-card li.essentials-row{
position:relative !important;
display:grid !important;
grid-template-columns:22px minmax(0,1fr) !important;
column-gap:10px !important;
align-items:center !important;
padding:0 !important;
margin:0 !important;
min-height:28px !important;
color:#f7f2ea !important;
font-weight:760 !important;
line-height:1.16 !important;
text-align:left !important;
}
#looks .build-essentials-card li.essentials-row::before{
content:none !important;
display:none !important;
}
#looks .build-essentials-card .essentials-dot{
display:block !important;
width:15px !important;
height:15px !important;
min-width:15px !important;
border-radius:999px !important;
border:2px solid rgba(218,178,111,.92) !important;
background:rgba(0,0,0,.16) !important;
box-shadow:0 0 0 5px rgba(218,178,111,.10),0 0 18px rgba(218,178,111,.18) !important;
align-self:center !important;
justify-self:center !important;
box-sizing:border-box !important;
}
#looks .build-essentials-card .essentials-text{
display:block !important;
min-width:0 !important;
max-width:100% !important;
line-height:1.16 !important;
overflow-wrap:normal !important;
word-break:normal !important;
}
@media (max-width:1024px){
#looks .build-essentials-card ul{gap:7px !important;}
#looks .build-essentials-card li.essentials-row{
grid-template-columns:20px minmax(0,1fr) !important;
column-gap:9px !important;
min-height:26px !important;
align-items:center !important;
font-size:12px !important;
line-height:1.17 !important;
}
#looks .build-essentials-card .essentials-dot{
width:13px !important;
height:13px !important;
min-width:13px !important;
border-width:2px !important;
box-shadow:0 0 0 4px rgba(218,178,111,.10),0 0 14px rgba(218,178,111,.16) !important;
}
#looks .build-essentials-card .essentials-text{line-height:1.17 !important;}
}
@media (max-width:520px){
#looks .build-essentials-card li.essentials-row{
grid-template-columns:19px minmax(0,1fr) !important;
column-gap:8px !important;
min-height:25px !important;
}
#looks .build-essentials-card .essentials-dot{
width:12px !important;
height:12px !important;
min-width:12px !important;
}
}
/* BENDAGO V17 — Dark Flag browse sticky full-format media
Scope: Dark Flag V4 / Browse all individual upgrades / responsive only.
Fixes side black bars by forcing the browse sticky media to fill its frame.
No PC, HTML, cart, Stripe, Worker, SKU, price, video file or product logic changes. */
@media (max-width: 900px){
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y{
position: sticky !important;
top: 58px !important;
z-index: 7 !important;
display: block !important;
width: calc(100% - 22px) !important;
max-width: calc(100% - 22px) !important;
height: clamp(240px, 40svh, 390px) !important;
min-height: 240px !important;
max-height: 390px !important;
aspect-ratio: auto !important;
margin: 10px auto 16px !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: 20px !important;
background: #050505 !important;
}
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n video,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n img,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n .bcp-look-sticky-video-v16m,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y video,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y img,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y .bcp-look-sticky-video-v16m,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n video,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n img,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n .bcp-look-sticky-video-v16m,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y video,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y img,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y .bcp-look-sticky-video-v16m{
position: absolute !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100% !important;
max-width: none !important;
max-height: none !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center center !important;
background: #050505 !important;
border-radius: 0 !important;
}
}
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px){
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n,
html body.model-page.model-v4 section#shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n,
html body.model-page.model-v4 #shop-part-by-part .bcp-browse-look-banner-v16n.bcp-single-look-browse-v16y{
top: 48px !important;
height: clamp(150px, 40svh, 210px) !important;
min-height: 150px !important;
max-height: 210px !important;
margin: 8px auto 12px !important;
}
}
/* END BENDAGO V17 — Dark Flag browse sticky full-format media */
/* BENDAGO V17 — Napoleon 125/250 PC choose-your-build side video alignment
Scope: PC only / Napoleon 125-250 / #looks section. Fixes cropped look videos and top-heavy text cells without touching mobile, cart, Worker, SKU or prices. */
@media (min-width: 901px){
html body.model-page.model-125 section#looks .wrap{
width:min(1360px, calc(100% - 72px)) !important;
max-width:min(1360px, calc(100% - 72px)) !important;
}
html body.model-page.model-125 section#looks .look-grid{
display:grid !important;
grid-template-columns:1fr !important;
width:100% !important;
max-width:none !important;
margin-inline:auto !important;
gap:26px !important;
align-items:stretch !important;
justify-content:stretch !important;
overflow:visible !important;
}
html body.model-page.model-125 section#looks article.look-card{
display:grid !important;
grid-template-columns:clamp(300px, 31vw, 390px) minmax(0, 1fr) !important;
grid-template-rows:none !important;
align-items:stretch !important;
width:100% !important;
max-width:none !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
border-radius:26px !important;
}
html body.model-page.model-125 section#looks article.look-card > .look-media,
html body.model-page.model-125 section#looks article.look-card > .look-media-video,
html body.model-page.model-125 section#looks article.look-card > .look-media-link{
grid-column:1 !important;
grid-row:1 !important;
position:relative !important;
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
aspect-ratio:9 / 16 !important;
align-self:stretch !important;
justify-self:stretch !important;
flex:none !important;
flex-basis:auto !important;
border-radius:26px 0 0 26px !important;
overflow:hidden !important;
background:#030303 !important;
}
html body.model-page.model-125 section#looks article.look-card > .look-media video,
html body.model-page.model-125 section#looks article.look-card > .look-media .look-video,
html body.model-page.model-125 section#looks article.look-card > .look-media-video video,
html body.model-page.model-125 section#looks article.look-card > .look-media-video .look-video,
html body.model-page.model-125 section#looks article.look-card > .look-media img{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
min-width:100% !important;
min-height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center center !important;
border-radius:0 !important;
background:#030303 !important;
}
html body.model-page.model-125 section#looks article.look-card > .look-body{
grid-column:2 !important;
grid-row:1 !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
align-self:stretch !important;
min-width:0 !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
padding:clamp(26px, 2.8vw, 42px) clamp(28px, 3.2vw, 48px) !important;
gap:12px !important;
text-align:left !important;
}
html body.model-page.model-125 section#looks article.look-card .look-body h3{
min-height:0 !important;
margin:0 !important;
font-size:clamp(30px, 2.45vw, 46px) !important;
line-height:.98 !important;
letter-spacing:-.035em !important;
}
html body.model-page.model-125 section#looks article.look-card .tagline{
min-height:0 !important;
margin:0 !important;
font-size:11px !important;
line-height:1.2 !important;
letter-spacing:.18em !important;
}
html body.model-page.model-125 section#looks article.look-card .look-body p,
html body.model-page.model-125 section#looks article.look-card .parts-list{
min-height:0 !important;
max-height:none !important;
overflow:visible !important;
}
html body.model-page.model-125 section#looks article.look-card .look-body p{
margin:0 !important;
max-width:760px !important;
font-size:14px !important;
line-height:1.48 !important;
}
html body.model-page.model-125 section#looks article.look-card .parts-list{
margin:2px 0 0 !important;
padding-left:18px !important;
font-size:13px !important;
line-height:1.38 !important;
}
html body.model-page.model-125 section#looks article.look-card .look-bundle-cta{
width:100% !important;
max-width:760px !important;
margin-top:10px !important;
padding-top:12px !important;
display:grid !important;
gap:12px !important;
align-self:stretch !important;
flex:0 0 auto !important;
}
html body.model-page.model-125 section#looks article.look-card .build-essentials-card{
min-height:0 !important;
padding:15px 16px !important;
border-radius:17px !important;
}
html body.model-page.model-125 section#looks article.look-card .build-bundle-actions{
display:grid !important;
grid-template-columns:1fr !important;
gap:10px !important;
}
html body.model-page.model-125 section#looks article.look-card .build-bundle-actions .btn{
width:100% !important;
min-height:46px !important;
white-space:normal !important;
text-align:center !important;
justify-content:center !important;
align-items:center !important;
}
}
@media (min-width:901px) and (max-width:1180px){
html body.model-page.model-125 section#looks article.look-card{
grid-template-columns:clamp(270px, 30vw, 330px) minmax(0, 1fr) !important;
}
html body.model-page.model-125 section#looks article.look-card > .look-body{
padding:24px 30px !important;
gap:10px !important;
}
html body.model-page.model-125 section#looks article.look-card .look-body h3{
font-size:clamp(27px, 2.7vw, 34px) !important;
}
html body.model-page.model-125 section#looks article.look-card .look-body p{
font-size:13px !important;
line-height:1.42 !important;
}
html body.model-page.model-125 section#looks article.look-card .parts-list{
font-size:12.5px !important;
line-height:1.32 !important;
}
}
/* END BENDAGO V17 — Napoleon 125/250 PC choose-your-build side video alignment */
/* BENDAGO V20 — desktop product-card action click integrity
Scope: desktop pointer stacking only. Keeps the premium hover effect while ensuring
the Add to cart and View gallery controls remain above decorative card layers. */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
.model-page .product-card .thumb.product-card-thumb-link{
position:relative !important;
z-index:1 !important;
}
.model-page .product-card .body{
position:relative !important;
z-index:5 !important;
pointer-events:auto !important;
}
.model-page .product-card .product-details-link,
.model-page .product-card .add-preview{
position:relative !important;
z-index:6 !important;
pointer-events:auto !important;
}
.model-page .product-card::before,
.model-page .product-card::after{
pointer-events:none !important;
}
}
/* END BENDAGO V20 */
/* BENDAGO V21 — real desktop Add to cart control integrity
Scope: desktop catalogue cards only, all three model universes.
Keeps gallery links, hover treatment, responsive behavior and real option-required cards intact. */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
.model-page .product-card .body{
position:relative !important;
z-index:10 !important;
pointer-events:auto !important;
}
.model-page .product-card .product-details-link{
position:relative !important;
z-index:11 !important;
pointer-events:auto !important;
cursor:pointer !important;
}
.model-page .product-card button.add-preview[data-add-preview]:not([disabled]):not(.is-disabled){
position:relative !important;
z-index:12 !important;
pointer-events:auto !important;
cursor:pointer !important;
}
.model-page .product-card button.add-preview[data-add-preview][disabled],
.model-page .product-card button.add-preview[data-add-preview].is-disabled{
cursor:not-allowed !important;
}
}
/* END BENDAGO V21 — real desktop Add to cart control integrity */
/* BENDAGO V23 — responsive product catalogue scroll for 450/500 + Dark Flag
Scope: model product cards only. Sticky header, looks, builds, cart and checkout untouched. */
@media (max-width:900px){
.model-500 #shop-part-by-part .product-grid,
.model-v4 #shop-part-by-part .product-grid{
display:grid !important;
grid-template-columns:1fr !important;
gap:14px !important;
overflow:visible !important;
overscroll-behavior-x:auto !important;
scroll-snap-type:none !important;
padding:0 !important;
margin-right:0 !important;
scrollbar-width:auto !important;
}
.model-500 #shop-part-by-part .product-card,
.model-v4 #shop-part-by-part .product-card{
width:auto !important;
max-width:none !important;
min-width:0 !important;
flex:none !important;
scroll-snap-align:none !important;
}
}
/* END BENDAGO V23 */
/* BENDAGO V24 — Napoleon 125/250 responsive product-card alignment
Scope: Browse all individual upgrades carousel only.
Locks a single card rhythm: equal card height, fixed media/title/description zones,
and bottom-aligned actions. No change to sticky video/header, CTA style, cart or checkout. */
@media (max-width:900px){
.model-125 #shop-part-by-part .product-grid{
align-items:stretch !important;
}
.model-125 #shop-part-by-part .product-card{
display:flex !important;
flex-direction:column !important;
height:548px !important;
min-height:548px !important;
max-height:548px !important;
align-self:stretch !important;
overflow:hidden !important;
}
.model-125 #shop-part-by-part .product-card .thumb{
height:158px !important;
flex:0 0 158px !important;
}
.model-125 #shop-part-by-part .product-card .body{
flex:1 1 auto !important;
min-height:0 !important;
display:flex !important;
flex-direction:column !important;
}
.model-125 #shop-part-by-part .product-card h3{
min-height:3.30em !important;
display:flex !important;
align-items:flex-start !important;
overflow:hidden !important;
}
.model-125 #shop-part-by-part .product-card p{
min-height:4.05em !important;
max-height:4.05em !important;
overflow:hidden !important;
}
.model-125 #shop-part-by-part .product-card .product-meta{
min-height:30px !important;
display:flex !important;
align-items:flex-end !important;
}
.model-125 #shop-part-by-part .product-card .small{
min-height:28px !important;
display:flex !important;
align-items:flex-start !important;
}
.model-125 #shop-part-by-part .product-card .product-details-link{
margin-top:auto !important;
}
}
/* END BENDAGO V24 */