/* iShopTH Spectrum: presentation only. Catalogue, prices, permissions stay shared. */
body.template-4{--ink:#202d5c;--accent:#425bb5;--line:#d9def0;background:#fff;color:#202d5c;font:15px/1.65 'Segoe UI',Tahoma,Arial,sans-serif}
.template-4 a{color:inherit}.template-4 p{color:#5a706a}.template-4 button,.template-4 input,.template-4 select,.template-4 a.button{font:inherit}.template-4 button,.template-4 .button{min-height:44px;border-radius:10px}.template-4 :focus-visible{outline:3px solid #425bb5;outline-offset:3px}.template-4 .primary{background:#425bb5!important;color:white!important}.template-4 .primary:hover{background:#cbd5ff!important}.template-4 main{max-width:1360px;padding:32px 36px;margin:auto}.template-4 .spectrum-notice{background:#202d5c;color:#e9f6f0;display:flex;justify-content:space-between;padding:8px max(36px,calc((100% - 1288px)/2));gap:20px;font-size:11px;letter-spacing:.2px}.template-4 .spectrum-header{background:#fff;border-bottom:1px solid #e5eee9;padding:0 max(36px,calc((100% - 1288px)/2));position:relative;z-index:10}.spectrum-head-row{display:flex;align-items:center;gap:36px;padding:22px 0}.spectrum-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.spectrum-logo strong{font:800 30px/1 'Segoe UI',Arial,sans-serif;letter-spacing:-1.3px}.spectrum-logo strong span{color:#425bb5}.spectrum-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#425bb5;color:#fff;font:bold 31px/1 Georgia,serif;transform:rotate(-7deg)}.spectrum-search{display:flex;flex:1;align-items:center;background:#f4faf7;border:1px solid #deebe5;border-radius:12px;min-width:160px;overflow:hidden}.spectrum-search input{border:0;outline:0;background:transparent;min-width:0;width:100%;padding:13px 16px;font-size:13px}.spectrum-search button{border:0!important;background:#425bb5;color:white;padding:10px 17px;white-space:nowrap;border-radius:0!important;min-height:48px}.spectrum-account{display:flex;gap:16px;align-items:center;font-size:12px}.spectrum-account #member-links{display:flex;flex-direction:column;gap:2px}.spectrum-account #member-links a{text-decoration:none;white-space:nowrap}.spectrum-account #cart-open{white-space:nowrap;background:white;border:1px solid #d9e8e1;font-size:12px;padding:10px 12px}.spectrum-account #cart-count{background:#e5eaff;color:#384986;border-radius:50%;padding:2px 6px;margin-left:6px}.spectrum-nav{display:flex;align-items:center;gap:28px;font-size:12px;padding:0 0 14px}.spectrum-nav>a{text-decoration:none;white-space:nowrap;padding:8px 0}.spectrum-nav>a:hover{color:#425bb5}.spectrum-nav .spectrum-contact{margin-left:auto;color:#384986}.spectrum-category-menu{position:relative}.spectrum-category-menu summary{list-style:none;cursor:pointer;font-weight:600;min-height:38px;display:flex;align-items:center;padding-right:25px;border-right:1px solid #d9def0}.spectrum-category-menu>div{position:absolute;top:42px;left:0;background:#fff;border:1px solid #d8e9e1;border-radius:14px;box-shadow:0 14px 40px #202d5c1f;width:280px;padding:12px;display:grid;z-index:20}.spectrum-category-menu>div>a{padding:8px 12px;text-decoration:none;border-radius:7px}.spectrum-category-menu>div>a:hover{background:#e7f6f0;color:#384986}
.spectrum-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;min-height:430px;align-items:stretch}.spectrum-hero-copy{padding:26px 12px 24px 4px}.spectrum-eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#546e65}.spectrum-eyebrow>span{height:7px;width:7px;border-radius:50%;background:#425bb5}.template-4 .spectrum-hero h1{font-size:clamp(34px,3.3vw,48px);line-height:1.5;letter-spacing:-1.3px;margin:20px 0 12px;font-weight:750}.spectrum-hero h1>span{color:#425bb5}.spectrum-hero-copy>p{font-size:14px;line-height:1.9;margin:0 0 24px}.hero-actions{display:flex;gap:24px;align-items:center}.template-4 .hero-actions .button{padding:13px 24px;font-size:13px;font-weight:600;border:0}.hero-actions .button span{margin-left:18px}.spectrum-text-link{font-size:12px;text-decoration:none}.spectrum-hero-proof{border-top:1px solid #dcebe3;margin-top:32px;padding-top:23px;display:flex;gap:30px;align-items:center}.spectrum-hero-proof>strong{font-size:23px;line-height:1.4}.spectrum-hero-proof small{display:block;font-size:10px;font-weight:400;color:#617b71}.spectrum-hero-proof>div{font-size:11px;border-left:1px solid #d5e5dd;padding-left:22px}.proof-dot{color:#28785f;font-size:13px}.spectrum-feature-product{position:relative;background:linear-gradient(140deg,#e3f6ef 0%,#f0faf6 48%,#e0e6ff 100%);border-radius:26px;display:flex;flex-direction:column;align-items:center;text-decoration:none;overflow:hidden;padding:26px 26px 20px;min-width:0}.feature-chip{border:1px solid #202d5c26;border-radius:30px;font-size:9px;letter-spacing:1.2px;padding:6px 13px;align-self:flex-start;background:#ffffff73}.spectrum-feature-product>img{width:83%;height:292px;object-fit:contain;padding:16px;mix-blend-mode:multiply;filter:drop-shadow(12px 15px 12px #202d5c1c)}.feature-label{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px}.feature-label span{font-size:10px;color:#526e62}.feature-label h2{font-size:17px;margin:2px 0;line-height:1.4}.feature-label .feature-arrow{border-radius:50%;background:#202d5c;color:white;font-size:23px;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0}.spectrum-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border:1px solid #dcebe3;border-radius:12px;margin:24px 0 44px;padding:17px 20px;color:#526f62;font-size:11px}.spectrum-trust b{color:#425bb5;font-size:12px;margin-right:10px}.spectrum-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.spectrum-section-head a,.spectrum-brand-section a{font-size:12px;text-decoration:none}.spectrum-overline{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#397563}.template-4 .spectrum-section-head h2,.template-4 .spectrum-brand-section h2{font-size:23px;margin:4px 0}.spectrum-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.spectrum-category-grid a{position:relative;background:#f4faf7;border:1px solid #e3eee8;display:flex;flex-direction:column;align-items:flex-start;padding:18px 13px;border-radius:14px;text-decoration:none;min-height:116px;transition:transform .15s,border-color .15s}.spectrum-category-grid a:hover{border-color:#80bca7;transform:translateY(-3px)}.spectrum-category-grid a:nth-child(3n+2){background:#eef8f3}.spectrum-category-grid a:nth-child(3n){background:#e3f3ec}.category-symbol{font-size:27px;font-weight:500;color:#425bb5;line-height:1.2;margin-bottom:16px}.spectrum-category-grid strong{font-size:10px;font-weight:650;letter-spacing:.15px}.category-arrow{position:absolute;right:12px;top:12px;color:#718d80;font-size:15px}.spectrum-brand-section{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;border-top:1px solid #dfebe4;border-bottom:1px solid #dfebe4;margin:42px 0;padding:28px 0}.spectrum-brand-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;align-items:center}.spectrum-brand-strip img{width:100%;height:48px;object-fit:contain;padding:6px}
.template-4 .catalog-breadcrumb{font-size:11px;color:#647d71;margin:14px 0 22px}.template-4 .catalog-heading h1,.template-4 .catalog-heading h2{letter-spacing:0;font-size:28px}.template-4 .catalog-heading p{font-size:13px}.template-4 .catalog-heading>a{color:#425bb5}.template-4 .catalog-layout{grid-template-columns:244px minmax(0,1fr);gap:24px}.template-4 .filter-panel{border:1px solid #dceae3;border-radius:14px;overflow:hidden;background:#fff}.template-4 .filter-heading{background:#f4faf7;padding:17px;font-size:14px}.template-4 .filter-section summary{font-size:13px}.template-4 .filter-section-body{padding:0 16px 17px}.template-4 .filter-section-body input{font-size:12px;accent-color:#425bb5}.template-4 .filter-option{font-size:12px}.template-4 .filter-section-body>button{background:#425bb5;border:0;border-radius:9px;font-size:12px;min-height:44px}.template-4 .catalog-toolbar{font-size:12px;padding-bottom:14px}.template-4 .catalog-toolbar select{border:1px solid #dbe8e1;border-radius:8px;padding:8px;min-height:40px}.template-4 .grid{gap:16px}.template-4 .product{border:1px solid #dceae3;border-radius:16px;overflow:hidden;background:white;transition:border-color .15s,box-shadow .15s}.template-4 .product:hover{border-color:#8fcab4;box-shadow:0 7px 24px #3849860d;transform:none}.template-4 .product .photo{background:white}.template-4 .product .body{padding:17px}.template-4 .product h3{font-size:14px;line-height:1.6;margin:8px 0 10px;min-height:3.2em;color:#202d5c}.template-4 .product .meta{font-size:10px;color:#647e71}.template-4 .product .price{font-size:18px;color:#202d5c;margin:12px 0 10px;font-weight:750;line-height:1.4}.template-4 .price .product-tax-note{color:#767676;font-size:12px}.template-4 .product [data-quote-sku]{background:#e7f6f0;color:#384986;border:0;font-size:12px;min-height:42px;border-radius:8px}.template-4 .product [data-quote-sku]:hover{background:#425bb5;color:white}.template-4 .body a.button{border:0;font-size:11px;color:#5f786c;padding:7px;min-height:34px}.spectrum-applied{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.spectrum-applied a{display:flex;gap:12px;padding:6px 11px;background:#e7f6f0;border:1px solid #c7e7d9;border-radius:20px;font-size:11px;color:#384986;text-decoration:none}.template-4 .pagination a{border-radius:8px;min-width:39px;text-align:center}.template-4 .pagination a[aria-current=page]{background:#425bb5;border-color:#425bb5}.template-4 #filters-toggle{background:#e7f6f0;color:#384986;border-color:#c7e7d9}.template-4 .detail-gallery .photo{border-radius:20px;border-color:#dceae3}.template-4 .detail-summary h1{font-size:29px;letter-spacing:-.4px}.template-4 .detail-summary .price{font-size:30px;font-weight:750;margin:22px 0;line-height:1.4}.template-4 .detail-summary>p{font-size:12px}.template-4 .detail-summary .primary{border-radius:12px!important;padding:13px 28px;font-weight:650;margin-top:16px}.template-4 .short-description{font-size:14px}.template-4 .short-description h2{font-size:16px!important}.template-4 .thumbnails a{border-radius:10px;overflow:hidden}.template-4 .brand-logo-card{border-radius:14px;border-color:#dceae3}.template-4 .brand-logo-card:hover{border-color:#80bca7}.template-4 .brand-product-count{font-size:11px;color:#647e71}.template-4 footer{margin-top:48px;background:#f4faf7;border-top:1px solid #dbe9e1;padding:40px max(36px,calc((100% - 1288px)/2));font-size:12px}.template-4 footer h3{font-size:14px;color:#202d5c}.template-4 footer a{color:#5a706a}.template-4 #cart-dialog{border:1px solid #cfe7da;border-radius:18px;max-width:min(560px,calc(100% - 30px));padding:25px}.template-4 #cart-dialog::backdrop{background:#202d5c80}.template-4 #cart-dialog h2{font-size:24px}.template-4 #cart-dialog p{font-size:13px}.template-4 .cart-row{padding:12px 0;border-bottom:1px solid #dce9e2}
@media(min-width:1500px){.template-4 main{max-width:1440px}.spectrum-hero{min-height:470px}.spectrum-feature-product>img{height:330px}}
@media(max-width:1000px){.spectrum-head-row{gap:18px}.spectrum-logo strong{font-size:25px}.spectrum-mark{width:32px;height:32px;font-size:25px}.spectrum-account{gap:8px}.spectrum-account #member-links{font-size:11px}.spectrum-nav{gap:18px}.spectrum-nav .spectrum-contact{display:none}.spectrum-hero{gap:18px}.template-4 .spectrum-hero h1{font-size:34px}.spectrum-hero-proof{gap:18px}.spectrum-hero-proof>div{padding-left:12px}.spectrum-feature-product>img{height:270px}.spectrum-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spectrum-brand-section{grid-template-columns:190px 1fr}.spectrum-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.template-4 .catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}.template-4 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.template-4 main{padding:24px 18px}.template-4 .spectrum-header{padding:0 18px}.template-4 .spectrum-notice{padding:7px 18px;justify-content:center;font-size:10px}.spectrum-notice>span:first-child{display:none}.spectrum-head-row{flex-wrap:wrap;gap:14px;padding:16px 0}.spectrum-logo{margin-right:auto}.spectrum-account{margin-left:auto}.spectrum-account #member-links{flex-direction:row;gap:10px}.spectrum-search{flex-basis:100%;order:3}.spectrum-nav{gap:20px;font-size:11px;overflow:visible}.spectrum-nav>a:nth-of-type(n+3){display:none}.spectrum-category-menu summary{padding-right:16px;font-size:11px}.spectrum-category-menu>div{max-width:calc(100vw - 40px)}.spectrum-hero{grid-template-columns:1fr;gap:20px}.spectrum-hero-copy{padding:6px 4px}.template-4 .spectrum-hero h1{font-size:36px;margin:15px 0 12px}.spectrum-hero-proof{margin-top:25px;gap:28px}.spectrum-feature-product{min-height:340px;padding:22px}.spectrum-feature-product>img{height:240px;width:75%}.spectrum-trust{grid-template-columns:1fr;gap:10px;padding:16px;margin-bottom:30px}.spectrum-section-head{align-items:center}.template-4 .spectrum-section-head h2{font-size:21px}.spectrum-section-head>a{font-size:11px;white-space:nowrap}.spectrum-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.spectrum-category-grid a{padding:15px 10px;min-height:110px}.spectrum-category-grid strong{font-size:9px}.spectrum-brand-section{grid-template-columns:1fr;gap:20px;margin:32px 0}.spectrum-brand-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.template-4 .catalog-layout{grid-template-columns:1fr;gap:0}.template-4 .catalog-results{margin-top:12px}.template-4 .catalog-heading h1,.template-4 .catalog-heading h2{font-size:23px}.template-4 .product .body{padding:12px}.template-4 .product h3{font-size:12px}.template-4 .product .price{font-size:17px}.template-4 .grid{gap:10px}.template-4 .detail-summary h1{font-size:25px}.template-4 footer{padding:28px 18px 80px}.template-preview-bar{bottom:8px;padding:10px 12px;gap:9px;font-size:10px}.template-preview-bar strong{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.template-4 *{transition:none!important;scroll-behavior:auto!important}}

/* Keep Home centered even when the navigation groups have different widths. */
.template-4 .spectrum-nav{display:grid;grid-template-columns:auto auto auto;justify-content:center;gap:16px;font-size:14px}
.template-4 .spectrum-nav-left>a,.template-4 .spectrum-nav-right>a{padding:6px 12px;border:1px solid #d4dcfa;border-radius:10px;background:#f4f6ff;color:#384986;text-decoration:none;line-height:1.35;transition:background .15s,border-color .15s,transform .15s}
.template-4 .spectrum-nav-left>a:hover,.template-4 .spectrum-nav-right>a:hover{background:#e7ebff;border-color:#aebcf0;transform:translateY(-1px)}
.template-4 .spectrum-category-menu>summary{padding:6px 12px;border:1px solid #d4dcfa;border-radius:10px;background:#f4f6ff;color:#384986;line-height:1.35}
.spectrum-nav-left,.spectrum-nav-right{display:flex;align-items:center;gap:10px;min-width:0}
.spectrum-nav-right{justify-content:flex-end}
.spectrum-nav-left>a,.spectrum-nav-right>a{text-decoration:none;white-space:nowrap;padding:8px 0}
.spectrum-nav-left>a:hover,.spectrum-nav-right>a:hover{color:#425bb5}
.template-4 .spectrum-nav .spectrum-home{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 19px;background:#425bb5;color:white;border-radius:12px;font-size:13px;font-weight:650;white-space:nowrap}
.template-4 .spectrum-nav .spectrum-home:hover{background:#cbd5ff;color:white}
.spectrum-nav-right .spectrum-mobile-brand{display:none}
@media(max-width:1100px){.spectrum-nav-left,.spectrum-nav-right{gap:16px}.template-4 .spectrum-nav{gap:12px}}
@media(max-width:800px){.spectrum-nav-left>a,.spectrum-nav-right>a:not(.spectrum-mobile-brand){display:none}.spectrum-nav-right .spectrum-mobile-brand{display:block;font-size:11px}.spectrum-nav-left .spectrum-category-menu summary{padding-right:0;border:0;min-height:44px}.template-4 .spectrum-nav{gap:8px}.template-4 .spectrum-nav .spectrum-home{padding:10px 13px;font-size:12px}}

/* User reference swatch: dominant sampled RGB 208,242,232 (#e0e6ff). */
body.template-4{--mint:#e0e6ff;--mint-hover:#cbd5ff;--mint-ink:#384986;--mint-border:#93cdb9}
.template-4 .primary,.spectrum-search button,.template-4 .spectrum-nav .spectrum-home,.template-4 .filter-section-body>button,.template-4 .pagination a[aria-current=page]{background:var(--mint)!important;color:var(--mint-ink)!important;border-color:var(--mint-border)}
.template-4 .primary:hover,.spectrum-search button:hover,.template-4 .spectrum-nav .spectrum-home:hover,.template-4 .filter-section-body>button:hover{background:var(--mint-hover)!important;color:var(--mint-ink)!important}
.spectrum-mark{background:var(--mint);color:var(--mint-ink)}
.template-4 .product [data-quote-sku]:hover{background:var(--mint-hover);color:var(--mint-ink)}
.template-4 .template-preview-bar{background:#202d5c}

/* Modern Teal palette supplied by the owner: mint, ocean, white, silver, citron. */
body.template-4{--ink:#123b40;--accent:#34478b;--mint:#bde7d9;--mint-hover:#a6dacb;--mint-ink:#34478b;--mint-border:#9acfc1;--lemon:#fff0b8;--line:#d4e5df;--ocean-gloss:linear-gradient(180deg,#267b83 0%,#0b6871 46%,#34478b 52%,#014b54 100%);--citron-gloss:linear-gradient(165deg,#ffffd4 0%,#fff0b8 58%,#ece970 100%);color:var(--ink);background:#fefefe}
.template-4 .spectrum-notice{background:linear-gradient(100deg,#014b54,#34478b 60%,#146f76);color:#f1fcf8;border-bottom:1px solid #ffffff35}
.template-4 .spectrum-header{background:linear-gradient(180deg,#fff 0%,#fff 65%,#f4faf8 100%);border-bottom:1px solid #d1e4dd;box-shadow:0 4px 18px #34478b07}
.spectrum-logo strong,.spectrum-logo strong span,.template-4 .spectrum-hero h1,.template-4 .product h3,.template-4 .product .price{color:var(--ink)}
.spectrum-logo strong span,.spectrum-hero h1>span,.spectrum-trust b,.category-symbol,.spectrum-overline,.spectrum-nav-left>a:hover,.spectrum-nav-right>a:hover{color:#34478b}
.spectrum-mark{background:linear-gradient(155deg,#f6fffb,#d7f3e8 40%,#bde7d9);color:#34478b;border:1px solid #d4eee3;box-shadow:inset 0 1px 1px #fff,0 3px 9px #34478b10}
.spectrum-search{background:linear-gradient(180deg,#fff,#f2f9f6);border-color:#cddfd8;box-shadow:inset 0 1px 3px #34478b06}
.template-4 .primary,.spectrum-search button,.template-4 .spectrum-nav .spectrum-home,.template-4 .filter-section-body>button{background:var(--ocean-gloss)!important;color:#fff!important;border:1px solid #02535d;box-shadow:inset 0 1px 0 #ffffff55,0 4px 10px #34478b1b;text-shadow:0 1px 1px #00323a45}
.template-4 .primary:hover,.spectrum-search button:hover,.template-4 .spectrum-nav .spectrum-home:hover,.template-4 .filter-section-body>button:hover{background:linear-gradient(180deg,#328b93,#126f78 45%,#07525b 100%)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff65,0 5px 13px #34478b28}
.template-4 .hero-actions .primary,.template-4 .detail-summary .primary{background:var(--citron-gloss)!important;color:#024e57!important;border:1px solid #e2df75;box-shadow:inset 0 1px 0 #fff,0 5px 14px #a09b2920;text-shadow:none}
.template-4 .hero-actions .primary:hover,.template-4 .detail-summary .primary:hover{background:linear-gradient(165deg,#ffffbf,#f6f27a 65%,#e6e25c)!important;color:#024e57!important;box-shadow:inset 0 1px 0 #fff,0 6px 16px #a09b292b}
.spectrum-account #cart-open{background:linear-gradient(180deg,#fff,#f3faf6);border-color:#cddfd8;box-shadow:inset 0 1px 0 #fff}
.spectrum-account #cart-count{background:#fff0b8;color:#34478b}
.spectrum-eyebrow>span{background:#34478b;box-shadow:0 0 0 4px #bde7d947}
.spectrum-feature-product{background:linear-gradient(125deg,#ffffffa6 0%,#ffffff10 42%,#ffffff00 55%),radial-gradient(ellipse at 96% 100%,#fff0b845,transparent 42%),linear-gradient(145deg,#e9f8f2 0%,#bde7d9 100%);border:1px solid #d6e9e1;box-shadow:inset 0 2px 0 #ffffffb3,inset 0 -1px 0 #98cbb649,0 14px 32px #34478b0b}
.feature-chip{background:linear-gradient(180deg,#ffffffde,#ffffff80);border-color:#b9d8ca;color:#285f5d;box-shadow:inset 0 1px 0 #fff}
.feature-label .feature-arrow{background:var(--ocean-gloss);color:white;box-shadow:inset 0 1px 0 #ffffff50,0 4px 12px #34478b20}
.spectrum-trust{background:linear-gradient(180deg,#fff,#f7fbf9);border-color:#d4e5dc;box-shadow:inset 0 1px 0 #fff}
.spectrum-category-grid a{background:linear-gradient(145deg,#fff,#e5f5ed);border-color:#d7e7df;box-shadow:inset 0 1px 0 #fff,0 3px 9px #34478b05}
.spectrum-category-grid a:nth-child(3n+2){background:linear-gradient(145deg,#f7fffb,#ccecdf)}
.spectrum-category-grid a:nth-child(3n){background:linear-gradient(145deg,#fff,#fffde2)}
.spectrum-category-grid a:hover,.template-4 .product:hover,.template-4 .brand-logo-card:hover{border-color:#7fb8ac;box-shadow:inset 0 1px 0 #fff,0 7px 20px #34478b12}
.template-4 .product,.template-4 .brand-logo-card{background:linear-gradient(180deg,#fff 75%,#f8fbf9);border-color:#d5e4dd;box-shadow:inset 0 1px 0 #fff,0 3px 10px #34478b06}
.template-4 .product [data-quote-sku]{background:linear-gradient(180deg,#effbf4,#bde7d9);color:#34478b;border:1px solid #aed7c7;box-shadow:inset 0 1px 0 #fff}
.template-4 .product [data-quote-sku]:hover{background:linear-gradient(180deg,#e0f6eb,#a9dbca);color:#34478b}
.template-4 .filter-heading{background:linear-gradient(180deg,#f7faf8,#e7eeea);border-bottom-color:#c3c3c3}
.spectrum-applied a,.template-4 #filters-toggle{background:linear-gradient(180deg,#effaf5,#d5eee2);color:#34478b;border-color:#b1d6c6}
.template-4 .pagination a[aria-current=page]{background:var(--citron-gloss)!important;color:#34478b!important;border-color:#d6d36c;box-shadow:inset 0 1px 0 #fff}
.template-4 .filter-section-body input{accent-color:#34478b}
.template-4 :focus-visible{outline-color:#34478b}
.template-4 footer{background:linear-gradient(180deg,#f6f8f7,#ebeeec);border-top-color:#c3c3c3}
.template-4 footer h3{color:#123b40}
.template-4 #cart-dialog{background:linear-gradient(165deg,#fff,#f4faf7);border-color:#aecdc0;box-shadow:inset 0 1px 0 white,0 16px 50px #013f4740}
.template-4 #cart-dialog::backdrop{background:#014b5466}
.template-4 .template-preview-bar{background:var(--ocean-gloss)}

/* Bright Spectrum: turquoise, coral and lemon. Original Modern Teal is backed up. */
body.template-4{--ink:#202d5c;--accent:#425bb5;--mint:#dce4ff;--mint-ink:#075863;--mint-border:#8dded7;--line:#dfe4f6;--basket-ink:#202d5c;--basket-accent:#077c87;--basket-line:#d8e9ed;--basket-soft:#effbf9;--ocean-gloss:linear-gradient(160deg,#0b7c88,#08717e);--citron-gloss:linear-gradient(150deg,#fffcad,#f5f36c);color:var(--ink);background:#fffefd}
.template-4 .spectrum-notice{background:linear-gradient(105deg,#dce4ff 0%,#e7ebff 48%,#f3f4ff 100%);color:#202d5c;border-bottom:1px solid #b4e9e3;font-weight:600}
.template-4 .spectrum-header{background:linear-gradient(180deg,#fff 55%,#f8fffd);border-bottom-color:#d2ece8;box-shadow:0 4px 18px #168e9106}
.template-4 .spectrum-mark{background:linear-gradient(140deg,#fff6a3,#ffe769);color:#163e49;border-color:#f0df74;box-shadow:inset 0 1px 0 #fff,0 5px 12px #d5bb2230}
.template-4 .spectrum-logo strong span{color:#425bb5}.template-4 .spectrum-search{background:#f4fcfb;border-color:#b8e5df}.template-4 .spectrum-search button{background:var(--ocean-gloss)!important;color:white!important;text-shadow:none}
.template-4 .spectrum-nav .spectrum-home{background:linear-gradient(145deg,#ffc8a8,#ffb399)!important;color:#602725!important;border-color:#b8c6ff;box-shadow:inset 0 1px 0 #fff7,0 4px 10px #ed775420;text-shadow:none}
.template-4 .spectrum-nav .spectrum-home:hover{background:linear-gradient(145deg,#ffbda5,#ffab94)!important;color:#602725!important}
.template-4 .spectrum-account #cart-open{background:linear-gradient(155deg,#f0fffc,#c9f7ed);border:1px solid #8edbd0;color:#34478b;padding:10px 12px;box-shadow:inset 0 1px 0 white;border-radius:13px;font-size:12px}
.template-4 .spectrum-account #cart-count{background:#ffceaa;color:#602725;min-width:23px;text-align:center;border-radius:8px;padding:2px 6px}

/* Keep language, member links and cart inside narrow phone viewports. */
@media(max-width:480px){.template-4 .spectrum-account{width:100%;min-width:0;margin-left:0;flex-wrap:wrap;justify-content:flex-start;gap:8px}.template-4 .spectrum-account #cart-open{max-width:100%}}
.template-4 .spectrum-eyebrow{color:#477680}.template-4 .spectrum-eyebrow>span{background:#ff997e;box-shadow:0 0 0 4px #ffe6df}.template-4 .spectrum-hero h1>span{color:#425bb5}
.template-4 .spectrum-feature-product{background:radial-gradient(ellipse at 100% 0,#ffbdab 0%,transparent 47%),radial-gradient(ellipse at 8% 100%,#fff387 0%,transparent 51%),linear-gradient(140deg,#8de9df,#cbf8e7 66%,#b4f0e6);border-color:#9ae4d7;box-shadow:inset 0 2px 0 #fff9,0 16px 35px #249d9214}
.template-4 .feature-chip{background:#ffffffc7;border-color:#fff;color:#205d62;box-shadow:0 4px 14px #20927e0c}.template-4 .feature-label .feature-arrow{background:#425bb5;color:#fff}.template-4 .feature-label span{color:#3b6465}
.template-4 .hero-actions .primary,.template-4 .detail-summary .primary,.template-4 .basket-submit,.template-4 .basket-empty .primary,.template-4 .basket-dialog-actions .primary{background:linear-gradient(150deg,#ffddb3,#ffb89e)!important;color:#602725!important;border:1px solid #b8c6ff;box-shadow:inset 0 1px 0 #fff9,0 6px 16px #ed775427;text-shadow:none}
.template-4 .hero-actions .primary:hover,.template-4 .detail-summary .primary:hover,.template-4 .basket-submit:hover,.template-4 .basket-dialog-actions .primary:hover{background:linear-gradient(150deg,#ffd09f,#b8c6ff)!important;color:#602725!important}
.template-4 .spectrum-trust{background:linear-gradient(105deg,#f0fcf9,#fffdf0);border-color:#d6ece5}.template-4 .spectrum-trust b,.template-4 .spectrum-overline{color:#425bb5}
.template-4 .spectrum-category-grid a{background:linear-gradient(145deg,#f5fffc,#bdf4e6);border-color:#b3e6d9}.template-4 .spectrum-category-grid a:nth-child(4n+2){background:linear-gradient(145deg,#fff9f4,#ffd1c0);border-color:#f2c6b9}.template-4 .spectrum-category-grid a:nth-child(4n+3){background:linear-gradient(145deg,#fffff4,#fbf399);border-color:#eae28d}.template-4 .spectrum-category-grid a:nth-child(4n){background:linear-gradient(145deg,#f3fdff,#c2edfa);border-color:#b7e1ed}.template-4 .category-symbol{color:#246b72}.template-4 .spectrum-category-grid a:nth-child(4n+2) .category-symbol{color:#994b36}.template-4 .spectrum-category-grid a:nth-child(4n+3) .category-symbol{color:#797213}
.template-4 .product,.template-4 .brand-logo-card{background:linear-gradient(180deg,#fff 75%,#f6fcfb);border-color:#d3e8e5}.template-4 .product:hover,.template-4 .brand-logo-card:hover,.template-4 .spectrum-category-grid a:hover{border-color:#64c4b5;box-shadow:0 9px 24px #208f8614}
.template-4 .product [data-quote-sku]{background:linear-gradient(160deg,#effffb,#b8f0e3);color:#34478b;border-color:#9bded2}.template-4 .product [data-quote-sku]:hover{background:linear-gradient(160deg,#d6fff3,#9de7d6);color:#34478b}
.template-4 .filter-heading{background:linear-gradient(130deg,#dcf8ef,#fff7c8);border-bottom-color:#c5e6d8}.template-4 .filter-section-body>button{background:var(--ocean-gloss)!important;color:#fff!important;text-shadow:none}.template-4 .filter-section-body input{accent-color:#087783}.template-4 .spectrum-applied a,.template-4 #filters-toggle{background:#d3f8ed;border-color:#a3dfce;color:#34478b}.template-4 .pagination a[aria-current=page]{background:#f8f276!important;color:#41470a!important;border-color:#dcd565}
.template-4 :focus-visible{outline-color:#075c78}.template-4 footer{background:linear-gradient(120deg,#e4f9f3,#f6fce9 63%,#fff5d5);border-top-color:#bce5d7}.template-4 footer h3{color:#202d5c}
.template-4 #cart-dialog{background:linear-gradient(155deg,#fff 45%,#f1fffa);border-color:#aadccf;box-shadow:0 22px 70px #143c4455}.template-4 #cart-dialog::backdrop{background:#18374466}.template-4 .basket-summary{background:linear-gradient(160deg,#fff 55%,#fffbed);box-shadow:0 10px 30px #238b780a}.template-4 .basket-panel-heading{background:linear-gradient(110deg,#f1fdf9,#fffef2)}.template-4 .basket-panel-heading>span{background:#d4f8e9;color:#34478b}.template-4 .basket-reassurance{background:linear-gradient(105deg,#d7f8ed,#fff4b9);color:#27585d}.template-4 .basket-stepper button{background:#edfcf7;color:#34478b}.template-4 .basket-remove:hover{color:#b14042}
.template-4 .product .meta,.template-4 .catalog-toolbar,.template-4 .filter-option{font-size:12px}.template-4 .product h3{font-size:14px}.template-4 .product-tax-note,.template-4 .basket-tax{color:#767676}.template-4 .basket-product-name{font-size:14px}.template-4 .basket-muted,.template-4 .basket-help{font-size:12px}.template-4 .short-description{font-size:15px;line-height:1.85}.template-4 .detail-summary>p{font-size:14px}
/* The home brand band starts directly at the header divider. */
.template-4 main:has(> .spectrum-brand-section:first-child){padding-top:0}
.template-4 main>.spectrum-brand-section:first-child{margin-top:0;border-top:0}

/* Owner-supplied category backgrounds, 2026-09-13. Decorative layer only. */
.template-4 .spectrum-category-grid a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 65%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  mix-blend-mode: normal;
  opacity: 0.9;
  pointer-events: none;
  z-index: 1;
}

.template-4 .spectrum-category-grid a { isolation: isolate; }
.template-4 .spectrum-category-grid a > .category-symbol,
.template-4 .spectrum-category-grid a > strong { position: relative; z-index: 2; }
.template-4 .spectrum-category-grid a > .category-arrow { z-index: 2; }

.template-4 .spectrum-category-grid a:focus-visible {
  outline-offset: 2px;
}

.template-4 .spectrum-category-grid a[href="/category/1/cctv/"]::before {
  background-image: url('/media/products/3983c8466d0274b497174ff80b0e70dcad2ceef86285098dbd2bc581cfab6ddf.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/2/network/"]::before {
  background-image: url('/media/products/0295f1494f9e631f1ac58dd2af9f9c46efc96d3000c7b4a947384c7c38e8e62f.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/3/home-living/"]::before {

  background-image: url('/media/products/482314f10ed362014ecb0d051adcdac60cbba36d278d223deb787d82b613d0b7.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/4/iot-industrial/"]::before {
  background-image: url('/media/products/ddf1ecd1d4b17513a75e0529a546cd97bc0c940f2e9d878716108ae18241b584.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/5/computer/"]::before {
  background-image: url('/media/products/ecda480121b0afeba73feee9ef4c51e4f68ba044f1e8966c8a8d5be920e142f4.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/6/power-systems/"]::before {
  background-image: url('/media/products/692c1c7ef70f192b87f4534da5b8c0b6144913d0118f46cdfbf4a5722800d24a.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/7/display-product/"]::before {
  background-image: url('/media/products/ee92d6a91e3b6f613902c57849ac7d01a91ab764e9b99e51b8658774e525b87e.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/8/it-product/"]::before {
  background-image: url('/media/products/11d7439de419f4a958f9bae76170afdd12566896dccb40a4ff63d4917205d7ed.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/9/access-terminal/"]::before {
  background-image: url('/media/products/f991eae077e62ab5d289410831b017d032c65644b769149d7de9c163193632ba.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/10/mdvr-solution/"]::before {
  background-image: url('/media/products/cad83bb76317516359731c20600774e46f31c43c175f9ff13d1e54e5ac554745.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/11/server-storage/"]::before {
  background-image: url('/media/products/32e7f97c3f4bbd6e8db79c2cd1b2d9d7796bf9cc4b7a1fa30f1fed9eb48a826e.jpg');
}
.template-4 .spectrum-category-grid a[href="/category/12/software/"]::before {
  background-image: url('/media/products/f1c28bf513b1c8f026c414bb6c42bf971d2bd7249896607baeda10836631a3da.jpg');
}

/* Keep category tiles clean: white canvas, product image visible without a color overlay. */
.template-4 .spectrum-category-grid a {
  background: #fff !important;
}
.template-4 .spectrum-category-grid a::before {
  mix-blend-mode: normal;
  opacity: 1;
  z-index: 0;
}
.template-4 .filter-actions { display:flex; flex-direction:column; gap:8px; }
.template-4 .filter-actions .filter-reset { display:block; text-align:center; padding:9px 12px; border:1px solid #cfe1dc; border-radius:0 !important; color:#384986; background:#fff; text-decoration:none; font-size:12px; }
.template-4 .filter-actions .filter-reset:hover { background:#eef8f3; border-color:#80bca7; }
.template-4 .filter-actions .primary { min-height:0; padding:9px 12px; border:1px solid #cfe1dc !important; border-radius:0 !important; color:#384986 !important; background:#fff !important; font-size:12px; }
.template-4 .filter-actions .primary:hover { background:#eef8f3 !important; border-color:#80bca7 !important; }
.template-4 .filter-section-body input[data-filter-list="brand-options"] { display:block; width:100%; box-sizing:border-box; margin-bottom:10px; }
.template-4 .filter-section-body input[data-filter-list="brand-options"] + .filter-actions { margin-top:2px; gap:10px; }
.template-4 #filter-form,
.template-4 #catalog-filters,
.template-4 #brand-options,
.template-4 #brand-options .filter-option { overflow:visible !important; max-height:none !important; }
@media(min-width:1001px){
  .template-4 #filter-form, .template-4 #catalog-filters { height:auto !important; max-height:none !important; overflow:visible !important; }
  .template-4 #brand-options { max-height:1120px !important; overflow-y:auto !important; overflow-x:hidden !important; }
}

/* Balance the three footer groups on desktop. */
.template-4 footer .footer-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; max-width:900px; margin:0 auto 28px; align-items:start; }
.template-4 footer .footer-columns > div { min-width:0; text-align:center; }
.template-4 footer .footer-columns h3 { margin:0 0 10px; }
@media(max-width:800px){ .template-4 footer .footer-columns { grid-template-columns:1fr; gap:22px; } }
@media(max-width:800px){
  .template-4 .catalog-results .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .template-4 .catalog-results .product h3 { font-size:13px; line-height:1.5; overflow-wrap:anywhere; word-break:normal; }
  .template-4 #product-page > .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .template-4 #product-page > .grid .product h3 { font-size:13px; line-height:1.5; overflow-wrap:anywhere; word-break:normal; }
}
@media(max-width:760px){
  .template-4 .spectrum-head-row { display:flex; flex-wrap:wrap; gap:10px; padding:12px 0; }
  .template-4 .spectrum-logo { flex:0 0 100%; margin:0; }
  .template-4 .spectrum-logo strong { font-size:24px; }
  .template-4 .spectrum-account { width:100%; min-width:0; margin:0; display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:6px; font-size:11px; }
  .template-4 .spectrum-account .site-language-label { flex:0 0 auto; }
  .template-4 .spectrum-account .site-language-label select { min-height:32px; max-width:72px; padding:4px 18px 4px 6px; font-size:11px; }
  .template-4 .spectrum-account #member-links { flex-direction:row; gap:6px; white-space:nowrap; }
  .template-4 .spectrum-account #cart-open { padding:7px 8px; min-height:34px; font-size:11px; }
  .template-4 .spectrum-search { flex:0 0 100%; width:100%; }
}
@media(min-width:801px){
  .template-4 .catalog-layout { align-items:start; }
  .template-4 #filter-form, .template-4 #catalog-filters { height:auto; box-sizing:border-box; }
}

/* storefront-articles-nav-link */
.template-4 .spectrum-nav .spectrum-nav-right .spectrum-articles-link {
  display: inline-flex !important;
  flex-shrink: 0;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 320px) {
  .template-4 .spectrum-nav .spectrum-nav-right .spectrum-articles-link {
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  .template-4 .spectrum-nav { grid-template-columns: minmax(0, 1fr) auto; }
  .template-4 .spectrum-nav-right { grid-column: 1 / -1; justify-content: flex-start; gap: 20px; }
  .template-4 .spectrum-nav-right .spectrum-mobile-brand,
  .template-4 .spectrum-nav-right .spectrum-articles-link { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Template 4: card finish; presentation only. */
.template-4 .product{border-radius:8px;box-shadow:0 2px 10px #202d5c10}
.template-4 .detail-summary{border-radius:8px}

/* Strong, consistent action color across navigation and purchase controls. */
.template-4 .primary,.template-4 .spectrum-search button,.template-4 .categories button[aria-pressed=true]{background:#425bb5!important;color:#fff!important;border-color:#425bb5!important}
.template-4 .spectrum-mark{background:#425bb5!important;color:#fff!important}
.template-4 .spectrum-logo strong span,.template-4 .spectrum-nav>a:hover{color:#425bb5!important}
.template-4 .detail-gallery,.template-4 .detail-gallery .photo{background:#fff!important}
.template-4 .detail-summary{border:1px solid #e5eaff;padding:24px}

.template-4 .primary,.template-4 .spectrum-search button,.template-4 .categories button[aria-pressed=true]{background-image:none!important;background-color:#425bb5!important}

/* Override role-specific gradient buttons with the chosen theme CTA for consistent meaning. */
.template-4 .detail-summary .primary,.template-4 .hero-actions .primary,.template-4 .basket-submit,.template-4 .basket-empty .primary,.template-4 .basket-dialog-actions .primary,.template-4 .spectrum-nav .spectrum-home{background:#425bb5!important;background-image:none!important;color:#fff!important;border-color:#425bb5!important}
.template-4 .basket-submit:hover,.template-4 .detail-summary .primary:hover{filter:brightness(.93)}
/* Compact catalogue cards so the lower product menu shows five per row. */
.template-4 .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
/* Keep the left and right navigation groups close to the centred Home button. */
.template-4 .spectrum-nav{gap:8px}.template-4 .spectrum-nav-left,.template-4 .spectrum-nav-right{gap:10px}
.template-4 .spectrum-trust{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;text-align:center;align-items:center}
.template-4 .spectrum-trust span{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}

/* Category hierarchy: native click/keyboard expansion, desktop side panel. */
.spectrum-category-menu .spectrum-category-branch{position:relative}
.spectrum-category-menu .spectrum-category-branch>summary{border:0;padding:8px 12px;min-height:40px;display:flex;justify-content:space-between;font-weight:400;border-radius:7px;list-style:none}
.spectrum-category-menu .spectrum-category-branch>summary::-webkit-details-marker{display:none}
.spectrum-category-branch[open]>summary{background:#edf1ff}
.spectrum-subcategories{position:absolute;left:100%;top:0;width:280px;background:#fff;border:1px solid #d8e9e1;box-shadow:0 12px 30px #202d5c20;border-radius:10px;padding:8px;max-height:65vh;overflow:auto;z-index:21}
.spectrum-subcategories>a{display:block;padding:10px 12px;text-decoration:none;border-radius:6px;min-height:40px;box-sizing:border-box}
.spectrum-subcategories>a:hover,.spectrum-subcategories>a:focus-visible{background:#edf1ff}
@media(max-width:800px){.spectrum-category-menu>div{max-height:70vh;overflow:auto}.spectrum-subcategories{position:static;width:auto;max-height:none;box-shadow:none;margin:0 4px 8px 12px}.spectrum-category-menu .spectrum-category-branch>summary{min-height:44px}}