@media(max-width:768px){.hero-blobs{display:none!important}}@media(min-width:769px)and (max-width:1100px){.blob-1{width:150px;height:102px;left:1%;top:6%}.blob-3{width:190px;height:129px;right:-60px;top:8%}.blob-4{width:100px;height:69px;right:1%;top:84%}.blob-quiet{color:#0d63340f}}body[data-page] .cookie-banner{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1.4rem;width:min(960px,calc(100% - 24px));margin-inline:auto;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-lg)}body[data-page] .cookie-text{flex:1 1 320px;margin:0;color:var(--ink);font-size:.9rem;line-height:1.55}body[data-page] .cookie-text a{color:var(--leaf-dark);font-weight:800}body[data-page] .cookie-actions{display:flex;gap:.6rem}body[data-page] .cookie-actions .btn{min-height:44px;padding:.65rem 1.2rem}@media(max-width:680px){body[data-page] .cookie-banner{bottom:calc(70px + env(safe-area-inset-bottom))}}@media(max-width:359px){.trust-bar{grid-template-columns:1fr}}@media(max-width:768px){.menu-toggle{min-width:44px;min-height:44px}.top-strip a{padding-block:12px;margin-block:-12px}.hero-dots button{position:relative}.hero-dots button:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.cookie-text a{display:inline-block;padding-block:8px;margin-block:-8px}}@media(max-width:359px){.hero h1{font-size:clamp(2.8rem,16vw,4rem)}}@media(max-width:768px){.showcase-dots button{position:relative}.showcase-dots button:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}}.c-compare-panel{position:relative;background:radial-gradient(120% 90% at 6% 0%,#1a8a4f3d,#042a1b00 58%),var(--deep, #042a1b);border-color:#f3d9a42e;box-shadow:0 24px 60px #042a1b59}.c-compare-table thead th{color:var(--sand, #e8dcc0);font-size:.84rem;letter-spacing:.14em}.c-compare-table thead th.is-yoppy{color:var(--gold-light, #f3d9a4);font-size:1.5rem;letter-spacing:.05em}.c-compare-table thead .is-yoppy:before{display:none}.c-compare-table tbody th{color:var(--cream, #FBF4E4)}.c-compare-table tbody th .c-compare-icon{color:var(--gold, #d59b35);opacity:1}.c-compare-table .is-yoppy{color:#fff;font-family:var(--font-display, "Anton", sans-serif);font-weight:400;font-size:1.12rem;letter-spacing:.035em;text-transform:uppercase}.c-compare-table .is-yoppy:before{background:#1a8a4f33}.c-compare-yes svg{color:var(--gold, #d59b35)}.c-compare-table .is-generic{color:var(--sand, #e8dcc0)}.c-compare-table th,.c-compare-table td{border-block-start-color:#f3d9a429}.compare-crumb{background:var(--gold-light, #f3d9a4)}.c-compare-tag{display:none}.c-compare-note{margin-top:1rem;max-width:62ch;color:var(--ink-700, rgba(26, 26, 26, .7))}@media(min-width:640px){.c-compare-table{font-size:.95rem}.c-compare-table th,.c-compare-table td{padding:1rem 1.1rem}.c-compare-table thead th,.c-compare-table thead td{background:#031e1280;border-block-end:1px solid rgba(243,217,164,.28)}.c-compare-table thead th{padding-block:1.05rem}.c-compare-table tbody th{width:30%}.c-compare-table .is-yoppy{width:36%}.c-compare-table .is-generic{width:34%}.c-compare-table thead th.is-yoppy{border-inline:1px solid rgba(243,217,164,.28)}.c-compare-table tbody td.is-yoppy{border-inline:1px solid rgba(243,217,164,.14)}.c-compare-table tbody tr:nth-child(2n){background:#fbf4e409}}@media(hover:hover)and (min-width:640px){.c-compare-table tbody tr{transition:background-color .2s ease}.c-compare-table tbody tr:hover{background:#fbf4e413}}@media(max-width:639px){.c-compare-panel{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}.c-compare-table,.c-compare-table thead{display:block}.c-compare-table{font-size:1rem}.c-compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.c-compare-table tbody{display:grid;grid-template-columns:1fr;gap:.7rem}.c-compare-table tbody tr{display:grid;grid-template-columns:1fr;padding-block:1rem 1.1rem;border:1px solid rgba(243,217,164,.2);border-radius:var(--radius-lg, 26px);background:radial-gradient(130% 100% at 8% 0%,#1a8a4f42,#042a1b00 62%),var(--deep, #042a1b);box-shadow:0 12px 28px #042a1b42}.c-compare-table th,.c-compare-table td{padding:0;border-block-start:none}.c-compare-table tbody th{width:auto;padding:0 1.15rem .6rem;font-family:var(--font-body, "Inter", sans-serif);font-size:.74rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#fbf4e4c7}.c-compare-table tbody th>span{align-items:center;gap:.5rem}.c-compare-table tbody th .c-compare-icon{width:15px;height:15px;flex:0 0 15px;margin-block-start:0}.c-compare-table tbody td{display:grid;grid-template-columns:4.6rem minmax(0,1fr);column-gap:.6rem;align-items:start;padding-inline:1.15rem}.c-compare-table tbody td.is-yoppy{padding-block-end:.62rem;font-size:1.22rem;line-height:1.16}.c-compare-table tbody td.is-generic{padding-block-start:.62rem;box-shadow:inset 0 1px #f3d9a424;font-size:.86rem;line-height:1.4;color:#e8dcc0d1}.c-compare-table .is-yoppy:before{display:none}.c-compare-yes svg{width:16px;height:16px;flex:0 0 16px}.c-compare-tag{display:block;min-width:0;overflow-wrap:break-word;font-family:var(--font-body, "Inter", sans-serif);font-size:.62rem;font-weight:800;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.c-compare-tag--y{color:var(--gold-light, #f3d9a4)}.c-compare-tag--t{color:#e8dcc0bf}.compare-mascot,.compare-crumb{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yoppy-mobile.css.map */