@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e9e9e9;z-index:10}.nav{height:76px;display:flex;align-items:center;gap:35px}.logo{font-weight:900;letter-spacing:-1.5px;font-size:22px}.logo span{font-weight:400}.logo i{font-style:normal}.nav nav{display:flex;gap:25px;flex:1}.nav nav a{font-size:14px;color:#555}.cart b{background:#111;color:#fff;padding:5px 8px;border-radius:50%;font-size:11px}.hero{padding:90px 0;background:#f4f3ef}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#777;margin:0 0 15px}.hero h1{font-size:clamp(48px,7vw,84px);line-height:.94;letter-spacing:-4px;margin:0}.hero h1 em{font-style:normal;font-weight:400}.lead{max-width:600px;color:#555;font-size:18px;line-height:1.6}.btn{display:inline-block;padding:14px 22px;border:0;border-radius:3px;font-weight:700;cursor:pointer}.primary{background:#111;color:#fff}.hero-card{height:390px;background:#171717;color:#fff;padding:35px;display:flex;flex-direction:column;justify-content:flex-end}.orb{align-self:center;margin:auto;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;border:1px solid #555;font-size:55px;font-weight:900}.section{padding:80px 0}.muted{background:#f7f7f5}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{font-size:42px;letter-spacing:-2px;margin:0}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.categories a{padding:28px;background:#f4f4f2;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.categories b{font-size:21px}.categories small{color:#777}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-img{height:230px;background:linear-gradient(135deg,#eee,#ddd);display:grid;place-items:center;color:#999;font-weight:700;font-size:35px;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover}.product-img.large{height:520px}.product-info{padding:15px 2px}.product-info h3{font-size:15px;margin:0 0 8px}.price{font-weight:800}.old{text-decoration:line-through;color:#aaa;font-weight:400;margin-left:7px;font-size:13px}.add{width:100%;margin-top:12px;padding:11px;border:0;background:#111;color:#fff;cursor:pointer}.promise{padding:75px 0;background:#111;color:#fff}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.promise .eyebrow{color:#aaa}.promise p{border-bottom:1px solid #444;padding:15px 0;margin:0}.footer{padding:55px 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p{color:#777;line-height:1.7;font-size:13px}.copyright{border-top:1px solid #eee;padding:18px 4%;font-size:11px;color:#888}.shop-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.shop-top h1{font-size:55px;letter-spacing:-3px;margin:0}.shop-top input,.form input,.form textarea,.admin-form input,.admin-form textarea,.admin-form select{padding:14px 15px;border:1px solid #ddd}.chips{display:flex;gap:8px;margin:35px 0;flex-wrap:wrap}.chips a{border:1px solid #ddd;padding:10px 15px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:60px}.detail h1{font-size:50px;letter-spacing:-2px}.price.big{font-size:25px}.desc{color:#666;line-height:1.7}.quantity{display:flex;gap:10px;margin:20px 0}.quantity input{width:70px;padding:12px}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:18px 0;border-bottom:1px solid #ddd}.checkout{margin-top:30px;padding:25px;background:#f5f5f3}.checkout-grid{display:grid;grid-template-columns:1fr 380px;gap:60px}.form{display:grid;gap:12px;max-width:650px}.form textarea{min-height:130px}.error{background:#fee;padding:12px}.empty{padding:50px 0;color:#777}.admin-wrap{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-wrap aside{background:#111;color:#fff;padding:30px;display:flex;flex-direction:column;gap:18px}.admin-wrap aside a{color:#bbb}.admin-main{padding:50px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.stats div{padding:25px;background:#f4f4f2}.stats small{display:block;color:#777}.stats strong{font-size:35px}.admin-form{display:grid;gap:10px;max-width:700px}.admin-login{min-height:100vh;display:grid;place-items:center;background:#f4f3ef}.admin-login form{background:#fff;padding:35px;width:min(420px,90%);display:grid;gap:12px}.admin-login input{padding:14px;border:1px solid #ddd}.cat-row{padding:15px;border-bottom:1px solid #ddd}table{width:100%;border-collapse:collapse;margin-top:30px}th,td{text-align:left;border-bottom:1px solid #ddd;padding:12px;font-size:13px}@media(max-width:800px){.nav nav{display:none}.hero-grid,.promise-grid,.detail,.checkout-grid{grid-template-columns:1fr}.hero{padding:55px 0}.hero-card{height:300px}.categories,.products{grid-template-columns:repeat(2,1fr)}.shop-top{display:block}.shop-top h1{font-size:42px;margin-bottom:20px}.footer{grid-template-columns:1fr}.admin-wrap{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}@media(max-width:480px){.products,.categories{grid-template-columns:1fr}.hero h1{font-size:48px;letter-spacing:-2px}.section{padding:55px 0}.detail h1{font-size:40px}}
.narrow{max-width:760px}.nav-search{display:flex;border:1px solid #ddd}.nav-search input{border:0;padding:9px;width:150px}.nav-search button{border:0;background:#fff}.product-top{display:flex;justify-content:space-between;gap:10px}.product-top h3{flex:1}.newsletter{display:flex;max-width:300px}.newsletter input{padding:10px;border:1px solid #ddd}.newsletter button{padding:10px 14px;border:0;background:#111;color:#fff}.tracking{margin-top:30px;padding:25px;background:#f4f4f2}
@media(max-width:900px){.nav-search{display:none}.hero-grid{gap:35px}.product-img.large{height:400px}}
/* Truetech Admin V3 */
body:has(.admin-shell){background:#f6f6f3}.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#111;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.admin-brand{font-size:24px;font-weight:900;letter-spacing:-1.5px;padding:0 10px 22px}.admin-brand span{font-weight:400}.admin-brand i{font-style:normal;font-size:13px}.admin-user{font-size:12px;color:#888;border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:16px 10px;margin-bottom:14px}.admin-user strong{color:#fff;font-size:14px}.nav-group{margin:9px 0}.nav-group small{display:block;color:#666;text-transform:uppercase;letter-spacing:1.4px;font-size:9px;padding:8px 10px}.nav-group a{display:block;color:#aaa;padding:9px 10px;border-radius:7px;font-size:13px}.nav-group a:hover,.nav-group a.active{background:#242424;color:#fff}.view-store{margin-top:auto;padding:12px 10px;color:#fff;font-size:13px}.logout{padding:9px 10px;color:#777;font-size:12px}.admin-content{padding:42px;min-width:0}.mobile-top{display:none}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.page-title h1{font-size:46px;letter-spacing:-2.5px;margin:0 0 8px}.page-title p:not(.eyebrow){color:#777;margin:0;max-width:700px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#888;margin:0 0 10px}.title-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.light{background:#fff;color:#111;border:1px solid #ddd}.btn.ghost{background:transparent;color:#555;border:1px solid #ddd}.btn.small{padding:8px 12px;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{background:#fff;border:1px solid #e6e6e2;padding:22px;min-height:128px}.metric small,.metric span{display:block;color:#777;font-size:11px}.metric strong{display:block;font-size:28px;margin:12px 0 6px;letter-spacing:-1px}.metric-grid.small .metric{min-height:100px}.metric-grid.small .metric strong{font-size:25px}.dashboard-grid,.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}.order-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{background:#fff;border:1px solid #e6e6e2;padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-head h2{font-size:17px;margin:0;letter-spacing:-.3px}.panel-head a{font-size:12px;color:#666}.muted-text{color:#888;font-size:11px}.filter-bar{background:#fff;border:1px solid #e6e6e2;padding:14px;margin-bottom:16px}.filter-bar form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.filter-bar input,.filter-bar select{padding:11px 12px;border:1px solid #ddd;background:#fff}.filter-bar label{font-size:11px;color:#777;display:grid;gap:5px}.admin-form{display:grid;gap:13px}.admin-form.wide{max-width:none}.admin-form label{font-size:11px;color:#666;display:grid;gap:6px}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:12px 13px;border:1px solid #ddd;background:#fff;font:inherit;font-size:13px}.admin-form textarea{resize:vertical;min-height:90px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.check-row{display:flex;gap:22px}.check-row label{display:flex;align-items:center;gap:7px}.alert{padding:13px 15px;margin-bottom:18px;border:1px solid #ddd;background:#fff;font-size:13px}.alert.error{border-color:#e5b9b9;background:#fff6f6}.alert.success{border-color:#c7ddc7;background:#f6fff6}.table-scroll{overflow-x:auto}table{margin-top:0;background:#fff}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#888;white-space:nowrap}td small{display:block;color:#888;margin-top:4px}.link{color:#111;text-decoration:underline;text-underline-offset:3px}.danger-link,.danger-text{color:#b33}.stock.warn{color:#a66}.stock.danger{color:#b33}.tag{display:inline-block;background:#f0f0ed;padding:5px 8px;font-size:10px;text-transform:capitalize}.status{display:inline-block;padding:5px 8px;border-radius:20px;background:#eee;font-size:10px}.status.delivered,.status.approved{background:#e6f3e6}.status.pending,.status.processing{background:#fff2d9}.status.cancelled,.status.returned,.status.rejected{background:#fbe6e6}.status.shipped,.status.confirmed{background:#e6eef8}.prod-cell{display:flex;gap:10px;align-items:center}.thumb{width:40px;height:40px;flex:0 0 40px;background:#eee;display:grid;place-items:center;font-size:12px;font-weight:800;overflow:hidden}.thumb.small{width:32px;height:32px;flex-basis:32px}.thumb.big{width:120px;height:120px;font-size:24px}.thumb img,.image-strip img{width:100%;height:100%;object-fit:cover}.data-list{display:grid}.data-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.data-row:last-child{border-bottom:0}.data-row strong{font-size:13px;display:block}.data-row small{display:block;color:#888;font-size:11px;margin-top:4px}.inline-form{display:inline}.link-btn{border:0;background:none;padding:0;font:inherit;cursor:pointer}.mini-list>div{padding:14px 0;border-bottom:1px solid #eee}.mini-list>div:last-child{border-bottom:0}.mini-list strong{display:block;font-size:13px}.mini-list span{display:block;color:#888;font-size:11px;margin-top:5px}.empty-cell{padding:25px 10px;color:#888;text-align:center;font-size:13px}.image-upload{display:flex;gap:18px;align-items:center}.image-upload label{flex:1}.image-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.image-strip img{width:70px;height:70px;border:1px solid #ddd}.repeat-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:8px}.variant-row{grid-template-columns:1.2fr 1fr .8fr .8fr .7fr auto}.repeat-row input{padding:11px;border:1px solid #ddd}.icon-btn{border:1px solid #ddd;background:#fff;width:38px;cursor:pointer}.sticky-save{position:sticky;bottom:0;background:rgba(246,246,243,.96);padding:14px 0;display:flex;gap:10px}.detail-list{display:grid;gap:18px}.detail-list small{display:block;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.detail-list strong{font-size:13px;font-weight:500;line-height:1.5}.order-total{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #eee;margin-top:15px;padding-top:15px;font-size:13px}.timeline>div{padding:12px 0;border-bottom:1px solid #eee}.timeline strong{display:block;font-size:13px}.timeline small{color:#888;font-size:10px}.timeline p{font-size:12px;color:#666}.big-number{font-size:55px;letter-spacing:-3px}.two-col .panel,.dashboard-grid .panel{height:max-content}
@media(max-width:1050px){.admin-shell{grid-template-columns:210px 1fr}.admin-content{padding:30px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.admin-shell{display:block}.admin-sidebar{display:none}.mobile-top{display:flex;background:#111;color:#fff;justify-content:space-between;padding:16px 18px;position:sticky;top:0;z-index:20}.mobile-top span{font-weight:400}.mobile-top a{color:#aaa}.admin-content{padding:20px 15px}.page-title{display:block}.page-title h1{font-size:38px}.title-actions{margin-top:18px}.dashboard-grid,.two-col,.order-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.variant-row{grid-template-columns:1fr 1fr}.repeat-row{grid-template-columns:1fr 1fr}.repeat-row .icon-btn{grid-column:auto}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.metric-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.page-title h1{font-size:34px}.panel{padding:16px}.filter-bar form>*{width:100%}.title-actions .btn{flex:1;text-align:center}.repeat-row,.variant-row{grid-template-columns:1fr}.repeat-row .icon-btn{width:100%}}
.checkrow{display:flex!important;gap:10px;align-items:flex-start}.checkrow input{width:auto!important;margin-top:3px}.checkrow span{display:grid;gap:3px}.checkrow small,label small{display:block;color:#6b6b6b;margin-top:4px}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{min-width:150px}.alert code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:#666}

/* Truetech Storefront Acceptance Build 4.1 */
:root{--tt-black:#111;--tt-ink:#171717;--tt-muted:#6d6d68;--tt-line:#e6e6e1;--tt-soft:#f6f6f2;--tt-warm:#efeee8;--tt-white:#fff;--tt-radius:16px;--tt-shadow:0 18px 60px rgba(0,0,0,.08)}
html{scroll-behavior:smooth}body{background:#fff;color:var(--tt-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.container{width:min(1320px,92%);margin:auto}.announcement{background:#111;color:#fff;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.2px}.announcement a{color:#fff}.header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--tt-line)}.nav{height:78px;gap:30px}.logo{display:inline-flex;align-items:center;white-space:nowrap}.logo img{display:block;max-height:36px;max-width:170px}.nav nav{gap:24px}.nav nav a{font-weight:600;color:#3f3f3b}.nav nav a:hover{color:#000}.nav-search{border:1px solid var(--tt-line);border-radius:999px;overflow:hidden;background:#fafafa}.nav-search input{width:190px;background:transparent}.nav-search button{background:transparent;padding:0 12px}.nav-actions{display:flex;align-items:center;gap:14px}.nav-icon{font-size:22px}.cart{white-space:nowrap}.home-hero{background:var(--tt-soft);padding:54px 0}.home-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:580px;background:#fff;border:1px solid var(--tt-line);border-radius:24px;overflow:hidden}.hero-copy{padding:76px 64px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(48px,5.7vw,82px);line-height:.94;letter-spacing:-4px;margin:0 0 24px;max-width:760px}.hero-text{font-size:18px;line-height:1.65;color:var(--tt-muted);max-width:640px;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.text-link{font-weight:700;font-size:14px}.hero-trust{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid var(--tt-line);color:#5f5f5a;font-size:12px;font-weight:700}.hero-trust span:before{content:'✓';margin-right:7px}.hero-visual{min-height:580px;background:#141414;position:relative}.hero-visual>img{width:100%;height:100%;object-fit:cover;display:block}.hero-placeholder{height:100%;min-height:580px;color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 60% 30%,#393939,#131313 52%)}.hero-placeholder span{font-size:12px;letter-spacing:4px}.hero-placeholder strong{font-size:42px;letter-spacing:-2px;max-width:460px;margin:12px 0}.hero-placeholder small{color:#aaa}.btn{border-radius:999px;padding:14px 22px}.btn.primary{background:#111;color:#fff}.btn.outline{background:#fff;color:#111;border:1px solid #cfcfca}.btn.full{width:100%;text-align:center}.small-btn{padding:11px 16px}.promo-strip{padding:28px 0}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promo-card{min-height:270px;border-radius:18px;overflow:hidden;position:relative;background:#161616;color:#fff;display:flex;align-items:flex-end}.promo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.promo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.04) 75%)}.promo-card>div{position:relative;z-index:1;padding:30px;max-width:70%}.promo-card small{letter-spacing:2px}.promo-card h3{font-size:30px;margin:8px 0}.promo-card p{color:#e5e5e5}.promo-card span{font-weight:800}.home-section{padding:76px 0}.home-section.soft{background:var(--tt-soft)}.section-head.premium{align-items:flex-end;margin-bottom:32px}.section-head.premium h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2.6px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{background:#fff;border:1px solid var(--tt-line);border-radius:16px;overflow:hidden;transition:.2s transform,.2s box-shadow}.category-card:hover{transform:translateY(-3px);box-shadow:var(--tt-shadow)}.category-card>img,.category-placeholder{width:100%;aspect-ratio:1.35/1;object-fit:cover;background:#ecece7;display:grid;place-items:center;font-size:30px;font-weight:900}.category-card>div:last-child{padding:20px}.category-card h3{margin:0 0 8px;font-size:20px}.category-card p{color:var(--tt-muted);font-size:13px;line-height:1.5;min-height:40px}.category-card span{font-size:12px;font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--tt-line);border-radius:16px;overflow:hidden;min-width:0}.product-media{aspect-ratio:1/1;display:block;background:#f0f0ec;position:relative;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product-card:hover .product-media img{transform:scale(1.025)}.media-placeholder{height:100%;display:grid;place-items:center;font-size:44px;font-weight:900;color:#aaa}.media-placeholder.big{min-height:520px}.product-badge{position:absolute;left:12px;top:12px;background:#111;color:#fff;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.big-badge{font-size:12px}.product-card-body{padding:17px}.product-meta{display:flex;justify-content:space-between;gap:12px;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.product-card h3{margin:9px 0 12px;font-size:16px;line-height:1.35;min-height:43px}.price-row{display:flex;align-items:center;gap:9px}.price-row strong{font-size:18px}.price-row del{font-size:12px;color:#999}.card-actions{display:flex;gap:8px;margin-top:15px}.card-actions form:first-child{flex:1}.card-actions .btn{width:100%}.wish-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--tt-line);background:#fff;font-size:20px;cursor:pointer}.sold-out{font-size:12px;color:#888;padding:11px 0}.trust-band{background:#111;color:#fff;padding:60px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.trust-grid>div{border-top:1px solid #444;padding-top:18px}.trust-grid span{color:#aaa;font-size:11px}.trust-grid strong{display:block;margin:12px 0;font-size:17px}.trust-grid p{color:#aaa;font-size:12px;line-height:1.6}.newsletter-band{padding:70px 0;background:var(--tt-warm)}.newsletter-band-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.newsletter-band h2{font-size:42px;letter-spacing:-2px;margin:0 0 10px}.newsletter-band p{color:var(--tt-muted)}.newsletter-band form{display:flex;gap:10px}.newsletter-band input{flex:1;padding:15px 18px;border:1px solid #d5d5ce;border-radius:999px;background:#fff}.site-footer{background:#0f0f0f;color:#fff}.footer-grid{padding:62px 0 50px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.site-footer .logo{color:#fff;font-size:24px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid b{margin-bottom:10px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:13px;color:#aaa;line-height:1.5}.footer-grid a:hover{color:#fff}.footer-brand p{font-size:16px;color:#fff}.footer-note{max-width:360px!important;color:#8d8d8d!important;font-size:12px!important}.footer-bottom{border-top:1px solid #292929;padding:20px 0 28px;display:flex;justify-content:space-between;color:#777;font-size:11px}.site-footer .newsletter{margin-top:8px;display:flex}.site-footer .newsletter input{min-width:0;border-radius:999px 0 0 999px}.site-footer .newsletter button{border-radius:0 999px 999px 0}.wa-float{position:fixed;right:20px;bottom:20px;z-index:50;background:#111;color:#fff;padding:13px 18px;border-radius:999px;box-shadow:0 8px 35px rgba(0,0,0,.22);font-size:12px;font-weight:800}.page-intro{padding:50px 0 30px}.page-intro h1,.shop-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-3px;margin:0 0 12px}.page-intro>p:last-child,.shop-hero p{color:var(--tt-muted);max-width:700px;line-height:1.6}.shop-hero{background:var(--tt-soft);padding:60px 0}.shop-layout{display:grid;grid-template-columns:220px 1fr;gap:38px;padding-top:42px;padding-bottom:80px}.shop-sidebar{display:flex;flex-direction:column;gap:5px}.shop-sidebar h3{font-size:13px;text-transform:uppercase;letter-spacing:1px}.shop-sidebar a{padding:10px 12px;border-radius:8px;color:#666;font-size:13px}.shop-sidebar a.active,.shop-sidebar a:hover{background:#111;color:#fff}.shop-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;color:#777;font-size:12px}.shop-toolbar form{display:flex;gap:8px}.shop-toolbar input,.shop-toolbar select{padding:11px 13px;border:1px solid var(--tt-line);background:#fff;border-radius:999px}.product-page{padding-bottom:70px}.breadcrumbs{padding:24px 0;color:#888;font-size:11px;display:flex;gap:8px}.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}.gallery{min-width:0}.main-product-image{aspect-ratio:1/1;background:var(--tt-soft);border-radius:18px;overflow:hidden;position:relative}.main-product-image>img{width:100%;height:100%;object-fit:cover}.thumb-row{display:flex;gap:10px;margin-top:12px;overflow:auto}.thumb-row button{width:86px;height:86px;flex:0 0 86px;padding:0;border:1px solid var(--tt-line);background:#fff;border-radius:10px;overflow:hidden;cursor:pointer}.thumb-row img{width:100%;height:100%;object-fit:cover}.buy-panel{position:sticky;top:108px}.buy-panel h1{font-size:clamp(38px,4vw,58px);letter-spacing:-2.8px;line-height:1.02;margin:0 0 16px}.rating{font-size:13px;margin:8px 0 18px}.product-price{display:flex;gap:12px;align-items:center;margin:10px 0 18px}.product-price strong{font-size:28px}.product-price del{color:#999}.short-desc{color:var(--tt-muted);line-height:1.65}.availability{display:inline-flex;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;margin:10px 0}.availability.in{background:#edf6ed;color:#2f6332}.availability.out{background:#fff0f0;color:#8b3b3b}.variant-select{display:grid;gap:7px;margin:18px 0;font-size:12px;font-weight:700}.variant-select select,.buy-form select,.buy-form input{padding:13px;border:1px solid var(--tt-line);border-radius:9px;background:#fff}.buy-form{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(160px,1.5fr);gap:8px;margin:18px 0}.purchase-trust{border-top:1px solid var(--tt-line);border-bottom:1px solid var(--tt-line);margin:22px 0}.purchase-trust>div{padding:14px 0;border-bottom:1px solid var(--tt-line)}.purchase-trust>div:last-child{border-bottom:0}.purchase-trust strong,.purchase-trust span{display:block}.purchase-trust strong{font-size:13px}.purchase-trust span{font-size:11px;color:#777;margin-top:4px}.product-info-tabs{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;margin-top:70px}.product-info-tabs>section{border-top:1px solid var(--tt-line);padding-top:22px}.product-info-tabs h2{font-size:28px}.rich-copy{color:#555;line-height:1.8}.spec-table>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--tt-line);font-size:13px}.spec-table span{color:#777}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-card{background:#fff;padding:22px;border:1px solid var(--tt-line);border-radius:14px}.review-card p{color:#555;line-height:1.6}.review-card span{font-size:11px;color:#888}.cart-page,.checkout-page,.track-page,.policy-page,.success-page{padding-bottom:80px}.cart-layout{display:grid;grid-template-columns:1fr 390px;gap:40px;align-items:start}.cart-list{border-top:1px solid var(--tt-line);margin-bottom:18px}.cart-item{display:grid;grid-template-columns:110px 1fr 150px;gap:18px;padding:18px 0;border-bottom:1px solid var(--tt-line);align-items:center}.cart-thumb{width:110px;height:110px;background:var(--tt-soft);border-radius:12px;overflow:hidden;display:grid;place-items:center;font-weight:900}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-item h3{margin:5px 0 8px}.cart-item small,.cart-item p{color:#888}.cart-qty{text-align:right}.cart-qty label{font-size:10px;color:#777}.cart-qty input{width:70px;margin-left:7px;padding:9px;border:1px solid var(--tt-line);border-radius:8px}.cart-qty span{display:block;margin-top:12px;font-weight:800}.summary-card{background:var(--tt-soft);border:1px solid var(--tt-line);border-radius:16px;padding:24px;position:sticky;top:108px}.summary-card>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:13px}.summary-card hr{border:0;border-top:1px solid #ddd}.summary-total{font-size:18px!important}.summary-card .btn{margin:14px 0}.summary-card>small{display:block;color:#777;line-height:1.5}.checkout-layout{display:grid;grid-template-columns:1fr 410px;gap:44px;align-items:start}.checkout-form{display:grid;gap:18px}.checkout-block{border:1px solid var(--tt-line);border-radius:16px;padding:24px}.checkout-block h2{margin:0 0 20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid label{display:grid;gap:7px;font-size:12px;font-weight:700}.field-grid input,.field-grid textarea,.coupon-row input{width:100%;padding:13px 14px;border:1px solid var(--tt-line);border-radius:9px;background:#fff}.field-grid textarea{min-height:95px;resize:vertical}.span-2{grid-column:1/-1}.payment-options{display:grid;gap:10px}.payment-option{display:flex;gap:12px;border:1px solid var(--tt-line);padding:14px;border-radius:10px;cursor:pointer}.payment-option span{display:grid;gap:4px}.payment-option small{color:#777}.coupon-row{display:flex;gap:8px}.terms{display:flex;gap:10px;font-size:12px;line-height:1.5}.summary-product{align-items:flex-start!important}.store-alert{padding:14px 16px;border-radius:10px;margin-bottom:18px}.store-alert.error{background:#fff0f0;border:1px solid #eccaca;color:#7e3030}.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:20px;border:1px solid var(--tt-line);border-radius:14px}.track-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.track-form input{padding:12px;border:1px solid var(--tt-line);border-radius:8px}.tracking-card{margin-top:26px;border:1px solid var(--tt-line);border-radius:16px;padding:26px}.tracking-head{display:flex;justify-content:space-between;gap:20px}.tracking-head h2{margin:5px 0}.status-pill{background:#111;color:#fff;border-radius:999px;padding:9px 12px;font-size:11px;height:max-content}.tracking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.tracking-summary>div{background:var(--tt-soft);padding:15px;border-radius:10px}.tracking-summary small,.tracking-summary strong{display:block}.tracking-summary small{color:#888;margin-bottom:6px}.customer-timeline{margin-top:24px}.customer-timeline>div{display:grid;grid-template-columns:20px 1fr;gap:12px;position:relative;padding-bottom:18px}.customer-timeline>div>span{width:10px;height:10px;border-radius:50%;background:#111;margin-top:4px}.customer-timeline strong,.customer-timeline small{display:block}.customer-timeline small{color:#888;margin-top:3px}.policy-copy{border-top:1px solid var(--tt-line);padding-top:28px;font-size:15px;line-height:1.9;color:#4f4f4a}.success-page{padding-top:70px}.success-card{border:1px solid var(--tt-line);border-radius:20px;padding:46px;text-align:center}.success-mark{width:58px;height:58px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;margin:0 auto 24px;font-size:24px}.success-card h1{font-size:44px;letter-spacing:-2px}.success-card>p{color:#666;line-height:1.65}.order-number{background:var(--tt-soft);padding:16px;border-radius:12px;margin:24px 0}.order-number small,.order-number strong{display:block}.order-number strong{font-size:20px;margin-top:5px}.success-card .hero-actions{justify-content:center}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #d3d3cc;border-radius:14px;padding:34px;text-align:center}.empty-state.large{padding:70px 30px}.empty-state p{color:#777}.narrow{width:min(760px,92%)}
@media(max-width:1080px){.nav nav{display:none}.home-hero-grid{grid-template-columns:1fr 1fr}.hero-copy{padding:52px 38px}.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.product-layout{gap:36px}.cart-layout,.checkout-layout{grid-template-columns:1fr 340px}}
@media(max-width:800px){.nav{height:68px;gap:14px}.nav-search{display:none}.nav-actions{margin-left:auto}.home-hero{padding:18px 0}.home-hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:44px 28px}.hero-copy h1{font-size:52px;letter-spacing:-2.7px}.hero-visual,.hero-placeholder{min-height:390px}.promo-grid,.newsletter-band-grid,.product-layout,.product-info-tabs,.cart-layout,.checkout-layout,.shop-layout{grid-template-columns:1fr}.promo-card>div{max-width:90%}.shop-sidebar{display:none}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.buy-panel,.summary-card{position:static}.product-layout{gap:28px}.buy-form{grid-template-columns:1fr 80px}.buy-form .btn{grid-column:1/-1}.cart-item{grid-template-columns:90px 1fr}.cart-thumb{width:90px;height:90px}.cart-qty{grid-column:2;text-align:left;display:flex;justify-content:space-between;align-items:center}.field-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.track-form{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.container{width:min(100% - 28px,1320px)}.logo{font-size:18px}.logo img{max-width:125px;max-height:30px}.nav-icon{display:none}.cart{font-size:12px}.hero-copy{padding:38px 22px}.hero-copy h1{font-size:43px}.hero-text{font-size:15px}.hero-trust{display:grid;gap:10px}.hero-visual,.hero-placeholder{min-height:315px}.hero-placeholder{padding:28px}.hero-placeholder strong{font-size:32px}.promo-grid,.category-grid,.product-grid,.trust-grid,.review-grid,.footer-grid,.tracking-summary{grid-template-columns:1fr}.section-head.premium{display:block}.section-head.premium>a{display:inline-block;margin-top:10px}.home-section{padding:56px 0}.product-card h3{min-height:0}.newsletter-band form{display:grid}.footer-brand{grid-column:auto}.footer-bottom{display:grid;gap:7px}.main-product-image{border-radius:12px}.media-placeholder.big{min-height:360px}.buy-panel h1{font-size:38px}.cart-item{grid-template-columns:72px 1fr}.cart-thumb{width:72px;height:72px}.checkout-block{padding:18px}.coupon-row{display:grid}.success-card{padding:34px 20px}.success-card h1{font-size:36px}.wa-float{right:14px;bottom:14px}.page-intro h1,.shop-hero h1{font-size:42px}}

/* Truetech Storefront V2 — Milestone 1. Append to END of public_html/assets/style.css */
.section-kicker{max-width:610px;margin:12px 0 0;color:var(--tt-muted);font-size:14px;line-height:1.65}
.v2-categories{overflow:hidden}.v2-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.v2-category-card{border:0;background:transparent;border-radius:0;overflow:visible}.v2-category-card:hover{transform:none;box-shadow:none}
.category-media{position:relative;aspect-ratio:.92/1;overflow:hidden;border-radius:18px;background:#ecece7}
.category-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.v2-category-card:hover .category-media>img{transform:scale(1.035)}
.category-media>.category-placeholder{width:100%;height:100%;aspect-ratio:auto}.category-arrow{position:absolute;right:13px;top:13px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);font-size:15px;transition:transform .2s}.v2-category-card:hover .category-arrow{transform:translate(2px,-2px)}
.v2-category-card>.category-copy{padding:16px 2px 0}.v2-category-card .category-copy h3{font-size:18px;margin:0 0 7px}.v2-category-card .category-copy p{min-height:0;margin:0 0 11px}
.v2-trending{border-top:1px solid var(--tt-line);border-bottom:1px solid var(--tt-line)}.v2-product-grid{gap:16px}
.v2-trust{padding:72px 0}.v2-trust .trust-heading{max-width:600px;margin-bottom:42px}.v2-trust .trust-heading .eyebrow{color:#888}.v2-trust .trust-heading h2{font-size:clamp(36px,4vw,56px);letter-spacing:-2.7px;line-height:1;margin:0}.v2-trust .trust-grid>div{min-height:155px;display:flex;flex-direction:column}.v2-trust .trust-grid p{max-width:250px;margin:0}
@media(max-width:1180px){.v2-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.section-kicker{font-size:13px}.v2-category-grid{display:flex;overflow-x:auto;gap:12px;margin-right:calc((100vw - 100%)/-2);padding-right:20px;padding-bottom:8px;scroll-snap-type:x proximity;scrollbar-width:none}.v2-category-grid::-webkit-scrollbar{display:none}.v2-category-card{flex:0 0:min(72vw,280px);scroll-snap-align:start}.v2-product-grid{display:flex;overflow-x:auto;gap:12px;margin-right:calc((100vw - 100%)/-2);padding-right:20px;padding-bottom:10px;scroll-snap-type:x proximity;scrollbar-width:none}.v2-product-grid::-webkit-scrollbar{display:none}.v2-product-grid>.product-card{flex:0 0:min(70vw,300px);scroll-snap-align:start}.v2-product-grid>.empty-state{flex:0 0 100%}.v2-trust{padding:58px 0}.v2-trust .trust-heading{margin-bottom:30px}}
@media(max-width:520px){.v2-category-card{flex-basis:76vw}.v2-product-grid>.product-card{flex-basis:72vw}.v2-trust .trust-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.v2-trust .trust-grid>div{min-height:135px}}
@media(max-width:380px){.v2-trust .trust-grid{grid-template-columns:1fr}}

/* Truetech Storefront V2 — Milestone 2A. Append to END of assets/style.css */
.v2-editorial{padding-top:34px}.v2-editorial-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:520px;border-radius:24px;overflow:hidden;background:#efeee8}.v2-editorial-media{min-height:520px;background:#deddd7;overflow:hidden}.v2-editorial-media img{width:100%;height:100%;object-fit:cover;display:block}.v2-editorial-placeholder{height:100%;min-height:520px;display:grid;place-items:center;font-size:44px;font-weight:900;color:#aaa}.v2-editorial-copy{padding:64px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.v2-editorial-copy h2{font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-3px;margin:0 0 20px}.v2-editorial-copy>p:not(.eyebrow){color:var(--tt-muted);font-size:16px;line-height:1.7;max-width:520px;margin:0 0 28px}
.v2-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.v2-bundle-card{border:1px solid var(--tt-line);border-radius:20px;padding:24px;background:#fff}.v2-bundle-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;font-size:10px;letter-spacing:1.2px}.v2-bundle-top strong{background:#111;color:#fff;border-radius:999px;padding:7px 10px;letter-spacing:0}.v2-bundle-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v2-bundle-item{display:flex;align-items:center;gap:10px;background:var(--tt-soft);border-radius:12px;padding:9px;min-width:0}.v2-bundle-thumb{width:62px;height:62px;flex:0 0 62px;border-radius:9px;overflow:hidden;background:#e8e8e3;display:grid;place-items:center;font-weight:900;color:#999}.v2-bundle-thumb img{width:100%;height:100%;object-fit:cover}.v2-bundle-item small,.v2-bundle-item b{display:block}.v2-bundle-item small{font-size:10px;color:#888}.v2-bundle-item b{font-size:12px;line-height:1.35;margin-top:3px}.v2-bundle-card h3{font-size:23px;letter-spacing:-.7px;margin:22px 0 10px}.v2-bundle-price{display:flex;align-items:center;gap:10px;margin-bottom:18px}.v2-bundle-price del{color:#999;font-size:13px}.v2-bundle-price strong{font-size:22px}
.v2-social-proof{background:#111;color:#fff}.v2-social-proof .eyebrow,.v2-social-proof .section-kicker{color:#999}.v2-social-proof .section-head h2{color:#fff}.v2-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v2-review-card{border:1px solid #333;border-radius:16px;padding:25px;min-height:230px;display:flex;flex-direction:column;background:#171717}.v2-review-stars{letter-spacing:3px;font-size:12px}.v2-review-card blockquote{font-size:17px;line-height:1.65;margin:24px 0 30px;flex:1}.v2-review-card strong,.v2-review-card span{display:block}.v2-review-card strong{font-size:13px}.v2-review-card span{font-size:11px;color:#999;margin-top:5px}.v2-review-card a{color:#ccc;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.v2-editorial-card{grid-template-columns:1fr}.v2-editorial-media{min-height:390px}.v2-editorial-copy{padding:44px 34px}.v2-bundle-grid{grid-template-columns:1fr}.v2-review-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.v2-editorial{padding-top:12px}.v2-editorial-card{border-radius:18px}.v2-editorial-media{min-height:320px}.v2-editorial-copy{padding:34px 22px}.v2-editorial-copy h2{font-size:40px;letter-spacing:-2px}.v2-bundle-card{padding:17px}.v2-bundle-items{grid-template-columns:1fr}.v2-review-grid{grid-template-columns:1fr}.v2-review-card{min-height:0}.v2-social-proof .section-head{margin-bottom:22px}}

/* Truetech Storefront V2 — Milestone 2B. Append to END of assets/style.css */
.v2-needs{padding-top:34px}.v2-needs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v2-need-card{display:flex;min-height:290px;flex-direction:column;border:1px solid var(--tt-line);border-radius:18px;padding:24px;background:#fff;transition:transform .2s ease,border-color .2s ease}.v2-need-card:hover{transform:translateY(-3px);border-color:#bbb}.v2-need-card>span{font-size:10px;letter-spacing:1.5px;color:#999}.v2-need-card h3{font-size:25px;line-height:1.05;letter-spacing:-.9px;margin:54px 0 13px}.v2-need-card p{color:var(--tt-muted);line-height:1.65;margin:0 0 24px}.v2-need-card b{margin-top:auto;font-size:12px}
.v2-best-sellers{position:relative}.v2-best-sellers:before{content:"";display:block;width:56px;height:2px;background:#111;margin:0 auto 32px}
@media(max-width:900px){.v2-needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.v2-needs{padding-top:20px}.v2-needs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.v2-need-card{min-width:82vw;scroll-snap-align:start;min-height:260px}.v2-need-card h3{margin-top:42px}}

/* Truetech Storefront V2 — Product Page Milestone 3. Append to END of assets/style.css */
.product-page{background:#fff}
.product-page .breadcrumbs{padding-top:24px;padding-bottom:18px;font-size:12px;color:#777}
.product-page .breadcrumbs a{color:#555}
.product-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);gap:64px;align-items:start;padding-bottom:64px}
.product-layout .gallery{min-width:0}
.main-product-image{position:relative;display:flex;align-items:center;justify-content:center;min-height:610px;background:#f6f6f4;border-radius:24px;overflow:hidden}
.main-product-image>img{width:100%;height:610px;object-fit:contain;padding:28px;box-sizing:border-box}
.main-product-image .big-badge{position:absolute;left:18px;top:18px;z-index:2}
.thumb-row{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.thumb-row button{flex:0 0 82px;width:82px;height:82px;border:1px solid #e5e5e2;border-radius:12px;background:#fafaf8;padding:5px;cursor:pointer}
.thumb-row button:hover{border-color:#111}
.thumb-row img{width:100%;height:100%;object-fit:contain}
.buy-panel{position:sticky;top:22px;padding:12px 0}
.buy-panel>.eyebrow{margin-bottom:12px}
.buy-panel h1{font-size:clamp(34px,3.2vw,54px);line-height:.98;letter-spacing:-2px;margin:0 0 15px}
.buy-panel .rating{display:inline-flex;align-items:center;gap:6px;margin:0 0 20px;padding:7px 11px;border:1px solid #e5e5e2;border-radius:999px;font-size:12px}
.buy-panel .product-price{display:flex;align-items:baseline;gap:12px;margin:4px 0 18px}
.buy-panel .product-price strong{font-size:31px;letter-spacing:-1px}
.buy-panel .product-price del{color:#999;font-size:16px}
.buy-panel .short-desc{font-size:15px;line-height:1.75;color:#555;max-width:590px}
.buy-panel .availability{display:inline-flex;margin:10px 0 10px;padding:8px 11px;border-radius:8px;font-size:12px;font-weight:700}
.v2-purchase-note{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.v2-purchase-note span{font-size:10px;letter-spacing:.7px;text-transform:uppercase;padding:6px 8px;border:1px solid #e7e7e4;border-radius:999px;color:#555}
.v2-buy-form{display:block!important;margin:5px 0 20px;padding:20px;background:#f7f7f5;border-radius:18px;border:1px solid #ecece8}
.v2-variant-select{display:block;margin:0 0 14px!important}
.v2-variant-select>span,.v2-qty>span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}
.v2-variant-select select{width:100%;min-height:48px;border:1px solid #d9d9d5;border-radius:10px;background:#fff;padding:0 12px}
.v2-buy-row{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:end}
.v2-qty{display:block}
.v2-qty input{width:100%;height:50px;border:1px solid #d9d9d5;border-radius:10px;text-align:center;background:#fff;box-sizing:border-box}
.v2-add-cart{min-height:50px;font-size:13px}
.purchase-trust{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important;margin:20px 0!important}
.purchase-trust>div{padding:15px!important;border:1px solid #e9e9e5!important;border-radius:14px!important;background:#fff!important}
.purchase-trust strong{display:block;font-size:12px;margin-bottom:5px}
.purchase-trust span{display:block;font-size:11px;line-height:1.55;color:#777}
.product-info-tabs{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:60px;border-top:1px solid #e8e8e5;padding-top:54px;padding-bottom:64px}
.product-info-tabs h2{font-size:28px;letter-spacing:-.8px;margin-top:0}
.product-info-tabs .rich-copy{font-size:15px;line-height:1.85;color:#444}
.spec-table{border-top:1px solid #e7e7e4}
.spec-table>div{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;padding:13px 0;border-bottom:1px solid #e7e7e4;font-size:12px}
.spec-table span{color:#777}
#reviews .review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#reviews .review-card{border:1px solid #e8e8e5;border-radius:16px;padding:20px;background:#fff}
#reviews .review-card>strong{letter-spacing:2px}
#reviews .review-card p{line-height:1.65;color:#444}
#reviews .panel{border-radius:18px!important}
@media(max-width:900px){
 .product-layout{grid-template-columns:1fr;gap:30px}
 .buy-panel{position:static;padding-top:0}
 .main-product-image,.main-product-image>img{min-height:480px;height:480px}
 .product-info-tabs{grid-template-columns:1fr;gap:32px}
 #reviews .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .product-page .breadcrumbs{padding-top:14px;padding-bottom:12px;overflow:hidden;white-space:nowrap}
 .product-layout{gap:22px;padding-bottom:40px}
 .main-product-image,.main-product-image>img{min-height:390px;height:390px}
 .main-product-image{border-radius:18px}
 .main-product-image>img{padding:16px}
 .thumb-row button{flex-basis:68px;width:68px;height:68px}
 .buy-panel h1{font-size:36px;letter-spacing:-1.3px}
 .buy-panel .product-price strong{font-size:27px}
 .v2-buy-form{padding:15px}
 .purchase-trust{grid-template-columns:1fr 1fr}
 .product-info-tabs{padding-top:38px;padding-bottom:44px}
 #reviews .review-grid{grid-template-columns:1fr}
}


.v2-shop-page{background:#fff}
.v2-shop-hero{padding:68px 0 58px!important;background:#f4f4f1!important;border-bottom:1px solid #e7e7e3}
.v2-shop-hero-copy{max-width:820px}
.v2-shop-hero .eyebrow{margin-bottom:14px}
.v2-shop-hero h1{font-size:clamp(44px,6vw,78px);line-height:.94;letter-spacing:-3.5px;margin:0 0 20px;max-width:900px}
.v2-shop-hero p:last-child{font-size:16px;line-height:1.7;color:#5d5d59;max-width:680px;margin:0}
.v2-category-strip{display:flex;gap:8px;overflow-x:auto;padding-top:18px;padding-bottom:18px;border-bottom:1px solid #ededeb;scrollbar-width:none}
.v2-category-strip::-webkit-scrollbar{display:none}
.v2-category-strip a{flex:0 0 auto;padding:9px 14px;border:1px solid #deded9;border-radius:999px;font-size:11px;font-weight:700;color:#333;background:#fff;white-space:nowrap}
.v2-category-strip a:hover,.v2-category-strip a.active{background:#111;color:#fff;border-color:#111}
.v2-shop-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:50px!important;align-items:start;padding-top:42px;padding-bottom:80px}
.v2-shop-sidebar{position:sticky;top:22px;border:0!important;padding:0!important;background:transparent!important}
.v2-sidebar-head{padding-bottom:16px;border-bottom:1px solid #e8e8e5}
.v2-sidebar-head .eyebrow{margin:0 0 6px}
.v2-sidebar-head h3{font-size:22px;letter-spacing:-.5px;margin:0}
.v2-shop-sidebar nav{display:flex;flex-direction:column;padding-top:8px}
.v2-shop-sidebar nav a{display:flex!important;align-items:center;justify-content:space-between;padding:11px 2px!important;border:0!important;border-bottom:1px solid #f0f0ed!important;border-radius:0!important;background:transparent!important;font-size:13px!important;color:#666!important}
.v2-shop-sidebar nav a:hover,.v2-shop-sidebar nav a.active{color:#111!important;font-weight:800!important}
.v2-shop-sidebar nav a.active:after{content:"→";font-size:14px}
.v2-clear-filters{display:inline-block;margin-top:16px;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.v2-shop-results{min-width:0}
.v2-shop-toolbar{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:24px!important;margin:0 0 28px!important;padding:0 0 18px!important;border-bottom:1px solid #e8e8e5!important}
.v2-result-count .eyebrow{margin:0 0 5px}
.v2-result-count strong{font-size:20px;letter-spacing:-.4px}
.v2-shop-controls{display:flex!important;align-items:center;gap:8px!important;margin:0!important}
.v2-shop-controls input,.v2-shop-controls select{height:42px!important;border:1px solid #deded9!important;border-radius:10px!important;background:#fff!important;padding:0 12px!important;font-size:12px!important;box-sizing:border-box}
.v2-shop-search input{width:220px}
.v2-sort select{min-width:165px}
.v2-shop-controls .small-btn{height:42px;padding:0 17px!important}
.v2-active-search{display:flex;align-items:center;gap:7px;margin:-10px 0 24px;padding:12px 14px;background:#f7f7f5;border-radius:10px;font-size:12px;color:#555}
.v2-active-search a{margin-left:auto;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.v2-shop-grid{align-items:start}
.v2-shop-empty{grid-column:1/-1!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;min-height:360px;padding:48px!important;border:1px solid #e8e8e4!important;border-radius:20px!important;background:#f7f7f5!important}
.v2-shop-empty>span{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:900;margin-bottom:22px}
.v2-shop-empty strong{font-size:28px;letter-spacing:-.8px;margin-bottom:8px}
.v2-shop-empty p{color:#666;margin:0 0 22px}
.sr-only{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(max-width:980px){
 .v2-shop-layout{grid-template-columns:1fr!important;gap:24px!important;padding-top:28px}
 .v2-shop-sidebar{display:none!important}
 .v2-shop-toolbar{align-items:flex-start!important}
 .v2-shop-controls{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:700px){
 .v2-shop-hero{padding:42px 0 36px!important}
 .v2-shop-hero h1{font-size:46px;letter-spacing:-2.2px}
 .v2-shop-hero p:last-child{font-size:14px}
 .v2-category-strip{padding-top:14px;padding-bottom:14px}
 .v2-shop-layout{padding-top:22px;padding-bottom:55px}
 .v2-shop-toolbar{display:block!important}
 .v2-result-count{margin-bottom:14px}
 .v2-shop-controls{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%}
 .v2-shop-search input,.v2-sort select{width:100%!important;min-width:0!important}
 .v2-shop-empty{min-height:300px;padding:30px!important}
}
@media(max-width:480px){
 .v2-shop-hero h1{font-size:40px}
 .v2-shop-controls{grid-template-columns:1fr 1fr!important}
 .v2-shop-search{grid-column:1/-1}
 .v2-shop-controls .small-btn{width:100%}
}

/* Milestone 4 — category sidebar layout correction */
.v2-shop-sidebar nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
}

.v2-shop-sidebar nav > a{
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:12px 4px !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#666 !important;
}

.v2-shop-sidebar nav > a.active{
    background:transparent !important;
    color:#111 !important;
    font-weight:800 !important;
}

.v2-shop-sidebar nav > a.active::after{
    content:"→";
    margin-left:auto;
}

.v2-shop-sidebar nav > a:hover{
    background:transparent !important;
    color:#111 !important;
}

/* Truetech Storefront V2 — Cart Milestone 5. Append to END of assets/style.css */
.v2-cart-page{background:#fff;padding-bottom:70px}
.v2-cart-intro{padding:58px 0 36px!important;border-bottom:1px solid #e9e9e6;margin-bottom:34px}
.v2-cart-intro h1{font-size:clamp(42px,5.6vw,72px);line-height:.95;letter-spacing:-3px;margin:8px 0 14px;max-width:850px}
.v2-cart-intro>p:last-child{font-size:14px;color:#666;margin:0}
.v2-cart-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 370px!important;gap:48px!important;align-items:start}
.v2-cart-main{min-width:0}
.v2-cart-list-head{display:flex;justify-content:space-between;padding:0 2px 12px;border-bottom:1px solid #e8e8e5;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#777}
.v2-cart-list{border:0!important}
.v2-cart-item{position:relative;display:grid!important;grid-template-columns:128px minmax(0,1fr) 145px!important;gap:20px!important;align-items:center!important;padding:22px 0!important;border-bottom:1px solid #e8e8e5!important}
.v2-cart-thumb{display:flex!important;align-items:center;justify-content:center;width:128px!important;height:128px!important;border-radius:16px!important;background:#f5f5f2!important;overflow:hidden}
.v2-cart-thumb img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.v2-cart-thumb>span{font-weight:900;font-size:18px}
.v2-cart-product small{font-size:9px;font-weight:800;letter-spacing:.8px;color:#777}
.v2-cart-product h3{font-size:18px;letter-spacing:-.35px;margin:5px 0 7px}
.v2-cart-product p{font-size:12px;color:#777;margin:0 0 7px}
.v2-cart-product>strong{font-size:14px}
.v2-stock-note{display:block;margin-top:7px;font-size:10px;color:#777}
.v2-cart-qty{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important}
.v2-cart-qty label>span{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.v2-cart-qty input{width:62px!important;height:42px!important;border:1px solid #dcdcd8!important;border-radius:9px!important;text-align:center!important}
.v2-cart-qty>strong{font-size:14px;padding-bottom:11px}
.v2-cart-remove{position:absolute;right:0;bottom:9px}
.v2-remove-link{appearance:none;border:0;background:transparent;padding:0;color:#777;font:inherit;font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.v2-remove-link:hover{color:#111}
.v2-hidden-remove-form{display:none}
.v2-cart-actions{display:flex;justify-content:space-between;align-items:center;padding-top:18px}
.v2-continue-shopping{font-size:11px;font-weight:800}
.v2-summary-card{position:sticky!important;top:22px!important;padding:28px!important;border:1px solid #e6e6e2!important;border-radius:20px!important;background:#f7f7f5!important;box-shadow:none!important}
.v2-summary-card h2{font-size:27px;letter-spacing:-.8px;margin:7px 0 25px}
.v2-summary-card>div:not(.summary-total):not(.v2-summary-trust){padding:9px 0!important}
.v2-summary-card .v2-saving-row strong{color:#177245}
.v2-summary-card hr{border:0;border-top:1px solid #deded9;margin:14px 0}
.v2-summary-card .summary-total{padding:7px 0 18px!important}
.v2-summary-card .summary-total strong{font-size:24px}
.v2-checkout-btn{min-height:52px;margin-top:3px}
.v2-summary-trust{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:14px 0 12px!important;padding:0!important}
.v2-summary-trust span{padding:5px 7px;border:1px solid #deded9;border-radius:999px;background:#fff;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.v2-summary-card>small{display:block;line-height:1.55;color:#777}
.v2-applied-bundles{margin-top:28px!important;border-radius:18px!important}
.v2-applied-bundles .panel-head h2{font-size:22px}
.v2-applied-bundle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-top:1px solid #ededeb}
.v2-applied-bundle small{display:block;margin-top:4px;color:#177245}
.v2-cart-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:430px;border:1px solid #e8e8e4!important;border-radius:24px!important;background:#f7f7f5!important;text-align:center}
.v2-cart-empty>span{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;font-size:12px;font-weight:900;margin-bottom:20px}
.v2-cart-empty strong{font-size:30px;letter-spacing:-1px}
.v2-cart-empty p{color:#666}
.v2-cart-bundles{padding-top:65px!important}
.v2-cart-bundles .section-head p:last-child{color:#666}
.v2-bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v2-bundle-card{display:flex;flex-direction:column;padding:22px;border:1px solid #e7e7e3;border-radius:18px;background:#fff}
.v2-bundle-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.v2-bundle-top>span{font-size:9px;font-weight:900;letter-spacing:1px}
.v2-bundle-top>strong{font-size:10px;padding:5px 7px;border-radius:999px;background:#f1f1ee}
.v2-bundle-card h3{font-size:21px;letter-spacing:-.5px;margin:18px 0 12px}
.v2-bundle-items{flex:1;padding:12px 0;border-top:1px solid #ededeb;border-bottom:1px solid #ededeb}
.v2-bundle-items p{font-size:11px;line-height:1.5;margin:5px 0;color:#555}
.v2-bundle-items p span{font-weight:800;color:#111}
.v2-bundle-price{display:flex;align-items:baseline;gap:9px;margin:17px 0}
.v2-bundle-price del{font-size:11px;color:#999}
.v2-bundle-price strong{font-size:21px}
@media(max-width:1000px){
 .v2-cart-layout{grid-template-columns:minmax(0,1fr) 320px!important;gap:28px!important}
 .v2-cart-item{grid-template-columns:105px minmax(0,1fr) 130px!important}
 .v2-cart-thumb{width:105px!important;height:105px!important}
 .v2-bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
 .v2-cart-intro{padding:40px 0 28px!important}
 .v2-cart-intro h1{font-size:46px;letter-spacing:-2px}
 .v2-cart-layout{grid-template-columns:1fr!important}
 .v2-summary-card{position:static!important}
 .v2-cart-list-head{display:none}
 .v2-bundle-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .v2-cart-page{padding-bottom:45px}
 .v2-cart-intro h1{font-size:39px}
 .v2-cart-item{grid-template-columns:86px minmax(0,1fr)!important;gap:14px!important;padding:18px 0 42px!important}
 .v2-cart-thumb{width:86px!important;height:86px!important}
 .v2-cart-product h3{font-size:15px}
 .v2-cart-qty{grid-column:1/-1;justify-content:flex-start!important;padding-left:100px;margin-top:-28px}
 .v2-cart-qty>strong{margin-left:auto}
 .v2-cart-actions{gap:12px}
 .v2-cart-actions .btn{padding-left:14px;padding-right:14px}
 .v2-summary-card{padding:22px!important}
 .v2-cart-empty{min-height:340px;padding:30px!important}
}

/* Truetech Storefront V2 — Checkout Milestone 6. Append to END of assets/style.css */
.v2-checkout-page{background:#fff;padding-bottom:80px}
.v2-checkout-intro{display:flex!important;justify-content:space-between;align-items:end;gap:40px;padding:55px 0 35px!important;border-bottom:1px solid #e8e8e5;margin-bottom:36px}
.v2-checkout-intro>div:first-child{max-width:720px}
.v2-checkout-intro h1{font-size:clamp(44px,6vw,76px);line-height:.94;letter-spacing:-3.5px;margin:7px 0 15px}
.v2-checkout-intro>div:first-child>p:last-child{font-size:14px;line-height:1.7;color:#666;margin:0}
.v2-checkout-progress{display:flex;align-items:center;min-width:330px;padding-bottom:5px}
.v2-checkout-progress>span{display:flex;width:32px;height:32px;border:1px solid #d7d7d2;border-radius:50%;align-items:center;justify-content:center;font-size:10px;font-weight:900;position:relative;background:#fff}
.v2-checkout-progress>span small{position:absolute;top:40px;font-size:8px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;color:#888}
.v2-checkout-progress>span.done,.v2-checkout-progress>span.active{background:#111;color:#fff;border-color:#111}
.v2-checkout-progress>i{display:block;flex:1;height:1px;background:#dcdcd8}
.v2-checkout-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 390px!important;gap:52px!important;align-items:start}
.v2-checkout-form{min-width:0}
.v2-checkout-block{padding:0 0 36px!important;margin:0 0 34px!important;border:0!important;border-bottom:1px solid #e8e8e5!important;background:transparent!important;border-radius:0!important}
.v2-block-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;margin-bottom:24px}
.v2-block-head>span{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#111;color:#fff;font-size:9px;font-weight:900}
.v2-block-head .eyebrow{margin:0 0 4px}
.v2-block-head h2{font-size:28px;letter-spacing:-.8px;margin:0 0 5px}
.v2-block-head p:last-child{font-size:12px;color:#777;margin:0}
.v2-field-grid{gap:17px!important}
.v2-field-grid label{font-size:10px!important;font-weight:800!important;letter-spacing:.45px!important;text-transform:uppercase}
.v2-field-grid input,.v2-field-grid textarea{width:100%;box-sizing:border-box;border:1px solid #deded9!important;border-radius:10px!important;background:#fff!important;margin-top:7px!important;padding:13px!important;font-size:13px!important;text-transform:none;letter-spacing:0;outline:none}
.v2-field-grid input{height:48px}
.v2-field-grid textarea{min-height:95px;resize:vertical}
.v2-field-grid input:focus,.v2-field-grid textarea:focus,.v2-coupon-row input:focus{border-color:#111!important}
.v2-field-grid label>small{display:block;margin-top:5px;color:#999;font-size:9px;font-weight:500;letter-spacing:0;text-transform:none}
.v2-payment-options{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.v2-payment-option{display:grid!important;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:17px!important;border:1px solid #e1e1dc!important;border-radius:13px!important;background:#fff!important;cursor:pointer}
.v2-payment-option:has(input:checked){border-color:#111!important;background:#f8f8f6!important}
.v2-payment-option>input{position:absolute;opacity:0;pointer-events:none}
.v2-payment-radio{width:17px;height:17px;border:1px solid #aaa;border-radius:50%;box-sizing:border-box}
.v2-payment-option:has(input:checked) .v2-payment-radio{border:5px solid #111}
.v2-payment-copy strong{display:block;font-size:13px}
.v2-payment-copy small{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.5}
.v2-coupon-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
.v2-coupon-row input{height:46px;border:1px solid #deded9!important;border-radius:10px!important;padding:0 13px!important}
.v2-coupon-success{margin-top:10px;padding:10px 12px;border-radius:9px;background:#f0f7f2;color:#177245;font-size:11px;font-weight:700}
.v2-place-order-area{padding:22px;border:1px solid #e7e7e3;border-radius:18px;background:#f7f7f5}
.v2-terms{display:flex!important;gap:9px!important;align-items:flex-start!important;margin:0 0 17px!important;font-size:11px!important;line-height:1.5}
.v2-terms input{margin-top:2px}
.v2-place-order{min-height:54px;font-size:13px}
.v2-order-reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.v2-order-reassurance span{padding:5px 7px;border:1px solid #dfdfda;border-radius:999px;background:#fff;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.v2-checkout-summary{position:sticky!important;top:22px!important;padding:28px!important;border:1px solid #e5e5e1!important;border-radius:20px!important;background:#f7f7f5!important;box-shadow:none!important}
.v2-summary-heading{position:relative;padding-bottom:18px;border-bottom:1px solid #dfdfda}
.v2-summary-heading .eyebrow{margin:0 0 5px}
.v2-summary-heading h2{font-size:28px;letter-spacing:-.8px;margin:0}
.v2-summary-heading>a{position:absolute;right:0;bottom:20px;font-size:9px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.v2-checkout-products{padding:10px 0}
.v2-summary-product{display:flex!important;justify-content:space-between!important;gap:16px!important;align-items:flex-start!important;padding:11px 0!important;border-bottom:1px solid #e8e8e4}
.v2-summary-product-copy{display:flex;gap:7px;font-size:11px;line-height:1.5;color:#444}
.v2-summary-qty{font-weight:900;color:#111}
.v2-summary-product>strong{font-size:11px;white-space:nowrap}
.v2-summary-lines{padding:12px 0;border-bottom:1px solid #deded9}
.v2-summary-lines>div{display:flex;justify-content:space-between;gap:15px;padding:6px 0;font-size:11px}
.v2-discount-line strong{color:#177245}
.v2-checkout-total{display:flex!important;justify-content:space-between!important;align-items:baseline!important;padding:18px 0!important}
.v2-checkout-total span{font-size:13px;font-weight:800}
.v2-checkout-total strong{font-size:28px;letter-spacing:-.8px}
.v2-delivery-note{padding:14px;border-radius:11px;background:#fff;border:1px solid #e3e3df}
.v2-delivery-note strong,.v2-delivery-note span{display:block}
.v2-delivery-note strong{font-size:11px;margin-bottom:5px}
.v2-delivery-note span{font-size:9px;line-height:1.5;color:#777;margin-top:3px}
.v2-checkout-trust{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:16px!important}
.v2-checkout-trust>div{padding:11px 0!important;border-top:1px solid #e4e4e0!important}
.v2-checkout-trust strong,.v2-checkout-trust span{display:block}
.v2-checkout-trust strong{font-size:10px;margin-bottom:3px}
.v2-checkout-trust span{font-size:9px;color:#777;line-height:1.45}
@media(max-width:980px){
 .v2-checkout-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:30px!important}
 .v2-checkout-intro{align-items:flex-start}
 .v2-checkout-progress{min-width:280px;margin-top:18px}
}
@media(max-width:800px){
 .v2-checkout-intro{display:block!important;padding:40px 0 48px!important}
 .v2-checkout-intro h1{font-size:50px;letter-spacing:-2.4px}
 .v2-checkout-progress{max-width:330px;margin:30px 0 0}
 .v2-checkout-layout{grid-template-columns:1fr!important}
 .v2-checkout-summary{position:static!important;order:-1}
}
@media(max-width:560px){
 .v2-checkout-page{padding-bottom:50px}
 .v2-checkout-intro h1{font-size:42px}
 .v2-checkout-progress{min-width:0;width:100%}
 .v2-field-grid{grid-template-columns:1fr!important}
 .v2-field-grid .span-2{grid-column:auto!important}
 .v2-block-head{grid-template-columns:38px minmax(0,1fr)}
 .v2-block-head h2{font-size:24px}
 .v2-coupon-row{grid-template-columns:1fr!important}
 .v2-coupon-row .btn{width:100%}
 .v2-place-order-area,.v2-checkout-summary{padding:19px!important}
}

/* Checkout V2 — Order Summary Edit Cart alignment fix */
.v2-summary-heading{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
        "eyebrow edit"
        "title edit" !important;
    align-items:end !important;
    gap:3px 18px !important;
    position:relative !important;
}

.v2-summary-heading .eyebrow{
    grid-area:eyebrow !important;
}

.v2-summary-heading h2{
    grid-area:title !important;
}

.v2-summary-heading > a{
    grid-area:edit !important;
    position:static !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 0 4px !important;
    white-space:nowrap !important;
    font-size:9px !important;
    font-weight:800 !important;
}

/* Truetech Storefront V2.1 — Homepage Density & Merchandising Pass
   Append to the END of assets/style.css.
   Scoped to body.home-page so other storefront/admin pages are unaffected. */

/* Overall rhythm: premium, but merchandise appears sooner */
.home-page .home-hero{
    padding:30px 0;
}
.home-page .home-hero-grid{
    min-height:500px;
}
.home-page .hero-copy{
    padding:52px 54px;
}
.home-page .hero-copy h1{
    font-size:clamp(46px,5.1vw,72px);
    line-height:.95;
    letter-spacing:-3.5px;
    margin-bottom:18px;
}
.home-page .hero-text{
    font-size:16px;
    line-height:1.55;
    margin-bottom:20px;
}
.home-page .hero-trust{
    margin-top:24px;
    padding-top:18px;
}
.home-page .hero-visual,
.home-page .hero-placeholder{
    min-height:500px;
}

/* Section density */
.home-page .home-section{
    padding:48px 0;
}
.home-page .section-head.premium{
    margin-bottom:22px;
}
.home-page .section-head.premium h2{
    font-size:clamp(31px,3.25vw,46px);
    letter-spacing:-2px;
    line-height:1;
}
.home-page .section-kicker{
    margin-top:8px;
    font-size:12px;
    line-height:1.55;
}
.home-page .section-head.premium > a{
    font-size:11px;
    font-weight:700;
}

/* Categories: keep all five visible, but stop them behaving like giant posters */
.home-page .v2-category-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}
.home-page .category-media{
    aspect-ratio:1.16/1;
    border-radius:14px;
}
.home-page .category-arrow{
    width:30px;
    height:30px;
    right:10px;
    top:10px;
}
.home-page .v2-category-card > .category-copy{
    padding:11px 2px 0;
}
.home-page .v2-category-card .category-copy h3{
    font-size:15px;
    margin-bottom:5px;
}
.home-page .v2-category-card .category-copy p{
    font-size:11px;
    line-height:1.4;
    margin-bottom:7px;
}
.home-page .v2-category-card .category-copy span{
    font-size:10px;
}

/* Shop by Need: turn it into a compact discovery rail */
.home-page .v2-needs{
    padding-top:34px;
}
.home-page .v2-needs-grid{
    gap:10px;
}
.home-page .v2-need-card{
    min-height:205px;
    border-radius:14px;
    padding:18px;
}
.home-page .v2-need-card h3{
    font-size:20px;
    line-height:1.05;
    letter-spacing:-.6px;
    margin:26px 0 9px;
}
.home-page .v2-need-card p{
    font-size:11px;
    line-height:1.5;
    margin-bottom:16px;
}
.home-page .v2-need-card b{
    font-size:10px;
}

/* Merchandise gets the visual priority on desktop */
.home-page .v2-product-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:13px;
}
.home-page .product-card{
    border-radius:13px;
}
.home-page .product-card-body{
    padding:13px;
}
.home-page .product-meta{
    font-size:8px;
}
.home-page .product-card h3{
    font-size:13px;
    min-height:35px;
    margin:7px 0 9px;
}
.home-page .price-row strong{
    font-size:15px;
}
.home-page .card-actions{
    margin-top:10px;
}
.home-page .card-actions .btn{
    padding:10px 12px;
    font-size:10px;
}
.home-page .wish-btn{
    width:36px;
    height:36px;
    font-size:16px;
}
.home-page .product-badge{
    left:9px;
    top:9px;
    padding:5px 8px;
    font-size:8px;
}

/* Best-seller divider should not consume a separate visual beat */
.home-page .v2-best-sellers:before{
    width:42px;
    margin-bottom:20px;
}

/* Trust becomes a strong strip, not a full destination */
.home-page .v2-trust{
    padding:42px 0;
}
.home-page .v2-trust .trust-heading{
    margin-bottom:24px;
}
.home-page .v2-trust .trust-heading h2{
    font-size:clamp(32px,3.4vw,44px);
}
.home-page .v2-trust .trust-grid{
    gap:22px;
}
.home-page .v2-trust .trust-grid > div{
    min-height:0;
    padding-top:13px;
}
.home-page .v2-trust .trust-grid strong{
    margin:8px 0 5px;
    font-size:14px;
}
.home-page .v2-trust .trust-grid p{
    font-size:10px;
    line-height:1.45;
}

/* Editorial campaign stays premium but loses unnecessary vertical mass */
.home-page .v2-editorial{
    padding-top:30px;
}
.home-page .v2-editorial-card{
    min-height:390px;
}
.home-page .v2-editorial-media,
.home-page .v2-editorial-placeholder{
    min-height:390px;
}
.home-page .v2-editorial-copy{
    padding:42px;
}
.home-page .v2-editorial-copy h2{
    font-size:clamp(36px,4vw,54px);
    margin-bottom:14px;
}
.home-page .v2-editorial-copy > p:not(.eyebrow){
    font-size:14px;
    line-height:1.55;
    margin-bottom:20px;
}

/* Bundles: enough presence to sell, not a giant empty chapter */
.home-page .v2-bundle-grid{
    gap:13px;
}
.home-page .v2-bundle-card{
    border-radius:16px;
    padding:18px;
}
.home-page .v2-bundle-top{
    margin-bottom:13px;
}
.home-page .v2-bundle-item{
    padding:7px;
}
.home-page .v2-bundle-thumb{
    width:50px;
    height:50px;
    flex-basis:50px;
}
.home-page .v2-bundle-card h3{
    font-size:19px;
    margin:15px 0 8px;
}
.home-page .v2-bundle-price{
    margin-bottom:12px;
}
.home-page .v2-bundle-price strong{
    font-size:18px;
}

/* Reviews, if present, should be compact social proof */
.home-page .v2-review-card{
    min-height:185px;
    padding:20px;
}
.home-page .v2-review-card blockquote{
    font-size:14px;
    line-height:1.55;
    margin:17px 0 22px;
}

/* Finish the homepage without an oversized final gap */
.home-page .newsletter-band{
    padding:46px 0;
}
.home-page .newsletter-band h2{
    font-size:34px;
    letter-spacing:-1.5px;
}
.home-page .newsletter-band-grid{
    gap:40px;
}

/* Medium desktop/tablet */
@media(max-width:1180px){
    .home-page .v2-category-grid,
    .home-page .v2-product-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

/* Mobile keeps swipe discovery, but trims excessive vertical space */
@media(max-width:800px){
    .home-page .home-hero{
        padding:14px 0;
    }
    .home-page .home-hero-grid{
        min-height:0;
    }
    .home-page .hero-copy{
        padding:34px 26px;
    }
    .home-page .hero-copy h1{
        font-size:46px;
        letter-spacing:-2.4px;
        margin-bottom:14px;
    }
    .home-page .hero-text{
        margin-bottom:17px;
    }
    .home-page .hero-visual,
    .home-page .hero-placeholder{
        min-height:330px;
    }
    .home-page .home-section{
        padding:40px 0;
    }
    .home-page .section-head.premium{
        margin-bottom:18px;
    }
    .home-page .v2-category-grid,
    .home-page .v2-product-grid{
        display:flex;
    }
    .home-page .v2-trust{
        padding:38px 0;
    }
    .home-page .v2-editorial-card{
        min-height:0;
    }
    .home-page .v2-editorial-media,
    .home-page .v2-editorial-placeholder{
        min-height:300px;
    }
    .home-page .v2-editorial-copy{
        padding:30px 26px;
    }
    .home-page .newsletter-band{
        padding:40px 0;
    }
}

/* Small phones: retain readable card sizes without returning to giant sections */
@media(max-width:520px){
    .home-page .hero-copy{
        padding:30px 21px;
    }
    .home-page .hero-copy h1{
        font-size:40px;
    }
    .home-page .hero-visual,
    .home-page .hero-placeholder{
        min-height:285px;
    }
    .home-page .home-section{
        padding:34px 0;
    }
    .home-page .section-head.premium h2{
        font-size:30px;
        letter-spacing:-1.3px;
    }
    .home-page .v2-category-card{
        flex-basis:66vw;
    }
    .home-page .v2-product-grid > .product-card{
        flex-basis:64vw;
    }
    .home-page .v2-need-card{
        min-width:72vw;
        min-height:205px;
    }
    .home-page .v2-need-card h3{
        margin-top:25px;
    }
    .home-page .v2-trust .trust-grid{
        gap:18px 16px;
    }
    .home-page .v2-trust .trust-grid > div{
        min-height:0;
    }
}


/* =========================================================
   TRUETECH BRAND HEADER V1
   Append to END of public_html/assets/style.css
   Visual-only layer; existing storefront commerce logic stays intact.
   ========================================================= */

.tt-brand-header{
  --tt-blue:#2563eb;
  --tt-blue-deep:#0f55e8;
  --tt-navy:#08111f;
  --tt-header-line:#e7eaf0;
  position:sticky;
  top:0;
  z-index:100;
  background:#fff;
  border-bottom:0;
  box-shadow:0 1px 0 rgba(8,17,31,.06);
}

.tt-brand-header .tt-utility{
  background:var(--tt-navy);
  color:#fff;
  font-size:10px;
  letter-spacing:.15px;
}

.tt-brand-header .tt-utility-inner{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.tt-brand-header .tt-utility-left,
.tt-brand-header .tt-utility-right{
  display:flex;
  align-items:center;
  gap:0;
}

.tt-brand-header .tt-utility-left>*,
.tt-brand-header .tt-utility-right>*{
  display:inline-flex;
  align-items:center;
  min-height:14px;
  padding:0 14px;
  border-right:1px solid rgba(255,255,255,.22);
  white-space:nowrap;
}

.tt-brand-header .tt-utility-left>*:first-child,
.tt-brand-header .tt-utility-right>*:first-child{padding-left:0}
.tt-brand-header .tt-utility-left>*:last-child,
.tt-brand-header .tt-utility-right>*:last-child{border-right:0;padding-right:0}
.tt-brand-header .tt-utility a{color:#fff;opacity:.9}
.tt-brand-header .tt-utility a:hover{opacity:1}

.tt-brand-header .tt-main-nav{
  min-height:80px;
  display:grid;
  grid-template-columns:auto minmax(300px,1fr) auto;
  align-items:center;
  gap:34px;
}

.tt-brand-header .tt-brand-logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}

.tt-brand-header .tt-brand-logo img{
  width:auto;
  height:auto;
  max-width:205px;
  max-height:54px;
  object-fit:contain;
}

.tt-brand-header .tt-search{
  width:100%;
  max-width:690px;
  justify-self:center;
  display:grid;
  grid-template-columns:1fr 52px;
  height:46px;
  border:1px solid #dfe3ea;
  border-radius:8px;
  overflow:hidden;
  background:#f8fafc;
}

.tt-brand-header .tt-search:focus-within{
  border-color:rgba(37,99,235,.65);
  box-shadow:0 0 0 3px rgba(37,99,235,.08);
  background:#fff;
}

.tt-brand-header .tt-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  padding:0 17px;
  background:transparent;
  font:inherit;
  font-size:13px;
  color:#18202c;
}

.tt-brand-header .tt-search button{
  border:0;
  background:var(--tt-blue);
  color:#fff;
  font-size:24px;
  cursor:pointer;
  transition:background .2s ease;
}

.tt-brand-header .tt-search button:hover{background:var(--tt-blue-deep)}

.tt-brand-header .tt-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
}

.tt-brand-header .tt-action-link,
.tt-brand-header .tt-cart-link{
  position:relative;
  display:grid;
  grid-template-columns:auto;
  justify-items:center;
  gap:2px;
  min-width:48px;
  color:#121a26;
  line-height:1;
}

.tt-brand-header .tt-action-link>span{
  font-size:25px;
  font-weight:400;
  line-height:1;
}

.tt-brand-header .tt-action-link small,
.tt-brand-header .tt-cart-link small{
  font-size:9px;
  font-weight:700;
  color:#4d5664;
}

.tt-brand-header .tt-cart-icon{
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
  height:24px;
  min-width:31px;
  border:1.8px solid #121a26;
  border-radius:6px 6px 8px 8px;
  display:grid;
  place-items:center;
}

.tt-brand-header .tt-cart-link b{
  position:absolute;
  top:-7px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--tt-blue);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:9px;
  box-shadow:0 0 0 2px #fff;
}

.tt-brand-header .tt-nav-row{
  border-top:1px solid var(--tt-header-line);
  border-bottom:1px solid var(--tt-header-line);
  background:#fff;
}

.tt-brand-header .tt-nav-row-inner{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.tt-brand-header .tt-primary-links{
  display:flex;
  align-items:center;
  gap:30px;
}

.tt-brand-header .tt-primary-links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:750;
  color:#222b38;
  white-space:nowrap;
}

.tt-brand-header .tt-primary-links a:not(.tt-shop-link):after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-14px;
  height:2px;
  background:var(--tt-blue);
  transition:right .2s ease;
}

.tt-brand-header .tt-primary-links a:not(.tt-shop-link):hover:after{right:0}

.tt-brand-header .tt-shop-link{
  background:var(--tt-blue);
  color:#fff!important;
  padding:10px 16px;
  border-radius:7px;
  margin:-1px 0;
}

.tt-brand-header .tt-shop-link:hover{background:var(--tt-blue-deep)}

.tt-brand-header .tt-tech-signature{
  font-size:9px;
  letter-spacing:2.1px;
  font-weight:800;
  color:#647083;
  white-space:nowrap;
}

.tt-brand-header .tt-tech-signature span{
  color:var(--tt-blue);
  margin-left:8px;
  font-size:13px;
}

.tt-brand-header .tt-mobile-menu{display:none}

@media(max-width:1100px){
  .tt-brand-header .tt-main-nav{
    grid-template-columns:auto minmax(250px,1fr) auto;
    gap:22px;
  }
  .tt-brand-header .tt-brand-logo img{max-width:180px}
  .tt-brand-header .tt-primary-links{gap:20px}
  .tt-brand-header .tt-tech-signature{display:none}
}

@media(max-width:820px){
  .tt-brand-header{position:sticky}
  .tt-brand-header .tt-utility-right{display:none}
  .tt-brand-header .tt-utility-inner{justify-content:center}
  .tt-brand-header .tt-utility-left{width:100%;justify-content:center}
  .tt-brand-header .tt-main-nav{
    min-height:66px;
    grid-template-columns:auto 1fr auto auto;
    gap:12px;
  }
  .tt-brand-header .tt-brand-logo img{
    max-width:150px;
    max-height:42px;
  }
  .tt-brand-header .tt-search{display:none}
  .tt-brand-header .tt-header-actions{grid-column:3;gap:12px}
  .tt-brand-header .tt-wishlist-link small,
  .tt-brand-header .tt-cart-link small{display:none}
  .tt-brand-header .tt-action-link{min-width:30px}
  .tt-brand-header .tt-cart-link{min-width:38px}
  .tt-brand-header .tt-nav-row{display:none}

  .tt-brand-header .tt-mobile-menu{
    display:block;
    grid-column:4;
    position:relative;
  }
  .tt-brand-header .tt-mobile-menu summary{
    width:38px;
    height:38px;
    border:1px solid var(--tt-header-line);
    border-radius:8px;
    display:grid;
    place-content:center;
    gap:4px;
    cursor:pointer;
    list-style:none;
  }
  .tt-brand-header .tt-mobile-menu summary::-webkit-details-marker{display:none}
  .tt-brand-header .tt-mobile-menu summary span{
    display:block;
    width:17px;
    height:1.5px;
    background:#111827;
  }
  .tt-brand-header .tt-mobile-panel{
    position:fixed;
    top:96px;
    left:0;
    right:0;
    padding:16px 4% 22px;
    background:#fff;
    border-top:1px solid var(--tt-header-line);
    border-bottom:1px solid var(--tt-header-line);
    box-shadow:0 18px 36px rgba(8,17,31,.12);
  }
  .tt-brand-header .tt-mobile-search{
    display:grid;
    grid-template-columns:1fr auto;
    border:1px solid #dde2e9;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:12px;
  }
  .tt-brand-header .tt-mobile-search input{
    min-width:0;
    border:0;
    padding:12px 13px;
    outline:0;
  }
  .tt-brand-header .tt-mobile-search button{
    border:0;
    padding:0 15px;
    background:var(--tt-blue);
    color:#fff;
    font-weight:800;
  }
  .tt-brand-header .tt-mobile-panel nav{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:0;
  }
  .tt-brand-header .tt-mobile-panel nav a{
    display:block;
    padding:13px 4px;
    border-bottom:1px solid #eef0f3;
    color:#222b38;
    font-size:12px;
    font-weight:750;
  }
}

@media(max-width:520px){
  .tt-brand-header .tt-utility{font-size:9px}
  .tt-brand-header .tt-utility-left>*{padding:0 7px}
  .tt-brand-header .tt-utility-left>*:nth-child(3){display:none}
  .tt-brand-header .tt-main-nav{
    width:min(100% - 24px,1320px);
    min-height:62px;
    gap:9px;
  }
  .tt-brand-header .tt-brand-logo img{
    max-width:132px;
    max-height:38px;
  }
  .tt-brand-header .tt-wishlist-link{display:none}
  .tt-brand-header .tt-header-actions{gap:0}
  .tt-brand-header .tt-cart-link b{right:-2px}
  .tt-brand-header .tt-mobile-panel{top:92px;padding-left:14px;padding-right:14px}
}


/* =========================================================
   TRUETECH BRAND HERO V1
   Append to END of public_html/assets/style.css
   Presentation-only. Existing banners/settings/links remain authoritative.
   ========================================================= */

.home-page .tt-home-hero{
  padding:30px 0 34px;
  background:#f5f7fa;
}

.home-page .tt-home-hero-grid{
  min-height:500px;
  grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);
  border-radius:22px;
  border:1px solid #e4e8ef;
  box-shadow:0 18px 50px rgba(8,17,31,.055);
  background:#fff;
}

.home-page .tt-hero-copy{
  padding:56px 54px 48px;
  position:relative;
}

.home-page .tt-hero-copy>.eyebrow{
  color:#2563eb;
  font-size:10px;
  letter-spacing:3.4px;
  font-weight:850;
  margin-bottom:18px;
}

.home-page .tt-hero-title{
  max-width:650px;
  margin:0 0 22px;
  font-size:clamp(50px,5.7vw,78px);
  line-height:.93;
  letter-spacing:-4px;
  color:#0b1018;
}

.home-page .tt-hero-title br + *{color:#2563eb}

.home-page .tt-hero-text{
  max-width:600px;
  margin-bottom:26px;
  font-size:17px;
  line-height:1.62;
  color:#56606d;
}

.home-page .tt-hero-actions{
  gap:12px;
}

.home-page .tt-hero-primary{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:48px;
  padding:0 22px;
  border-radius:9px;
  background:#2563eb;
  color:#fff;
  box-shadow:0 8px 22px rgba(37,99,235,.22);
}

.home-page .tt-hero-primary:hover{background:#0f55e8}

.home-page .tt-hero-primary span{
  font-size:18px;
  transform:translateY(-1px);
}

.home-page .tt-hero-secondary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 8px;
  color:#121a26;
}

.home-page .tt-hero-secondary span{color:#2563eb}

.home-page .tt-hero-trust{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid #e6eaf0;
  color:#394353;
  gap:11px 24px;
}

.home-page .tt-hero-trust span{
  font-size:11px;
  font-weight:750;
}

.home-page .tt-hero-trust span:before{
  content:"✓";
  display:inline-grid;
  place-items:center;
  width:17px;
  height:17px;
  margin-right:7px;
  border-radius:50%;
  background:#edf4ff;
  color:#2563eb;
  font-size:10px;
}

.home-page .tt-hero-visual{
  min-height:500px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 20%,rgba(37,99,235,.12),transparent 34%),
    linear-gradient(145deg,#f2f6fb,#e8edf3);
}

.home-page .tt-hero-visual:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:34%;
  pointer-events:none;
  background:linear-gradient(to top,rgba(6,13,24,.22),transparent);
}

.home-page .tt-hero-visual>img{
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover;
  object-position:center;
}

.home-page .tt-hero-visual-badge{
  position:absolute;
  right:26px;
  bottom:25px;
  z-index:2;
  width:min(240px,44%);
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:14px;
  background:rgba(8,17,31,.82);
  backdrop-filter:blur(12px);
  color:#fff;
}

.home-page .tt-hero-visual-badge span{
  display:block;
  margin-bottom:7px;
  color:#76a7ff;
  font-size:8px;
  letter-spacing:2.7px;
  font-weight:850;
}

.home-page .tt-hero-visual-badge strong{
  display:block;
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.35px;
}

.home-page .tt-hero-placeholder{
  min-height:500px;
  background:
    radial-gradient(circle at 70% 22%,rgba(37,99,235,.28),transparent 32%),
    linear-gradient(145deg,#101a2b,#07101d 68%);
}

@media(max-width:900px){
  .home-page .tt-home-hero-grid{
    grid-template-columns:1fr 1fr;
  }
  .home-page .tt-hero-copy{
    padding:44px 34px 40px;
  }
  .home-page .tt-hero-title{
    font-size:clamp(44px,6vw,60px);
    letter-spacing:-3px;
  }
}

@media(max-width:800px){
  .home-page .tt-home-hero{
    padding:16px 0 22px;
  }
  .home-page .tt-home-hero-grid{
    grid-template-columns:1fr;
    min-height:0;
    border-radius:18px;
  }
  .home-page .tt-hero-copy{
    padding:38px 28px 30px;
  }
  .home-page .tt-hero-title{
    font-size:52px;
    line-height:.95;
    letter-spacing:-2.8px;
  }
  .home-page .tt-hero-visual,
  .home-page .tt-hero-visual>img,
  .home-page .tt-hero-placeholder{
    min-height:390px;
  }
}

@media(max-width:520px){
  .home-page .tt-home-hero-grid{border-radius:15px}
  .home-page .tt-hero-copy{padding:32px 21px 26px}
  .home-page .tt-hero-copy>.eyebrow{
    font-size:9px;
    letter-spacing:2.8px;
    margin-bottom:15px;
  }
  .home-page .tt-hero-title{
    font-size:43px;
    line-height:.95;
    letter-spacing:-2.2px;
    margin-bottom:17px;
  }
  .home-page .tt-hero-text{
    font-size:14px;
    line-height:1.65;
    margin-bottom:20px;
  }
  .home-page .tt-hero-actions{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:5px;
  }
  .home-page .tt-hero-primary{
    justify-content:center;
    width:100%;
  }
  .home-page .tt-hero-secondary{
    justify-content:center;
  }
  .home-page .tt-hero-trust{
    display:flex;
    gap:8px 14px;
    margin-top:22px;
    padding-top:18px;
  }
  .home-page .tt-hero-visual,
  .home-page .tt-hero-visual>img,
  .home-page .tt-hero-placeholder{
    min-height:315px;
  }
  .home-page .tt-hero-visual-badge{
    right:14px;
    bottom:14px;
    width:auto;
    max-width:200px;
    padding:12px 13px;
  }
  .home-page .tt-hero-visual-badge strong{font-size:15px}
}

/* TRUETECH SHOP BY NEED V2 — append to END of style.css */
.home-page .tt-needs-v2{padding-top:44px;padding-bottom:50px;background:#fff}
.home-page .tt-needs-head{margin-bottom:24px}.home-page .tt-needs-head h2{max-width:950px}
.home-page .tt-needs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-page .tt-need-card{min-height:270px;position:relative;isolation:isolate;overflow:hidden;display:block;padding:0;border:0;border-radius:16px;background:#111827;color:#fff}
.home-page .tt-need-card>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.home-page .tt-need-card:hover>img{transform:scale(1.035)}
.home-page .tt-need-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,12,22,.04) 15%,rgba(5,12,22,.30) 52%,rgba(5,12,22,.92) 100%)}
.home-page .tt-need-card:not(.has-image) .tt-need-overlay{background:radial-gradient(circle at 80% 15%,rgba(37,99,235,.35),transparent 32%),linear-gradient(145deg,#182437,#07101d)}
.home-page .tt-need-content{min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 22px 21px}
.home-page .tt-need-content>span{position:absolute;top:18px;left:20px;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(8,17,31,.34);backdrop-filter:blur(7px);color:#fff;font-size:9px;letter-spacing:1px}
.home-page .tt-need-content h3{margin:0 0 8px;color:#fff;font-size:24px;line-height:1.04;letter-spacing:-.7px}
.home-page .tt-need-content p{max-width:290px;min-height:42px;margin:0 0 15px;color:rgba(255,255,255,.80);font-size:11px;line-height:1.5}
.home-page .tt-need-content b{display:inline-flex;align-items:center;color:#fff;font-size:10px;font-weight:800}
.home-page .tt-need-content b:after{content:"";display:block;width:26px;height:1px;margin-left:9px;background:#5b8cff;transition:width .2s ease}
.home-page .tt-need-card:hover .tt-need-content b:after{width:38px}
@media(max-width:1000px){.home-page .tt-needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.home-page .tt-needs-v2{padding-top:34px;padding-bottom:38px}.home-page .tt-needs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:5px}.home-page .tt-need-card{flex:0 0 82%;min-height:245px;scroll-snap-align:start}.home-page .tt-need-content{min-height:245px;padding:22px 19px 19px}.home-page .tt-need-content h3{font-size:22px}}

/* TRUETECH — Shop by Need readability hotfix
   Append to the END of assets/style.css.
   Presentation only: no PHP, links, pricing, cart, checkout or backend logic changed. */

.home-page .tt-need-card.has-image .tt-need-overlay{
    background:
        linear-gradient(180deg,
            rgba(5,12,22,.02) 0%,
            rgba(5,12,22,.05) 30%,
            rgba(5,12,22,.42) 61%,
            rgba(5,12,22,.94) 100%);
}

.home-page .tt-need-card.has-image .tt-need-content{
    position:relative;
    z-index:1;
}

.home-page .tt-need-card.has-image .tt-need-content::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-22px;
    right:-22px;
    bottom:-21px;
    height:74%;
    background:linear-gradient(180deg,
        rgba(7,16,29,0) 0%,
        rgba(7,16,29,.16) 18%,
        rgba(7,16,29,.72) 58%,
        rgba(7,16,29,.96) 100%);
    pointer-events:none;
}

.home-page .tt-need-card.has-image .tt-need-content h3{
    text-shadow:0 1px 16px rgba(0,0,0,.26);
}

.home-page .tt-need-card.has-image .tt-need-content p{
    color:rgba(255,255,255,.88);
    text-shadow:0 1px 10px rgba(0,0,0,.18);
}

.home-page .tt-need-card.has-image .tt-need-content b{
    text-shadow:0 1px 8px rgba(0,0,0,.18);
}

@media(max-width:620px){
    .home-page .tt-need-card.has-image .tt-need-content::before{
        left:-19px;
        right:-19px;
        bottom:-19px;
        height:76%;
    }
}

/* TRUETECH — Shop by Need V3 card layout
   Append AFTER the previous Shop by Need CSS/hotfixes.
   Visual-only override; no PHP/backend changes. */

.home-page .tt-needs-grid{
    gap:16px;
}

.home-page .tt-need-card{
    min-height:340px;
    border-radius:18px;
    box-shadow:0 12px 30px rgba(12,24,40,.08);
}

/* Keep the product/lifestyle photo bright, then create one clean reading zone at the bottom. */
.home-page .tt-need-card.has-image .tt-need-overlay{
    background:linear-gradient(
        180deg,
        rgba(4,10,20,.02) 0%,
        rgba(4,10,20,.03) 42%,
        rgba(4,10,20,.18) 54%,
        rgba(4,10,20,.72) 72%,
        rgba(4,10,20,.97) 100%
    );
}

/* Remove the extra secondary gradient from the earlier readability hotfix. */
.home-page .tt-need-card.has-image .tt-need-content::before{
    display:none !important;
}

.home-page .tt-need-content{
    min-height:340px;
    padding:26px 28px 24px;
    justify-content:flex-end;
}

/* Number badge stays separate from the copy. */
.home-page .tt-need-content>span{
    top:24px;
    left:24px;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.48);
    background:rgba(12,21,34,.42);
    box-shadow:0 4px 14px rgba(0,0,0,.12);
    font-size:12px;
    font-weight:700;
    letter-spacing:.3px;
}

/* Give the title proper visual hierarchy and room to breathe. */
.home-page .tt-need-content h3{
    max-width:100%;
    margin:0 0 10px;
    color:#fff;
    font-size:28px;
    line-height:1.08;
    letter-spacing:-.7px;
    font-weight:800;
    text-shadow:0 2px 16px rgba(0,0,0,.28);
}

/* Readable body copy; no forced height, no cramped lines. */
.home-page .tt-need-content p{
    max-width:360px;
    min-height:0;
    margin:0 0 20px;
    color:rgba(255,255,255,.92);
    font-size:14px;
    line-height:1.48;
    font-weight:400;
    text-shadow:0 1px 10px rgba(0,0,0,.24);
}

/* Clean CTA like the approved visual — remove the old decorative line. */
.home-page .tt-need-content b{
    display:inline-flex;
    align-items:center;
    width:max-content;
    color:#fff;
    font-size:13px;
    line-height:1;
    font-weight:800;
    text-shadow:0 1px 8px rgba(0,0,0,.22);
}

.home-page .tt-need-content b::after{
    display:none !important;
}

/* Slight lift, while keeping the image itself restrained. */
.home-page .tt-need-card{
    transition:transform .22s ease, box-shadow .22s ease;
}
.home-page .tt-need-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(12,24,40,.13);
}
.home-page .tt-need-card:hover>img{
    transform:scale(1.025);
}

@media(max-width:1200px){
    .home-page .tt-need-content{
        padding:24px 22px 22px;
    }
    .home-page .tt-need-content h3{
        font-size:24px;
    }
    .home-page .tt-need-content p{
        font-size:12px;
    }
}

@media(max-width:1000px){
    .home-page .tt-needs-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }
    .home-page .tt-need-card,
    .home-page .tt-need-content{
        min-height:330px;
    }
}

@media(max-width:620px){
    .home-page .tt-needs-grid{
        gap:12px;
    }
    .home-page .tt-need-card{
        flex:0 0 86%;
        min-height:315px;
        border-radius:16px;
    }
    .home-page .tt-need-content{
        min-height:315px;
        padding:22px 20px 21px;
    }
    .home-page .tt-need-content>span{
        top:18px;
        left:18px;
        width:38px;
        height:38px;
        font-size:11px;
    }
    .home-page .tt-need-content h3{
        font-size:24px;
        margin-bottom:8px;
    }
    .home-page .tt-need-content p{
        max-width:310px;
        margin-bottom:17px;
        font-size:12px;
        line-height:1.45;
    }
    .home-page .tt-need-content b{
        font-size:12px;
    }
}

/* TRUETECH — Shop by Need FINAL override
   Append at the absolute END of assets/style.css.
   This specifically overrides the older V2.1B compact rules that use !important. */

.home-page .v2-need-card.tt-need-card{
    position:relative !important;
    display:block !important;
    min-height:340px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#111827 !important;
}

.home-page .v2-needs-grid.tt-needs-grid{
    gap:16px !important;
}

/* Bright photo above; deliberate dark reading zone below. */
.home-page .v2-need-card.tt-need-card.has-image .tt-need-overlay{
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(
        180deg,
        rgba(4,10,20,.01) 0%,
        rgba(4,10,20,.02) 40%,
        rgba(4,10,20,.12) 53%,
        rgba(4,10,20,.64) 70%,
        rgba(4,10,20,.97) 100%
    ) !important;
}

.home-page .v2-need-card.tt-need-card .tt-need-content{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    box-sizing:border-box !important;
    min-height:340px !important;
    padding:26px 28px 24px !important;
}

.home-page .v2-need-card.tt-need-card .tt-need-content::before{
    display:none !important;
}

/* Number badge */
.home-page .v2-need-card.tt-need-card .tt-need-content>span{
    position:absolute !important;
    top:24px !important;
    left:24px !important;
    width:42px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.46) !important;
    border-radius:50% !important;
    background:rgba(14,24,38,.45) !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:.2px !important;
}

/* Content anchored to the dark lower zone */
.home-page .v2-need-card.tt-need-card .tt-need-content h3{
    max-width:100% !important;
    margin:0 0 9px !important;
    color:#fff !important;
    font-size:28px !important;
    line-height:1.06 !important;
    letter-spacing:-.75px !important;
    font-weight:800 !important;
    text-shadow:0 2px 16px rgba(0,0,0,.28) !important;
}

.home-page .v2-need-card.tt-need-card .tt-need-content p{
    max-width:350px !important;
    min-height:0 !important;
    margin:0 0 18px !important;
    color:rgba(255,255,255,.91) !important;
    font-size:13px !important;
    line-height:1.48 !important;
    font-weight:400 !important;
    text-shadow:0 1px 10px rgba(0,0,0,.22) !important;
}

.home-page .v2-need-card.tt-need-card .tt-need-content b{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    margin:0 !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:800 !important;
}

.home-page .v2-need-card.tt-need-card .tt-need-content b::after{
    display:none !important;
}

/* Keep image clean and premium */
.home-page .v2-need-card.tt-need-card>img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

@media(max-width:1200px){
    .home-page .v2-need-card.tt-need-card .tt-need-content{
        padding:24px 22px 22px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content h3{
        font-size:24px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content p{
        font-size:12px !important;
    }
}

@media(max-width:1000px){
    .home-page .v2-needs-grid.tt-needs-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }
}

@media(max-width:620px){
    .home-page .v2-need-card.tt-need-card{
        flex:0 0 86% !important;
        min-height:315px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content{
        min-height:315px !important;
        padding:21px 19px 20px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content>span{
        top:18px !important;
        left:18px !important;
        width:38px !important;
        height:38px !important;
        font-size:11px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content h3{
        font-size:23px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content p{
        font-size:12px !important;
        margin-bottom:16px !important;
    }
    .home-page .v2-need-card.tt-need-card .tt-need-content b{
        font-size:12px !important;
    }
}




/* =========================================================
   TRUETECH BRAND HEADER V2 — premium single-row navigation
   Append to END of public_html/assets/style.css
   Keeps search, wishlist, cart count, tracking and mobile menu functional.
   ========================================================= */

.tt-brand-header-v2 .tt-main-nav{
  min-height:82px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:34px;
}

.tt-brand-header-v2 .tt-brand-logo img{
  max-width:195px;
  max-height:50px;
}

.tt-brand-header-v2 .tt-primary-links-main{
  display:flex;
  align-items:center;
  gap:27px;
  min-width:0;
}

.tt-brand-header-v2 .tt-primary-links-main a{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:750;
  color:#222b38;
  white-space:nowrap;
}

.tt-brand-header-v2 .tt-primary-links-main a:not(.tt-shop-link):after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-9px;
  height:2px;
  background:var(--tt-blue);
  transition:right .2s ease;
}

.tt-brand-header-v2 .tt-primary-links-main a:not(.tt-shop-link):hover:after{right:0}

.tt-brand-header-v2 .tt-primary-links-main .tt-shop-link{
  padding:10px 15px;
  border-radius:7px;
  background:var(--tt-blue);
  color:#fff!important;
}

.tt-brand-header-v2 .tt-primary-links-main .tt-shop-link:hover{background:var(--tt-blue-deep)}

.tt-brand-header-v2 .tt-header-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  white-space:nowrap;
}

.tt-brand-header-v2 .tt-tech-signature{
  display:inline-flex;
  align-items:center;
  font-size:9px;
  letter-spacing:2px;
  font-weight:850;
  color:#647083;
  white-space:nowrap;
}

.tt-brand-header-v2 .tt-tech-signature span{
  color:var(--tt-blue);
  margin-left:8px;
  font-size:13px;
}

.tt-brand-header-v2 .tt-search-menu{
  position:relative;
  display:block;
}

.tt-brand-header-v2 .tt-search-menu>summary{
  list-style:none;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  cursor:pointer;
  color:#111827;
  transition:background .2s ease,color .2s ease;
}

.tt-brand-header-v2 .tt-search-menu>summary::-webkit-details-marker{display:none}
.tt-brand-header-v2 .tt-search-menu>summary:hover,
.tt-brand-header-v2 .tt-search-menu[open]>summary{background:#f2f5f9;color:var(--tt-blue)}

.tt-brand-header-v2 .tt-search-menu svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.tt-brand-header-v2 .tt-search-popover{
  position:absolute;
  z-index:120;
  right:0;
  top:calc(100% + 15px);
  width:min(390px,calc(100vw - 32px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  padding:9px;
  border:1px solid #e1e5eb;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 45px rgba(8,17,31,.14);
}

.tt-brand-header-v2 .tt-search-popover:before{
  content:"";
  position:absolute;
  right:12px;
  top:-6px;
  width:10px;
  height:10px;
  background:#fff;
  border-left:1px solid #e1e5eb;
  border-top:1px solid #e1e5eb;
  transform:rotate(45deg);
}

.tt-brand-header-v2 .tt-search-popover input{
  min-width:0;
  height:42px;
  border:0;
  outline:0;
  padding:0 12px;
  font:inherit;
  font-size:13px;
  background:#f7f8fa;
  border-radius:8px 0 0 8px;
}

.tt-brand-header-v2 .tt-search-popover button{
  height:42px;
  border:0;
  padding:0 17px;
  border-radius:0 8px 8px 0;
  background:var(--tt-blue);
  color:#fff;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.tt-brand-header-v2 .tt-header-actions{gap:15px}
.tt-brand-header-v2 .tt-nav-row{display:none!important}

@media(max-width:1240px){
  .tt-brand-header-v2 .tt-main-nav{gap:24px}
  .tt-brand-header-v2 .tt-brand-logo img{max-width:175px}
  .tt-brand-header-v2 .tt-primary-links-main{gap:20px}
  .tt-brand-header-v2 .tt-tech-signature{display:none}
}

@media(max-width:1030px){
  .tt-brand-header-v2 .tt-primary-links-main{gap:16px}
  .tt-brand-header-v2 .tt-primary-links-main a{font-size:10px}
  .tt-brand-header-v2 .tt-primary-links-main .tt-shop-link{padding:9px 12px}
  .tt-brand-header-v2 .tt-header-right{gap:10px}
}

@media(max-width:900px){
  .tt-brand-header-v2 .tt-main-nav{
    min-height:66px;
    grid-template-columns:auto 1fr auto auto;
    gap:12px;
  }
  .tt-brand-header-v2 .tt-brand-logo img{max-width:150px;max-height:42px}
  .tt-brand-header-v2 .tt-primary-links-main{display:none}
  .tt-brand-header-v2 .tt-header-right{grid-column:3}
  .tt-brand-header-v2 .tt-tech-signature,
  .tt-brand-header-v2 .tt-search-menu{display:none}
  .tt-brand-header-v2 .tt-header-actions{gap:12px}
  .tt-brand-header-v2 .tt-mobile-menu{display:block;grid-column:4}
}

@media(max-width:520px){
  .tt-brand-header-v2 .tt-main-nav{
    width:min(100% - 24px,1320px);
    min-height:62px;
    gap:9px;
  }
  .tt-brand-header-v2 .tt-brand-logo img{max-width:132px;max-height:38px}
  .tt-brand-header-v2 .tt-wishlist-link{display:none}
  .tt-brand-header-v2 .tt-header-actions{gap:0}
}

/* =========================================================
   TRUETECH PREMIUM TYPOGRAPHY + DENSITY V1
   Append to END of the current live style.css.
   Note: Manrope is loaded in the merged stylesheet version supplied separately.
   ========================================================= */

/* Premium storefront typography — scoped away from Admin */
.tt-brand-header-v2,
.home-page{
  font-family:"Manrope","Segoe UI Variable","Segoe UI",Arial,sans-serif;
}

/* Header: stronger navigation, less marketplace-like vertical mass */
.tt-brand-header-v2 .tt-main-nav{
  min-height:72px;
  gap:30px;
}

.tt-brand-header-v2 .tt-primary-links-main{
  gap:31px;
}

.tt-brand-header-v2 .tt-primary-links-main a{
  font-family:"Manrope","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:13.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.22px;
  color:#101827;
}

.tt-brand-header-v2 .tt-primary-links-main .tt-shop-link{
  min-height:43px;
  padding:0 20px;
  border-radius:9px;
  font-size:13.5px;
  font-weight:750;
  box-shadow:0 7px 18px rgba(37,99,235,.16);
}

.tt-brand-header-v2 .tt-primary-links-main .tt-shop-link span{
  font-size:14px;
}

.tt-brand-header-v2 .tt-tech-signature{
  font-family:"Manrope","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:10px;
  font-weight:800;
  letter-spacing:2.4px;
}

.tt-brand-header-v2 .tt-header-right{gap:20px}
.tt-brand-header-v2 .tt-header-actions{gap:18px}

/* Bring the first campaign banner closer to the header */
.home-page .tt-home-hero{
  padding:14px 0 24px;
}

/* Tighter editorial rhythm across the homepage.
   We keep enough breathing room for premium hierarchy, but remove blank chapters. */
.home-page .home-section{
  padding:38px 0;
}

.home-page .section-head.premium{
  margin-bottom:17px;
}

.home-page .section-kicker{
  margin-top:6px;
}

.home-page .tt-needs-v2{
  padding-top:34px;
  padding-bottom:38px;
}

.home-page .tt-needs-head{
  margin-bottom:18px;
}

.home-page .v2-best-sellers:before{
  margin-bottom:14px;
}

.home-page .v2-trust{
  padding:34px 0;
}

.home-page .v2-trust .trust-heading{
  margin-bottom:19px;
}

.home-page .newsletter-band{
  padding:36px 0;
}

/* Slightly stronger storefront headings without making them oversized */
.home-page .section-head.premium h2,
.home-page .tt-needs-head h2,
.home-page .v2-trust .trust-heading h2,
.home-page .newsletter-band h2{
  font-family:"Manrope","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-weight:750;
  letter-spacing:-1.8px;
}

@media(max-width:1240px){
  .tt-brand-header-v2 .tt-primary-links-main{gap:24px}
  .tt-brand-header-v2 .tt-primary-links-main a{font-size:12.5px}
  .tt-brand-header-v2 .tt-primary-links-main .tt-shop-link{font-size:12.5px;padding:0 17px}
}

@media(max-width:1030px){
  .tt-brand-header-v2 .tt-primary-links-main{gap:17px}
  .tt-brand-header-v2 .tt-primary-links-main a{font-size:11.5px}
  .tt-brand-header-v2 .tt-main-nav{gap:20px}
}

@media(max-width:900px){
  .tt-brand-header-v2 .tt-main-nav{min-height:66px}
  .home-page .tt-home-hero{padding:12px 0 20px}
  .home-page .home-section{padding:34px 0}
  .home-page .tt-needs-v2{padding-top:30px;padding-bottom:34px}
}

@media(max-width:520px){
  .home-page .tt-home-hero{padding:9px 0 16px}
  .home-page .home-section{padding:30px 0}
  .home-page .tt-needs-v2{padding-top:26px;padding-bottom:30px}
  .home-page .newsletter-band{padding:31px 0}
}


/* =========================================================
   TRUETECH PREMIUM ANNOUNCEMENT TICKER V1
   Admin source: Settings > Storefront controls > Announcement text
   Separate items with | or •
   ========================================================= */
.tt-brand-header-v2 .tt-utility-ticker{
  position:relative;
  height:34px;
  padding:0;
  overflow:hidden;
  background:#071221;
  color:#fff;
  border:0;
}
.tt-brand-header-v2 .tt-ticker-window{
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.tt-brand-header-v2 .tt-ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  will-change:transform;
  animation:ttPremiumTicker 28s linear infinite;
}
.tt-brand-header-v2 .tt-ticker-group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  white-space:nowrap;
}
.tt-brand-header-v2 .tt-ticker-item{
  display:inline-flex;
  align-items:center;
  height:34px;
  padding:0 30px;
  font-family:"Manrope","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  font-size:11px;
  line-height:1;
  font-weight:650;
  letter-spacing:.45px;
  color:rgba(255,255,255,.94);
}
.tt-brand-header-v2 .tt-ticker-dot{
  color:#3b82f6;
  font-size:9px;
  opacity:.9;
}
.tt-brand-header-v2 .tt-utility-ticker:hover .tt-ticker-track{
  animation-play-state:paused;
}
@keyframes ttPremiumTicker{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (prefers-reduced-motion:reduce){
  .tt-brand-header-v2 .tt-ticker-track{animation:none}
}
@media(max-width:700px){
  .tt-brand-header-v2 .tt-utility-ticker{height:31px}
  .tt-brand-header-v2 .tt-ticker-item{height:31px;padding:0 22px;font-size:10px}
  .tt-brand-header-v2 .tt-ticker-track{animation-duration:22s}
}

/* =========================================================
   TRUETECH GLOBAL STOREFRONT TYPOGRAPHY V1
   Authoritative customer-facing typography layer.
   Presentation only: no layout, pricing, cart, checkout or admin logic.
   ========================================================= */
:root{
  --tt-font:"Manrope","Segoe UI Variable","Segoe UI",Arial,sans-serif;
}

/* Customer-facing surfaces only — admin selectors are intentionally excluded. */
.tt-brand-header-v2,
.home-page,
.shop-hero,
.shop-layout,
.page-intro,
.product-page,
.cart-page,
.checkout-page,
.track-page,
.policy-page,
.success-page,
.newsletter-band,
.site-footer,
.wa-float{
  font-family:var(--tt-font);
}

/* Core retail copy */
.home-page p,
.shop-hero p,
.page-intro p,
.product-page p,
.cart-page p,
.checkout-page p,
.track-page p,
.policy-page p,
.success-page p,
.site-footer p{
  font-family:var(--tt-font);
}

/* Editorial heading system */
.home-page h1,.home-page h2,.home-page h3,
.shop-hero h1,.shop-layout h1,.shop-layout h2,.shop-layout h3,
.page-intro h1,.page-intro h2,
.product-page h1,.product-page h2,.product-page h3,
.cart-page h1,.cart-page h2,.cart-page h3,
.checkout-page h1,.checkout-page h2,.checkout-page h3,
.track-page h1,.track-page h2,.track-page h3,
.policy-page h1,.policy-page h2,.policy-page h3,
.success-page h1,.success-page h2,.success-page h3,
.newsletter-band h2,.site-footer h2,.site-footer h3{
  font-family:var(--tt-font);
  font-weight:800;
}

/* Small editorial labels stay intentionally compact, but never look accidental. */
.home-page .eyebrow,
.shop-hero .eyebrow,
.page-intro .eyebrow,
.product-page .eyebrow,
.cart-page .eyebrow,
.checkout-page .eyebrow,
.track-page .eyebrow,
.policy-page .eyebrow,
.success-page .eyebrow{
  font-family:var(--tt-font);
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:2.2px;
}

/* Homepage: remove the old overly-small density typography while preserving layout. */
.home-page .section-kicker{
  font-size:13px;
  line-height:1.55;
  font-weight:500;
}
.home-page .section-head.premium>a{
  font-size:12px;
  font-weight:700;
}
.home-page .v2-category-card .category-copy h3{
  font-size:16px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.25px;
}
.home-page .v2-category-card .category-copy p{
  font-size:12px;
  line-height:1.5;
  font-weight:500;
}
.home-page .v2-category-card .category-copy span{
  font-size:11px;
  line-height:1.35;
  font-weight:800;
}
.home-page .product-meta{
  font-size:10px;
  font-weight:700;
  letter-spacing:.75px;
}
.home-page .product-card h3{
  font-size:15px;
  line-height:1.4;
  font-weight:700;
}
.home-page .price-row strong{font-size:17px;font-weight:800}
.home-page .price-row del{font-size:12px}
.home-page .card-actions .btn{font-size:11px;font-weight:800}

/* Buttons, controls and commerce labels share one voice everywhere. */
.tt-brand-header-v2 button,.tt-brand-header-v2 a,
.home-page .btn,.home-page button,
.shop-layout .btn,.shop-layout button,
.product-page .btn,.product-page button,
.cart-page .btn,.cart-page button,
.checkout-page .btn,.checkout-page button,
.track-page .btn,.track-page button,
.policy-page .btn,.success-page .btn,
.newsletter-band button,.site-footer button{
  font-family:var(--tt-font);
}

.shop-toolbar,.shop-sidebar,.breadcrumbs,
.product-meta,.rating,.availability,.purchase-trust,
.cart-page label,.checkout-page label,.track-page label,
.summary-card,.tracking-card,.site-footer{
  font-family:var(--tt-font);
}

/* Forms should not fall back to browser/system fonts. */
.shop-layout input,.shop-layout select,
.product-page input,.product-page select,.product-page textarea,
.cart-page input,.cart-page select,.cart-page textarea,
.checkout-page input,.checkout-page select,.checkout-page textarea,
.track-page input,.track-page select,.track-page textarea,
.newsletter-band input,.site-footer input{
  font-family:var(--tt-font);
  font-size:14px;
}

/* Inner-page readability normalization. */
.short-desc,.rich-copy,.policy-copy{font-size:15px}
.field-grid label,.track-form label{font-size:12px;font-weight:700}
.purchase-trust strong{font-size:13px;font-weight:800}
.purchase-trust span{font-size:12px;line-height:1.45}
.shop-sidebar a{font-size:13px;font-weight:600}
.shop-toolbar{font-size:12px;font-weight:500}
.site-footer .footer-grid a,.site-footer .footer-grid span,.site-footer .footer-grid p{font-size:13px}

@media(max-width:620px){
  .home-page .section-kicker{font-size:12px}
  .home-page .v2-category-card .category-copy h3{font-size:15px}
  .home-page .v2-category-card .category-copy p{font-size:11.5px}
}


/* Truetech Homepage Carousels V1 — 4 visible cards on desktop */
.home-page .tt-section-actions{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.home-page .tt-section-actions>a{white-space:nowrap}
.home-page .tt-carousel-nav{display:flex;gap:7px}
.home-page .tt-carousel-nav[hidden]{display:none!important}
.home-page .tt-carousel-nav button{width:38px;height:38px;border:1px solid #deded8;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font:700 17px/1 Manrope,Arial,sans-serif;cursor:pointer;transition:.18s ease}
.home-page .tt-carousel-nav button:hover:not(:disabled){background:#111;color:#fff;border-color:#111}
.home-page .tt-carousel-nav button:disabled{opacity:.28;cursor:default}
.home-page .tt-home-carousel{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain}
.home-page .tt-home-carousel::-webkit-scrollbar{display:none}
.home-page .tt-home-carousel>*{scroll-snap-align:start;flex:0 0 calc((100% - 48px)/4);min-width:0}
.home-page .tt-category-carousel .v2-category-card{flex-basis:calc((100% - 48px)/4)}
.home-page .tt-product-carousel .product-card{flex-basis:calc((100% - 48px)/4)}
@media(max-width:900px){
 .home-page .tt-home-carousel>*{flex-basis:calc((100% - 16px)/2)}
 .home-page .section-head.premium{gap:18px}
}
@media(max-width:600px){
 .home-page .section-head.premium{align-items:flex-start}
 .home-page .tt-section-actions{gap:10px}
 .home-page .tt-section-actions>a{display:none}
 .home-page .tt-carousel-nav button{width:34px;height:34px}
 .home-page .tt-home-carousel{gap:12px;padding-right:18%}
 .home-page .tt-home-carousel>*{flex-basis:82%}
}

/* Truetech Premium Footer V2 */
.tt-footer-v2{background:#09111d;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.tt-footer-v2 .tt-footer-trust{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.1)}
.tt-footer-v2 .tt-footer-trust>div{padding:25px 24px 25px 0;border-right:1px solid rgba(255,255,255,.08)}
.tt-footer-v2 .tt-footer-trust>div+div{padding-left:24px}
.tt-footer-v2 .tt-footer-trust>div:last-child{border-right:0}
.tt-footer-v2 .tt-footer-trust span{display:block;color:#6fa8ff;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}
.tt-footer-v2 .tt-footer-trust strong{display:block;color:#fff;font-size:14px;font-weight:800;margin-bottom:5px}
.tt-footer-v2 .tt-footer-trust small{display:block;color:#8190a2;font-size:11px;line-height:1.45}
.tt-footer-v2 .tt-footer-grid{padding:52px 0 46px;display:grid;grid-template-columns:minmax(300px,1.65fr) .7fr .9fr 1.15fr;gap:64px}
.tt-footer-v2 .tt-footer-brand{display:block}
.tt-footer-v2 .tt-footer-logo{display:inline-flex;margin:0 0 24px;max-width:190px}
.tt-footer-v2 .tt-footer-logo img{display:block;max-width:185px;max-height:48px;width:auto;height:auto;object-fit:contain}
.tt-footer-v2 .tt-footer-wordmark{font-size:21px;font-weight:500;letter-spacing:-1px;color:#fff}
.tt-footer-v2 .tt-footer-wordmark strong{font-weight:800}.tt-footer-v2 .tt-footer-wordmark i{font-style:normal;color:#6fa8ff}
.tt-footer-v2 .tt-footer-kicker{margin:0 0 10px!important;color:#6fa8ff!important;font-size:9px!important;font-weight:800!important;letter-spacing:2.2px!important}
.tt-footer-v2 .tt-footer-brand h2{margin:0 0 14px;font-size:25px;line-height:1.1;letter-spacing:-.8px;color:#fff;max-width:320px}
.tt-footer-v2 .footer-note{margin:0!important;max-width:420px!important;color:#8f9aaa!important;font-size:12px!important;line-height:1.7!important}
.tt-footer-v2 .tt-footer-column{display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.tt-footer-v2 .tt-footer-column>b{color:#fff;font-size:13px;font-weight:800;margin-bottom:8px}
.tt-footer-v2 .tt-footer-column>a{color:#9aa5b5;font-size:12px;line-height:1.45;transition:color .18s ease,transform .18s ease}
.tt-footer-v2 .tt-footer-column>a:hover{color:#fff;transform:translateX(2px)}
.tt-footer-v2 .tt-footer-contact a{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);width:100%}
.tt-footer-v2 .tt-footer-contact a:last-child{border-bottom:0}
.tt-footer-v2 .tt-footer-contact a span{font-size:9px;color:#6f7c8e;text-transform:uppercase;letter-spacing:1.2px;font-weight:800}
.tt-footer-v2 .tt-footer-contact a strong{font-size:12px;color:#dce3ec;font-weight:650;overflow-wrap:anywhere}
.tt-footer-v2 .tt-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#687586;font-size:10px}
.tt-footer-v2 .tt-footer-bottom>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.tt-footer-v2 .tt-footer-bottom a{color:#7d8998}.tt-footer-v2 .tt-footer-bottom a:hover{color:#fff}
@media(max-width:980px){
 .tt-footer-v2 .tt-footer-trust{grid-template-columns:repeat(2,1fr)}
 .tt-footer-v2 .tt-footer-trust>div:nth-child(2){border-right:0}
 .tt-footer-v2 .tt-footer-trust>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
 .tt-footer-v2 .tt-footer-grid{grid-template-columns:1.35fr 1fr 1fr;gap:42px}
 .tt-footer-v2 .tt-footer-brand{grid-column:1/-1;max-width:520px}
}
@media(max-width:640px){
 .tt-footer-v2 .tt-footer-trust{grid-template-columns:1fr}
 .tt-footer-v2 .tt-footer-trust>div,.tt-footer-v2 .tt-footer-trust>div+div{padding:18px 0;border-right:0;border-top:1px solid rgba(255,255,255,.08)}
 .tt-footer-v2 .tt-footer-trust>div:first-child{border-top:0}
 .tt-footer-v2 .tt-footer-grid{padding:38px 0 34px;grid-template-columns:1fr 1fr;gap:36px 24px}
 .tt-footer-v2 .tt-footer-brand,.tt-footer-v2 .tt-footer-contact{grid-column:1/-1}
 .tt-footer-v2 .tt-footer-brand h2{font-size:23px}
 .tt-footer-v2 .tt-footer-bottom{align-items:flex-start;flex-direction:column}
 .tt-footer-v2 .tt-footer-bottom>div{justify-content:flex-start}
}

/* Truetech Mobile Carousel V1 — one complete card per view */
@media (max-width:600px){
  .home-page .tt-home-carousel{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    margin-right:0!important;
    padding-right:0!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:0!important;
    scrollbar-width:none;
  }
  .home-page .tt-home-carousel::-webkit-scrollbar{display:none}
  .home-page .tt-home-carousel > *,
  .home-page .tt-category-carousel .v2-category-card,
  .home-page .tt-product-carousel .product-card{
    flex:0 0 100%!important;
    flex-basis:100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    scroll-snap-align:start!important;
  }
  .home-page .tt-category-carousel .category-media{
    width:100%;
  }
  .home-page .tt-category-carousel .category-copy{
    width:100%;
  }
}

/* =========================================================
   TRUETECH GLOBAL DENSITY & SPACING V1
   Purpose: tighter premium rhythm without changing layout,
   carousel behavior, backend workflows, or component logic.
   ========================================================= */

/* Homepage: preserve the approved top-half design while removing
   unnecessary vertical gaps between merchandising chapters. */
.home-page .home-section{
  padding-top:34px;
  padding-bottom:34px;
}
.home-page .section-head.premium{
  margin-bottom:15px;
}
.home-page .section-kicker{
  margin-top:5px;
  margin-bottom:0;
}
.home-page .tt-needs-v2{
  padding-top:30px;
  padding-bottom:34px;
}
.home-page .tt-needs-head{
  margin-bottom:15px;
}
.home-page .v2-trust{
  padding-top:30px;
  padding-bottom:30px;
}
.home-page .v2-trust .trust-heading{
  margin-bottom:16px;
}
.home-page .newsletter-band{
  padding-top:32px;
  padding-bottom:32px;
}

/* General inner-page page introductions */
.page-intro{
  padding-top:38px;
  padding-bottom:22px;
}
.page-intro h1,
.shop-hero h1{
  margin-bottom:10px;
}

/* Shop */
.shop-hero{
  padding-top:50px;
  padding-bottom:42px;
}
.v2-shop-hero{
  padding-top:52px!important;
  padding-bottom:44px!important;
}
.shop-layout{
  padding-top:32px;
  padding-bottom:60px;
}
.v2-shop-layout{
  padding-top:32px!important;
  padding-bottom:60px!important;
  gap:42px!important;
}
.shop-toolbar{
  margin-bottom:18px;
}

/* Product */
.product-page{
  padding-bottom:56px;
}
.product-page .breadcrumbs,
.breadcrumbs{
  padding-top:18px;
  padding-bottom:13px;
}
.product-layout{
  gap:50px;
  padding-bottom:50px;
}
.product-info-tabs{
  margin-top:52px;
  padding-top:42px;
  padding-bottom:50px;
  gap:48px;
}
.rating{
  margin-bottom:15px;
}
.product-price{
  margin-top:8px;
  margin-bottom:15px;
}
.variant-select{
  margin-top:15px;
  margin-bottom:15px;
}
.buy-form{
  margin-top:15px;
  margin-bottom:15px;
}
.purchase-trust{
  margin-top:18px;
  margin-bottom:18px;
}

/* Cart / Checkout */
.cart-page,
.v2-cart-page{
  padding-bottom:56px;
}
.checkout-page,
.v2-checkout-page{
  padding-bottom:60px;
}
.cart-layout{
  gap:32px;
}
.checkout-layout{
  gap:34px;
}
.checkout-form{
  gap:14px;
}
.checkout-block{
  padding:21px;
}
.checkout-block h2{
  margin-bottom:16px;
}
.summary-card{
  padding:21px;
}
.cart-list{
  margin-bottom:14px;
}
.cart-item{
  padding-top:15px;
  padding-bottom:15px;
}

/* Tracking, policies and success */
.track-page,
.policy-page{
  padding-bottom:58px;
}
.tracking-card{
  margin-top:20px;
  padding:22px;
}
.tracking-summary{
  margin-top:19px;
  margin-bottom:19px;
}
.customer-timeline{
  margin-top:19px;
}
.policy-copy{
  padding-top:22px;
}
.success-page{
  padding-top:48px;
  padding-bottom:58px;
}
.success-card{
  padding-top:38px;
  padding-bottom:38px;
}
.order-number{
  margin-top:19px;
  margin-bottom:19px;
}

/* Newsletter and premium footer */
.newsletter-band{
  padding-top:40px;
  padding-bottom:40px;
}
.tt-footer-v2 .tt-footer-grid{
  padding-top:44px;
  padding-bottom:38px;
  gap:54px;
}
.tt-footer-v2 .tt-footer-trust>div{
  padding-top:21px;
  padding-bottom:21px;
}
.tt-footer-v2 .tt-footer-trust>div+div{
  padding-left:22px;
}
.tt-footer-v2 .tt-footer-bottom{
  padding-top:17px;
  padding-bottom:19px;
}

/* Tablet */
@media(max-width:900px){
  .home-page .home-section{
    padding-top:31px;
    padding-bottom:31px;
  }
  .page-intro{
    padding-top:32px;
    padding-bottom:19px;
  }
  .v2-shop-hero{
    padding-top:42px!important;
    padding-bottom:35px!important;
  }
  .shop-layout,
  .v2-shop-layout{
    padding-top:25px!important;
    padding-bottom:50px!important;
  }
  .product-layout{
    gap:34px;
    padding-bottom:42px;
  }
  .product-info-tabs{
    margin-top:42px;
    padding-top:35px;
    padding-bottom:43px;
    gap:34px;
  }
  .cart-layout,
  .checkout-layout{
    gap:26px;
  }
  .tt-footer-v2 .tt-footer-grid{
    padding-top:38px;
    padding-bottom:34px;
    gap:38px;
  }
}

/* Mobile: compact but never cramped; carousel sizing is untouched. */
@media(max-width:600px){
  .home-page .home-section{
    padding-top:26px;
    padding-bottom:26px;
  }
  .home-page .tt-needs-v2{
    padding-top:25px;
    padding-bottom:27px;
  }
  .home-page .section-head.premium{
    margin-bottom:13px;
  }
  .home-page .newsletter-band{
    padding-top:28px;
    padding-bottom:28px;
  }

  .page-intro{
    padding-top:27px;
    padding-bottom:16px;
  }
  .shop-hero,
  .v2-shop-hero{
    padding-top:32px!important;
    padding-bottom:28px!important;
  }
  .shop-layout,
  .v2-shop-layout{
    padding-top:20px!important;
    padding-bottom:42px!important;
  }

  .product-page{
    padding-bottom:44px;
  }
  .product-page .breadcrumbs,
  .breadcrumbs{
    padding-top:12px;
    padding-bottom:10px;
  }
  .product-layout{
    gap:22px;
    padding-bottom:35px;
  }
  .product-info-tabs{
    margin-top:32px;
    padding-top:30px;
    padding-bottom:36px;
    gap:28px;
  }

  .cart-page,
  .v2-cart-page,
  .checkout-page,
  .v2-checkout-page,
  .track-page,
  .policy-page{
    padding-bottom:44px;
  }
  .checkout-form{
    gap:12px;
  }
  .checkout-block,
  .summary-card,
  .tracking-card{
    padding:18px;
  }
  .success-page{
    padding-top:34px;
    padding-bottom:44px;
  }
  .success-card{
    padding-top:30px;
    padding-bottom:30px;
  }

  .newsletter-band{
    padding-top:30px;
    padding-bottom:30px;
  }
  .tt-footer-v2 .tt-footer-grid{
    padding-top:32px;
    padding-bottom:29px;
    gap:30px 22px;
  }
  .tt-footer-v2 .tt-footer-trust>div,
  .tt-footer-v2 .tt-footer-trust>div+div{
    padding-top:16px;
    padding-bottom:16px;
  }
}

/* =========================================================
   TRUETECH PRODUCT PAGE — SOCIAL CONVERSION V1
   Paid-social mobile conversion layer. Backend purchase,
   variant, inventory and review validation remain unchanged.
   ========================================================= */
.tt-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.tt-product-actions .btn{width:100%;min-height:50px}
.tt-buy-now{background:#fff!important;color:#111!important;border:1px solid #bfc0bb!important}
.tt-product-highlights{margin:18px 0 20px;padding:18px;border:1px solid #e8e8e4;border-radius:16px;background:#fff}
.tt-product-highlights>.eyebrow{margin-bottom:12px}
.tt-highlight-grid{display:grid;gap:10px}
.tt-highlight-grid>div{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start}
.tt-highlight-grid>div>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef5ee;color:#2f6332;font-size:10px;font-weight:900;margin-top:1px}
.tt-highlight-grid p{margin:0;display:grid;gap:2px;line-height:1.35}
.tt-highlight-grid strong{font-size:12px}
.tt-highlight-grid small{font-size:11px;color:#777;font-weight:500}
.tt-review-empty{padding:24px!important}
.tt-review-empty p{margin:0 0 5px!important;color:#333!important;font-weight:700}
.tt-review-empty small{color:#888;font-size:11px}
.tt-review-submit{max-width:760px;margin-top:18px;border:1px solid #e5e5e1;border-radius:16px;background:#fff;overflow:hidden}
.tt-review-submit summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.tt-review-submit summary::-webkit-details-marker{display:none}
.tt-review-submit summary span{display:grid;gap:5px}
.tt-review-submit summary small{font-size:9px;letter-spacing:1.7px;color:#888;font-weight:800}
.tt-review-submit summary strong{font-size:15px}
.tt-review-submit summary>b{font-size:22px;font-weight:400;transition:transform .2s}
.tt-review-submit[open] summary>b{transform:rotate(45deg)}
.tt-review-submit-body{padding:0 20px 20px;border-top:1px solid #eeeeea}
.tt-review-submit-body>p{font-size:12px;line-height:1.6;color:#666;margin:16px 0}
.tt-mobile-buybar{display:none}

@media(max-width:700px){
  .tt-product-actions{grid-template-columns:1fr 1fr}
  .tt-product-actions .btn{padding-left:12px;padding-right:12px}
  .tt-product-highlights{margin-top:16px;padding:15px}
  #reviews .section-head.premium{margin-bottom:14px}
  .tt-review-submit{margin-top:14px}
  .tt-review-submit summary{padding:16px}
  .tt-review-submit-body{padding:0 16px 16px}
  .tt-mobile-buybar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #deded9;box-shadow:0 -10px 30px rgba(0,0,0,.08);transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}
  .tt-mobile-buybar.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
  .tt-mobile-buybar-meta{display:grid;gap:1px;min-width:82px}
  .tt-mobile-buybar-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#888}
  .tt-mobile-buybar-meta strong{font-size:15px;white-space:nowrap}
  .tt-mobile-buybar-actions{display:grid;grid-template-columns:auto auto;gap:7px;flex:1;justify-content:end}
  .tt-mobile-buybar-actions .btn{min-height:42px;padding:10px 14px;font-size:11px;white-space:nowrap}
  body.tt-sticky-buy-active .wa-float{right:12px;bottom:82px;width:48px;height:48px;padding:0;display:grid;place-items:center;font-size:0;border-radius:50%;background:#25D366;box-shadow:0 8px 24px rgba(0,0,0,.22)}
  body.tt-sticky-buy-active .wa-float:after{content:'';width:48px;height:48px;display:block;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2231%22%20fill%3D%22%2325D366%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M46.7%2038.9c-.8-.4-4.8-2.4-5.6-2.6-.7-.3-1.3-.4-1.8.4-.5.8-2%202.6-2.5%203.1-.5.5-.9.6-1.7.2-.8-.4-3.4-1.3-6.5-4.1-2.4-2.1-4-4.7-4.5-5.5-.5-.8%200-1.2.4-1.6.4-.4.8-.9%201.2-1.4.4-.5.5-.8.8-1.3.3-.5.1-1-.1-1.4-.2-.4-1.8-4.4-2.5-6-.7-1.6-1.4-1.3-1.8-1.3h-1.5c-.5%200-1.4.2-2.1%201-.7.8-2.8%202.7-2.8%206.6s2.8%207.7%203.2%208.2c.4.5%205.5%208.4%2013.3%2011.8%201.9.8%203.3%201.3%204.4%201.7%201.9.6%203.6.5%205%20.3%201.5-.2%204.8-2%205.5-3.8.7-1.9.7-3.5.5-3.8-.2-.3-.7-.5-1.5-.9z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32%208.8c-12.8%200-23.2%2010.4-23.2%2023.2%200%204.1%201.1%208.1%203.1%2011.6L8.6%2055.2l11.9-3.1A23.1%2023.1%200%200%200%2032%2055.2c12.8%200%2023.2-10.4%2023.2-23.2S44.8%208.8%2032%208.8zm0%2042.3c-3.6%200-7.1-1-10.1-2.8l-.7-.4-7.1%201.9%201.9-6.9-.5-.7A19%2019%200%201%201%2032%2051.1z%22%2F%3E%3C%2Fsvg%3E") center/48px 48px no-repeat}
  body.tt-sticky-buy-active .product-page{padding-bottom:110px}
}

@media(max-width:390px){
  .tt-mobile-buybar{gap:7px;padding-left:10px;padding-right:10px}
  .tt-mobile-buybar-meta{display:grid;min-width:72px}
  .tt-mobile-buybar-meta small{font-size:8px}
  .tt-mobile-buybar-meta strong{font-size:14px}
  .tt-mobile-buybar-actions{grid-template-columns:1fr 1fr;width:auto;gap:6px}
  .tt-mobile-buybar-actions .btn{width:100%;padding-left:10px;padding-right:10px;font-size:10px}
}


/* Truetech Product Page — Social Conversion V1.3
   Mobile visual hierarchy aligned to approved reference.
   No checkout/cart/inventory/order logic changed. */

.tt-product-rating{text-decoration:none;color:inherit}
.tt-rating-stars{letter-spacing:2px}

@media(max-width:700px){
  /* Keep the product visual prominent but not oversized. */
  .product-page .product-layout{gap:18px!important;padding-bottom:34px!important}
  .product-page .main-product-image{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:1.18/1!important;
    border-radius:16px!important;
    background:#f7f7f5!important;
  }
  .product-page .main-product-image>img{
    min-height:0!important;
    height:100%!important;
    width:100%!important;
    object-fit:contain!important;
    padding:22px!important;
  }

  /* Other product pictures stay directly under the hero image and are clearly selectable. */
  .product-page .thumb-row{
    display:flex!important;
    gap:8px!important;
    margin-top:9px!important;
    padding:0 0 3px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .product-page .thumb-row::-webkit-scrollbar{display:none}
  .product-page .thumb-row button{
    flex:0 0 68px!important;
    width:68px!important;
    height:68px!important;
    border-radius:11px!important;
    padding:4px!important;
    background:#fafaf8!important;
    scroll-snap-align:start;
  }
  .product-page .thumb-row button:first-child{border-color:#777!important}
  .product-page .thumb-row img{object-fit:contain!important}

  /* Product identity follows the visual immediately, like the approved reference. */
  .product-page .buy-panel>.eyebrow{margin:2px 0 8px!important}
  .product-page .buy-panel h1{
    font-size:31px!important;
    line-height:1.04!important;
    letter-spacing:-1.15px!important;
    margin-bottom:10px!important;
  }
  .product-page .tt-product-rating{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    width:max-content;
    max-width:100%;
    margin:0 0 12px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    font-size:12px!important;
    color:#666!important;
  }
  .product-page .tt-rating-stars{
    color:#f2b400!important;
    font-size:16px!important;
    line-height:1;
    letter-spacing:1px!important;
    white-space:nowrap;
  }
  .product-page .tt-product-rating strong{color:#222;font-size:12px}
  .product-page .product-price{margin:0 0 10px!important}
  .product-page .product-price strong{font-size:27px!important}
  .product-page .short-desc{font-size:14px!important;line-height:1.6!important;margin-top:8px}
  .product-page .availability{margin:5px 0 10px!important}

  /* Compact trust chips similar to the reference; no aggressive page-wide compression. */
  .product-page .v2-purchase-note{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    margin:2px 0 14px!important;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .product-page .v2-purchase-note::-webkit-scrollbar{display:none}
  .product-page .v2-purchase-note span{
    flex:0 0 auto;
    font-size:9px!important;
    padding:7px 9px!important;
  }

  /* Make the fixed conversion bar feel like part of the product page. */
  .tt-mobile-buybar{
    min-height:68px!important;
    border-top:1px solid #e5e5e2!important;
    box-shadow:0 -8px 28px rgba(0,0,0,.07)!important;
  }
}

@media(max-width:390px){
  .product-page .main-product-image{aspect-ratio:1.12/1!important}
  .product-page .main-product-image>img{padding:18px!important}
  .product-page .buy-panel h1{font-size:29px!important}
  .product-page .thumb-row button{flex-basis:62px!important;width:62px!important;height:62px!important}
}

/* Truetech V1.4 — Global WhatsApp floating icon
   Keeps the existing dynamic WhatsApp link from partials_footer.php;
   this changes presentation only. */
.wa-float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:50;
  width:52px;
  height:52px;
  padding:0!important;
  border-radius:50%!important;
  background:#25D366!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22);
  font-size:0!important;
  display:grid!important;
  place-items:center;
  overflow:hidden;
}
.wa-float::after{
  content:'';
  display:block;
  width:52px;
  height:52px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2231%22%20fill%3D%22%2325D366%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M46.7%2038.9c-.8-.4-4.8-2.4-5.6-2.6-.7-.3-1.3-.4-1.8.4-.5.8-2%202.6-2.5%203.1-.5.5-.9.6-1.7.2-.8-.4-3.4-1.3-6.5-4.1-2.4-2.1-4-4.7-4.5-5.5-.5-.8%200-1.2.4-1.6.4-.4.8-.9%201.2-1.4.4-.5.5-.8.8-1.3.3-.5.1-1-.1-1.4-.2-.4-1.8-4.4-2.5-6-.7-1.6-1.4-1.3-1.8-1.3h-1.5c-.5%200-1.4.2-2.1%201-.7.8-2.8%202.7-2.8%206.6s2.8%207.7%203.2%208.2c.4.5%205.5%208.4%2013.3%2011.8%201.9.8%203.3%201.3%204.4%201.7%201.9.6%203.6.5%205%20.3%201.5-.2%204.8-2%205.5-3.8.7-1.9.7-3.5.5-3.8-.2-.3-.7-.5-1.5-.9z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32%208.8c-12.8%200-23.2%2010.4-23.2%2023.2%200%204.1%201.1%208.1%203.1%2011.6L8.6%2055.2l11.9-3.1A23.1%2023.1%200%200%200%2032%2055.2c12.8%200%2023.2-10.4%2023.2-23.2S44.8%208.8%2032%208.8zm0%2042.3c-3.6%200-7.1-1-10.1-2.8l-.7-.4-7.1%201.9%201.9-6.9-.5-.7A19%2019%200%201%201%2032%2051.1z%22%2F%3E%3C%2Fsvg%3E") center/52px 52px no-repeat;
}
.wa-float:hover{transform:translateY(-2px)}

@media(max-width:700px){
  .wa-float{
    right:14px;
    bottom:14px;
    width:48px;
    height:48px;
  }
  .wa-float::after{
    width:48px;
    height:48px;
    background-size:48px 48px;
  }
  body.tt-sticky-buy-active .wa-float{
    right:12px!important;
    bottom:82px!important;
    width:48px!important;
    height:48px!important;
  }
}

/* Truetech V1.5 — Clear WhatsApp mark */
.wa-float,
body.tt-sticky-buy-active .wa-float{
  background:#25D366!important;
  border:0!important;
  width:56px!important;
  height:56px!important;
  padding:0!important;
  border-radius:50%!important;
  box-shadow:0 7px 24px rgba(0,0,0,.20)!important;
  font-size:0!important;
  line-height:0!important;
  display:grid!important;
  place-items:center!important;
}
.wa-float::before{content:none!important}
.wa-float::after,
body.tt-sticky-buy-active .wa-float::after{
  content:''!important;
  display:block!important;
  width:56px!important;
  height:56px!important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2232%22%20fill%3D%22%2325D366%22%2F%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32%2013.2c-10.4%200-18.8%208.2-18.8%2018.4%200%203.6%201.1%207.1%203.1%2010.1l-3.3%209.7%2010.1-3.2c2.7%201.5%205.8%202.3%208.9%202.3%2010.4%200%2018.8-8.2%2018.8-18.4S42.4%2013.2%2032%2013.2zm0%2033.9c-2.8%200-5.5-.8-7.9-2.2l-.6-.4-5.9%201.9%201.9-5.7-.4-.6a15%2015%200%200%201-2.5-8.4c0-8.3%206.9-15%2015.4-15s15.4%206.7%2015.4%2015-6.9%2015.4-15.4%2015.4z%22%2F%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.7%2035.7c-.5-.3-3.1-1.5-3.6-1.7-.5-.2-.8-.3-1.2.3-.3.5-1.3%201.7-1.6%202-.3.3-.6.4-1.1.1-3-1.4-5-2.6-7-6-.5-.9.5-.8%201.5-2.7.2-.3.1-.7%200-1-.1-.3-1.2-2.9-1.7-4-.4-1.1-.9-.9-1.2-.9h-1c-.4%200-.9.1-1.4.7-.5.5-1.9%201.8-1.9%204.5s1.9%205.2%202.2%205.6c.3.4%203.8%205.8%209.2%208.1%203.4%201.5%204.7%201.6%206.4%201.3%201-.2%203.1-1.3%203.6-2.5.5-1.2.5-2.3.3-2.5-.2-.4-.9-.7-1.5-1.3z%22%2F%3E%0A%3C%2Fsvg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:56px 56px!important;
}
@media(max-width:700px){
  .wa-float,
  body.tt-sticky-buy-active .wa-float{
    width:52px!important;
    height:52px!important;
    right:14px!important;
  }
  .wa-float::after,
  body.tt-sticky-buy-active .wa-float::after{
    width:52px!important;
    height:52px!important;
    background-size:52px 52px!important;
  }
  body.tt-sticky-buy-active .wa-float{bottom:84px!important}
}


/* Truetech Reviews V2 — customer review photos */
.tt-review-photo{display:block;margin:12px 0 10px;width:max-content;max-width:100%}
.tt-review-photo img{display:block;width:112px;height:112px;object-fit:cover;border-radius:12px;border:1px solid #e7e7e4;background:#f7f7f5}
.tt-review-submit input[type=file]{padding:10px;background:#fff;border:1px solid #dededb;border-radius:10px}
@media(max-width:700px){
  .tt-review-photo img{width:96px;height:96px;border-radius:10px}
}

/* =========================================================
   TRUETECH HERO DENSITY FINAL V3
   Source-level override for the homepage campaign hero.
   Content stays Admin-driven through site_banners / store settings.
   ========================================================= */

/* Desktop: keep the premium split hero, but stop it dominating the viewport. */
html body.home-page .home-hero.tt-home-hero{
  padding:12px 0 20px!important;
}
html body.home-page .home-hero.tt-home-hero .home-hero-grid.tt-home-hero-grid{
  grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  min-height:0!important;
  height:470px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
html body.home-page .home-hero.tt-home-hero .hero-copy.tt-hero-copy{
  padding:36px 48px!important;
  min-height:0!important;
  justify-content:center!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-copy>.eyebrow{
  margin:0 0 12px!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-title{
  font-size:clamp(46px,4.45vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-3.4px!important;
  margin:0 0 15px!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-text{
  font-size:15.5px!important;
  line-height:1.5!important;
  margin:0 0 18px!important;
  max-width:590px!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-actions{
  gap:10px!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-primary,
html body.home-page .home-hero.tt-home-hero .tt-hero-secondary{
  min-height:44px!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-primary{
  padding:0 20px!important;
}
html body.home-page .home-hero.tt-home-hero .tt-hero-trust{
  margin-top:18px!important;
  padding-top:15px!important;
  gap:8px 18px!important;
}
html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual,
html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img,
html body.home-page .home-hero.tt-home-hero .tt-hero-placeholder{
  min-height:0!important;
  height:470px!important;
}
html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img{
  object-fit:cover!important;
}

/* Medium screens */
@media(max-width:1050px) and (min-width:701px){
  html body.home-page .home-hero.tt-home-hero .home-hero-grid.tt-home-hero-grid{
    height:440px!important;
  }
  html body.home-page .home-hero.tt-home-hero .hero-copy.tt-hero-copy{
    padding:30px 34px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-title{
    font-size:clamp(42px,5vw,56px)!important;
  }
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual,
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img,
  html body.home-page .home-hero.tt-home-hero .tt-hero-placeholder{
    height:440px!important;
  }
}

/* Mobile: compact copy first, then a short campaign image.
   The image starts in the first viewport instead of below a giant text block. */
@media(max-width:700px){
  html body.home-page .home-hero.tt-home-hero{
    padding:10px 0 14px!important;
  }
  html body.home-page .home-hero.tt-home-hero>.container{
    width:calc(100% - 24px)!important;
  }
  html body.home-page .home-hero.tt-home-hero .home-hero-grid.tt-home-hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    border-radius:17px!important;
  }
  html body.home-page .home-hero.tt-home-hero .hero-copy.tt-hero-copy{
    padding:24px 22px 18px!important;
    min-height:0!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-copy>.eyebrow{
    font-size:8.5px!important;
    letter-spacing:2.5px!important;
    margin-bottom:9px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-title{
    font-size:clamp(35px,10.7vw,44px)!important;
    line-height:.94!important;
    letter-spacing:-2.2px!important;
    margin-bottom:11px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-text{
    font-size:13.5px!important;
    line-height:1.48!important;
    margin-bottom:14px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-primary{
    width:auto!important;
    min-height:42px!important;
    padding:0 18px!important;
    justify-content:center!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-secondary{
    width:auto!important;
    min-height:42px!important;
    padding:0 2px!important;
    justify-content:flex-start!important;
    font-size:12px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-trust{
    display:flex!important;
    flex-wrap:wrap!important;
    margin-top:13px!important;
    padding-top:12px!important;
    gap:7px 12px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-trust span{
    font-size:10px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-trust span:before{
    width:15px!important;
    height:15px!important;
    margin-right:5px!important;
  }
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual,
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img,
  html body.home-page .home-hero.tt-home-hero .tt-hero-placeholder{
    min-height:0!important;
    height:270px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-visual-badge{
    right:12px!important;
    bottom:12px!important;
    max-width:170px!important;
    padding:10px 11px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-visual-badge strong{
    font-size:13px!important;
  }
}

/* Very small phones: keep both CTAs usable without restoring the tall layout. */
@media(max-width:410px){
  html body.home-page .home-hero.tt-home-hero .hero-copy.tt-hero-copy{
    padding:21px 18px 16px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-title{
    font-size:36px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-primary{
    width:100%!important;
  }
  html body.home-page .home-hero.tt-home-hero .tt-hero-secondary{
    justify-content:center!important;
  }
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual,
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img,
  html body.home-page .home-hero.tt-home-hero .tt-hero-placeholder{
    height:245px!important;
  }
}

/* =========================================================
   TRUETECH HOMEPAGE HERO V4 — AUTHORITATIVE
   Keep hero content Admin-driven; layout lives only in style.css.
   ========================================================= */

html body.home-page .home-hero.tt-home-hero{
  padding:12px 0 20px!important;
}

html body.home-page .home-hero.tt-home-hero .home-hero-grid.tt-home-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  min-height:0!important;
  height:470px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

html body.home-page .home-hero.tt-home-hero .hero-copy.tt-hero-copy{
  min-width:0!important;
  padding:36px 48px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

html body.home-page .home-hero.tt-home-hero .tt-hero-title{
  font-size:clamp(46px,4.45vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-3.4px!important;
  margin:0 0 15px!important;
}

html body.home-page .home-hero.tt-home-hero .tt-hero-text{
  font-size:15.5px!important;
  line-height:1.5!important;
  margin:0 0 18px!important;
  max-width:590px!important;
}

html body.home-page .home-hero.tt-home-hero .tt-hero-actions{
  gap:10px!important;
}

html body.home-page .home-hero.tt-home-hero .tt-hero-primary,
html body.home-page .home-hero.tt-home-hero .tt-hero-secondary{
  min-height:44px!important;
}

html body.home-page .home-hero.tt-home-hero .tt-hero-trust{
  margin-top:18px!important;
  padding-top:15px!important;
  gap:8px 18px!important;
}

html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual{
  min-width:0!important;
  width:100%!important;
  height:470px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}

html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:700px){
  html body.home-page .home-hero.tt-home-hero{
    padding:10px 0 14px!important;
  }

  html body.home-page .home-hero.tt-home-hero>.container{
    width:calc(100% - 24px)!important;
    padding:0!important;
  }

  html body.home-page .home-hero.tt-home-hero .home-hero-grid.tt-home-hero-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    border-radius:17px!important;
  }

  html body.home-page .home-hero.tt-home-hero .hero-copy.tt-hero-copy{
    order:1!important;
    width:100%!important;
    padding:24px 22px 18px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-copy>.eyebrow{
    font-size:8.5px!important;
    letter-spacing:2.5px!important;
    margin:0 0 9px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-title{
    font-size:clamp(35px,10.7vw,44px)!important;
    line-height:.94!important;
    letter-spacing:-2.2px!important;
    margin-bottom:11px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-text{
    font-size:13.5px!important;
    line-height:1.48!important;
    margin-bottom:14px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-primary{
    width:auto!important;
    min-height:42px!important;
    padding:0 18px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-secondary{
    width:auto!important;
    min-height:42px!important;
    padding:0 2px!important;
    font-size:12px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-trust{
    display:flex!important;
    flex-wrap:wrap!important;
    margin-top:13px!important;
    padding-top:12px!important;
    gap:7px 12px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-trust span{
    font-size:10px!important;
  }

  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual{
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:270px!important;
    min-height:270px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
  }

  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:100%!important;
    height:270px!important;
    min-height:270px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-visual-badge{
    right:12px!important;
    bottom:12px!important;
    max-width:170px!important;
    padding:10px 11px!important;
  }
}

@media(max-width:410px){
  html body.home-page .home-hero.tt-home-hero .tt-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-primary{
    width:100%!important;
  }

  html body.home-page .home-hero.tt-home-hero .tt-hero-secondary{
    justify-content:center!important;
  }

  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual,
  html body.home-page .home-hero.tt-home-hero .hero-visual.tt-hero-visual>img{
    height:245px!important;
    min-height:245px!important;
  }
}

/* Truetech — Compact category landing pages
   Scoped to body.tt-category-page so homepage/general shop styling is untouched. */
body.tt-category-page .v2-shop-hero{
    padding:20px 0 16px !important;
}

body.tt-category-page .v2-shop-hero-copy{
    max-width:920px;
}

body.tt-category-page .v2-shop-hero .eyebrow{
    margin:0 0 7px !important;
}

body.tt-category-page .v2-shop-hero h1{
    font-size:clamp(32px,3.5vw,50px) !important;
    line-height:1.02 !important;
    letter-spacing:-2.2px !important;
    margin:0 !important;
    max-width:1000px;
}

body.tt-category-page .v2-shop-hero-copy > p:not(.eyebrow){
    display:none !important;
}

body.tt-category-page .v2-category-children{
    margin-top:10px !important;
}

body.tt-category-page .v2-category-strip{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

body.tt-category-page .v2-shop-layout{
    padding-top:22px !important;
}

body.tt-category-page .tt-category-seo-copy{
    margin-top:34px !important;
    padding-top:18px;
    border-top:1px solid #eef1f4;
}

body.tt-category-page .tt-category-seo-copy h2{
    font-size:1.2rem;
    margin-bottom:8px;
}

body.tt-category-page .tt-category-seo-copy p{
    color:#667085;
    line-height:1.7;
}

@media(max-width:700px){
    body.tt-category-page .v2-shop-hero{
        padding:14px 0 12px !important;
    }

    body.tt-category-page .v2-shop-hero h1{
        font-size:32px !important;
        letter-spacing:-1.4px !important;
    }

    body.tt-category-page .v2-category-strip{
        padding-top:8px !important;
        padding-bottom:8px !important;
    }

    body.tt-category-page .v2-shop-layout{
        padding-top:14px !important;
    }
}


/* Truetech Checkout V3 — Compact conversion-first layout
   Scoped to .v2-checkout-page so other storefront pages remain unchanged. */
.v2-checkout-page{
    padding-bottom:50px !important;
}

.v2-checkout-page .v2-checkout-intro{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(280px,360px) !important;
    align-items:center !important;
    gap:34px !important;
    padding:24px 0 22px !important;
    margin-bottom:24px !important;
}

.v2-checkout-page .v2-checkout-intro .eyebrow{
    margin-bottom:6px !important;
}

.v2-checkout-page .v2-checkout-intro h1{
    font-size:clamp(34px,4vw,52px) !important;
    line-height:1 !important;
    letter-spacing:-2.2px !important;
    margin:0 0 8px !important;
}

.v2-checkout-page .v2-checkout-intro>div:first-child>p:last-child{
    max-width:680px;
    font-size:12px !important;
    line-height:1.5 !important;
}

.v2-checkout-page .v2-checkout-progress{
    min-width:0 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 15px !important;
}

.v2-checkout-page .v2-checkout-progress>span{
    width:28px !important;
    height:28px !important;
}

.v2-checkout-page .v2-checkout-progress>span small{
    top:34px !important;
    font-size:7px !important;
}

.v2-checkout-page .v2-checkout-layout{
    grid-template-columns:minmax(0,1fr) 380px !important;
    gap:32px !important;
}

.v2-checkout-page .v2-checkout-form{
    display:block !important;
}

.v2-checkout-page .v2-checkout-block{
    padding:0 0 22px !important;
    margin:0 0 22px !important;
}

.v2-checkout-page .v2-block-head{
    grid-template-columns:38px minmax(0,1fr) !important;
    gap:11px !important;
    margin-bottom:14px !important;
}

.v2-checkout-page .v2-block-head>span{
    width:30px !important;
    height:30px !important;
    font-size:8px !important;
}

.v2-checkout-page .v2-block-head h2{
    font-size:22px !important;
    line-height:1.1 !important;
    margin:0 0 3px !important;
}

.v2-checkout-page .v2-block-head p:last-child{
    font-size:10px !important;
    line-height:1.4 !important;
}

.v2-checkout-page .v2-field-grid{
    gap:11px 13px !important;
}

.v2-checkout-page .v2-field-grid input{
    height:43px !important;
    margin-top:5px !important;
    padding:10px 12px !important;
}

.v2-checkout-page .v2-field-grid textarea{
    min-height:68px !important;
    margin-top:5px !important;
    padding:10px 12px !important;
}

.v2-checkout-page .v2-field-grid label>small{
    margin-top:3px !important;
}

.v2-checkout-page .v3-checkout-compact-row{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);
    gap:18px;
    align-items:start;
    margin-bottom:18px;
}

.v2-checkout-page .v3-checkout-compact-row .v2-checkout-block{
    height:100%;
    margin:0 !important;
    padding:16px !important;
    border:1px solid #e8e8e5 !important;
    border-radius:14px !important;
    background:#fff !important;
}

.v2-checkout-page .v3-checkout-compact-row .v2-block-head{
    grid-template-columns:30px minmax(0,1fr) !important;
    gap:9px !important;
    margin-bottom:11px !important;
}

.v2-checkout-page .v3-checkout-compact-row .v2-block-head>span{
    width:26px !important;
    height:26px !important;
}

.v2-checkout-page .v3-checkout-compact-row .v2-block-head h2{
    font-size:18px !important;
}

.v2-checkout-page .v3-checkout-compact-row .v2-block-head p:last-child{
    display:none;
}

.v2-checkout-page .v2-payment-options{
    gap:7px !important;
}

.v2-checkout-page .v2-payment-option{
    padding:11px 12px !important;
    border-radius:10px !important;
    gap:9px !important;
}

.v2-checkout-page .v2-payment-copy strong{
    font-size:11px !important;
}

.v2-checkout-page .v2-payment-copy small{
    margin-top:2px !important;
    font-size:9px !important;
    line-height:1.35 !important;
}

.v2-checkout-page .v2-coupon-row{
    grid-template-columns:1fr !important;
}

.v2-checkout-page .v2-coupon-row input{
    height:42px !important;
}

.v2-checkout-page .v2-coupon-row .btn{
    min-height:42px;
    padding:9px 14px !important;
    width:100%;
}

.v2-checkout-page .v2-place-order-area{
    padding:16px !important;
    border-radius:14px !important;
}

.v2-checkout-page .v2-terms{
    margin-bottom:11px !important;
}

.v2-checkout-page .v2-place-order{
    min-height:48px !important;
}

.v2-checkout-page .v2-order-reassurance{
    margin-top:8px !important;
}

.v2-checkout-page .v2-checkout-summary{
    top:14px !important;
    padding:20px !important;
    border-radius:16px !important;
}

.v2-checkout-page .v2-summary-heading{
    padding-bottom:12px !important;
}

.v2-checkout-page .v2-summary-heading h2{
    font-size:23px !important;
}

.v2-checkout-page .v2-summary-product{
    padding:8px 0 !important;
}

.v2-checkout-page .v2-summary-lines{
    padding:8px 0 !important;
}

.v2-checkout-page .v2-summary-lines>div{
    padding:4px 0 !important;
}

.v2-checkout-page .v2-checkout-total{
    padding:12px 0 !important;
}

.v2-checkout-page .v2-checkout-total strong{
    font-size:24px !important;
}

.v2-checkout-page .v2-delivery-note{
    padding:11px !important;
}

.v2-checkout-page .v2-checkout-trust{
    margin-top:10px !important;
}

.v2-checkout-page .v2-checkout-trust>div{
    padding:8px 0 !important;
}

@media(max-width:980px){
    .v2-checkout-page .v2-checkout-layout{
        grid-template-columns:minmax(0,1fr) 330px !important;
        gap:24px !important;
    }
    .v2-checkout-page .v3-checkout-compact-row{
        grid-template-columns:1fr;
        gap:12px;
    }
}

@media(max-width:800px){
    .v2-checkout-page .v2-checkout-intro{
        display:block !important;
        padding:20px 0 22px !important;
        margin-bottom:20px !important;
    }
    .v2-checkout-page .v2-checkout-intro h1{
        font-size:36px !important;
    }
    .v2-checkout-page .v2-checkout-progress{
        max-width:330px !important;
        margin-top:20px !important;
    }
    .v2-checkout-page .v2-checkout-layout{
        grid-template-columns:1fr !important;
    }
    .v2-checkout-page .v2-checkout-summary{
        order:0 !important;
        position:static !important;
    }
}

@media(max-width:560px){
    .v2-checkout-page{
        padding-bottom:35px !important;
    }
    .v2-checkout-page .v2-checkout-intro{
        padding:16px 0 18px !important;
    }
    .v2-checkout-page .v2-checkout-intro h1{
        font-size:31px !important;
        letter-spacing:-1.3px !important;
    }
    .v2-checkout-page .v2-checkout-intro>div:first-child>p:last-child{
        font-size:11px !important;
    }
    .v2-checkout-page .v2-block-head h2{
        font-size:20px !important;
    }
    .v2-checkout-page .v3-checkout-compact-row .v2-checkout-block{
        padding:14px !important;
    }
    .v2-checkout-page .v2-place-order-area,
    .v2-checkout-page .v2-checkout-summary{
        padding:15px !important;
    }
}


/* Truetech Product Card Commerce V6
   Presentation-only refinement for denser, cleaner product browsing.
   Product URLs, titles, images, reviews, prices, variants and cart actions remain authoritative. */

/* Shop desktop/tablet: reduce dead space and let merchandise dominate. */
.v2-shop-page .v2-shop-grid{
    gap:12px !important;
}
.v2-shop-page .tt-commerce-card{
    border-radius:13px !important;
}
.v2-shop-page .tt-commerce-card .product-media{
    aspect-ratio:1 / 1 !important;
}
.v2-shop-page .tt-commerce-card .product-card-body{
    padding:12px !important;
}
.v2-shop-page .tt-commerce-card .product-meta{
    display:none !important;
}
.v2-shop-page .tt-commerce-card h3{
    margin:0 0 9px !important;
    min-height:38px !important;
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:750 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.v2-shop-page .tt-commerce-card .price-row strong{
    font-size:17px !important;
}
.v2-shop-page .tt-commerce-card .price-row del{
    font-size:10px !important;
}
.v2-shop-page .tt-commerce-card .tt-card-buy-btn{
    min-height:38px !important;
    padding:9px 14px !important;
    font-size:10px !important;
}
.v2-shop-page .tt-commerce-card .wish-btn{
    width:30px !important;
    height:30px !important;
    font-size:14px !important;
}

/* Homepage rails use the same compact commerce language without changing layout. */
.home-page .tt-commerce-card .product-meta{
    display:none !important;
}
.home-page .tt-commerce-card h3{
    min-height:36px !important;
    margin:0 0 8px !important;
}
.home-page .tt-commerce-card .tt-card-buy-row{
    margin-top:8px !important;
}
.home-page .tt-commerce-card .tt-card-buy-btn{
    min-height:36px !important;
    padding:8px 12px !important;
    font-size:9px !important;
}

/* Mobile: competitor-like density, but preserve Truetech controls and functionality. */
@media(max-width:700px){
    .v2-shop-page .v2-shop-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }
    .v2-shop-page .tt-commerce-card{
        border-radius:11px !important;
    }
    .v2-shop-page .tt-commerce-card .product-card-body{
        padding:8px !important;
    }
    .v2-shop-page .tt-commerce-card h3{
        min-height:34px !important;
        margin:0 0 6px !important;
        font-size:11px !important;
        line-height:1.26 !important;
        -webkit-line-clamp:2;
    }
    .v2-shop-page .tt-commerce-card .tt-card-option-rating-row{
        min-height:22px !important;
        gap:5px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-color-swatches{
        gap:4px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-color-swatch>span{
        width:14px !important;
        height:14px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-rating{
        gap:3px !important;
        font-size:8px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-rating strong{
        font-size:8px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-stars{
        font-size:8px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-no-review{
        display:none !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-variant{
        max-width:58% !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-variant select{
        height:28px !important;
        font-size:8.5px !important;
        padding-left:6px !important;
        padding-right:20px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-buy-row{
        gap:6px !important;
        margin-top:7px !important;
    }
    .v2-shop-page .tt-commerce-card .price-row{
        gap:4px !important;
    }
    .v2-shop-page .tt-commerce-card .price-row strong{
        font-size:12px !important;
        line-height:1.05 !important;
    }
    .v2-shop-page .tt-commerce-card .price-row del{
        font-size:8px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-buy-btn{
        min-width:72px !important;
        min-height:31px !important;
        padding:6px 8px !important;
        font-size:8.5px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-wishlist-row{
        margin-top:5px !important;
    }
    .v2-shop-page .tt-commerce-card .wish-btn{
        width:26px !important;
        height:26px !important;
        min-height:26px !important;
        font-size:12px !important;
    }
}

@media(max-width:380px){
    .v2-shop-page .tt-commerce-card h3{
        font-size:10px !important;
        min-height:32px !important;
    }
    .v2-shop-page .tt-commerce-card .tt-card-buy-btn{
        min-width:66px !important;
        font-size:8px !important;
    }
}


/* Truetech Product Card Wishlist V7 — move wishlist to image top-right */
.tt-commerce-card .tt-card-media-wrap{
    position:relative;
}
.tt-commerce-card .tt-card-wishlist-overlay{
    position:absolute;
    top:10px;
    right:10px;
    z-index:5;
    margin:0;
}
.tt-commerce-card .tt-card-wishlist-overlay .wish-btn{
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.96) !important;
    border:1px solid #dcdcd7 !important;
    box-shadow:0 4px 14px rgba(0,0,0,.08) !important;
    font-size:16px !important;
}
.tt-commerce-card .tt-card-wishlist-overlay .wish-btn:hover{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
}

@media(max-width:700px){
    .tt-commerce-card .tt-card-wishlist-overlay{
        top:7px;
        right:7px;
    }
    .tt-commerce-card .tt-card-wishlist-overlay .wish-btn{
        width:28px !important;
        height:28px !important;
        min-height:28px !important;
        font-size:13px !important;
    }
}


/* Truetech — viewport horizontal overflow containment fix (2026-09-18)
   Keeps intentional horizontal carousels scrollable while preventing the page itself
   from drifting left/right on desktop and mobile. */
html, body {
    max-width: 100%;
    overflow-x: clip;
}

/* Fallback for browsers that do not support overflow: clip. */
@supports not (overflow: clip) {
    html, body { overflow-x: hidden; }
}

/* Grid/flex descendants must be allowed to shrink inside the viewport. */
main, .container, .home-page, .site-footer,
.home-hero-grid, .promo-grid, .category-grid, .product-grid,
.v2-category-grid, .v2-product-grid, .v2-needs-grid,
.v2-shop-layout, .v2-shop-results, .product-layout,
.cart-layout, .checkout-layout {
    min-width: 0;
    max-width: 100%;
}

/* Preserve deliberate swipeable rows without allowing them to widen the document. */
.v2-category-strip,
.thumb-row,
.v2-category-grid,
.v2-product-grid,
.v2-needs-grid {
    max-width: 100%;
}

@media (max-width: 800px) {
    /* Previous negative viewport-edge margin could enlarge the document width. */
    .v2-category-grid,
    .v2-product-grid {
        margin-right: 0;
    }
}

/* Truetech — MOBILE document overflow hard-stop V2 (2026-09-18)
   The homepage contains intentional horizontal swipe carousels. Those remain
   scrollable, while the document viewport itself is locked to device width. */
@media (max-width: 800px) {
    html {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        position: relative;
    }

    /* Homepage section wrappers may never become wider than the viewport. */
    body.home-page,
    .home-page main,
    .home-page .home-hero,
    .home-page .home-section,
    .home-page .promo-strip,
    .home-page .newsletter-band,
    .home-page .trust-band,
    .home-page .v2-trust,
    .home-page .tt-needs-v2,
    .home-page .container {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* Keep horizontal movement inside the intended carousel itself. */
    .home-page .tt-home-carousel,
    .home-page .v2-category-grid,
    .home-page .v2-product-grid,
    .home-page .v2-needs-grid,
    .home-page .tt-needs-grid {
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overscroll-behavior-x: contain;
    }

    /* Prevent large media/text children from widening their parent. */
    .home-page img,
    .home-page video,
    .home-page iframe,
    .home-page svg {
        max-width: 100%;
    }
}