/* TCC retail direction. Preserved visual comparison lives at /original-design/. */
.storefront{background:#f4f6fa;color:#16233b;font-size:15px}.storefront .wrap{width:min(1380px,calc(100% - 64px))}.storefront a,.storefront button{touch-action:manipulation}.storefront :focus-visible{outline:3px solid #f5a623;outline-offset:4px}.skip-link{position:fixed;top:-80px;left:20px;background:#fff;color:#123c7b;padding:12px;z-index:9999}.skip-link:focus{top:10px}.storefront .draftbar{font-size:11px;background:#e3ebf7;color:#244671;letter-spacing:0;padding:8px 24px}.storefront .draftbar button{color:#123c7b;font-size:12px}.compare-link{margin-left:18px;text-decoration:underline;font-weight:700}.storefront .topbar{font-size:12px;background:#102b51;color:#cbd7e8}.storefront .topbar a{color:#fff}.storefront .premium-header{position:relative;z-index:30;background:#fff}.storefront .masthead-shell{background:#fff;border-bottom:1px solid #e0e6ef}.storefront .masthead{min-height:116px;padding:20px 0;gap:32px}.storefront .brand{flex:0 0 245px}.storefront .brand img{width:245px}.storefront .brand-tagline{font-size:9px;color:#53719a;letter-spacing:2px}.header-help{order:3;white-space:nowrap;font-size:12px;color:#173b6d}.header-help span{display:block;font-size:11px;color:#627388;margin-top:3px}.storefront .search{background:#f3f6fa;border:1px solid #ccd6e4;max-width:none;flex:1;order:2;border-radius:5px}.storefront .search input{font-size:14px;padding:15px;color:#172b4a;min-width:0}.storefront .search button{background:#1764bc;color:#fff;border-radius:0 4px 4px 0}.storefront .basketbutton{order:4;color:#234c80}.storefront .navshell{background:#153d70;border:0}.storefront .store-nav{padding:0;gap:16px;color:#fff;display:flex;overflow:visible;white-space:normal}.department-menus{display:flex;flex:1;gap:0}.nav-group{position:relative;border:0;flex:1}.nav-group summary{list-style:none;cursor:pointer;padding:17px 15px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:10px;align-items:center;white-space:nowrap}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover,.nav-group[open] summary{background:#0d2f5a;color:#fff}.nav-dropdown{position:absolute;top:100%;left:0;min-width:280px;background:#fff;border:1px solid #d9e1ec;box-shadow:0 16px 30px #09254524;padding:10px;color:#203955;border-top:3px solid #4b98f0;z-index:35}.nav-dropdown a,.storefront .nav-dropdown button{display:flex;justify-content:space-between;width:100%;padding:13px 14px;text-align:left;font-size:14px;color:#233e61;border:0;background:#fff;line-height:1.4}.nav-dropdown a:hover,.storefront .nav-dropdown button:hover{background:#eef4fc;color:#0c58af}.storefront .nav-dropdown button:after{display:none}.nav-dropdown a span{margin-left:15px;color:#4481c8}.nav-group:last-child .nav-dropdown{left:auto;right:0}.nav-phone{font-weight:700;font-size:13px;white-space:nowrap}.storefront .mobile-menu{display:none}.storefront .contact-quickbar{background:#eaf0f7;border:0}.storefront .contact-quickbar .wrap{justify-content:center;padding:9px 0;gap:35px;font-size:12px;color:#305276}.storefront .contact-quickbar a{color:#244b7c}.storefront .primary{background:#1263c3;border-radius:4px;font-size:13px;padding:14px 20px}.storefront .whitebutton{font-size:13px;border-radius:4px;padding:14px 20px}.storefront .outlinebutton{font-size:13px;border-radius:4px}.store-hero{display:grid;grid-template-columns:2.15fr 1fr;gap:18px;margin:26px auto}.store-hero-main{position:relative;min-height:420px;background:#0a1730;border-radius:8px;overflow:hidden;isolation:isolate;color:#fff}.store-hero-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;z-index:-2}.store-hero-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08172af5 0%,#08172adb 35%,#08172a44 80%);z-index:-1}.store-hero-copy{padding:48px 38px;max-width:570px}.store-hero-copy .eyebrow{font-size:10px;color:#8ac0ff;letter-spacing:1.7px}.store-hero h1{font-size:clamp(35px,3.5vw,54px);letter-spacing:-1.9px;line-height:1.07;margin:20px 0;color:#fff}.store-hero h1 span{color:#83c5ff}.store-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#d0deef;max-width:370px}.store-hero .actions{gap:10px;margin-top:26px;flex-wrap:wrap}.real-build-tag{position:absolute;right:15px;bottom:12px;font-size:10px;color:#dce8f8;background:#0b234aaa;padding:4px 8px;border-radius:3px}.store-hero-side{display:grid;gap:18px;grid-template-rows:1fr 1fr}.store-hero-side>a{border-radius:8px;padding:25px;display:block;position:relative;overflow:hidden}.store-hero-side .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:12px}.store-hero-side h2{font-size:25px;letter-spacing:-.8px;line-height:1.15;max-width:230px}.store-hero-side p{font-size:12px;line-height:1.6;margin:10px 0}.store-hero-side strong{font-size:12px;display:block;margin-top:14px}.laptop-promo{background:linear-gradient(90deg,#e5edf9 25%,#e5edf9ca 70%,#e5edf988),url('assets/laptop-concept.png') center/cover;color:#133868;border:1px solid #d2deed}.repair-promo{background:#16457b;color:#fff}.repair-promo p{color:#ccdcf0}.storefront .benefit-shell{background:#fff;border-block:1px solid #dce4ee}.storefront .benefits{padding:20px 0}.storefront .benefits>div{font-size:12px;color:#60728a}.storefront .benefits strong{color:#203b60;font-size:13px;font-weight:700}.storefront .benefits>div:not(:first-child){border-color:#dce3ed}.storefront .benefits .lineicon{color:#2465b9}.quick-departments{padding:38px 0 12px}.storefront .sectionhead h2{font-size:29px;letter-spacing:-.8px}.storefront .eyebrow.blue{color:#2768b8;font-size:10px;letter-spacing:1.4px}.department-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.department-tiles a{padding:24px;background:#fff;border:1px solid #d9e1ec;border-radius:6px;transition:border-color .2s,transform .2s}.department-tiles a:hover{border-color:#2976d2;transform:translateY(-3px)}.department-tiles span{font-size:11px;color:#3177c9;background:#edf4fd;border-radius:4px;padding:5px 8px}.department-tiles h3{font-size:17px;margin:16px 0 8px}.department-tiles p{font-size:12px;color:#5b6f88}.department-tiles b{display:block;color:#1f67ba;font-size:12px;margin-top:18px}.storefront .catalogue-shell{background:#f4f6fa}.storefront .shopsection{padding:36px 0 48px}.storefront .sectionhead .smallnote{font-size:11px;max-width:250px}.shop-tools{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-top:22px}.shop-tools label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0;color:#36516f}.shop-tools input{width:17px;height:17px}.shop-tools select{width:auto;margin:0;background:white;border:1px solid #cbd5e2;padding:9px;border-radius:4px;font-size:12px;color:#203b60}.storefront .filters{margin:18px 0}.storefront .filters button{font-size:13px;padding:13px 22px}.storefront .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.storefront .product{border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.storefront .productcontent{padding:20px;display:flex;flex:1;flex-direction:column}.storefront .product h3{font-size:17px;line-height:1.35}.storefront .specs{font-size:12px;line-height:1.8;color:#586d86;flex:1}.storefront .productimage{height:215px}.storefront .productimage .badge{font-size:10px;line-height:1.4;background:#112e53e8;color:#e6effa}.storefront .price{font-size:25px;letter-spacing:-.7px}.storefront .price small{font-size:10px;letter-spacing:0}.storefront .productbottom{gap:10px}.storefront .productbottom button{font-size:12px}.storefront .product-whatsapp{font-size:12px;width:100%;margin-top:17px;text-align:center;border:1px solid #cad9ec;border-radius:4px;background:#f0f6ff;color:#1b589d;padding:11px;cursor:pointer}.storefront .builderstrip{background:#123c6c;margin-bottom:0}.storefront .builderinner{padding:48px 0}.storefront .builder-message h2{font-size:38px}.storefront .builder-message p:not(.eyebrow){font-size:14px}.storefront .build-steps span{font-size:13px}.storefront .builder-number{opacity:.3}.storefront .custom-builds{background:#0b1c33;padding:48px 0}.storefront .custom-builds h2{font-size:31px}.storefront .build-intro{font-size:15px}.storefront .software-section{padding:48px 0}.software-section>p{color:#566b85;font-size:14px;line-height:1.75;max-width:900px;margin:16px 0 24px}.software-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.software-grid article{background:white;border:1px solid #d8e2ee;border-radius:6px;padding:23px}.software-grid span{font-size:9px;color:#3974b8;letter-spacing:1px}.software-grid h3{font-size:17px;margin:14px 0 10px}.software-grid p{font-size:13px;line-height:1.7;color:#64758c}.storefront .servicegrid{border-top:1px solid #d7e1ed;color:#1b3557;padding:48px 0}.storefront .serviceintro h2{font-size:32px;letter-spacing:-1px}.storefront .serviceintro>p:not(.eyebrow){font-size:14px;color:#576b84}.storefront .servicelist h3{font-size:18px;color:#1c3e69}.storefront .servicelist p{font-size:13px;color:#65768d}.storefront .servicelist article{border-color:#d4ddeb}.storefront .localgrid{background:#e6edf6;color:#163555;border-radius:8px;border:1px solid #d2ddeb;margin-bottom:30px;overflow:hidden}.storefront .localstory h2{font-size:36px;letter-spacing:-1px;color:#163555}.storefront .localstory>p:not(.eyebrow){font-size:14px;color:#4e6886}.storefront .anniversary span{color:#375e8b}.storefront .visitcard{background:#143b68;color:#fff}.storefront .visitcard p:not(.eyebrow),.storefront .visitcard address{font-size:14px;color:#cfdded}.storefront .visitcard h3{font-size:29px}.storefront .visitcard h4{font-size:16px;color:#fff}.storefront .shop-real{color:#19365e}.storefront .shop-real p,.storefront .shop-map p{color:#56708e;font-size:13px}.storefront .business{color:#17365d;padding-top:30px}.storefront .business h2{font-size:29px;color:#1a3d68}.storefront .business p{color:#536c89;font-size:14px}.storefront .customer-faq{color:#19365e;padding:36px 0}.storefront .customer-faq h2{font-size:29px;color:#1d3e69}.storefront .faq-contact,.storefront .faq-list p{color:#566c85;font-size:14px}.storefront .faq-list details{background:white;border-color:#d4deeb;color:#234875}.storefront .faq-list summary{font-size:15px}.storefront #savings-club .whitebutton{background:#153e71;color:white}.storefront footer{background:#0e2d51}.storefront .smallnote{font-size:12px}.storefront dialog{font-size:14px;color:#183455}.storefront dialog h2{font-size:25px;letter-spacing:-.5px}.storefront dialog h3{font-size:18px}.storefront .admintabs{flex-wrap:wrap}.storefront .admintabs button{font-size:13px}.stock-quantity-field{background:#eaf2fc;border:1px solid #cfdeef;border-radius:6px;padding:18px;margin:18px 0}.stock-quantity-field input{max-width:150px}.saved-stock-row{gap:20px;flex-wrap:wrap}.saved-stock-actions{flex-wrap:wrap}.unit-controls{display:flex;flex-wrap:wrap;gap:8px}.addon-options{border:1px solid #d4e0ed;border-radius:6px;padding:16px;margin:20px 0;background:#f3f7fc}.addon-options legend{font-size:16px;font-weight:700;padding:0 5px}.addon-options label{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin:12px 0;cursor:pointer}.addon-options input{width:17px;height:17px;margin:3px 0}.addon-options small{display:block;color:#667990;font-size:12px}.storefront .whatsapp-float{font-size:12px}.storefront [id]{scroll-margin-top:24px}
@media(max-width:1100px){.storefront .wrap{width:calc(100% - 40px)}.header-help,.nav-phone{display:none}.nav-group summary{font-size:12px;padding:16px 11px}.store-hero{grid-template-columns:1.8fr 1fr}.store-hero-copy{padding:36px 28px}.storefront .products{grid-template-columns:repeat(3,minmax(0,1fr))}.storefront .productbottom{display:block}.storefront .productbottom button{padding-top:10px}.department-tiles,.software-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.storefront .masthead{flex-wrap:wrap;gap:16px;min-height:0;padding:18px 0}.storefront .brand{flex:1}.storefront .brand img{width:220px}.storefront .basketbutton{order:2}.storefront .search{order:5;flex-basis:100%;max-width:100%;display:flex}.storefront .search input{width:100%;font-size:13px}.storefront .store-nav{display:block}.storefront .mobile-menu{display:flex;color:white;background:transparent;border:0;padding:15px 0;width:100%;justify-content:space-between;font-size:14px}.storefront .mobile-menu:after{display:none}.department-menus{display:none;padding-bottom:12px}.store-nav.menu-open .department-menus{display:block}.nav-group summary{font-size:14px;padding:14px 10px}.nav-dropdown{position:static;min-width:0;box-shadow:none;margin:0 0 8px;border:0;border-radius:4px}.storefront .contact-quickbar .wrap{gap:18px;flex-wrap:wrap;font-size:11px}.storefront .contact-quickbar .wrap>span{display:none}.store-hero{grid-template-columns:1fr;margin:20px auto}.store-hero-main{min-height:380px}.store-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.store-hero-side>a{padding:22px 18px}.store-hero-side h2{font-size:22px}.store-hero-copy{padding:34px 25px}.store-hero h1{font-size:42px}.storefront .benefits{grid-template-columns:1fr;gap:13px;padding:18px 0}.storefront .benefits>div:not(:first-child){padding-left:0;border:0}.storefront .benefits>div{font-size:12px;gap:16px}.storefront .benefits .lineicon{width:30px;font-size:22px}.storefront .sectionhead{align-items:start;gap:12px;flex-wrap:wrap}.storefront .sectionhead h2{font-size:25px}.storefront .products{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront .productimage{height:195px}.storefront .productcontent{padding:16px}.storefront .product h3{font-size:16px}.storefront .specs{font-size:12px}.storefront .filters{overflow-x:auto;white-space:nowrap}.storefront .filters button{font-size:12px;padding:13px}.shop-tools{gap:12px;flex-wrap:wrap}.storefront .builder-message h2{font-size:34px}.storefront .localstory h2{font-size:31px}.storefront .serviceintro h2{font-size:29px}.storefront .compare-link{margin-left:8px}.storefront .draftbar{font-size:10px;gap:10px;flex-wrap:wrap}.storefront .build-video-copy h4{font-size:18px}}
@media(max-width:480px){.storefront .wrap{width:calc(100% - 32px)}.storefront .products{grid-template-columns:1fr}.storefront .productimage{height:250px}.storefront .productbottom{display:flex}.department-tiles,.software-grid{gap:10px}.department-tiles a,.software-grid article{padding:17px}.department-tiles h3,.software-grid h3{font-size:16px}.store-hero-side{grid-template-columns:1fr}.store-hero-side>a{min-height:170px}.store-hero h1{font-size:38px}.storefront .store-hero .actions{align-items:stretch}.storefront .store-hero .actions>*{font-size:12px}.store-hero-copy{padding:34px 23px 45px}.storefront .stocksteps{flex-wrap:wrap}.storefront .admintabs{gap:6px}.storefront .admintabs button{padding:10px}.storefront .saved-stock-actions button{padding:10px}.storefront .localstory,.storefront .visitcard{padding:25px}.storefront .header-help{display:none}}
/* Readable text on the retail design's light surfaces. Dark panels retain light text. */
.storefront{--muted:#465b73}
.storefront .faq-list summary,.storefront .shop-real-heading h2{color:#173d6a}
.storefront .faq-list summary:hover,.storefront .faq-list details[open] summary{color:#104f94}
.storefront .faq-list summary::marker{color:#173d6a}
.storefront .faq-list p,.storefront .faq-contact,.storefront .shop-real-heading p,.storefront .shop-photo-pair span,.storefront .shop-map p{color:#40556d}
.storefront .faq-list a,.storefront .faq-contact a,.storefront .shop-map a{color:#13559c}
.storefront input::placeholder,.storefront textarea::placeholder{color:#52647a;opacity:1}
.storefront .header-help span,.storefront .smallnote,.storefront .result-count,.storefront .builder-progress span,.storefront .saved-stock-row small,.storefront .page-heading nav,.storefront .story-intro figcaption,.storefront .service-section .service-note{color:#465b73}
.storefront .anniversary{color:#42658c}
.storefront .contact-quickbar span{color:#40556d}
.storefront .business .outlinebutton{color:#13559c;border-color:#52749c}