:root{--paper:#f4f4f1;--gray:#e2e2dd;--gray-2:#c9c9c3;--gray-3:#8d8d87}
header{background:#fff}
.button.dark,.filters button.active{background:#333330}
.hero-copy{background:var(--gray)}
.hero h1 em{color:var(--yellow)}
.benefits{background:#efefeb;border-top:1px solid #b9b9b3;border-bottom:1px solid #b9b9b3}
.benefits article,.benefits article.blue,.benefits article.pink,.benefits article.orange,.benefits article:nth-child(even){min-height:245px;padding:25px 27px 24px;background:transparent;border-right:1px solid #b9b9b3;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 26px auto auto;column-gap:18px;align-items:start}
.benefits article:last-child{border-right:0}
.benefits article>span{font-size:11px;line-height:1;color:#6d6d68;letter-spacing:.14em}
.benefit-icon{grid-column:2;grid-row:1/3;width:74px;height:74px;margin:0;border-radius:5px;display:grid;place-items:center;background:#333330;color:#fff;border:0;box-shadow:none;font-size:42px;line-height:1;transform:none}
.benefit-icon svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon img{width:58px;height:42px;object-fit:contain;display:block}
.benefit-icon img.snap-icon{width:51px;height:57px}
.benefit-icon img.wash-icon{width:57px;height:49px}
.benefit-icon svg.washer-icon{width:46px;height:46px;stroke-width:1.35}
.benefit-icon.fit-icon{font-size:62px;line-height:1;font-family:Arial,sans-serif;padding-bottom:6px;text-align:center}
.benefit-icon.price-icon{padding:0}
.benefit-icon.price-icon svg{width:46px;height:46px;stroke-width:1.35}
.benefits article:nth-child(even) .benefit-icon{transform:none}
.benefits h3{grid-column:1/-1;grid-row:3;font-size:22px;line-height:1.12;letter-spacing:-.035em;margin:0 0 9px;padding-top:14px;border-top:1px solid #b9b9b3}
.benefits p{grid-column:1/-1;grid-row:4;margin:0;color:#555550;font-size:12px;line-height:1.65;max-width:270px}
@media(max-width:900px){.benefits article:nth-child(2){border-right:0}.benefits article:nth-child(-n+2){border-bottom:1px solid #b9b9b3}}
@media(max-width:600px){.benefits article,.benefits article.blue,.benefits article.pink,.benefits article.orange,.benefits article:nth-child(even){min-height:220px;border-right:0;border-bottom:1px solid #b9b9b3;padding:24px 22px}.benefits article:last-child{border-bottom:0}.benefits p{max-width:420px}}
.catalog{background:var(--paper)}
.catalog .pill.violet{background:var(--yellow);color:var(--black)}
.visual{background-size:cover;background-position:center;background-color:#eee}
.visual.green{background-image:url('assets/product-yellow.jpg');background-position:center}
.visual.milk{background-image:url('assets/product-beige.jpg');background-position:center}
.visual.rust{background-image:url('assets/product-gray.jpg');background-position:center}
.quick{background:#e2e2dd}
.quick:hover{background:#c9c9c3}
.c1{background:#111}.c2{background:#777}.c3{background:#fff000}.c4{background:#ddd5c8}.c5{background:#ffe900}
.real-life{background:var(--gray-2)}
.life-photo img{object-position:center;filter:saturate(.75)}
.life-photo .bubble{background:#21c7bd;color:var(--black)}
.life-copy .pill{background:var(--yellow)}
.reviews{background:#fff}
.review-row blockquote,.review-row blockquote.yellow,.review-row blockquote.blue{background:#fff}
.review-row blockquote:nth-child(2){background:#fff}
.review-row blockquote:nth-child(3){background:#fff}
.faq{background:var(--paper)}
.cta{background:#21c7bd}
.cta-face{width:240px;height:190px;position:relative;transform:rotate(-8deg)}
.cta-face i{position:absolute;top:25px;width:32px;height:48px;background:#090909;border-radius:50%;transform:rotate(5deg)}
.cta-face i:first-child{left:48px}.cta-face i:nth-child(2){right:48px;transform:rotate(-5deg)}
.cta-face b{position:absolute;left:50%;bottom:25px;width:135px;height:68px;border:12px solid #090909;border-top:0;border-radius:0 0 90px 90px;transform:translateX(-50%)}
.cta-meme{display:block;width:82%;height:82%;object-fit:contain;transform:rotate(-8deg);mix-blend-mode:multiply}
@media(max-width:900px){.cta-face{transform:rotate(-8deg) scale(.78)}}
@media(max-width:600px){.cta-face{transform:rotate(-8deg) scale(.62)}}
@media(max-width:900px){nav{background:#fff}}
.logo.light{background:transparent;border:0}.logo.light img{content:url("assets/coolpouf-logo-footer.png")}
.topline{height:34px;background:#090909;color:var(--yellow);display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;padding:0 12px;font-size:10px;font-weight:800;letter-spacing:.1em}.topline span{color:#fff;margin:0 18px}@media(max-width:560px){.topline{font-size:7px;letter-spacing:.045em}.topline span{margin:0 8px}}
footer a[href="#faq"]:first-of-type{ }