*,:before,:after{box-sizing:border-box}:root{--ink:#18213a;--ink-soft:#545e75;--line:#dde2eb;--line-strong:#c5ccd9;--surface:#fff;--surface-2:#f3f5f9;--navy:var(--primary,#1f3a93);--navy-deep:#152a6e;--buy:#1b7a43;--buy-hover:#156637;--sale:#b83227;--radius:4px;--container:1240px;--gutter:20px;--font:system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{font-family:var(--font);color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}main{min-height:50vh}img{max-width:100%;height:auto}a{color:inherit}a:hover{color:var(--navy)}:focus-visible{outline:3px solid var(--navy);outline-offset:2px}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}.container{width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border-radius:var(--radius);min-height:42px;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4em;padding:.5em 1em;font-size:.9375rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-primary,.btn-primary:hover{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-deep)}.btn-buy,.btn-buy:hover{background:var(--buy);color:#fff}.btn-buy:hover{background:var(--buy-hover)}.btn-secondary,.btn-secondary:hover{background:var(--buy);color:#fff}.btn-outline{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-outline:hover{border-color:var(--navy)}.btn-block{width:100%}.topbar{background:linear-gradient(90deg, var(--navy) 0 78%, var(--secondary,#27ae60) 78% 100%);height:4px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.header-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;min-height:76px;display:grid}.brand{align-items:center;line-height:0;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;object-position:left center;width:auto;max-width:220px;height:44px;display:block}.brand-name{color:var(--navy);font-size:1.375rem;font-weight:800;line-height:1.2}.search{justify-self:center;width:100%;max-width:560px;display:flex}.search input{border:1px solid var(--line-strong);border-radius:var(--radius) 0 0 var(--radius);background:var(--surface);min-width:0;height:44px;font:inherit;color:var(--ink);border-right:0;flex:1;padding:0 14px;font-size:1rem}.search input:focus{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);outline:none}.search button{border-radius:0 var(--radius) var(--radius) 0;background:var(--navy);color:#fff;height:44px;font:inherit;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.search button:hover{background:var(--navy-deep)}.nav-categories{position:relative}.nav-categories summary{border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;user-select:none;align-items:center;height:44px;padding:0 14px;font-weight:700;list-style:none;display:inline-flex}.nav-categories summary:hover,.nav-categories[open] summary{border-color:var(--navy);color:var(--navy)}.nav-categories summary::-webkit-details-marker{display:none}.nav-categories summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:.42em;height:.42em;margin-left:.6em;display:inline-block;transform:translateY(-.15em)rotate(45deg)}.nav-categories[open] summary:after{transform:translateY(.1em)rotate(-135deg)}.nav-categories ul{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);columns:2;column-gap:8px;width:min(520px,92vw);max-height:70vh;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 10px 30px #18213a24}.nav-categories a{break-inside:avoid;border-radius:3px;padding:7px 10px;text-decoration:none;display:block}.nav-categories a:hover{background:var(--surface-2)}.nav-categories .nav-all{column-span:all;border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-weight:700}.cat-bar{border-top:1px solid var(--line)}.cat-bar ul{scrollbar-width:none;gap:4px;margin:0 auto;padding-top:0;padding-bottom:0;list-style:none;display:flex;overflow-x:auto}.cat-bar ul::-webkit-scrollbar{display:none}.cat-bar li{flex:none}.cat-bar a{color:var(--ink-soft);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 12px;font-size:.9375rem;font-weight:600;text-decoration:none;display:block}.cat-bar li:first-child a{padding-left:0}.cat-bar a:hover{color:var(--navy);border-bottom-color:var(--navy)}@media (width<=900px){.header-main{grid-template-columns:1fr auto;gap:12px;min-height:0;padding-top:12px;padding-bottom:12px}.brand img{height:36px}.search{grid-area:2/1/auto/-1;max-width:none}.search-label{display:none}.nav-categories summary{height:40px}.nav-categories ul{columns:1;width:min(340px, calc(100vw - 2 * var(--gutter)))}}.intro{background:var(--surface);border-bottom:1px solid var(--line)}.intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;padding-top:28px;padding-bottom:28px;display:grid}.intro h1{letter-spacing:-.025em;color:var(--navy-deep);max-width:22ch;margin:0 0 12px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.1}.intro p{max-width:52ch;color:var(--ink-soft);margin:0 0 18px;font-size:1.0625rem}.intro-search{gap:8px;max-width:520px;display:flex}.intro-search input{border:1px solid var(--line-strong);border-radius:var(--radius);min-width:0;height:50px;font:inherit;flex:1;padding:0 16px}.intro-search input:focus{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);outline:none}.intro-search .btn{min-height:50px;padding:0 20px;font-size:1rem}.intro-image{aspect-ratio:5/2;border-radius:var(--radius);background:var(--surface-2);position:relative;overflow:hidden}.intro-image img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=860px){.intro-grid{grid-template-columns:1fr;gap:0;padding-top:24px;padding-bottom:24px}.intro-image{display:none}.intro h1{max-width:none;margin-bottom:8px;font-size:1.625rem}.intro p{margin-bottom:0;font-size:.9375rem}.intro-search{display:none}}.swatches{padding-top:40px}.swatches ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.swatches li a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;height:100%;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.swatches li a:hover{border-color:var(--navy);color:var(--ink)}.swatch-colour{background:var(--swatch);border-bottom:1px solid #0000000f;height:56px;display:block}.swatch-name{overflow-wrap:anywhere;hyphens:auto;padding:10px 12px 0;font-weight:700;line-height:1.3}.swatch-count{white-space:nowrap;color:var(--ink-soft);padding:2px 12px 12px;font-size:.8125rem}.more-link{color:var(--navy);margin-top:14px;font-weight:700;display:inline-block}@media (width<=1000px){.swatches ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.swatches{padding-top:24px;padding-right:0}.swatches .section-title{margin-bottom:12px;font-size:1.25rem}.swatches ul{padding-right:var(--gutter);scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.swatches li{scroll-snap-align:start;flex:0 0 132px}.swatch-colour{height:32px}.swatch-name{font-size:.9375rem}.more-link{margin-top:10px;font-size:.9375rem}}.theme-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 24px;margin-bottom:16px;display:flex}.theme-head .section-title{align-items:center;gap:10px;margin:0;display:flex}.theme-head .section-title:before{content:"";background:var(--navy);border-radius:2px;flex:none;width:14px;height:14px}.theme:nth-of-type(2n) .theme-head .section-title:before{background:var(--secondary,#27ae60)}.theme-head p{color:var(--ink-soft);margin:2px 0 0;font-size:.9375rem}.theme-more{color:var(--navy);white-space:nowrap;font-weight:700}@media (width>=761px) and (width<=1100px){.card-tablet-hidden{display:none}}.brands ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.brands a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px;font-weight:600;text-decoration:none;display:block}.brands a:hover{border-color:var(--navy)}.section{padding:40px 0 0}.section-title{color:var(--ink);margin:0 0 18px;font-size:1.5rem;font-weight:800}.grid{grid-template-columns:repeat(var(--per-row,4), minmax(0, 1fr));gap:16px;display:grid}@media (width<=1100px){.grid{grid-template-columns:repeat(min(var(--per-row,4), 3), minmax(0, 1fr))}}@media (width<=760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;height:100%;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line-strong)}.card-image{aspect-ratio:1;border-bottom:1px solid var(--line);background:#fff;display:block;position:relative}.card-image img{object-fit:contain;width:100%;height:100%;padding:14px;position:absolute;inset:0}.badge{background:var(--sale);color:#fff;font-variant-numeric:tabular-nums;border-radius:3px;padding:3px 7px;font-size:.8125rem;font-weight:800;line-height:1.2;position:absolute;top:10px;left:10px}.badge-inline{position:static}.card-body{flex-direction:column;flex:1;padding:12px 14px 14px;display:flex}.card-brand{height:1.4em;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:.8125rem;font-weight:600;line-height:1.4;overflow:hidden}.card-title{letter-spacing:0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.7em;margin:0 0 10px;font-size:.9375rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-title a{text-decoration:none}.card-title a:after{content:"";z-index:1;position:absolute;inset:0}.card .price{min-height:1.6em;margin-top:auto;font-size:1.125rem;line-height:1.4}.card-where{height:1.45em;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 12px;font-size:.8125rem;line-height:1.45;overflow:hidden}.card-btn{z-index:2;white-space:nowrap;text-overflow:ellipsis;width:100%;min-height:40px;font-size:.875rem;position:relative;overflow:hidden}.card-excerpt{display:none}@media (width<=760px){.card-body{padding:10px 10px 12px}.card-image img{padding:8px}.card-title{font-size:.875rem}.card .price{font-size:1rem}.card-btn{padding-left:6px;padding-right:6px;font-size:.8125rem}}.price{font-variant-numeric:tabular-nums;color:var(--ink);flex-wrap:wrap;align-items:baseline;column-gap:8px;font-weight:800;display:flex}.price-old{color:var(--sale);order:2;font-size:.8125em;font-weight:500;text-decoration:line-through}.listing{padding-top:20px}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin:8px 0 18px;display:flex}.page-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.breadcrumb ol{color:var(--ink-soft);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:var(--line-strong);margin-right:6px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.sort{color:var(--ink-soft);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.sort select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);height:40px;font:inherit;color:var(--ink);padding:0 10px;font-size:.9375rem}.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.pagination-wrap{flex-direction:column;align-items:center;gap:10px;margin-top:32px;display:flex}.pagination-wrap[hidden]{display:none}.pagination-status{color:var(--ink-soft);margin:0;font-size:.875rem}.pagination{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pagination a,.pagination span{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;min-width:42px;height:42px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.pagination a:hover{border-color:var(--navy);color:var(--navy)}.pagination [aria-current=page]{background:var(--navy);border-color:var(--navy);color:#fff}.pagination .page-gap{min-width:24px;color:var(--ink-soft);background:0 0;border-color:#0000;padding:0 2px}.pagination [aria-disabled=true]{color:#8a93a6;background:var(--surface-2);border-color:var(--line);cursor:not-allowed}@media (width<=560px){.pagination{gap:4px}.pagination a,.pagination span{min-width:36px;height:40px;padding:0 8px}.pagination .page-step{flex-basis:calc(50% - 2px);order:1}.pagination .page-step a,.pagination .page-step span{width:100%}.pagination .page-gap{min-width:16px}}.rich{max-width:75ch}.rich img{height:auto}.listing>.rich{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:none;margin-top:40px;padding:28px 32px}.listing>.rich>*{max-width:75ch}.product{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:24px;padding:28px;display:grid}@media (width<=860px){.product{grid-template-columns:1fr;gap:18px;margin-top:12px;padding:14px}}.gallery-main{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:block}.gallery-main img{object-fit:contain;width:100%;height:100%;padding:24px}@media (width<=860px){.gallery-main{aspect-ratio:4/3}.gallery-main img{padding:12px}}.gallery-thumbs{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.gallery-thumbs button{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;width:68px;height:68px;padding:4px}.gallery-thumbs button[aria-pressed=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.gallery-thumbs img{object-fit:contain;width:100%;height:100%}.product-brand{color:var(--navy);margin-bottom:6px;font-weight:700;text-decoration:none;display:inline-block}.product h1{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(1.375rem,2.6vw,1.875rem);font-weight:800}.product-price{align-items:center;gap:12px;display:flex}.product-price .price{font-size:2rem;line-height:1.2}.product-price .price-old{font-size:.55em}.buy{margin:20px 0}.buy h2{margin:0 0 10px;font-size:1.0625rem}.buy>.btn{width:100%;min-height:54px;font-size:1.125rem}.buy-note{color:var(--ink-soft);margin:8px 0 0;font-size:.8125rem}.meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:max-content 1fr;gap:6px 20px;margin:20px 0;padding:16px 0;font-size:.9375rem;display:grid}.meta dt{color:var(--ink-soft)}.meta dd{overflow-wrap:anywhere;margin:0}.description h2{margin:0 0 8px;font-size:1.0625rem}.description .rich{color:#2c3550;font-size:.9375rem}.codes{flex-wrap:wrap;gap:8px;display:flex}.unavailable{border-radius:var(--radius);background:#fdf1ef;border:1px solid #f1c9c3;padding:14px 16px;font-weight:600}.share{color:var(--ink-soft);flex-wrap:wrap;gap:14px;font-size:.875rem;display:flex}.offers{border-collapse:collapse;border-top:1px solid var(--line);width:100%}.offers td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 6px}.offer-shop{align-items:center;gap:10px;display:flex}.offers img{object-fit:contain;width:auto;max-width:80px;height:28px}.offer-price,.offer-action{text-align:right;white-space:nowrap}.offer-price .price{justify-content:flex-end}.offer-action .btn{min-width:96px}@media (width<=560px){.offers,.offers tbody{display:block}.offers tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 0;display:grid}.offers td{border:0;padding:0}.offer-action{grid-column:1/-1}.offer-shop{min-width:0}.offer-shop strong{overflow-wrap:anywhere}.offer-price .price{flex-direction:column;align-items:flex-end;row-gap:0;line-height:1.25}.offer-action .btn{width:100%;min-height:48px;font-size:1rem}}.posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=860px){.posts{grid-template-columns:1fr}}.post-card img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);width:100%}.post-card h3{margin:12px 0 4px}.post-card time{color:var(--ink-soft);font-size:.875rem}.article{padding:32px 0 48px}.article img.cover{object-fit:cover;border-radius:var(--radius);width:100%;max-height:420px}.ad{justify-content:center;padding:24px 0;display:flex}.site-footer{background:var(--surface);border-top:1px solid var(--line);margin-top:64px}.footer-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:44px;padding-bottom:36px;display:grid}.footer-about .brand img{height:40px}.footer-about .rich{color:var(--ink-soft);margin-top:14px;font-size:.9375rem}@media (width<=860px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding-top:32px}.footer-about{grid-column:1/-1}.footer-about .brand img{height:34px}}.site-footer h2{margin:0 0 10px;font-size:1rem;font-weight:800}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{padding:3px 0;font-size:.9375rem}.site-footer nav a{color:var(--ink-soft);text-decoration:none}.site-footer nav a:hover{color:var(--navy);text-decoration:underline}.bottombar{background:var(--navy-deep);color:#fff;padding:14px 0;font-size:.8125rem}.bottombar p{margin:0 auto}.cookiebar{z-index:30;border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:10px 16px;font-size:.875rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #18213a14}.cookiebar p{margin:0}.cookiebar .btn{min-height:36px;padding:.35em .9em}.cookiebar-actions{gap:6px;display:inline-flex}@media (width<=560px){.cookiebar{flex-wrap:nowrap;justify-content:space-between;padding:8px 12px;font-size:.8125rem;line-height:1.3}.cookiebar .btn{min-height:34px;padding:.3em .7em;font-size:.8125rem}}.cookiebar[hidden]{display:none}.search-status{color:var(--ink-soft);margin:-6px 0 18px}.category-index ul{columns:3 220px;column-gap:32px;padding:0;list-style:none}.category-index li{break-inside:avoid;padding:3px 0}.category-index .muted{color:var(--ink-soft);font-size:.875em}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/*$vite$:1*/