:root[data-tenant=surf-shop]{--surf-sable:#f6f0e4;--surf-sable-2:#efe5d2;--surf-ecume:#fffcf7;--surf-encre:#132a3e;--surf-brume:#586874;--surf-ligne:#e2d6c2;--surf-ocean:#1e6488;--surf-ombre:19 42 62;--surf-marque-fond:var(--couleur-boutique,var(--surf-encre));--surf-marque-trait:#fffaf3;--font-surf:"Fraunces", Georgia, "Times New Roman", serif;--surf-ciel-1:#d6e9f2;--surf-ciel-2:#f6f0e4;--surf-soleil:#f6c97f;--surf-mer-1:#9cc8da;--surf-mer-2:#2f7ea6;--surf-mer-3:#154a6b;--surf-ecume-vague:#ffffffb8;--surf-planche:#fff4e2;--hero-ink:var(--surf-encre);--hero-ink-soft:color-mix(in oklab, var(--surf-encre) 76%, transparent);--workspace-bg:var(--surf-sable);--workspace-panel:var(--surf-ecume);--workspace-ink:var(--surf-encre);--workspace-muted:var(--surf-brume);--workspace-line:var(--surf-ligne)}:root[data-tenant=surf-shop]:not(:is([data-accent=orange],[data-accent=bleu],[data-accent=vert],[data-accent=violet])){--workspace-accent:#17607f;--workspace-accent-soft:#dcebf1}:root[data-tenant=surf-shop][data-accent=orange]{--surf-ciel-1:#fbd7bd;--surf-ciel-2:#f8efe3;--surf-soleil:#f08a4c;--surf-mer-1:#a3c9d3;--surf-mer-2:#2b6e8c;--surf-mer-3:#143f58}:root[data-tenant=surf-shop]:not([data-theme=sombre])[data-accent=bleu],:root[data-tenant=surf-shop]:not([data-theme=sombre]) [data-couleur=bleu]{--couleur-boutique:#0f5f9c;--couleur-boutique-soft:#dbe9f4}:root[data-tenant=surf-shop][data-accent=bleu]{--surf-ciel-1:#cde4f2;--surf-ciel-2:#f4f3ea;--surf-soleil:#f7d58e;--surf-mer-1:#92c4e0;--surf-mer-2:#1f70ad;--surf-mer-3:#0d406c}:root[data-tenant=surf-shop][data-theme=sombre]{--surf-sable:#0f1d29;--surf-sable-2:#0b1621;--surf-ecume:#152837;--surf-encre:#eef3f5;--surf-brume:#a5b6c1;--surf-ligne:#284358;--surf-ocean:#6fb3d6;--surf-ombre:0 0 0;--surf-marque-trait:#0f1d29;--surf-ciel-1:#1d3752;--surf-ciel-2:#13283b;--surf-soleil:#f1dcae;--surf-mer-1:#2a5878;--surf-mer-2:#1b4561;--surf-mer-3:#0c2335;--surf-ecume-vague:#ffffff52;--surf-planche:#f3e6cc}:root[data-tenant=surf-shop][data-theme=sombre][data-accent=bleu],:root[data-tenant=surf-shop][data-theme=sombre] [data-couleur=bleu]{--couleur-boutique:#7cc0ee;--couleur-boutique-soft:#12324b}:root[data-tenant=surf-shop]:not([data-theme=sombre]) .zak-app{--background:var(--surf-sable);--foreground:var(--surf-encre);--card:var(--surf-ecume);--card-foreground:var(--surf-encre);--popover:var(--surf-ecume);--popover-foreground:var(--surf-encre);--border:var(--surf-ligne);--input:#a69479;--muted:#f1e9dc;--muted-foreground:var(--surf-brume);--secondary:#efe6d6;--secondary-foreground:var(--surf-encre);--accent:#ece2d0;--accent-foreground:var(--surf-encre);--sidebar:var(--surf-ecume);--sidebar-foreground:var(--surf-encre);--sidebar-accent:#f2eadd;--bg-grad:var(--surf-sable);--shadow-soft:0 1px 0 #ffffffbf inset, 0 14px 34px -24px rgb(var(--surf-ombre) / .5)}:root[data-tenant=surf-shop]:not([data-theme=sombre]):has(.zak-app){--background:var(--surf-sable);--foreground:var(--surf-encre);--card:var(--surf-ecume);--card-foreground:var(--surf-encre);--popover:var(--surf-ecume);--popover-foreground:var(--surf-encre);--border:var(--surf-ligne);--input:#a69479;--muted:#f1e9dc;--muted-foreground:var(--surf-brume);--secondary:#efe6d6;--secondary-foreground:var(--surf-encre);--accent:#ece2d0;--accent-foreground:var(--surf-encre);--sidebar:var(--surf-ecume);--sidebar-foreground:var(--surf-encre);--sidebar-accent:#f2eadd;--bg-grad:var(--surf-sable);--shadow-soft:0 1px 0 #ffffffbf inset, 0 14px 34px -24px rgb(var(--surf-ombre) / .5)}:root[data-tenant=surf-shop][data-theme=sombre] .zak-app{--background:var(--surf-sable);--foreground:var(--surf-encre);--card:var(--surf-ecume);--card-foreground:var(--surf-encre);--popover:var(--surf-ecume);--popover-foreground:var(--surf-encre);--border:var(--surf-ligne);--input:#4d6a80;--muted:#1b3244;--muted-foreground:var(--surf-brume);--secondary:#1d3549;--secondary-foreground:var(--surf-encre);--accent:#213b50;--accent-foreground:var(--surf-encre);--sidebar:var(--surf-ecume);--sidebar-foreground:var(--surf-encre);--sidebar-accent:#1d3549;--bg-grad:var(--surf-sable);--shadow-soft:0 14px 34px -24px #000000b3}:root[data-tenant=surf-shop][data-theme=sombre]:has(.zak-app){--background:var(--surf-sable);--foreground:var(--surf-encre);--card:var(--surf-ecume);--card-foreground:var(--surf-encre);--popover:var(--surf-ecume);--popover-foreground:var(--surf-encre);--border:var(--surf-ligne);--input:#4d6a80;--muted:#1b3244;--muted-foreground:var(--surf-brume);--secondary:#1d3549;--secondary-foreground:var(--surf-encre);--accent:#213b50;--accent-foreground:var(--surf-encre);--sidebar:var(--surf-ecume);--sidebar-foreground:var(--surf-encre);--sidebar-accent:#1d3549;--bg-grad:var(--surf-sable);--shadow-soft:0 14px 34px -24px #000000b3}:root[data-tenant=surf-shop] .zak-app{background:radial-gradient(120% 55% at 100% 0%, color-mix(in oklab, var(--couleur-boutique-soft,var(--surf-ciel-1)) 60%, transparent) 0%, transparent 62%), linear-gradient(180deg, var(--surf-sable) 0%, var(--surf-sable-2) 100%)}:root[data-tenant=surf-shop] .zak-app:after{content:"";z-index:0;pointer-events:none;background:var(--surf-ocean);opacity:.1;height:170px;position:fixed;inset:auto 0 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 170'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M0 72Q80 50 160 72T320 72T480 72T640 72'/%3E%3Cpath d='M0 108Q80 88 160 108T320 108T480 108T640 108'/%3E%3Cpath d='M0 144Q80 126 160 144T320 144T480 144T640 144'/%3E%3C/g%3E%3C/svg%3E") 0 100%/640px 170px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 170'%3E%3Cg fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M0 72Q80 50 160 72T320 72T480 72T640 72'/%3E%3Cpath d='M0 108Q80 88 160 108T320 108T480 108T640 108'/%3E%3Cpath d='M0 144Q80 126 160 144T320 144T480 144T640 144'/%3E%3C/g%3E%3C/svg%3E") 0 100%/640px 170px repeat-x}.surf-marque{background:var(--surf-marque-fond);width:32px;height:32px;color:var(--surf-marque-trait);box-shadow:0 6px 14px -8px var(--surf-marque-fond);border-radius:11px 11px 11px 4px;flex-shrink:0;place-items:center;display:inline-grid}.surf-marque svg{width:24px;height:24px}.surf-marque-ligne{align-items:center;gap:10px;min-width:0;display:flex}:root[data-tenant=surf-shop] .zak-app .workspace-mobile-header{border-bottom-color:color-mix(in oklab, var(--surf-ligne) 80%, transparent);background:color-mix(in oklab, var(--surf-ecume) 80%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px)}:root[data-tenant=surf-shop] .zak-app .workspace-bottom-nav{border-top-color:color-mix(in oklab, var(--surf-ligne) 85%, transparent);background:color-mix(in oklab, var(--surf-ecume) 86%, transparent);box-shadow:0 -12px 30px -26px rgb(var(--surf-ombre) / .55);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px)}:root[data-tenant=surf-shop] .zak-app .workspace-bottom-nav>:is(a,button){color:var(--surf-brume);background:0 0}:root[data-tenant=surf-shop] .zak-app .workspace-bottom-nav>:is(a[aria-current=page],button.bg-primary){color:var(--primary);background:0 0}:root[data-tenant=surf-shop] .zak-app .workspace-bottom-nav>:is(a[aria-current=page],button.bg-primary)>svg{box-sizing:content-box;background:color-mix(in oklab, var(--primary) 14%, transparent);border-radius:999px;padding:3px 16px}:root[data-tenant=surf-shop] .zak-app .workspace-sidebar{border-right-color:color-mix(in oklab, var(--surf-ligne) 85%, transparent)}:root[data-tenant=surf-shop] .zak-app .workspace-sidebar .surf-marque-ligne{padding:2px 6px 0}:root[data-tenant=surf-shop] .zak-app .workspace-sidebar .surf-marque-ligne .workspace-organisation{padding:0}:root[data-tenant=surf-shop] .surf-page-title{border-bottom-color:color-mix(in oklab, var(--surf-ligne) 85%, transparent)}:root[data-tenant=surf-shop] .surf-page-title:after{opacity:.9;background:var(--primary);border:0;border-radius:0;width:3.4rem;height:.6rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 10'%3E%3Cpath d='M2 6Q8.5 1.5 15 6T28 6T41 6T54 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 10'%3E%3Cpath d='M2 6Q8.5 1.5 15 6T28 6T41 6T54 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}:root[data-tenant=surf-shop] .zak-app :is(.card-surface,.business-panel,.glass-panel){border-color:color-mix(in oklab, var(--surf-ligne) 92%, transparent);box-shadow:var(--shadow-soft)}:root[data-tenant=surf-shop] .zak-app :is(.kit-button,.kit-action).bg-primary{box-shadow:0 1px 0 #ffffff38 inset, 0 12px 26px -16px var(--primary);background-image:linear-gradient(#ffffff29,#fff0 58%)}:root[data-tenant=surf-shop] .zak-app .kit-action.bg-primary{isolation:isolate;position:relative;overflow:hidden}:root[data-tenant=surf-shop] .zak-app .kit-action.bg-primary:after{content:"";z-index:-1;opacity:.16;background:currentColor;width:128px;height:50px;position:absolute;bottom:-4px;right:-6px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 50'%3E%3Cpath d='M0 50C22 33 42 15 70 11C94 8 111 18 115 31C106 24 93 24 87 33C81 42 92 47 128 45V50Z'/%3E%3C/svg%3E") 100% 100%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 50'%3E%3Cpath d='M0 50C22 33 42 15 70 11C94 8 111 18 115 31C106 24 93 24 87 33C81 42 92 47 128 45V50Z'/%3E%3C/svg%3E") 100% 100%/100% 100% no-repeat}:root[data-tenant=surf-shop] .zak-app .kit-action{transition:transform .16s,border-color .16s,box-shadow .16s}:root[data-tenant=surf-shop] .zak-app .kit-action:not(.bg-primary):hover{border-color:color-mix(in oklab, var(--primary) 42%, var(--border))}:root[data-tenant=surf-shop] .zak-app .kit-action:active{transform:scale(.985)}:root[data-tenant=surf-shop] .choix-boutique{border-color:color-mix(in oklab, var(--surf-ligne) 90%, transparent);background:color-mix(in oklab, var(--surf-ecume) 88%, transparent);box-shadow:var(--shadow-soft);border-radius:999px}:root[data-tenant=surf-shop] .choix-boutique>button{border-radius:999px}:root[data-tenant=surf-shop] .choix-boutique>button[aria-checked=true]{box-shadow:0 8px 18px -12px var(--couleur-boutique)}:root[data-tenant=surf-shop] .fermeture-boutique{border-color:color-mix(in oklab, var(--primary) 22%, var(--surf-ligne));background:linear-gradient(100deg, color-mix(in oklab, var(--primary) 9%, var(--surf-ecume)) 0%, var(--surf-ecume) 70%)}.surf-banniere{isolation:isolate;background:linear-gradient(180deg, var(--surf-ciel-1) 0%, var(--surf-ciel-2) 72%);min-height:clamp(10.5rem,24vh,13.5rem);box-shadow:0 1px 0 #ffffff8c inset, 0 18px 40px -30px rgb(var(--surf-ombre) / .6);color:var(--surf-encre);border-radius:1.6rem;position:relative;overflow:hidden}.surf-banniere--compacte{border-radius:1.25rem;min-height:7.5rem}.surf-banniere-texte{z-index:1;max-width:min(72%,34rem);padding:1.05rem 1.25rem 0;position:relative}.surf-banniere--compacte .surf-banniere-texte{max-width:min(82%,34rem);padding-top:.85rem}.surf-banniere-texte .surf-kicker{letter-spacing:.01em;color:color-mix(in oklab, var(--surf-encre) 72%, transparent);font-size:.8125rem;font-weight:600}.zak-app .surf-banniere-texte h1,.surf-banniere-texte h1{font-family:var(--font-surf,var(--font-sans));letter-spacing:-.02em;color:var(--surf-encre);overflow-wrap:anywhere;margin-top:1px;font-size:clamp(1.85rem,6.2vw,2.75rem);font-style:italic;font-weight:600;line-height:1.04}.surf-banniere--compacte .surf-banniere-texte h1{font-size:clamp(1.45rem,5vw,1.9rem)}.surf-banniere-texte .surf-sous-titre{color:color-mix(in oklab, var(--surf-encre) 74%, transparent);margin-top:6px;font-size:.875rem;font-weight:600;line-height:1.35}:root:is([data-police=lisible],[data-police=systeme]) .surf-banniere-texte h1{font-family:var(--font-sans);font-style:normal;font-weight:700}.surf-banniere--scene{min-height:clamp(10rem,22vh,13rem)}.surf-decor{z-index:0;pointer-events:none;position:absolute;inset:0}.surf-decor-soleil{aspect-ratio:1;background:radial-gradient(circle, var(--surf-soleil) 0 56%, color-mix(in oklab, var(--surf-soleil) 32%, transparent) 58%, transparent 71%);border-radius:50%;width:clamp(3.3rem,11vw,6.25rem);position:absolute;top:15%;right:13%}.surf-decor-mouettes{fill:none;width:2.1rem;stroke:var(--surf-encre);stroke-width:1.4px;stroke-linecap:round;opacity:.45;animation:9s ease-in-out infinite alternate surf-mouettes;position:absolute;top:17%;right:calc(13% + clamp(3.3rem,11vw,6.25rem) + 6px)}.surf-decor-mer{height:44%;position:absolute;inset:auto 0 0}.surf-banniere--compacte .surf-decor-mer{height:30%}.surf-decor-couche{will-change:transform;width:200%;height:100%;animation:24s linear infinite surf-houle;position:absolute;bottom:0;left:0}.surf-decor-milieu{animation-duration:16s}.surf-decor-pres{animation-duration:11s}.surf-decor-surfeur{transform-origin:50% 80%;width:clamp(2.1rem,6vw,3.2rem);animation:6s ease-in-out infinite surf-glisse;position:absolute;bottom:43%;left:58%;overflow:visible}.surf-banniere--compacte .surf-decor-soleil{width:clamp(2.6rem,9vw,4.5rem);top:18%}.surf-banniere--compacte .surf-decor-mouettes{display:none}@keyframes surf-houle{to{transform:translate(-25%)}}@keyframes surf-glisse{0%,to{transform:translate(0)rotate(-4deg)}50%{transform:translate(-7px,3px)rotate(3deg)}}@keyframes surf-mouettes{to{transform:translate(-10px,-3px)}}:root[data-tenant=surf-shop] .kit-loading>svg{display:none}:root[data-tenant=surf-shop] .kit-loading:before{content:"";background:var(--primary);width:4.5rem;height:1rem;animation:.9s linear infinite surf-attente;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M0 8Q6 2 12 8T24 8' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") 0/1.5rem 1rem repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'%3E%3Cpath d='M0 8Q6 2 12 8T24 8' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") 0/1.5rem 1rem repeat-x}@keyframes surf-attente{to{-webkit-mask-position:1.5rem;mask-position:1.5rem}}:root[data-tenant=surf-shop] .kit-empty>svg:first-child{box-sizing:content-box;background:color-mix(in oklab, var(--primary) 10%, transparent);color:var(--primary);border-radius:999px;padding:.85rem}:root[data-tenant=surf-shop] .kit-success-mark{position:relative}:root[data-tenant=surf-shop] .kit-success-mark:before,:root[data-tenant=surf-shop] .kit-success-mark:after{content:"";border:2px solid var(--success);opacity:0;border-radius:50%;animation:1.5s ease-out .1s 2 both surf-onde;position:absolute;inset:0}:root[data-tenant=surf-shop] .kit-success-mark:after{animation-delay:.55s}@keyframes surf-onde{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}[data-animations=off] :is(.surf-decor,.surf-decor *,.kit-loading,.kit-success-mark),[data-animations=off] :is(.kit-loading,.kit-success-mark):before,[data-animations=off] .kit-success-mark:after{animation:none!important}@media (prefers-reduced-motion:reduce){:is(.surf-decor,.surf-decor *),:is(.kit-loading,.kit-success-mark):before,.kit-success-mark:after{animation:none!important}}@media (width>=1024px){.surf-banniere-texte{padding:1.5rem 1.9rem 0}}