@font-face{font-family:Human Sans;src:url(human-sans-300.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Human Sans;src:url(human-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Human Sans;src:url(human-sans-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Human Sans;src:url(human-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Human Sans;src:url(human-sans-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Ether Solique;src:url(ether-solique.woff2) format("woff2");font-weight:400;font-display:swap}:root{--z-soft-edge: color-mix(in srgb, var(--z-ink) 10%, transparent);--z-soft-shadow: 0 6px 18px color-mix(in srgb, var(--z-ink) 10%, transparent);--z-soft-shadow-hover: 0 10px 24px color-mix(in srgb, var(--z-ink) 16%, transparent);--z-ink: #2B2B2B;--z-ink-logo: #4A4A4A;--z-kiki: #5B2D91;--z-white: #FFFFFF;--z-line: #E5E5E5;--z-base: #FFFAF0;--z-hero: #FCEB7E;--z-header: #FFF3A8;--z-header-deep: #FCDB7E;--z-peach: #FDE6CC;--z-mint: #DDF3EF;--z-mint-strong: #86D2CC;--z-footer: #FFF4B5;--z-footer-mark: #FFFAE0;--z-footer-text: #8A6A10;--z-deep: #D99A12;--z-cta: #E0A020;--z-brand-yellow: #FBE94F;--z-pop-yellow: #FFE07A;--z-kiki-deep: #35204D;--z-butter-deep: #F0D45C;--z-green: #1FAA80;--z-blue: #4A6CBE;--z-surface: #F3F3F3;--z-flag-black: #000000;--z-flag-white: #FFFFFF;--z-flag-de-red: #DD0000;--z-flag-de-gold: #FFCE00;--z-flag-uk-blue: #012169;--z-flag-uk-red: #C8102E;--z-flag-fr-blue: #0055A4;--z-flag-fr-red: #EF4135;--z-flag-it-green: #009246;--z-flag-it-red: #CE2B37;--z-flag-nl-red: #AE1C28;--z-flag-nl-blue: #21468B;--z-flag-es-red: #AA151B;--z-flag-es-yellow: #F1BF00;--z-shadow-cta: 0 8px 18px rgba(150, 100, 0, .25);--z-shadow-product: drop-shadow(0 24px 32px rgba(120, 80, 0, .25));--z-shadow-patch: drop-shadow(0 10px 18px rgba(120, 80, 0, .18));--z-font: "Human Sans", system-ui, sans-serif;--z-font-brand: "Ether Solique", "Human Sans", sans-serif;--z-radius-sm: 6px;--z-radius-md: 10px;--z-radius-lg: 16px;--z-radius-xl: 24px;--z-radius-pill: 999px;--z-page: 1440px;--z-gutter: clamp(20px, 6.67vw, 96px);--z-section-y: clamp(56px, 8vw, 112px);--z-scallop-h: 110px}@media(max-width:480px){:root{--z-gutter: 20px}}@media(max-width:749px){:root{--z-scallop-h: 70px}}.z-scope,.z-scope *{box-sizing:border-box}.z-scope{font-family:var(--z-font);color:var(--z-ink);letter-spacing:normal;-webkit-font-smoothing:antialiased}.z-scope p{margin:0}:where(.z-scope) :where(h1,h2,h3,h4){letter-spacing:normal;margin:0;color:inherit}.z-scope :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea):not(.z-brand){font-family:var(--z-font)}.z-section{position:relative;overflow:clip;padding:var(--z-section-y) var(--z-gutter);background:var(--z-section-bg, var(--z-base))}.z-section--scallop{padding-bottom:calc(var(--z-section-y) + var(--z-scallop-h))}.z-container{max-width:calc(var(--z-page) - 2 * 96px);margin:0 auto}.z-h1{font-weight:800;font-size:clamp(44px,6.1vw,88px);line-height:.96;letter-spacing:-.045em;color:var(--z-deep);margin:0}.z-h2{font-weight:800;font-size:clamp(30px,3.6vw,52px);line-height:1.06;letter-spacing:-.04em;color:var(--z-deep);margin:0}.z-h3{font-weight:800;font-size:clamp(19px,1.6vw,22px);line-height:1.25;letter-spacing:-.02em;margin:0}.z-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.5;font-weight:500}.z-body{font-size:clamp(15px,1.15vw,16px);line-height:1.6}.z-brand{font-family:var(--z-font-brand);font-weight:400;letter-spacing:0}.z-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 48px;border:0;border-radius:var(--z-radius-pill);background:var(--z-cta);color:var(--z-white);font:800 17px/1 var(--z-font);text-decoration:none;cursor:pointer;box-shadow:var(--z-shadow-cta);transition:transform .15s ease,box-shadow .15s ease}.z-btn:hover{transform:translateY(-1px)}.z-btn:focus-visible{outline:3px solid var(--z-ink);outline-offset:3px}.z-btn--block{width:100%}.z-icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.z-scallop{position:absolute;left:0;right:0;bottom:-1px;height:var(--z-scallop-h);pointer-events:none;background-color:var(--z-scallop-color, var(--z-base));-webkit-mask:url(zahra-scallop-wide.svg) repeat-x center bottom / 1440px 110px;mask:url(zahra-scallop-wide.svg) repeat-x center bottom / 1440px 110px}.z-scope .z-scallop{display:block}@media(max-width:749px){.z-scallop{-webkit-mask:url(zahra-scallop-narrow.svg) repeat-x center bottom / 390px 70px;mask:url(zahra-scallop-narrow.svg) repeat-x center bottom / 390px 70px}}@media(prefers-reduced-motion:reduce){.z-scope *,.z-scope *:before,.z-scope *:after{animation:none!important;transition:none!important}}@media screen and (min-width:990px){html{zoom:.9}}.z-top{position:fixed;right:20px;bottom:calc(20px + var(--z-top-offset, 0px));z-index:25;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1.5px solid var(--z-ink);border-radius:999px;background:var(--z-white);color:var(--z-ink);box-shadow:0 8px 20px color-mix(in srgb,var(--z-ink) 14%,transparent);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,bottom .3s ease,visibility 0s linear .25s}.z-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease,bottom .3s ease}.z-top:hover{background:var(--z-ink);color:var(--z-white)}.z-top:focus-visible{outline:2px solid var(--z-ink);outline-offset:3px}.z-top .z-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media screen and (min-width:990px){.z-top{right:32px;bottom:calc(32px + var(--z-top-offset, 0px));width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.z-top{transition:opacity .01s}}.z-top{border:1px solid var(--z-soft-edge);box-shadow:var(--z-soft-shadow)}.z-top:hover{background:var(--z-white);color:var(--z-ink);box-shadow:var(--z-soft-shadow-hover)}.z-top.is-visible:hover{transform:translateY(-1px)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/zahra-base.css.map */