@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";.cf-scope{--cf-yellow:#FFC72C;--cf-yellowDeep:#F2B100;--cf-yellowTint:#FFF6DA;--cf-yellowSoft:#FFEFB8;--cf-ink:#16130E;--cf-ink70:#46413A;--cf-muted:#6B6357;--cf-navy:#13243F;--cf-line:#ECE6DA;--cf-lineSoft:#F3EEE4;--cf-bg:#FAF8F4;--cf-green:#1E7A53;--cf-greenTint:#E8F4EC;--cf-pad:56px;--cf-max:1280px;font-family:Hanken Grotesk,system-ui,sans-serif;color:var(--cf-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cf-scope *{box-sizing:border-box}.cf-scope img{display:block;max-width:100%}.cf-scope a{text-decoration:none;color:inherit}.cf-inner{max-width:var(--cf-max);margin:0 auto;padding-left:var(--cf-pad);padding-right:var(--cf-pad)}.cf-sechead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:16px}.cf-sechead h2{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0}.cf-sechead p{font-size:15px;color:var(--cf-muted);margin:6px 0 0}.cf-viewall{font-size:14.5px;font-weight:700;color:var(--cf-ink);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.cf-btn{cursor:pointer;border:none;font-family:inherit;display:inline-block;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.cf-btn:hover{transform:translateY(-1px)}.cf-btn:active{transform:translateY(0)}.cf-btn-yellow{background:var(--cf-yellow);color:var(--cf-ink);font-weight:700;border-radius:12px;box-shadow:0 6px 20px #ffc72c59}.cf-btn-ink{background:var(--cf-ink);color:#fff;font-weight:700;border-radius:12px}.cf-card{transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.cf-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #16130e1a}.cappl-card{background:#fff;border:1px solid var(--cf-line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #16130e0a;display:flex;flex-direction:column}.cappl-imgarea{position:relative;height:200px;background:#fff;border-bottom:1px solid var(--cf-lineSoft)}.cappl-imgarea>img,.cappl-imgarea .cappl-ph{width:100%;height:100%;object-fit:contain;padding:16px}.cappl-grade{position:absolute;top:12px;left:12px;background:#fff;color:var(--cf-navy);font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px;box-shadow:0 1px 4px #00000014}.cappl-heart{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;background:#ffffffeb;display:flex;align-items:center;justify-content:center;color:var(--cf-ink70);box-shadow:0 1px 4px #00000014;transition:transform .15s ease}.cappl-heart:hover{transform:scale(1.12)}.cappl-assured{position:absolute;bottom:10px;left:10px;display:inline-flex;align-items:center;gap:6px;background:#3d4a26;color:#fff;border-radius:999px;padding:5px 12px 5px 9px;font-size:12.5px;font-weight:700;line-height:1;box-shadow:0 1px 4px #0000001f}.cappl-assured .cm-cmark{flex-shrink:0;display:block}.cappl-assured b{color:var(--cf-yellow);font-weight:800;margin-left:1px}.cappl-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.cappl-meta{font-size:12px;font-weight:600;color:var(--cf-muted);letter-spacing:.02em}.cappl-name{font-size:15.5px;font-weight:700;line-height:1.25;margin-top:3px;color:var(--cf-ink);min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cappl-chips{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0 13px}.cappl-chip{font-size:11.5px;font-weight:600;color:var(--cf-ink70);background:var(--cf-lineSoft);padding:4px 9px;border-radius:7px}.cappl-pricerow{margin-top:auto;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.cappl-price{font-size:21px;font-weight:800;color:var(--cf-ink)}.cappl-mrp{font-size:13.5px;color:var(--cf-muted);text-decoration:line-through}.cappl-off{font-size:12px;font-weight:800;color:var(--cf-green);background:var(--cf-greenTint);padding:2px 7px;border-radius:6px}.cappl-foot{font-size:12.5px;color:var(--cf-muted);margin-top:5px;display:flex;justify-content:space-between;align-items:center;gap:8px}.cappl-loc{display:inline-flex;align-items:center;gap:4px}@media(max-width:990px){.cf-scope{--cf-pad:24px}}@media(max-width:749px){.cf-scope{--cf-pad:16px}.cf-sechead h2{font-size:23px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/calm-clarity.css.map */