:root{
  --bg:#070b0d; --bg2:#0c1316; --panel:rgba(255,255,255,.035); --line:rgba(255,255,255,.10);
  --txt:#e9f3ef; --mut:#90a39c; --acc:#7af0c8; --acc2:#54d6f5; --warn:#ffb27a; --bad:#ff7a8f;
  --r:18px; --mono:"JetBrains Mono",ui-monospace,monospace; --sans:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--sans);color:var(--txt);background:var(--bg);line-height:1.55;
  background-image:radial-gradient(1200px 600px at 80% -10%,rgba(122,240,200,.10),transparent 60%),
                   radial-gradient(900px 500px at 10% 110%,rgba(84,214,245,.08),transparent 55%);
  background-attachment:fixed;min-height:100vh;
}
a{color:var(--acc);text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.4rem}
.mono{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;color:var(--acc)}
.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;
  padding:.8rem 1.4rem;border-radius:999px;font:700 .92rem var(--sans);color:#04140e;
  background:linear-gradient(135deg,var(--acc),var(--acc2));transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(122,240,200,.25)}
.btn--ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
.btn--ghost:hover{border-color:var(--acc);box-shadow:none}
.btn--bad{background:linear-gradient(135deg,#ff7a8f,#ff9d7a);color:#1a0408}
.btn--sm{padding:.5rem .9rem;font-size:.82rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
.grid{display:grid;gap:1rem}
.tag{display:inline-block;font:600 .62rem var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem}
.pill{font:700 .68rem var(--mono);padding:.2rem .55rem;border-radius:999px}
.pill--on{color:#04140e;background:var(--acc)}
.pill--off{color:var(--mut);border:1px solid var(--line)}
input,textarea,select{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line);
  background:rgba(0,0,0,.25);color:var(--txt);font:400 .95rem var(--sans)}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--acc)}
label.fld{display:block;margin:0 0 1rem}
label.fld>span{display:block;font:600 .78rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:0 0 .4rem}

/* ---- FRONT ---- */
.site-head{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);
  background:rgba(7,11,13,.7);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:.6rem;font:800 1.1rem var(--sans);color:#fff}
.brand .leaf{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--acc),var(--acc2))}
.nav{display:flex;gap:1.4rem}.nav a{color:var(--mut);font-weight:600;font-size:.95rem}.nav a:hover{color:#fff}
.hero{padding:6rem 0 3rem;text-align:center}
.hero h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.04;margin:.6rem 0;letter-spacing:-.02em;
  background:linear-gradient(180deg,#fff,#bfe9da);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.15rem;color:var(--mut);max-width:620px;margin:1rem auto 2rem}
.section{padding:2.5rem 0}
.section h2{font-size:1.6rem;margin:0 0 1.2rem}
footer.site{border-top:1px solid var(--line);margin-top:4rem;padding:2.5rem 0;color:var(--mut);font-size:.9rem}

/* ---- ADMIN ---- */
.adm{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.adm-side{background:var(--bg2);border-right:1px solid var(--line);padding:1.4rem 1rem;position:sticky;top:0;height:100vh}
.adm-side .brand{margin:0 0 1.8rem;padding:0 .4rem}
.adm-nav a{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:12px;color:var(--mut);font-weight:600;margin-bottom:.25rem}
.adm-nav a.on,.adm-nav a:hover{background:var(--panel);color:#fff}
.adm-main{padding:2rem 2.2rem;max-width:980px}
.adm-h{display:flex;align-items:center;justify-content:space-between;margin:0 0 1.6rem}
.adm-h h1{font-size:1.5rem;margin:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:0 0 1.6rem}
.kpi b{display:block;font:700 2rem var(--mono);color:#fff}
.kpi span{color:var(--mut);font-size:.85rem}
.mlist{display:grid;gap:.8rem}
.mrow{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap}
.mrow .mmeta{flex:1;min-width:200px}
.mrow h3{margin:0 0 .2rem;font-size:1.05rem}
.mrow p{margin:0;color:var(--mut);font-size:.9rem}
.flash{padding:.8rem 1rem;border-radius:12px;border:1px solid var(--acc);background:rgba(122,240,200,.08);margin:0 0 1.4rem;color:var(--acc)}
.login-wrap{display:grid;place-items:center;min-height:100vh;padding:1.4rem}
.login{max-width:380px;width:100%}
.price{font:700 1.05rem var(--mono);color:var(--acc)}
.muted{color:var(--mut)}
.row-actions{display:flex;gap:.5rem;flex-wrap:wrap}
@media(max-width:760px){.adm{grid-template-columns:1fr}.adm-side{position:static;height:auto}}

/* ===== v2 polish ===== */
.wrap{max-width:1140px}
.hero{padding:7rem 0 4rem;position:relative}
.hero .mono{opacity:.7}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);margin:.8rem auto;max-width:14ch;letter-spacing:-.03em}
.hero p{font-size:1.22rem;max-width:600px}
.hero .btn{margin-top:1.8rem}
.section{padding:3.2rem 0}
.section h2{font-size:clamp(1.5rem,3.5vw,2.1rem);letter-spacing:-.01em;margin:0 0 1.4rem}
.lede{font-size:1.12rem;max-width:680px;color:#c4d4ce}
.nav a.is-active{color:#fff}
.nav a.is-active::after{content:"";display:block;height:2px;background:var(--acc);border-radius:2px;margin-top:3px}
.card{transition:border-color .18s,transform .18s,box-shadow .18s}
.section .card:hover{border-color:rgba(122,240,200,.28)}
details.card summary{list-style:none}
details.card summary::-webkit-details-marker{display:none}
details.card[open]{border-color:rgba(122,240,200,.28)}
.btn{box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
.hero::after{content:"";position:absolute;left:50%;top:38%;width:520px;height:520px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(122,240,200,.12),transparent 62%);pointer-events:none;z-index:-1;filter:blur(20px)}
img{max-width:100%}
.grid{gap:1.1rem}
/* zarovnání obsahu modulů do centrovaného kontejneru (i bez vlastního .wrap) */
.section > :not(.wrap){max-width:1140px;margin-left:auto;margin-right:auto;padding-left:1.4rem;padding-right:1.4rem;box-sizing:border-box}
/* page-builder: bloky vedle sebe (sloupce) */
.folia-blocks{display:flex;flex-wrap:wrap;align-items:flex-start}
.folia-block{flex:1 1 100%;min-width:0}
.folia-block.w-half{flex:0 0 50%}
.folia-block.w-third{flex:0 0 33.3333%}
@media(max-width:760px){.folia-block.w-half,.folia-block.w-third{flex:1 1 100%}}
/* zarovnání obsahu bloku */
.folia-block.a-center{text-align:center}
.folia-block.a-center .card,.folia-block.a-center .section > :not(.wrap){margin-left:auto;margin-right:auto}
.folia-block.a-right{text-align:right}
.folia-block.a-right .card{margin-left:auto;margin-right:0}
/* hero s fotkou (cover, sám se přizpůsobí) */
.hero--img{background-size:cover;background-position:center;background-repeat:no-repeat}
.hero--img::after{display:none}
.hero-up{margin-top:1.6rem;display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
/* málo stránek → lišta vycentrovaná, brand vlevo */
.site-head.nav-center .wrap{position:relative;justify-content:center}
.site-head.nav-center .brand{position:absolute;left:1.4rem;top:50%;transform:translateY(-50%)}
@media(max-width:760px){.site-head.nav-center .wrap{justify-content:flex-end}.site-head.nav-center .brand{position:static;transform:none}}

/* ============================================================
   v6 — WOW design layer (vše z palety přes color-mix → každá
   sada má vlastní atmosféru). Třídy zůstávají, jen krásnější.
   ============================================================ */
:root{ --r:20px; --rlg:28px; --glow:color-mix(in srgb,var(--acc) 22%,transparent); }

/* ambientní pozadí laděné akcentem + jemná mřížka */
body{
  background-image:
    radial-gradient(1100px 600px at 82% -8%, color-mix(in srgb,var(--acc) 16%,transparent), transparent 60%),
    radial-gradient(900px 520px at 6% 108%, color-mix(in srgb,var(--acc2) 14%,transparent), transparent 55%);
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px),
                   linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px);
  background-size:62px 62px;
  -webkit-mask-image:radial-gradient(circle at 50% -5%,#000,transparent 72%);
          mask-image:radial-gradient(circle at 50% -5%,#000,transparent 72%);}
.site-head,main,footer.site{position:relative;z-index:1}

/* NAV — sklo + akcentní rámeček loga */
.site-head{background:color-mix(in srgb,var(--bg) 70%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--acc) 14%,var(--line))}
.brand .leaf{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent),0 6px 22px var(--glow)}
.nav a{transition:color .15s}
.nav a.is-active::after{background:linear-gradient(90deg,var(--acc),var(--acc2))}

/* HERO — světélkující, gradientový nadpis laděný akcentem */
.hero{padding:8rem 0 4.5rem}
.hero h1{background:linear-gradient(118deg,#fff 26%,var(--acc));-webkit-background-clip:text;background-clip:text;
  color:transparent;filter:drop-shadow(0 8px 34px var(--glow))}
.hero::after{width:680px;height:680px;background:radial-gradient(circle,var(--glow),transparent 60%);
  filter:blur(34px);animation:fl 9s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}
.hero .btn{margin-top:2rem;font-size:1rem;padding:.95rem 1.75rem}

/* BUTTONS — záře + výraznější hover */
.btn{position:relative;overflow:hidden}
.btn:not(.btn--ghost):not(.btn--bad){box-shadow:0 8px 26px var(--glow),0 1px 0 rgba(255,255,255,.16) inset}
.btn:not(.btn--ghost):not(.btn--bad):hover{transform:translateY(-2px);box-shadow:0 16px 40px var(--glow)}

/* CARDS — prémiový panel, hover lift + záře */
.card{background:linear-gradient(180deg,color-mix(in srgb,#fff 5.5%,transparent),color-mix(in srgb,#fff 2%,transparent));
  border:1px solid color-mix(in srgb,var(--acc) 11%,var(--line));border-radius:var(--r);backdrop-filter:blur(6px)}
.section .card{transition:transform .2s,box-shadow .2s,border-color .2s}
.section .card:hover{transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--acc) 42%,transparent);
  box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 0 1px var(--glow)}

/* NADPISY sekcí — akcentní podtržítko */
.section h2{position:relative;display:inline-block}
.section h2::after{content:"";position:absolute;left:0;bottom:-.5rem;width:2.4rem;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--acc),var(--acc2))}
.a-center .section h2::after{left:50%;transform:translateX(-50%)}

/* CENA — záře */
.price{text-shadow:0 0 26px var(--glow)}

/* jemný náběh bloků při načtení */
@media(prefers-reduced-motion:no-preference){
  .folia-block{animation:rise .6s both}
  .folia-block:nth-child(2){animation-delay:.05s}.folia-block:nth-child(3){animation-delay:.1s}
  .folia-block:nth-child(4){animation-delay:.15s}.folia-block:nth-child(5){animation-delay:.2s}
  .folia-block:nth-child(6){animation-delay:.25s}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}

/* ADMIN — sladěný sidebar + akcentní KPI */
.adm-side{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.adm-nav a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 20%,transparent),transparent);
  color:#fff;box-shadow:inset 2px 0 0 var(--acc)}
.kpi b{background:linear-gradient(120deg,#fff,var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}

/* hero s fotkou — překryv řízený stylem (--hs1/--hs2), obraz z --hero-img */
.hero--img{background-image:linear-gradient(180deg,var(--hs1,rgba(7,11,13,.45)),var(--hs2,rgba(7,11,13,.86))),var(--hero-img);
  background-size:cover;background-position:center;background-repeat:no-repeat}
.hero--img::after{display:none}

/* ============================================================
   STYL: clinic — světlý, čistý, přátelský (zdravotnictví, krása,
   služby). Inspirace moderními CZ klinikami: bílá, barevné akcenty,
   fotky, kulaté přívětivé karty. Povrch ze stylu, akcent z palety.
   ============================================================ */
body[data-style=clinic]{--bg:#ffffff;--bg2:#f3f7fb;--txt:#16243b;--mut:#5b6c83;--line:#e7edf4;--panel:#ffffff;--r:22px;
  color:var(--txt);background:#fff;background-image:none}
body[data-style=clinic] a{color:color-mix(in srgb,var(--acc) 72%,#0a1830)}
body[data-style=clinic]::before{opacity:1;-webkit-mask-image:none;mask-image:none;background-size:auto;
  background:radial-gradient(46% 42% at 90% -8%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),
             radial-gradient(44% 42% at -8% 110%,color-mix(in srgb,var(--acc2) 20%,transparent),transparent 60%)}
body[data-style=clinic] .site-head{background:rgba(255,255,255,.82);border-bottom:1px solid var(--line)}
body[data-style=clinic] .brand{color:var(--txt)}
body[data-style=clinic] .nav a{color:var(--mut)}
body[data-style=clinic] .nav a:hover,body[data-style=clinic] .nav a.is-active{color:var(--txt)}
body[data-style=clinic] .hero{--hs1:rgba(255,255,255,.72);--hs2:rgba(243,247,251,.93);border-radius:0 0 36px 36px}
body[data-style=clinic] .hero h1{background:none!important;-webkit-text-fill-color:initial!important;color:var(--txt)!important;filter:none}
body[data-style=clinic] .hero p,body[data-style=clinic] .lede{color:var(--mut)}
body[data-style=clinic] .hero .mono{color:color-mix(in srgb,var(--acc) 68%,#0a1830);opacity:1}
body[data-style=clinic] .hero::after{display:none}
body[data-style=clinic] .card{background:#fff;border:1px solid var(--line);backdrop-filter:none;border-radius:var(--r);
  box-shadow:0 16px 36px -22px rgba(20,40,80,.28)}
body[data-style=clinic] .section .card:hover{transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:0 26px 54px -24px rgba(20,40,80,.4)}
body[data-style=clinic] .btn--ghost{color:var(--txt);border:1px solid var(--line);background:#fff}
body[data-style=clinic] .btn--ghost:hover{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,#fff)}
body[data-style=clinic] input,body[data-style=clinic] textarea,body[data-style=clinic] select{background:#fff;color:var(--txt);border:1px solid var(--line)}
body[data-style=clinic] label.fld>span{color:var(--mut)}
body[data-style=clinic] .price{color:color-mix(in srgb,var(--acc) 65%,#0a1830);text-shadow:none}
body[data-style=clinic] .tag,body[data-style=clinic] .mono{color:color-mix(in srgb,var(--acc) 68%,#0a1830)}
body[data-style=clinic] .section h2{color:var(--txt)}
body[data-style=clinic] footer.site{background:var(--bg2);border-top:1px solid var(--line);color:var(--mut)}

/* ===== STYL: warm — tmavá hřejivá (gastro, ubytování): moody, hřejivý akcent ===== */
body[data-style=warm]{--bg:#15100b;--bg2:#1e1610;--txt:#f4ead9;--mut:#b8a690;--line:rgba(222,180,130,.16);--panel:rgba(255,238,214,.04);--r:16px;color:var(--txt);background:#15100b;
  background-image:radial-gradient(1100px 600px at 82% -10%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 60%),radial-gradient(900px 520px at 0% 110%,color-mix(in srgb,var(--acc2) 14%,transparent),transparent 55%)}
body[data-style=warm]::before{opacity:.35}
body[data-style=warm] .hero h1{background:linear-gradient(118deg,#fff,var(--acc))}
body[data-style=warm] .hero{--hs1:rgba(21,16,11,.4);--hs2:rgba(21,16,11,.86)}
body[data-style=warm] .card{background:linear-gradient(180deg,color-mix(in srgb,#f6e6cf 6%,transparent),color-mix(in srgb,#f6e6cf 2%,transparent));border:1px solid var(--line)}

/* ===== STYL: elegant — světlá luxusní (krása, svatba, hotel): krémová, sérifové nadpisy, hranatá tlačítka ===== */
body[data-style=elegant]{--bg:#fbf8f3;--bg2:#f3ece0;--txt:#2a2420;--mut:#7a6f63;--line:#e8dccb;--panel:#ffffff;--r:8px;color:var(--txt);background:#fbf8f3;background-image:none}
body[data-style=elegant]::before{opacity:1;-webkit-mask-image:none;mask-image:none;background-size:auto;
  background:radial-gradient(50% 42% at 100% -4%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%)}
body[data-style=elegant] .site-head{background:rgba(251,248,243,.86);border-bottom:1px solid var(--line)}
body[data-style=elegant] .brand{color:var(--txt)}
body[data-style=elegant] .nav a{color:var(--mut)}
body[data-style=elegant] .nav a:hover{color:var(--txt)}
body[data-style=elegant] .nav a.is-active{color:var(--txt)}
body[data-style=elegant] .hero{--hs1:rgba(251,248,243,.7);--hs2:rgba(243,236,224,.93)}
body[data-style=elegant] .hero h1{background:none!important;-webkit-text-fill-color:initial!important;color:var(--txt)!important;filter:none;font-weight:600}
body[data-style=elegant] .hero p,body[data-style=elegant] .lede{color:var(--mut)}
body[data-style=elegant] .hero .mono{color:color-mix(in srgb,var(--acc) 58%,#3a2a18);opacity:1}
body[data-style=elegant] .hero::after{display:none}
body[data-style=elegant] .btn{border-radius:2px;letter-spacing:.03em}
body[data-style=elegant] .card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 36px -26px rgba(60,40,20,.32);backdrop-filter:none}
body[data-style=elegant] .section .card:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:0 24px 50px -26px rgba(60,40,20,.4)}
body[data-style=elegant] .btn--ghost{color:var(--txt);border:1px solid var(--line);background:#fff}
body[data-style=elegant] input,body[data-style=elegant] textarea,body[data-style=elegant] select{background:#fff;color:var(--txt);border:1px solid var(--line)}
body[data-style=elegant] label.fld>span{color:var(--mut)}
body[data-style=elegant] .price,body[data-style=elegant] .tag,body[data-style=elegant] .mono{color:color-mix(in srgb,var(--acc) 55%,#3a2a18);text-shadow:none}
body[data-style=elegant] .section h2{color:var(--txt)}
body[data-style=elegant] footer.site{background:var(--bg2);border-top:1px solid var(--line);color:var(--mut)}

/* ===== STYL: bold — tmavá energická (sport, řemesla, auto): vysoký kontrast, verzálky ===== */
body[data-style=bold]{--bg:#0a0a0c;--bg2:#111116;--txt:#f4f5f7;--mut:#99a0ab;--line:rgba(255,255,255,.12);--panel:rgba(255,255,255,.045);--r:6px;color:var(--txt);background:#0a0a0c}
body[data-style=bold] h1,body[data-style=bold] h2{text-transform:uppercase;font-weight:800;letter-spacing:-.01em}
body[data-style=bold] .hero h1{font-size:clamp(2.8rem,8.5vw,5.8rem);background:linear-gradient(110deg,#fff,var(--acc))}
body[data-style=bold] .hero{--hs1:rgba(10,10,12,.32);--hs2:rgba(10,10,12,.9)}
body[data-style=bold] .btn{border-radius:4px;text-transform:uppercase;letter-spacing:.05em}
body[data-style=bold] .card{border-radius:6px}
body[data-style=bold] .section h2::after{height:4px;width:3rem}

/* ===== STYL: nature — světlá hravá (děti, vzdělání, eko): měkká, zaoblená, přátelská ===== */
body[data-style=nature]{--bg:#f6fbf4;--bg2:#eaf5e6;--txt:#1f3322;--mut:#5f7661;--line:#dcebd6;--panel:#ffffff;--r:26px;color:var(--txt);background:#f6fbf4;background-image:none}
body[data-style=nature]::before{opacity:1;-webkit-mask-image:none;mask-image:none;background-size:auto;
  background:radial-gradient(46% 42% at 92% -6%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),radial-gradient(44% 42% at -6% 108%,color-mix(in srgb,var(--acc2) 22%,transparent),transparent 60%)}
body[data-style=nature] .site-head{background:rgba(246,251,244,.86);border-bottom:1px solid var(--line)}
body[data-style=nature] .brand{color:var(--txt)}
body[data-style=nature] .nav a{color:var(--mut)}
body[data-style=nature] .nav a:hover{color:var(--txt)}
body[data-style=nature] .nav a.is-active{color:var(--txt)}
body[data-style=nature] .hero{--hs1:rgba(246,251,244,.64);--hs2:rgba(234,245,230,.92)}
body[data-style=nature] .hero h1{background:none!important;-webkit-text-fill-color:initial!important;color:var(--txt)!important;filter:none}
body[data-style=nature] .hero p,body[data-style=nature] .lede{color:var(--mut)}
body[data-style=nature] .hero .mono{color:color-mix(in srgb,var(--acc) 50%,#1f3322);opacity:1}
body[data-style=nature] .hero::after{display:none}
body[data-style=nature] .card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 16px 34px -24px rgba(30,80,40,.28);backdrop-filter:none}
body[data-style=nature] .section .card:hover{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:0 24px 48px -24px rgba(30,80,40,.36)}
body[data-style=nature] .btn{border-radius:999px}
body[data-style=nature] .btn--ghost{color:var(--txt);border:1px solid var(--line);background:#fff}
body[data-style=nature] input,body[data-style=nature] textarea,body[data-style=nature] select{background:#fff;color:var(--txt);border:1px solid var(--line)}
body[data-style=nature] label.fld>span{color:var(--mut)}
body[data-style=nature] .price,body[data-style=nature] .tag,body[data-style=nature] .mono{color:color-mix(in srgb,var(--acc) 52%,#1f3322);text-shadow:none}
body[data-style=nature] .section h2{color:var(--txt)}
body[data-style=nature] footer.site{background:var(--bg2);border-top:1px solid var(--line);color:var(--mut)}