:root{--blue:#1686ff;--navy:#092b59;--ink:#10233d;--green:#2e8b42;--soft:#f3f8ff;--line:#dce8f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);z-index:20}.brand{display:grid;grid-template-columns:auto auto;align-items:end;line-height:.8;font-size:31px;font-weight:900;color:var(--navy)}.brand b{color:var(--blue)}.brand small{grid-column:1/3;font-size:8px;letter-spacing:3px;margin-top:8px}.site-header nav{display:flex;gap:25px;font-weight:700;font-size:14px}.site-header nav a:hover{color:var(--blue)}.hero{background:radial-gradient(circle at 18% 35%,#fff 0,#eaf5ff 35%,#fff 72%);border-bottom:1px solid var(--line)}.hero-inner{max-width:1380px;margin:auto;min-height:500px;display:grid;grid-template-columns:380px 1fr;align-items:center;padding:28px 35px}.puffy{object-fit:contain}.hero-puffy{width:100%;max-height:410px;filter:drop-shadow(0 18px 14px rgba(0,0,0,.12))}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--green)}h1{font-size:52px;line-height:1.03;margin:12px 0 16px;letter-spacing:-2px;color:var(--navy)}h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:20px;line-height:1.5;max-width:820px}.deal-search{display:flex;background:#fff;border:3px solid var(--blue);border-radius:16px;padding:7px;margin-top:24px;box-shadow:0 12px 35px rgba(21,92,166,.14)}.deal-search input{flex:1;border:0;padding:17px;font-size:18px;outline:0;min-width:0}.deal-search button,.primary{border:0;border-radius:10px;background:var(--blue);color:#fff;padding:0 25px;font-weight:900;font-size:16px;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips button{border:1px solid var(--line);background:#fff;border-radius:22px;padding:9px 14px;cursor:pointer}.trust{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 25px;gap:12px}.trust div{padding:10px 16px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b,.trust span{display:block}.trust span{font-size:13px;color:#64748b;margin-top:3px}.section,.split,.how{max-width:1380px;margin:0 auto;padding:55px 35px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2,.split h2,.how h2{font-size:32px;margin:7px 0;color:var(--navy)}.section-head p{margin:0;color:#64748b}.section-head>a{color:var(--blue);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.product{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.product .fake-img{height:180px;background:linear-gradient(135deg,#e6f2ff,#fff);display:grid;place-items:center;font-size:56px}.product .body{padding:17px}.product h3{margin:0 0 10px;font-size:17px}.product .price{font-size:22px;font-weight:900;margin:12px 0}.product button{width:100%;padding:12px;background:var(--green);border:0;border-radius:8px;color:#fff;font-weight:800}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.assistant-card,.categories{border-radius:20px;background:var(--soft);padding:30px}.assistant-card{display:grid;grid-template-columns:210px 1fr;align-items:center}.assistant-card img{width:100%;max-height:220px}.assistant-card .primary{padding:14px 20px;margin-top:10px}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.cat-grid a{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:92px;display:grid;place-items:center;font-size:26px;padding:12px}.cat-grid b{font-size:13px}.soft{background:#f9fbfe;max-width:none;padding-left:max(calc((100% - 1310px)/2),35px);padding-right:max(calc((100% - 1310px)/2),35px)}.drop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.drop-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.drop-grid strong{color:var(--green);font-size:24px}.how{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:center}.how img{width:100%;max-height:280px}.how ol{padding-left:22px;line-height:1.7}.how li{margin:9px 0}footer{background:var(--navy);color:#fff;padding:40px max(calc((100% - 1310px)/2),35px)}footer .brand{color:#fff;width:max-content}footer p{max-width:850px}.fine{opacity:.7;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){.site-header{height:auto;padding:14px 18px;align-items:flex-start}.site-header nav{display:none}.hero-inner{grid-template-columns:1fr;padding:20px}.hero-puffy{height:220px}.hero-copy{text-align:center}h1{font-size:37px}.hero-copy>p{font-size:17px}.deal-search{flex-direction:column}.deal-search button{padding:15px}.trust{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.assistant-card{grid-template-columns:130px 1fr}.cat-grid{grid-template-columns:1fr 1fr}.drop-grid{grid-template-columns:1fr}.how{grid-template-columns:1fr}.how img{height:220px}.section,.split,.how{padding:38px 20px}.soft{padding:38px 20px}}@media(max-width:520px){.brand{font-size:25px}.hero-inner{padding-top:8px}.hero-puffy{height:175px}h1{font-size:31px}.trust{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:1fr}.assistant-card{grid-template-columns:1fr;text-align:center}.assistant-card img{height:160px}.section-head{align-items:flex-start;flex-direction:column}}
.product-image{width:100%;height:190px;object-fit:contain;padding:12px;background:#fff}.product-link{display:block;background:var(--green);color:#fff;padding:12px;border-radius:8px;text-align:center;font-weight:800}.product .body p{color:#64748b;font-size:13px}
/* Scoped additions for the existing PuffyDeals homepage components. */
body[data-puffy-home] #deals,
body[data-puffy-home] #categorieen,
body[data-puffy-home] #uitleg{scroll-margin-top:100px}
body[data-puffy-home] .search-examples{margin-top:14px;color:#42566f;font-size:14px;font-weight:700}
body[data-puffy-home] .search-examples .chips{margin-top:8px}
body[data-puffy-home] .category-actions{grid-template-columns:repeat(3,1fr)}
body[data-puffy-home] .category-actions a{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-content:center;text-align:left;color:var(--navy)}
body[data-puffy-home] .category-actions a span{grid-row:1/3;font-size:25px}
body[data-puffy-home] .category-actions a b{font-size:15px}
body[data-puffy-home] .category-actions a small{font-size:12px;color:#64748b;line-height:1.35}
body[data-puffy-home] .product-image{width:100%;height:190px;object-fit:contain;padding:12px;background:#fff}
body[data-puffy-home] .product .merchant{margin:5px 0;color:#64748b;font-size:13px}
body[data-puffy-home] .product .product-link{display:block;background:var(--green);color:#fff;padding:12px;border-radius:8px;text-align:center;font-weight:800}
body[data-puffy-home] .product .product-link:hover{filter:brightness(.94)}
@media(max-width:900px){body[data-puffy-home] .category-actions{grid-template-columns:1fr 1fr}}
@media(max-width:520px){body[data-puffy-home] .category-actions{grid-template-columns:1fr}}
