:root{--blue:#214ca7;--green:#2dbd65;--red:#ff314e;--purple:#8d6aff;--cream:#fbf7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fffefc;color:var(--blue);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.4}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.wrap{width:calc(100% - 88px);max-width:1110px;margin:auto}.header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crop{display:block;position:relative;overflow:hidden}.crop img{position:absolute;max-width:none;height:auto}.logo{width:316px}.header nav{display:flex;gap:46px;align-items:center}.header nav a{padding:9px 0}.active{border-bottom:2px solid var(--purple);font-weight:700}.text-button{border:0;background:none;padding:5px 0;color:inherit}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:324px;background:#faf5ef;border-radius:18px}.hero-photo{position:absolute;right:0;top:0;height:100%;width:49%;aspect-ratio:auto!important}.hero-photo img{height:auto}.hero:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(90deg,#faf5ef 45%,transparent 67%)}.hero-photo{z-index:-2}.hero-copy{padding:43px 35px 30px}h1{font-size:clamp(2rem,4.7vw,56px);line-height:.98;letter-spacing:-2.5px;margin:4px 0 14px;font-weight:750}p{margin:0 0 16px}.hero-copy p{font-size:22px;line-height:1.25}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:40px;background:var(--green);color:white;padding:10px 27px;font-size:19px;min-height:48px;transition:background .15s,transform .15s}.button:hover{background:#209b50;transform:translateY(-1px)}.button span{font-size:26px;line-height:1}.hero-button{min-height:56px;padding:12px 39px;font-size:21px}.deals-section{margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px}.section-heading h2{position:relative;margin:0;font-size:32px;line-height:1.3;letter-spacing:-1.1px}.section-heading h2:after{content:'';position:absolute;left:0;bottom:-4px;width:35px;height:2px;background:var(--red)}.section-heading a{font-size:18px;white-space:nowrap}.section-heading a span{margin-left:12px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.deal{position:relative;border-radius:19px;background:#fff;box-shadow:0 4px 25px #836b4210;overflow:hidden}.featured{min-height:324px;padding:64px 15px 14px}.product{border-radius:30px;background:var(--cream)}.featured .product{position:absolute;right:12px;top:12px;width:55%;height:calc(100% - 24px);border-radius:42px 15px 15px 75px}.featured .deal-copy{position:relative;width:58%;z-index:1}.badge{position:absolute;top:13px;left:15px;background:linear-gradient(120deg,#ff3e50,#ff304b);padding:3px 19px;border-radius:40px;color:white;font-size:25px;font-weight:700;line-height:1.35;z-index:2}.brand{font-size:32px;line-height:1.25;font-weight:700;min-height:54px;margin-bottom:7px;color:#111;letter-spacing:-1px}.brand-0{display:inline-flex;background:#ed0016;color:white;font-size:18px;align-items:center;padding:0 4px;letter-spacing:0}.brand-1{font-size:29px;font-weight:500}.brand-2{font-family:Georgia,serif;font-size:43px}h3{font-size:20px;line-height:1.25;margin:0 0 16px;font-weight:400}h3 b{display:block}h3 strong,h3 b{font-weight:700}.price{font-size:27px;color:var(--red);font-weight:700;white-space:nowrap;margin:0 0 13px;letter-spacing:-.7px}.price del{font-size:16px;color:#6683ba;font-weight:400;margin-left:4px;letter-spacing:-.5px}.deal-button{white-space:nowrap;font-size:18px;padding:8px 23px;gap:12px}.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact{padding:12px 15px 14px}.compact .product{margin:-1px -3px 10px;border-radius:16px}.compact .deal-copy{position:relative}.compact h3{font-size:18px;margin-bottom:7px;padding-right:25px}.compact .price{font-size:25px;margin:0;padding-right:40px}.compact .price del{font-size:15px}.compact .deal-button{position:absolute;right:0;bottom:0;width:49px;height:49px;padding:0}.deals-section+#meer-deals{margin-top:30px}.sample-note{font-size:13px;color:#64748b;margin-top:20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 40px}.footer .logo{width:220px}.footer nav{display:flex;gap:30px;font-size:14px}.tagline{font-style:italic;font-size:16px;line-height:1.1;transform:rotate(-8deg)}dialog{border:0;border-radius:24px;padding:36px;max-width:470px;width:calc(100% - 32px);color:var(--blue);box-shadow:0 24px 90px #19306033}dialog::backdrop{background:#12295566;backdrop-filter:blur(3px)}dialog h2{font-size:27px;margin:8px 0 15px;line-height:1.2}dialog p{line-height:1.6}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--blue);font-size:30px;width:40px;height:40px}.eyebrow{font-size:14px;font-weight:700}.skip{position:fixed;left:12px;top:-100px;background:white;padding:12px;z-index:9}.skip:focus{top:12px}[hidden]{display:none!important}@media(min-width:1000px){.featured:nth-child(2) .product{width:51%}}@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.header{padding:0 5px}.logo{width:265px}.hero-copy{padding:35px 25px}.hero-copy p{font-size:19px}h1{letter-spacing:-1.7px}.featured{padding-left:12px}.featured .deal-copy{width:65%}.featured .product{opacity:.85}.brand{font-size:25px}.brand-0{font-size:18px}.brand-2{font-size:36px}.price{font-size:23px}.price del{font-size:14px}.deal-button{font-size:16px;padding:8px 18px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact .product{max-height:195px}.footer{flex-wrap:wrap}.footer nav{gap:20px}}@media(max-width:720px){.wrap{width:calc(100% - 32px)}.header{height:80px;gap:12px}.logo{width:220px}.header nav{gap:18px;font-size:14px}.hero{min-height:510px}.hero-copy{padding:25px 22px}h1{font-size:38px;line-height:1.03;letter-spacing:-1.7px}.hero-copy p{font-size:18px;max-width:330px}.desktop-break{display:none}.hero-button{font-size:18px;padding:10px 25px;min-height:48px}.hero-photo{width:100%;height:auto;top:auto;bottom:0;aspect-ratio:538/321!important}.hero:after{background:linear-gradient(#faf5ef 0%,#faf5ef 40%,transparent 65%)}.section-heading h2{font-size:25px;letter-spacing:-.7px}.section-heading a{font-size:14px;white-space:normal;text-align:right}.section-heading a span{display:none}.featured-grid{grid-template-columns:1fr}.featured{min-height:310px;padding:66px 18px 16px}.featured .product{width:51%;opacity:1}.featured .deal-copy{width:57%}.brand{font-size:31px}.brand-0{font-size:18px}.brand-2{font-size:42px}.price{font-size:27px}.price del{font-size:16px}.deal-button{font-size:18px}.compact{padding:10px}.compact .badge{font-size:19px;left:10px;top:10px;padding:3px 12px}.compact h3{font-size:16px;padding:0;margin-bottom:12px}.compact .price{font-size:22px;padding:0 0 48px}.compact .price del{display:block;margin:0;font-size:14px}.compact .deal-button{width:42px;height:42px;bottom:0}.footer{gap:22px;padding-top:15px}.footer nav{order:3;width:100%;display:grid;grid-template-columns:repeat(2,1fr);text-align:left;gap:8px}.footer .text-button{text-align:left}.footer .logo{width:210px}.tagline{font-size:14px}}@media(max-width:390px){.header .logo{width:185px}.header nav{gap:10px;font-size:13px}h1{font-size:33px}.hero{min-height:485px}.section-heading h2{font-size:22px}.section-heading a{max-width:85px}.footer .logo{width:180px}.featured .product{width:48%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Keep image windows proportional to the supplied reference. */
.featured .product{height:auto;aspect-ratio:202/245}
.featured:nth-child(2) .product{aspect-ratio:180/245}
.featured:nth-child(3) .product{aspect-ratio:198/245}

/* Deal labels are visual pills, not interactive controls. */
.deal .badge{cursor:default;pointer-events:none;user-select:text;white-space:nowrap}
.deal .labeled-product{container-type:inline-size}
.deal .labeled-product .badge{top:-1%;left:-1%;width:43%;height:32%;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:10cqw;line-height:1;background:#ff354c}
/* Let card text wrap naturally inside its own column. */
.deal h3{text-align:left;overflow-wrap:normal;word-break:normal;hyphens:none;max-width:100%}
.deal h3 b{white-space:nowrap}
.compact h3{padding-right:0}
.deal .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;white-space:normal}
.deal .price del{white-space:nowrap;margin-left:0}
.featured .deal-copy{min-width:0}
.compact .deal-copy{min-width:0}
/* Preserve the reference crop so it cannot reveal neighbouring text. */
.compact .product{max-height:none}

/* Align the same three text rows on every deal card. */
.deal h3{display:flex;flex-direction:column;line-height:1.4;text-align:left;min-height:4.2em}
.deal h3 strong,.deal h3 .deal-description,.deal h3 b{display:block}
.deal h3 .deal-description{min-height:1.4em}
.compact{display:flex;flex-direction:column}
.compact .product{flex-shrink:0}
.compact .deal-copy{margin-top:auto}
.featured .deal-copy{display:flex;flex-direction:column;align-items:flex-start}
.featured .brand{height:54px;flex-shrink:0}
.deal .price[aria-hidden="true"]{visibility:hidden}
@media(max-width:720px){.compact h3 .deal-description{min-height:2.8em}}

/* Commission disclosure above the deal overview. */
.affiliate-note{font-size:14px;line-height:1.5;margin:0 0 16px;color:var(--blue)}
