:root{--navy:#20384d;--blue:#315d76;--mustard:#e4b457;--mint:#dcece5;--coral:#e78475;--paper:#fffdf8;--ink:#243746;--line:#d8e2df;--muted:#6e7d82}
body{color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}
.topbar{background:var(--mustard);color:#263b48;font-weight:800}.topbar span:last-child{color:#263b48}
header{background:#fff;border-bottom:1px solid var(--line)}.nav nav a{font-weight:900;letter-spacing:.3px}.nav nav a:hover{color:var(--coral)}.logo img{width:300px;height:72px}
.hero{background:linear-gradient(105deg,#20384d 0 58%,#dcece5 58% 100%);min-height:615px;overflow:hidden}.hero:after{background:none}
.hero-inner{position:relative;z-index:2}.hero-inner>div:first-child{max-width:670px}.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-2px}.hero-inner>div>p:not(.eyebrow){color:#eaf2f2}.eyebrow{color:var(--mustard)}
.deco-shape{position:absolute;right:5%;top:68px;width:390px;height:390px;background:var(--coral);border-radius:38% 62% 54% 46%;transform:rotate(-7deg);box-shadow:22px 22px 0 #e4b457}.deco-shape:before{content:"★";position:absolute;inset:72px;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--mustard);font-size:120px;transform:rotate(7deg)}.deco-shape:after{display:none}
.primary,.buy{background:var(--coral);color:#fff!important;border-radius:5px;font-weight:900}.primary:hover,.buy:hover{background:#cc695b}.ghost{border-radius:5px;border-color:#fff8}.hero-checks{color:#fff}
.style-card{width:355px;height:270px;background:#fff;border:0;border-radius:8px;box-shadow:16px 16px 0 #20384d25;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(2deg)}.style-card span,.style-card strong{font-family:Arial,sans-serif;font-size:42px;line-height:.95;font-weight:900;color:var(--navy)}.style-card strong{font-size:58px;color:var(--coral)}.style-card small{margin-top:22px;color:var(--blue);font-weight:900;letter-spacing:2px}
.pagehero{background:linear-gradient(105deg,var(--navy),var(--blue));border-bottom:8px solid var(--mustard)}.category-strip{background:#fff;border-color:var(--line)}.category-strip a,.category-strip a:first-child{border-color:var(--line)}.category-strip a:hover{background:var(--mint);color:var(--navy)}.category-strip span{color:var(--coral)}
.section h2,.cta h2{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1px}.product-card{border-color:var(--line);border-radius:7px;box-shadow:6px 6px 0 #dcece5}.product-card:hover{box-shadow:9px 9px 0 #e4b457;transform:translate(-2px,-2px)}.product-image{background:#fff}.brand,.orange{color:var(--coral)}.price-row strong,.detail-price strong{color:var(--navy)}
.filters{background:var(--mint);border-radius:7px;border:1px solid #c9ddd5}.filters input,.filters select{border-radius:4px;border-color:#bfd0ca;background:#fff}.empty,.advice-grid article{background:var(--mint);border-radius:6px}.advice-grid article{border-left-color:var(--mustard)}
.cta{background:var(--mustard);color:var(--navy)}.cta .eyebrow{color:var(--blue)}.lightbtn{background:var(--navy);color:#fff;border-radius:5px;font-weight:900}
.category-strip em{font-size:10px;font-style:normal;color:var(--muted);margin-bottom:5px}.compact-filters{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:center;padding:18px}.compact-filters input,.compact-filters select{width:100%;min-width:0;height:46px}.compact-count{display:flex;flex-direction:column;min-width:72px;font-size:11px;line-height:1.25;color:var(--muted)}.compact-count b{font-size:17px;color:var(--navy)}
footer{background:var(--navy)}.footergrid h3{color:var(--mustard)}.cookie-panel{border-top-color:var(--coral)}.cookie-accept{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important}.legal a{color:#b54f44}
@media(max-width:1100px){.compact-filters{grid-template-columns:1fr 1fr 1fr}.compact-filters input{grid-column:1/-1}.compact-count{display:block}}
@media(max-width:950px){.style-card{display:none}.hero{background:var(--navy)}.deco-shape{right:-240px;opacity:.3}}
@media(max-width:680px){.compact-filters{display:flex;align-items:stretch;flex-direction:column}.compact-count{padding-top:5px}.logo img{width:235px}.hero h1{letter-spacing:-1px}}