/* SF Store homepage and shared navigation. The cart/admin styles stay in style.css. */
:root{--home-navy:#0b1631;--home-blue:#2563eb;--home-cyan:#67d9ff}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.store-strip{background:var(--home-navy);color:#d7e4ff;font-size:12px;letter-spacing:.025em;padding:8px 0}
.store-strip>.shell{display:flex;justify-content:space-between;gap:16px}
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px;background:#fff;border:2px solid var(--blue)}
.skip-link:focus{top:16px}
.header-inner{min-height:82px}.brand-mark{background:linear-gradient(145deg,#1d4ed8,#338cfa);box-shadow:0 3px 10px #2563eb24}
.header-inner nav{gap:25px}.header-inner nav>a{font-size:14px}.header-inner nav>a[aria-current]{color:var(--blue)}
.header-inner nav>a:last-child{border:1px solid #cddaf0;border-radius:9px;padding:9px 14px}
.menu-toggle{display:none}.menu-toggle[hidden]{display:none!important}
.home-main{width:100%;max-width:none}.home-main>.notice,.home-main>.error{width:min(1180px,calc(100% - 48px));margin:24px auto}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#16407a 0,#122951 34%,#0a152e 76%);color:white;text-align:center;padding:48px 24px 35px}
.home-hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b5d9ff07 1px,transparent 1px),linear-gradient(90deg,#b5d9ff07 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(transparent,#000,transparent)}
.home-hero-content{position:relative;max-width:850px;margin:auto}.home-pill{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.03em;padding:7px 16px;border:1px solid #85b2ff38;background:#12213b;border-radius:30px;margin:0 0 22px;color:#e0edff}
.home-pill>span{height:7px;width:7px;flex-shrink:0;background:#55dbad;border-radius:50%;box-shadow:0 0 10px #55dbad66}
.home-logo{display:grid;place-content:center;width:82px;height:82px;margin:0 auto 22px;border:1px solid #b8d2ff8a;border-radius:20px;font-size:32px;font-weight:850;line-height:1.05;letter-spacing:-2px;background:linear-gradient(145deg,#fff,#e9f2ff);color:#1859d9;box-shadow:0 0 0 7px #72b8ff0c,0 15px 60px #3f8efc26}
.home-logo>span{font-size:10px;font-weight:800;letter-spacing:3px;line-height:1.8}
.home-hero h1{max-width:810px;margin:0 auto 20px;font-size:clamp(36px,5.1vw,66px);font-weight:800;line-height:1.07;letter-spacing:-.045em;color:#d7ecff;background:linear-gradient(110deg,#fff 20%,#9ed7ff 75%,#76deff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;overflow-wrap:anywhere}
.home-hero-lead{max-width:650px;margin:0 auto 26px;color:#bbcdea;font-size:18px;line-height:1.65}
.home-hero-benefits{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 28px}.home-hero-benefits>span{display:flex;align-items:center;gap:8px;font-size:12px;background:#0c1b32a8;border:1px solid #d4e7ff24;border-radius:8px;padding:10px 14px;color:#e0eaff}
.home-hero-benefits svg{width:19px;height:19px;color:#7fc4ff}.home-actions{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}
.home-actions .button,.home-partner .button,.home-contact .button{min-height:50px;font-size:14px;gap:16px}
.home-primary{background:linear-gradient(120deg,#1c57e0,#337efa);border-color:#498afd;box-shadow:0 6px 20px #0c49ca30}.home-primary:hover{background:#337efa}
.home-outline{background:#ffffff08;border-color:#99b8ea69;color:#e2eeff}.home-outline:hover{background:#ffffff14}
.home-whatsapp{background:#147e4b;border-color:#147e4b;color:#fff}.home-whatsapp:hover{background:#0e683c}
.home-scroll{display:inline-flex;align-items:center;gap:14px;color:#afc2e0;font-size:11px;letter-spacing:.02em;margin-top:28px;padding:8px}.home-scroll>span{color:#7abfff;font-size:18px}
.home-hero-art{position:absolute;width:160px;height:160px;z-index:-1;color:#69b6ff;opacity:.1;border:1px solid #71b6fa;border-radius:25px;display:grid;place-items:center;background:#11336a;box-shadow:0 0 100px #339afa30}.home-hero-art svg{width:80px;height:80px}.home-art-left{left:5%;top:32%;transform:rotate(-14deg)}.home-art-right{right:5%;top:37%;transform:rotate(13deg)}
.home-audiences{width:min(1180px,calc(100% - 48px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:34px auto 0;padding-bottom:35px;border-bottom:1px solid #e4ebf5}.home-audiences article{display:flex;gap:15px;align-items:flex-start}.home-icon{background:#edf3ff;color:#2468eb;border:1px solid #dce7ff;border-radius:12px;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0}.home-icon svg{width:24px;height:24px}.home-audiences h2{font-size:16px;letter-spacing:-.025em;margin:1px 0 5px}.home-audiences p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:8px}.home-audiences a{font-size:12px;font-weight:700}
.home-section{width:min(1180px,calc(100% - 48px));margin:70px auto}.home-section-heading{text-align:center;margin:0 auto 32px;max-width:650px}.home-section .eyebrow,.home-partner .eyebrow,.home-contact .eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:10px}.home-section h2,.home-partner h2,.home-contact h2{font-size:clamp(26px,3.2vw,38px);line-height:1.16;font-weight:750;margin-bottom:12px;letter-spacing:-.04em}.home-section-heading>p:last-child,.home-heading-row p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}
.home-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-category{border:1px solid #e0e7f2;border-radius:17px;overflow:hidden;color:var(--ink);background:white;transition:transform .2s,box-shadow .2s}.home-category:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 14px 30px #133a7112}.home-category-visual{height:210px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at top,#fff,#eaf1ff);border-bottom:1px solid #e6edf7;color:#386de0}.home-category-visual svg{width:85px;height:85px;filter:drop-shadow(0 10px 10px #3468b322)}.home-category-visual>span{font-size:11px;letter-spacing:.035em;font-weight:650;color:#526c95}.home-category-laptops{background:radial-gradient(ellipse at top,#fff,#e6f5fb);color:#2988a9}.home-category-accessories{background:radial-gradient(ellipse at top,#fff,#f1edfd);color:#8a60c4}.home-category-caption{padding:21px 23px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-category-caption h3{font-size:19px;margin-bottom:4px}.home-category-caption p{font-size:11px;color:#77859a;margin-bottom:0}.home-round-arrow{width:35px;height:35px;display:grid;place-items:center;background:#f0f5fc;border-radius:50%;color:#2160d8;font-size:19px}.home-category-description{padding:12px 23px 23px;color:var(--muted);font-size:12px;margin:0}
.home-heading-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.home-heading-row .button{font-size:12px;gap:14px;white-space:nowrap}.home-featured .product-grid{gap:24px}.home-featured .product-card{border-color:#e0e7f2;border-radius:16px}.home-featured .product-image{background:#f6f8fc;aspect-ratio:1.55}.home-featured .product-body{padding:20px}.home-featured .product-body .eyebrow{font-size:10px}.home-featured .product-body h3{font-size:16px;min-height:44px}.home-featured .stock{font-size:11px;margin-bottom:18px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.home-stock-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#15835b}.home-sold-out{background:#8893a5}.home-featured .product-bottom strong{font-size:15px}.home-featured .small-button{gap:7px;font-size:11px;min-height:36px}.home-featured .empty{margin-bottom:0}
.home-partner{width:min(1180px,calc(100% - 48px));margin:70px auto;border-radius:22px;background:radial-gradient(ellipse at 80% 20%,#173d77,#0d1c38 75%);color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:50px;align-items:center}.home-partner .eyebrow{color:#84bcff}.home-partner h2{font-size:clamp(28px,3.2vw,40px)}.home-partner>div>p:not(.eyebrow){color:#bfcee6;font-size:14px;line-height:1.8;max-width:550px;margin-bottom:24px}.home-partner-card{background:#ffffff08;border:1px solid #a8c8fc2e;padding:26px;border-radius:15px}.home-partner-card .home-icon{color:#9ccdff;background:#28559752;border-color:#5995ec40;margin-bottom:18px}.home-partner-card h3{font-size:20px;margin-bottom:16px}.home-partner-card ul{list-style:none;margin:0;padding:0;color:#c4d5ef;font-size:13px}.home-partner-card li{padding:7px 0 7px 23px;position:relative}.home-partner-card li::before{content:'✓';color:#79dcb8;position:absolute;left:0}.home-partner .home-partner-card>p{font-size:11px;border-top:1px solid #a8c8fc24;padding-top:16px;margin:18px 0 0}
.home-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0}.home-steps li{position:relative;border:1px solid #e2e9f4;border-radius:15px;padding:24px;background:#fff}.home-steps li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf3ff;color:#2563eb;font-size:14px;font-weight:750;margin-bottom:20px}.home-steps h3{font-size:15px;margin-bottom:9px}.home-steps p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:0}
.home-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:90px;border-top:1px solid #e6ecf5;padding-top:60px}.home-faq>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.home-faq>div>a{font-size:13px;font-weight:650}.home-faq-list details{border-bottom:1px solid #e0e7f2}.home-faq-list summary{list-style:none;cursor:pointer;padding:20px 32px 20px 0;position:relative;font-size:14px;font-weight:650;line-height:1.5}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary::after{content:'+';position:absolute;right:4px;top:17px;color:#2463da;font-size:21px;font-weight:400}.home-faq-list details[open] summary::after{content:'−'}.home-faq-list details p{font-size:13px;color:var(--muted);line-height:1.8;padding-right:28px;margin-bottom:22px}.home-faq-list summary:focus-visible{outline:3px solid #8fb2ff;outline-offset:3px;border-radius:4px}
.home-contact{width:min(1180px,calc(100% - 48px));margin:70px auto 0;padding:34px 40px;background:#edf4ff;border:1px solid #dce8ff;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:32px}.home-contact h2{font-size:29px}.home-contact p:last-child{color:#5e7293;font-size:13px;margin-bottom:0}.home-contact-actions{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:200px;font-size:12px}.home-contact-email{overflow-wrap:anywhere;max-width:300px}
.store-footer{margin-top:70px;background:#f7f9fc;padding:45px 0 0}.store-footer .footer-inner{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:48px;padding-bottom:36px}.store-footer .brand{font-size:22px;margin-bottom:15px}.store-footer .brand-mark{width:36px;height:36px;font-size:15px}.store-footer .footer-tagline{font-size:13px;line-height:1.8;margin-bottom:12px}.store-footer .footer-inner>div>strong{font-size:13px;display:block;margin-bottom:14px}.store-footer .footer-inner p,.store-footer .footer-inner a{font-size:12px;line-height:1.8}.store-footer .footer-inner .brand{font-size:22px}.store-footer .footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.store-footer .footer-links>strong{margin-bottom:5px}.store-footer .footer-inner>div{min-width:0;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #e1e7f1;color:#77869d;font-size:11px}
@media(min-width:1600px){.home-hero-art{opacity:.18;width:190px;height:190px}.home-art-left{left:12%}.home-art-right{right:12%}}
@media(max-width:950px){.header-inner nav{gap:16px}.home-audiences{gap:18px}.home-audiences article{gap:10px}.home-audiences .home-icon{width:36px;height:36px}.home-audiences h2{font-size:14px}.home-categories{gap:18px}.home-category-visual{height:180px}.home-category-visual>span{font-size:10px;text-align:center}.home-category-caption{padding:18px 18px 0}.home-category-description{padding:12px 18px 20px}.home-partner{padding:35px;gap:30px}.home-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-faq{gap:40px}.home-contact{padding:28px}.home-hero-art{opacity:.06}}
@media(max-width:760px){.header-inner{flex-wrap:wrap;gap:0;min-height:72px;padding:14px 0}.brand{font-size:21px;max-width:calc(100% - 92px);overflow-wrap:anywhere}.brand-mark{flex-shrink:0}.menu-toggle{display:inline-flex;gap:9px;min-height:38px;padding:5px 10px;font-size:12px;background:#f3f6fc;color:#223958;border:1px solid #dce5f3;margin-left:auto}.menu-toggle:hover{background:#e7eefb}.header-inner nav{flex-basis:100%;padding-top:18px;flex-wrap:wrap;gap:10px 20px}.header-inner nav.menu-ready{display:none}.header-inner .menu-toggle[aria-expanded="true"]+nav{display:flex}.header-inner nav>a{padding:8px 0}.home-audiences{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.home-audiences article{gap:15px}.home-audiences h2{font-size:16px}.home-audiences .home-icon{width:44px;height:44px}.home-audiences p{margin-bottom:5px}.home-categories{grid-template-columns:1fr;gap:18px}.home-category{display:grid;grid-template-columns:140px 1fr;grid-template-rows:auto auto;align-items:center}.home-category-visual{height:100%;min-height:150px;grid-row:1/3;padding:18px 12px;gap:12px;border-bottom:none}.home-category-visual svg{width:56px;height:56px}.home-category-visual>span{font-size:9px}.home-category-caption{padding:20px 18px 0;align-self:end}.home-category-description{padding-top:10px;align-self:start}.home-partner{grid-template-columns:1fr;gap:28px}.home-faq{grid-template-columns:1fr;gap:20px;padding-top:40px}.home-faq h2 br{display:none}.home-contact{flex-direction:column;align-items:flex-start;gap:22px}.home-contact-actions{align-items:flex-start;min-width:0}.store-footer .footer-inner{grid-template-columns:1fr 1fr;gap:32px}.store-footer .footer-inner>div:first-child{grid-column:1/-1}.home-hero-lead{font-size:16px}.home-hero-benefits{gap:8px}.home-hero-benefits>span{padding:8px 10px;font-size:11px}.home-hero-art{display:none}}
@media(max-width:620px){.store-strip{font-size:10px}.store-strip>.shell{gap:10px}.home-section,.home-partner,.home-audiences,.home-contact{width:calc(100% - 32px)}.home-section{margin:48px auto}.home-hero{padding:35px 18px 23px}.home-pill{font-size:11px;margin-bottom:20px}.home-logo{width:68px;height:68px;font-size:27px;border-radius:16px;margin-bottom:23px}.home-logo>span{font-size:8px}.home-hero h1{font-size:clamp(35px,8.5vw,48px);line-height:1.12}.home-hero-lead{font-size:14px;line-height:1.8;margin-bottom:22px}.home-hero-benefits{max-width:380px;margin:0 auto 23px}.home-hero-benefits>span{font-size:10px;padding:8px}.home-hero-benefits svg{width:16px;height:16px}.home-actions .button{font-size:12px;min-height:46px;padding:10px 15px;gap:10px}.home-scroll{font-size:10px;margin-top:22px}.home-section-heading{margin-bottom:24px}.home-section h2{font-size:27px}.home-heading-row{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.home-featured .product-body h3{min-height:0}.home-featured .product-image{aspect-ratio:1.6}.home-partner{margin:48px auto;padding:28px 22px;border-radius:17px}.home-partner>div>p:not(.eyebrow){font-size:13px}.home-partner-card{padding:23px}.home-steps{gap:12px}.home-steps li{padding:20px 16px}.home-steps h3{font-size:14px}.home-steps p{font-size:11px}.home-contact{margin-top:48px;padding:26px 23px}.home-contact h2{font-size:27px}.store-footer{margin-top:48px;padding-top:32px}.store-footer .footer-inner{gap:24px;padding-bottom:28px}.footer-bottom{font-size:10px;flex-wrap:wrap}.home-main>.notice,.home-main>.error{width:calc(100% - 32px)}}
@media(max-width:360px){.store-strip>.shell{flex-direction:column;gap:2px;text-align:center}.home-hero-benefits>span{font-size:9px}.home-category{grid-template-columns:110px 1fr}.home-category-caption h3{font-size:17px}.home-round-arrow{width:28px;height:28px}.home-steps{grid-template-columns:1fr}.store-footer .footer-inner{grid-template-columns:1fr}.store-footer .footer-inner>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-category{transition:none}}