:root{--bg:#F3F8FE;--ink:#1E1E24;--muted:#59606E;--line:#D7E0EC;--paper:#FFFFFF;--soft:#E8EFF8;--ok:#1E7A45;--warn:#8A4B00;--warnbg:#FFF1D6;
  --f-head:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"DM Mono",ui-monospace,Menlo,monospace;color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-head);font-size:17px;line-height:1.5}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.shell-in,.in{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.label{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.notice{background:var(--ink);color:var(--bg);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}
.notice .shell-in{padding-block:7px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
header.site{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .shell-in{display:flex;align-items:center;gap:20px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand canvas{width:30px;height:30px;display:block}
.brand b{font-weight:900;font-size:22px;letter-spacing:-.01em}
nav.main{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:600}
nav.main a{text-decoration:none;color:inherit;padding-block:2px;border-bottom:2px solid transparent;white-space:nowrap}
nav.main a[aria-current="page"]{border-color:var(--ink)}
.hcart{font-family:var(--f-mono);font-size:13px;border:1.5px solid var(--ink);border-radius:99px;padding:5px 12px;text-decoration:none;color:inherit;white-space:nowrap}
@media (max-width:820px){header.site .shell-in{flex-wrap:wrap;row-gap:8px}.hcart{margin-left:auto}nav.main{order:3;width:100%;margin-left:0;gap:18px;overflow-x:auto;font-size:14px;padding-bottom:2px}}
footer.shell{padding-block:48px 56px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);margin-top:24px}
footer.shell .fbrand{color:var(--ink);font-weight:900;font-size:20px}
footer.shell .cols{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:14px}
footer.shell a{text-decoration:none;color:inherit}
footer.shell .demo{font-family:var(--f-mono);font-size:12px;margin-top:24px}
.crumbs{font-size:14px;color:var(--muted);padding-block:18px 6px}
.crumbs a{text-decoration:none;color:inherit}

:root{--bg:#F3F8FE; --ink:#1E1E24; --muted:#59606E; --line:#D7E0EC; --paper:#FFFFFF; --soft:#E8EFF8;
  --f-head:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;}
*{box-sizing:border-box}
.tl-front{background:var(--bg);color:var(--ink);font-family:var(--f-head);font-size:17px;line-height:1.5}
.tl-front h1,.tl-front h2,.tl-front h3{margin:0;line-height:1.08;text-wrap:balance}
.tl-front p{margin:0}
.tl-front a{color:inherit}
.tl-front button,.tl-front input{font:inherit;color:inherit}
.tl-front :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.tl-front .in{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.tl-front .label{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tl-front canvas.disc{display:block}
.tl-front .notice{background:var(--ink);color:var(--bg);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}
.tl-front .notice .in{padding-block:7px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
.tl-front header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tl-front header.site .in{display:flex;align-items:center;gap:20px;padding-block:12px}
.tl-front .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.tl-front .brand canvas{width:30px;height:30px}
.tl-front .brand b{font-weight:900;font-size:22px;letter-spacing:-.01em}
.tl-front nav.main{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:600}
.tl-front nav.main a{text-decoration:none}
.tl-front .cart{font-family:var(--f-mono);font-size:13px;border:1.5px solid var(--ink);border-radius:99px;padding:5px 12px;text-decoration:none}
@media (max-width:820px){.tl-front nav.main{display:none}
.tl-front .cart{margin-left:auto}}
.tl-front .scroller{height:380vh;position:relative}
.tl-front .stage{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + var(--hdr,56px));height:calc(100vh - var(--hdr,56px) - var(--wp-admin--admin-bar--height,0px));height:calc(100dvh - var(--hdr,56px) - var(--wp-admin--admin-bar--height,0px));overflow:hidden}
.tl-front .stage canvas.disc{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity}
.tl-front .stage canvas.q{cursor:pointer;transition:opacity .35s}
.tl-front .opt i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:0}
.tl-front .herotext{position:absolute;max-width:520px;opacity:0;will-change:transform,opacity}
.tl-front .herotext h1{font-size:clamp(38px,5.2vw,66px);font-weight:900;letter-spacing:-.025em}
.tl-front .herotext .lead{font-size:clamp(17px,1.7vw,20px);margin-top:18px;max-width:34ch;color:var(--muted)}
.tl-front .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.tl-front .btn{display:inline-block;background:var(--ink);color:var(--bg);font-weight:700;padding:14px 22px;border-radius:99px;text-decoration:none;font-size:16px;border:0;cursor:pointer}
.tl-front .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.tl-front .scrollhint{position:absolute;left:0;right:0;bottom:18px;text-align:center}
.tl-front .fhead{position:absolute;left:0;right:0;text-align:center;opacity:0}
.tl-front .fhead h2{font-size:clamp(22px,2.6vw,32px);font-weight:900;letter-spacing:-.015em;margin-top:6px}
.tl-front .qlabel{position:absolute;width:220px;margin-left:-110px;text-align:center;opacity:0;display:grid;gap:2px;pointer-events:none}
.tl-front .qlabel b{font-size:16px;font-weight:800}
.tl-front .qlabel span{font-size:13px;color:var(--muted);min-height:1.3em}
.tl-front .qlabel .n{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--muted)}
.tl-front .qlabel.active b{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.tl-front .panel{position:absolute;left:50%;width:min(900px,calc(100% - 32px));transform:translateX(-50%);opacity:0;display:grid;gap:14px;justify-items:center;text-align:center}
.tl-front .panel h3{font-size:clamp(20px,2.2vw,26px);font-weight:800}
.tl-front .opts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tl-front .opt{border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;padding:11px 16px;font-weight:700;font-size:15px;cursor:pointer;display:grid;gap:2px;text-align:left;min-width:150px}
.tl-front .opt small{font-weight:400;font-size:13px;color:var(--muted)}
.tl-front .opt[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.tl-front .opt[aria-pressed="true"] small{color:#C9CDD8}
.tl-front .q3{display:grid;grid-template-columns:auto 250px;gap:22px;align-items:center;justify-content:center;text-align:left;width:100%}
.tl-front .q3 .side{display:grid;gap:18px;min-width:0}
.tl-front .q3 .acts{display:grid;gap:10px;justify-items:start}
.tl-front .q3 .acts .btn{white-space:nowrap}
.tl-front .panel > .note{font-size:13px;color:var(--muted);margin-top:-6px}
.tl-front .exp2{display:grid;gap:8px;justify-items:center}
.tl-front .exp2 .label{margin-top:6px}
.tl-front .opts.sm .opt{padding:8px 14px;min-width:190px}
.tl-front .map{position:relative;border-radius:22px;touch-action:none;cursor:crosshair;overflow:hidden;
  background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.78)),linear-gradient(90deg,#6C6BE0 0%,#3FCF5A 20%,#C8E03A 36%,#F9C925 55%,#F7941D 70%,#EE4B2B 84%,#B8418F 100%)}
.tl-front .map.dragging{cursor:grabbing}
.tl-front .map,.tl-front .map *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.tl-front .map.dragging .zone{opacity:.6}
.tl-front .map::before,.tl-front .map::after{content:"";position:absolute;background:rgba(30,30,36,.22);pointer-events:none}
.tl-front .map .ax{color:var(--ink)!important;opacity:.75}
.tl-front .map .side{line-height:1.2}
.tl-front .map .zone{position:absolute;width:calc((100% - 92px) * .5);height:calc((100% - 44px) * .5);transform:translate(-50%,-50%);border-radius:50%;border:1.5px dashed rgba(30,30,36,.55);background:rgba(255,255,255,.18);pointer-events:none}
.tl-front .map{cursor:grab}
.tl-front .map .pin{width:24px!important;height:24px!important;margin:-12px 0 0 -12px!important;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 2px 8px rgba(30,30,36,.35)}
.tl-front .map .pin em{position:absolute;left:50%;top:-30px;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-family:var(--f-mono);font-size:11px;background:var(--ink);color:var(--bg);border-radius:99px;padding:2px 8px;display:none}
.tl-front .map .pin.ghost em{display:block}
.tl-front .map .pin.ghost::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--ink);opacity:0}
@media (prefers-reduced-motion:no-preference){.tl-front .map .pin.ghost::after{animation:pulse 1.6s ease-out infinite}}
@keyframes pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.tl-front .read3{display:grid;gap:6px;min-height:72px}
.tl-front .rrow{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:baseline;font-size:14px}
.tl-front .rrow i{display:inline-block;width:11px;height:11px;border-radius:50%;margin:0 5px 0 0;vertical-align:-1px}
@media (max-width:820px){.tl-front .rrow{grid-template-columns:minmax(0,1fr);gap:0;text-align:center}
.tl-front .read3{min-height:0}}
.tl-front .map::before{left:50%;top:22px;bottom:22px;width:1px}
.tl-front .map::after{top:50%;left:44px;right:48px;height:1px}
.tl-front .map .ax{position:absolute;font-family:var(--f-mono);font-size:10px;color:var(--muted);pointer-events:none}
.tl-front .map .sd{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:2px solid var(--paper);box-shadow:0 0 0 1px var(--line);pointer-events:none;transition:transform .25s,opacity .25s}
.tl-front .map .sd.on{transform:scale(1.4);box-shadow:0 0 0 1.5px var(--ink)}
.tl-front .map .sd.off{opacity:.3}
.tl-front .map .pin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ink);pointer-events:none}
.tl-front .chips{display:flex;flex-wrap:wrap;gap:6px}
.tl-front .chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--ink);background:var(--paper);border-radius:99px;padding:5px 11px 5px 8px;font-size:14px;font-weight:600;cursor:pointer}
.tl-front .chip i{width:12px;height:12px;border-radius:50%}
.tl-front .chip[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.tl-front .q3 .note{font-size:13px;color:var(--muted)}
.tl-front .link{border:0;background:none;padding:0;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer}
@media (max-width:820px){.tl-front .q3{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:12px}
.tl-front .q3 .side{gap:10px;justify-items:center}
.tl-front .q3 .read3{display:none}
.tl-front .panel > .note{display:none}
.tl-front .q3 .acts{grid-auto-flow:column;align-items:center;gap:14px}
.tl-front .opts.sm{flex-wrap:nowrap;width:100%;gap:6px}
.tl-front .opts.sm .opt{padding:7px 8px;min-width:0;flex:1 1 0;font-size:14px}
.tl-front .opts.sm .opt small{font-size:11.5px;line-height:1.25}
.tl-front .exp2{width:100%;gap:6px}
.tl-front .q3 .chips{justify-content:center}
.tl-front .opt{min-width:0;flex:1 1 30%}
.tl-front .opts:not(.sm) .opt{flex-basis:40%}}
.tl-front section{padding-block:72px}
.tl-front .sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.tl-front .sec-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:900;letter-spacing:-.02em}
.tl-front .sec-head p{color:var(--muted);max-width:56ch;margin-top:8px}
.tl-front .summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}
.tl-front .summary span{font-family:var(--f-mono);font-size:12px;border:1px solid var(--ink);border-radius:99px;padding:3px 10px}
.tl-front .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tl-front .card{background:var(--paper);border-radius:8px;padding:20px;display:grid;gap:14px;align-content:start;position:relative;text-decoration:none;transition:opacity .3s,transform .2s}
.tl-front .card:hover{transform:translateY(-2px)}
.tl-front .card.dim{opacity:.42}
.tl-front .card .dbox{width:62%;margin:4px auto 0;aspect-ratio:1/1}
.tl-front .card .dbox canvas{width:100%;height:100%}
.tl-front .card .match{position:absolute;top:14px;left:14px;font-family:var(--f-mono);font-size:11px;background:var(--ink);color:var(--bg);border-radius:99px;padding:3px 9px;opacity:0;transition:opacity .3s}
.tl-front .card.hit .match{opacity:1}
.tl-front .card .lvl{position:absolute;top:14px;right:14px;font-family:var(--f-mono);font-size:11px;border:1px solid var(--ink);border-radius:99px;padding:2px 9px}
.tl-front .card h3{font-size:21px;font-weight:800}
.tl-front .aromaline{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px;color:var(--muted)}
.tl-front .aromaline span{display:inline-flex;align-items:center;gap:6px}
.tl-front .aromaline i{width:10px;height:10px;border-radius:50%}
.tl-front .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--muted)}
.tl-front .facts b{display:block;color:var(--ink);font-weight:800;font-size:15px}
.tl-front .buy{display:flex;justify-content:space-between;align-items:center}
.tl-front .buy b{font-size:18px;font-weight:800}
.tl-front .buy span{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
@media (max-width:980px){.tl-front .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tl-front .grid{grid-template-columns:minmax(0,1fr)}
.tl-front .card{grid-template-columns:96px minmax(0,1fr);column-gap:16px}
.tl-front .card .dbox{width:96px;margin:22px 0 0;grid-row:span 3;align-self:start}
.tl-front .card .facts,.tl-front .card .buy{grid-column:1/-1}}
.tl-front .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tl-front .step{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:8px;align-content:start}
.tl-front .step .n{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.tl-front .step h3{font-size:21px;font-weight:800}
.tl-front .step p{color:var(--muted);font-size:16px}
@media (max-width:760px){.tl-front .steps{grid-template-columns:minmax(0,1fr)}}
.tl-front .beg{background:var(--ink);color:var(--bg);border-radius:12px;overflow:hidden}
.tl-front .beg .wrapb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding:44px max(20px,4vw)}
.tl-front .beg h2{font-size:clamp(28px,3.4vw,42px);font-weight:900;letter-spacing:-.02em}
.tl-front .beg p{color:#C9CDD8;margin-top:12px;max-width:44ch}
.tl-front .beg form{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.tl-front .beg input{flex:1 1 220px;min-width:0;background:transparent;border:1.5px solid #6B7080;border-radius:99px;padding:13px 18px;color:var(--bg)}
.tl-front .beg input::placeholder{color:#9AA0AE}
.tl-front .beg .btn{background:var(--bg);color:var(--ink)}
.tl-front .beg .ok{font-family:var(--f-mono);font-size:13px;color:#C9CDD8;margin-top:10px;min-height:1.4em}
.tl-front .mail{background:var(--paper);color:var(--ink);border-radius:10px;padding:20px;display:grid;gap:12px;max-width:380px;justify-self:center;width:100%}
.tl-front .mail .meta{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.tl-front .mail h3{font-size:20px;font-weight:800}
.tl-front .mail p{color:var(--ink);margin:0;font-size:15px}
.tl-front .wk{display:flex;gap:5px;align-items:center}
.tl-front .wk span{height:6px;flex:1;border-radius:99px;background:var(--soft)}
.tl-front .wk span.on{background:var(--ink)}
@media (max-width:820px){.tl-front .beg .wrapb{grid-template-columns:minmax(0,1fr)}}
.tl-front .posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tl-front .post{display:grid;gap:10px;text-decoration:none;align-content:start}
.tl-front .post .ph{aspect-ratio:4/3;border-radius:8px;background:var(--soft);display:grid;place-items:center;overflow:hidden}
.tl-front .post .ph canvas{width:46%;aspect-ratio:1/1;height:auto}
.tl-front .post h3{font-size:19px;font-weight:800}
.tl-front .post p{color:var(--muted);font-size:15px}
@media (max-width:760px){.tl-front .posts{grid-template-columns:minmax(0,1fr)}}
.tl-front .trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px}
.tl-front .trust b{display:block;font-weight:800}
.tl-front .trust span{font-size:14px;color:var(--muted)}
@media (max-width:760px){.tl-front .trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tl-front .three{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;margin-top:56px}
.tl-front .three .discs{display:flex;gap:6px}
.tl-front .three .discs canvas{width:64px;height:64px}
.tl-front .three h2{font-size:clamp(24px,2.8vw,34px);font-weight:900;letter-spacing:-.015em}
.tl-front .three p{color:var(--muted);margin-top:8px;max-width:60ch}
@media (max-width:640px){.tl-front .three{grid-template-columns:minmax(0,1fr)}}
.tl-front footer{padding-block:48px 56px;font-size:14px;color:var(--muted)}
.tl-front footer .cols{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:14px}
.tl-front footer a{text-decoration:none}
.tl-front .demo{font-family:var(--f-mono);font-size:12px;margin-top:24px}
:root{--bg:#F3F8FE; --ink:#1E1E24; --muted:#59606E; --line:#D7E0EC; --paper:#FFFFFF; --soft:#E8EFF8; --ok:#1E7A45;
  --f-head:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;}
*{box-sizing:border-box}
.tl-product{background:var(--bg);color:var(--ink);font-family:var(--f-head);font-size:17px;line-height:1.55}
.tl-product h1,.tl-product h2,.tl-product h3{margin:0;line-height:1.1;text-wrap:balance}
.tl-product p{margin:0}
.tl-product a{color:inherit}
.tl-product button,.tl-product input{font:inherit;color:inherit}
.tl-product :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.tl-product .in{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.tl-product .label{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tl-product .mono{font-family:var(--f-mono)}
.tl-product canvas.disc{display:block;width:100%;height:auto;aspect-ratio:1/1}
.tl-product .notice{background:var(--ink);color:var(--bg);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}
.tl-product .notice .in{padding-block:7px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
.tl-product header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.tl-product header.site .in{display:flex;align-items:center;gap:20px;padding-block:12px}
.tl-product .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.tl-product .brand canvas{width:30px}
.tl-product .brand b{font-weight:900;font-size:22px;letter-spacing:-.01em}
.tl-product nav.main{display:flex;gap:22px;margin-left:auto;font-size:15px;font-weight:600}
.tl-product nav.main a{text-decoration:none}
.tl-product .cart{font-family:var(--f-mono);font-size:13px;border:1.5px solid var(--ink);border-radius:99px;padding:5px 12px;text-decoration:none;transition:background .2s}
.tl-product .cart.bump{background:var(--ink);color:var(--bg)}
@media (max-width:820px){.tl-product nav.main{display:none}
.tl-product .cart{margin-left:auto}}
.tl-product .crumbs{font-size:14px;color:var(--muted);padding-block:18px 6px}
.tl-product .crumbs a{text-decoration:none}
.tl-product .pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start;padding-bottom:40px}
.tl-product .gallery{display:grid;gap:12px}
.tl-product .stagebox{background:var(--paper);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center;position:relative;overflow:hidden}
.tl-product .stagebox canvas{width:78%}
.tl-product .stagebox .tag{position:absolute;left:14px;bottom:12px}
.tl-product .ph{background:var(--soft);border-radius:12px;aspect-ratio:1/1;display:grid;place-items:center;text-align:center;padding:20px;color:var(--muted);font-size:14px}
.tl-product .thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tl-product .thumbs button{border:1.5px solid transparent;background:var(--paper);border-radius:8px;aspect-ratio:1/1;padding:6px;cursor:pointer;display:grid;place-items:center;font-size:11px;color:var(--muted);font-family:var(--f-mono);text-align:center;line-height:1.25}
.tl-product .thumbs button[aria-pressed="true"]{border-color:var(--ink)}
.tl-product .thumbs canvas{width:80%}
.tl-product .buy{position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 80px);display:grid;gap:18px}
.tl-product .badges{display:flex;flex-wrap:wrap;gap:6px}
.tl-product .badge{font-family:var(--f-mono);font-size:12px;border:1px solid var(--ink);border-radius:99px;padding:2px 10px}
.tl-product .badge.fill{background:var(--ink);color:var(--bg)}
.tl-product .buy h1{font-size:clamp(34px,4.2vw,52px);font-weight:900;letter-spacing:-.02em}
.tl-product .buy .lead{font-size:18px;color:var(--muted);max-width:42ch}
.tl-product .aromaline{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:15px}
.tl-product .aromaline span{display:inline-flex;align-items:center;gap:7px}
.tl-product .aromaline i{width:11px;height:11px;border-radius:50%}
.tl-product .quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-block:1px solid var(--line);padding-block:14px;font-size:13px;color:var(--muted)}
.tl-product .quick b{display:block;color:var(--ink);font-weight:800;font-size:17px}
.tl-product fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
.tl-product legend{padding:0;margin-bottom:8px}
.tl-product .pack{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer}
.tl-product .pack input{accent-color:var(--ink);width:18px;height:18px;margin:0}
.tl-product .pack b{font-weight:800}
.tl-product .pack small{display:block;color:var(--muted);font-size:13px}
.tl-product .pack .pr{text-align:right;font-weight:800}
.tl-product .pack .pr small{font-weight:400;font-family:var(--f-mono);font-size:11px}
.tl-product .pack:has(input:checked){border-color:var(--ink)}
.tl-product .pack .hint{display:inline-block;font-family:var(--f-mono);font-size:10px;background:var(--ink);color:var(--bg);border-radius:99px;padding:1px 7px;margin-left:6px;vertical-align:2px}
.tl-product .cta{display:flex;gap:10px;align-items:stretch}
.tl-product .qty{display:flex;align-items:center;border:1.5px solid var(--ink);border-radius:99px;overflow:hidden}
.tl-product .qty button{border:0;background:none;width:40px;height:100%;font-size:20px;cursor:pointer}
.tl-product .qty output{min-width:22px;text-align:center;font-weight:800}
.tl-product .btn{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:var(--bg);font-weight:700;padding:15px 22px;border-radius:99px;text-decoration:none;font-size:16px;border:0;cursor:pointer;flex:1}
.tl-product .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.tl-product .legalline{font-size:13px;color:var(--muted)}
.tl-product .assure{display:grid;gap:6px;font-size:14px}
.tl-product .assure span{display:flex;gap:10px;align-items:baseline}
.tl-product .assure span::before{content:"✓";font-weight:800;color:var(--ok)}
.tl-product .toast{font-family:var(--f-mono);font-size:13px;min-height:1.3em;color:var(--ok)}
@media (max-width:900px){.tl-product .pd{grid-template-columns:minmax(0,1fr);gap:24px}
.tl-product .buy{position:static}}
.tl-product section{padding-block:56px;border-top:1px solid var(--line)}
.tl-product .sec-head{display:grid;gap:8px;margin-bottom:24px;max-width:62ch}
.tl-product .sec-head h2{font-size:clamp(26px,3.2vw,38px);font-weight:900;letter-spacing:-.02em}
.tl-product .sec-head p{color:var(--muted)}
.tl-product .fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tl-product .fit div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:start}
.tl-product .fit canvas{width:56px}
.tl-product .fit b{display:block;font-size:17px;font-weight:800}
.tl-product .fit span{font-size:15px;color:var(--muted)}
@media (max-width:820px){.tl-product .fit{grid-template-columns:minmax(0,1fr)}}
.tl-product .spec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px}
.tl-product .spec dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.tl-product .spec dt,.tl-product .spec dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}
.tl-product .spec dt{color:var(--muted);font-size:15px}
.tl-product .spec dd{font-weight:600}
@media (max-width:820px){.tl-product .spec{grid-template-columns:minmax(0,1fr)}}
.tl-product .tl{display:grid;gap:14px}
.tl-product .tlbar{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.tl-product .tlbar div{height:14px;border-radius:3px}
.tl-product .tlph{display:grid;grid-template-columns:1fr 3fr 5fr 1fr;gap:4px;font-size:13px}
.tl-product .tlph div{display:grid;gap:2px}
.tl-product .tlph b{font-weight:800;font-size:15px}
.tl-product .tlph span{color:var(--muted)}
.tl-product .tlgrow{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;align-items:end}
.tl-product .tlgrow canvas{margin:0 auto}
.tl-product .tlwk{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;font-family:var(--f-mono);font-size:11px;color:var(--muted);text-align:center}
@media (max-width:620px){.tl-product .tlph{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.tl-product .dw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.tl-product .bars{display:grid;gap:8px}
.tl-product .bar{display:grid;grid-template-columns:86px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:14px}
.tl-product .bar .track{height:10px;background:var(--paper);border-radius:99px;overflow:hidden}
.tl-product .bar .fill{height:100%;border-radius:99px}
.tl-product .bar .pct{font-family:var(--f-mono);font-size:12px;text-align:right;color:var(--muted)}
.tl-product .map{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;max-width:300px;
  background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.78)),linear-gradient(90deg,#6C6BE0 0%,#3FCF5A 20%,#C8E03A 36%,#F9C925 55%,#F7941D 70%,#EE4B2B 84%,#B8418F 100%)}
.tl-product .map::before,.tl-product .map::after{content:"";position:absolute;background:rgba(30,30,36,.22)}
.tl-product .map::before{left:50%;top:22px;bottom:22px;width:1px}
.tl-product .map::after{top:50%;left:44px;right:48px;height:1px}
.tl-product .map .ax{position:absolute;font-family:var(--f-mono);font-size:10px;color:var(--ink);opacity:.75;line-height:1.2}
.tl-product .map .sd{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:rgba(30,30,36,.28);border:2px solid rgba(255,255,255,.8)}
.tl-product .map .me{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px rgba(255,255,255,.9)}
.tl-product .map .me em{position:absolute;left:50%;top:-28px;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-family:var(--f-mono);font-size:11px;background:var(--ink);color:var(--bg);border-radius:99px;padding:2px 8px}
.tl-product .dw .txt{display:grid;gap:12px;font-size:16px}
.tl-product .dw .note{font-size:13px;color:var(--muted)}
@media (max-width:900px){.tl-product .dw{grid-template-columns:minmax(0,1fr)}}
.tl-product .beg{background:var(--ink);color:var(--bg);border-radius:12px;padding:36px max(20px,4vw);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}
.tl-product .beg h2{font-size:clamp(26px,3vw,36px);font-weight:900;letter-spacing:-.02em}
.tl-product .beg p{color:#C9CDD8;margin-top:10px;max-width:46ch}
.tl-product .beg ol{margin:0;padding-left:20px;display:grid;gap:6px;color:#E2E5EC;font-size:15px}
@media (max-width:820px){.tl-product .beg{grid-template-columns:minmax(0,1fr)}}
.tl-product .faq{display:grid;max-width:820px}
.tl-product .faq details{border-bottom:1px solid var(--line)}
.tl-product .faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-weight:800;font-size:18px;position:relative}
.tl-product .faq summary::-webkit-details-marker{display:none}
.tl-product .faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;font-weight:400;transition:transform .2s}
.tl-product .faq details[open] summary::after{transform:rotate(45deg)}
.tl-product .faq .a{padding:0 0 20px;display:grid;gap:10px;color:#33363F;max-width:68ch}
.tl-product .faq .src{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.tl-product .faq .flag{font-family:var(--f-mono);font-size:11px;background:#FFF1C9;color:#5B4500;border-radius:4px;padding:1px 6px}
.tl-product .sim{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tl-product .card{background:var(--paper);border-radius:8px;padding:18px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;text-decoration:none}
.tl-product .card canvas{width:72px}
.tl-product .card b{display:block;font-size:17px;font-weight:800}
.tl-product .card span{font-size:13px;color:var(--muted)}
@media (max-width:820px){.tl-product .sim{grid-template-columns:minmax(0,1fr)}}
.tl-product .mbar{position:fixed;left:0;right:0;bottom:0;z-index:7;background:var(--paper);border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:none;align-items:center;gap:12px;transform:translateY(110%);transition:transform .25s}
.tl-product .mbar.show{transform:none}
.tl-product .mbar b{font-size:17px}
.tl-product .mbar span{display:block;font-size:12px;color:var(--muted)}
.tl-product .mbar .btn{flex:0 0 auto;padding:12px 18px}
@media (max-width:900px){.tl-product .mbar{display:flex}
.tl-product footer{padding-bottom:110px!important}}
.tl-product footer{padding-block:40px 56px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.tl-product footer .cols{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:12px}
.tl-product footer a{text-decoration:none}
:root{--bg:#F3F8FE; --ink:#1E1E24; --muted:#59606E; --line:#D7E0EC; --paper:#FFFFFF; --soft:#E8EFF8; --ok:#1E7A45; --warn:#8A4B00; --warnbg:#FFF1D6;
  --f-head:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;}
*{box-sizing:border-box}
[hidden]{display:none!important}
.tl-content{background:var(--bg);color:var(--ink);font-family:var(--f-head);font-size:18px;line-height:1.6}
.tl-content h1,.tl-content h2,.tl-content h3{margin:0;line-height:1.12;text-wrap:balance}
.tl-content p{margin:0}
.tl-content a{color:inherit}
.tl-content button{font:inherit;color:inherit}
.tl-content :focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.tl-content .in{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.tl-content .label{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tl-content .mono{font-family:var(--f-mono)}
.tl-content .dot{display:inline-block;border-radius:50%;filter:blur(1.2px)}
.tl-content .top{padding-block:40px 24px;display:grid;gap:22px}
.tl-content .top h1{font-size:clamp(28px,3.6vw,42px);font-weight:900;letter-spacing:-.02em}
.tl-content .cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tl-content .cmp div{background:var(--paper);border-radius:10px;padding:16px 18px;display:grid;gap:6px;font-size:15px}
.tl-content .cmp b{font-size:17px}
.tl-content .cmp dl{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 10px}
.tl-content .cmp dt{font-family:var(--f-mono);font-size:11px;color:var(--muted);padding-top:3px;text-transform:uppercase;letter-spacing:.08em}
.tl-content .cmp dd{margin:0}
.tl-content .tabs{display:flex;gap:8px;border-bottom:1px solid var(--line)}
.tl-content .tabs a{text-decoration:none;font-weight:800;padding:10px 4px;margin-right:18px;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:17px}
.tl-content .tabs a[aria-current="page"]{border-color:var(--ink)}
@media (max-width:720px){.tl-content .cmp{grid-template-columns:minmax(0,1fr)}}
.tl-content .blog{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:36px 72px;align-items:start}
.tl-content article{max-width:68ch;display:grid;gap:20px}
.tl-content article .meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.tl-content article h1{font-size:clamp(32px,4.4vw,50px);font-weight:900;letter-spacing:-.025em}
.tl-content article .lead{font-size:21px;color:#3A3D46}
.tl-content article h2{font-size:clamp(23px,2.6vw,29px);font-weight:900;letter-spacing:-.01em;margin-top:18px}
.tl-content article p{color:#2A2C33}
.tl-content .hero{border-radius:12px;aspect-ratio:16/8;background:var(--soft);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}
.tl-content .hero div{display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:14px;font-size:14px;color:var(--muted)}
.tl-content .hero div:first-child{border-right:1px dashed var(--line)}
.tl-content .hero b{color:var(--ink);font-size:15px}
.tl-content .hero .ph{position:absolute;left:12px;bottom:10px;font-family:var(--f-mono);font-size:11px;color:var(--muted)}
.tl-content .tldr{background:var(--paper);border-left:4px solid var(--ink);border-radius:0 10px 10px 0;padding:16px 20px;display:grid;gap:6px}
.tl-content .tldr p{font-size:17px}
.tl-content table{border-collapse:collapse;width:100%;font-size:16px}
.tl-content .tbl{overflow-x:auto;background:var(--paper);border-radius:10px}
.tl-content th,.tl-content td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.tl-content th{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
.tl-content tr:last-child td{border-bottom:0}
.tl-content td:first-child{font-weight:700;white-space:nowrap}
.tl-content ol.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}
.tl-content ol.steps li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
.tl-content ol.steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:800;font-size:15px}
.tl-content .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tl-content .two div{background:var(--paper);border-radius:10px;padding:16px 18px;display:grid;gap:8px;align-content:start}
.tl-content .two h3{font-size:18px;font-weight:800}
.tl-content .two p{font-size:16px}
.tl-content .cta{background:var(--ink);color:var(--bg);border-radius:12px;padding:22px 24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center}
.tl-content .cta p{color:#C9CDD8;font-size:16px;margin-top:4px}
.tl-content .cta b{font-size:19px}
.tl-content .cta .btn{grid-column:1/-1;justify-self:start}
.tl-content .btn{display:inline-block;background:var(--bg);color:var(--ink);font-weight:700;padding:12px 20px;border-radius:99px;text-decoration:none;font-size:15px}
.tl-content .faq details{border-bottom:1px solid var(--line)}
.tl-content .faq summary{cursor:pointer;padding:14px 0;font-weight:800;list-style:none}
.tl-content .faq summary::-webkit-details-marker{display:none}
.tl-content .faq summary::before{content:"+ ";font-weight:400}
.tl-content .faq details[open] summary::before{content:"– "}
.tl-content .faq p{padding-bottom:14px;font-size:16px}
.tl-content .more{display:grid;gap:8px;border-top:2px solid var(--ink);padding-top:14px}
.tl-content .more a{font-weight:700}
.tl-content aside.seo{position:sticky;top:20px;display:grid;gap:14px}
.tl-content .box{background:var(--paper);border-radius:10px;padding:16px 18px;display:grid;gap:8px;font-size:14px}
.tl-content .box h3{font-size:15px;font-weight:800}
.tl-content .box dl{margin:0;display:grid;gap:8px}
.tl-content .box dt{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tl-content .box dd{margin:0}
.tl-content .flag{font-family:var(--f-mono);font-size:11px;background:var(--warnbg);color:var(--warn);border-radius:4px;padding:1px 6px}
.tl-content .ok{color:var(--ok);font-weight:700}
@media (max-width:920px){.tl-content .blog{grid-template-columns:minmax(0,1fr)}
.tl-content aside.seo{position:static}
.tl-content .two{grid-template-columns:minmax(0,1fr)}}
.tl-content .guide{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;padding-block:36px 72px;align-items:start}
.tl-content .toc{position:sticky;top:20px;display:grid;gap:4px;font-size:15px}
.tl-content .toc a{text-decoration:none;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:7px 8px;border-radius:8px;color:var(--muted)}
.tl-content .toc a span{font-family:var(--f-mono);font-size:12px;padding-top:2px}
.tl-content .toc a[aria-current="step"]{background:var(--paper);color:var(--ink);font-weight:800}
.tl-content .chap{display:grid;gap:22px;max-width:72ch}
.tl-content .chead{display:grid;gap:12px}
.tl-content .chead h1{font-size:clamp(32px,4.4vw,50px);font-weight:900;letter-spacing:-.025em}
.tl-content .facts{display:flex;flex-wrap:wrap;gap:8px}
.tl-content .facts span{font-family:var(--f-mono);font-size:12px;border:1px solid var(--ink);border-radius:99px;padding:3px 11px}
.tl-content .need{background:var(--paper);border-radius:10px;padding:18px 20px;display:grid;gap:10px}
.tl-content .need ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;font-size:16px}
.tl-content .need li{display:flex;gap:10px}
.tl-content .need li::before{content:"☐";font-size:15px}
.tl-content .step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding-block:18px;border-top:1px solid var(--line)}
.tl-content .step .when{display:grid;gap:8px;justify-items:start;align-content:start}
.tl-content .step .when b{font-family:var(--f-mono);font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.06em}
.tl-content .step .n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:900;font-size:19px}
.tl-content .step h3{font-size:21px;font-weight:800;margin-bottom:6px}
.tl-content .step p{font-size:17px;color:#2A2C33}
.tl-content .step .tip{margin-top:10px;font-size:15px;color:var(--muted);border-left:3px solid var(--line);padding-left:12px}
.tl-content .vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tl-content .vs div{border-radius:10px;padding:16px 18px;display:grid;gap:8px;align-content:start}
.tl-content .vs .good{background:#E6F4EA}
.tl-content .vs .help{background:var(--warnbg)}
.tl-content .vs h3{font-size:17px;font-weight:800}
.tl-content .vs ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:16px}
.tl-content .mailnote{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;background:var(--paper);border-radius:10px;padding:14px 18px;font-size:15px}
.tl-content .next{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:2px solid var(--ink);padding-top:16px}
.tl-content .next a{font-weight:800;text-decoration:none;font-size:18px}
@media (max-width:860px){.tl-content .guide{grid-template-columns:minmax(0,1fr)}
.tl-content .toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
.tl-content .need ul,.tl-content .vs{grid-template-columns:minmax(0,1fr)}
.tl-content .step{grid-template-columns:minmax(0,1fr);gap:10px}
.tl-content .step .when{grid-auto-flow:column;align-items:center;justify-content:start}}
.tl-content .foot{font-family:var(--f-mono);font-size:12px;color:var(--muted);padding-block:0 48px}

/* ---------- WordPress/WooCommerce-Anpassungen ---------- */
.tl-product .stagebox .photo{position:absolute;inset:0;display:grid;place-items:center;background:var(--paper)}
.tl-product .stagebox .photo img{width:100%;height:100%;object-fit:contain}
.tl-product .thumbs img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.tl-product .pack-info{font-size:15px;color:var(--muted)}
.tl-product .pack-info b{color:var(--ink)}
.tl-product .lead p{margin:0}
.tl-product .about{display:grid;gap:12px;font-size:17px}
.tl-product .about > p{margin:0;max-width:68ch}
/* Vier Blöcke je Sorte: Wachstum, Ertrag, Aroma, Effekt (2 Spalten, mobil 1) */
.tl-product .tl-blocks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-block:12px}
.tl-product .tl-block{background:var(--paper);border-radius:8px;padding:22px 24px;display:grid;gap:8px;align-content:start}
.tl-product .tl-block h3{font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}
.tl-product .tl-block p{margin:0}
.tl-product .tl-block .tl-key{color:var(--muted)}
/* Alle Angaben des Züchters: wie der Steckbrief auf zwei Spalten verteilt */
.tl-product .about > h3{font-size:22px;font-weight:800;margin:24px 0 4px}
.tl-product table.tl-facts{width:100%;border-collapse:collapse}
.tl-product table.tl-facts tbody{display:block;columns:2;column-gap:40px}
.tl-product table.tl-facts tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;break-inside:avoid;border-bottom:1px solid var(--line)}
.tl-product table.tl-facts th,.tl-product table.tl-facts td{padding:11px 0;text-align:left;vertical-align:top}
.tl-product table.tl-facts th{color:var(--muted);font-size:15px;font-weight:400}
.tl-product table.tl-facts td{font-weight:600}
@media (max-width:820px){.tl-product .tl-blocks{grid-template-columns:minmax(0,1fr)}.tl-product table.tl-facts tbody{columns:1}}
.woocommerce div.product.tl-product .summary p.price,.woocommerce div.product.tl-product .summary span.price,.tl-product .summary .price{font-size:26px;font-weight:900;margin:0;color:var(--ink)}
.tl-product .summary .price del{font-weight:400;color:var(--muted);font-size:18px}
.woocommerce div.product.tl-product .summary form.cart,.tl-product .summary form.cart{border:0;border-radius:0;padding:0;font-family:var(--f-head);display:flex;gap:10px;align-items:stretch;margin:10px 0 4px;flex-wrap:wrap}
.woocommerce div.product.tl-product .summary form.cart div.quantity{float:none;margin:0}
.tl-product .summary .quantity input{width:72px;height:100%;min-height:50px;border:1.5px solid var(--ink);border-radius:99px;text-align:center;font:inherit;font-weight:800;background:var(--paper)}
.tl-product .summary .single_add_to_cart_button{flex:1;min-height:50px;background:var(--ink)!important;color:var(--bg)!important;border:0;border-radius:99px!important;font:inherit!important;font-weight:700!important;font-size:16px!important;padding:14px 22px!important;cursor:pointer}
.tl-product .summary .wc-gzd-additional-info,.tl-product .summary .legal-price-info,.tl-product .summary .delivery-time-info,.tl-product .summary .shipping-costs-info,.tl-product .summary .tax-info{font-size:13px;color:var(--muted)}
.tl-product .summary p{margin:4px 0}
.tl-product .sim .card{color:inherit}
.woocommerce-notices-wrapper{max-width:1160px;margin:12px auto 0;padding-inline:16px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--paper);border-left:4px solid var(--ink);border-radius:0 8px 8px 0;padding:12px 16px;list-style:none;margin:0 0 12px}
.woocommerce-message a.button,.woocommerce-info a.button{margin-left:12px;font-weight:700;color:var(--ink)}

/* Kaufbox: Menge + Button in einer Zeile, Text bricht nicht um */
.woocommerce div.product.tl-product .summary form.cart{display:flex;width:100%;flex-wrap:nowrap;gap:10px;align-items:stretch}
.woocommerce div.product.tl-product .summary form.cart::before,.woocommerce div.product.tl-product .summary form.cart::after{display:none}
.woocommerce div.product.tl-product .summary form.cart .single_add_to_cart_button{float:none;flex:1 1 auto;white-space:nowrap;min-width:0;line-height:1.2}
.woocommerce div.product.tl-product .summary form.cart div.quantity{flex:0 0 auto}


/* ---------- Ratgeber-Cover: Duftkreis in Phasenfarben + Piktogramm (oder Foto) ---------- */
:is(.tl-front,.tl-content,body) .tl-cover{position:relative;display:block;overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#FFFFFF 0%,var(--soft) 100%);aspect-ratio:16/9;width:100%;max-width:100%;padding:0}
:is(.tl-front,.tl-content,body) .tl-cover.hero-cover{aspect-ratio:2/1}
:is(.tl-front,.tl-content,body) .tl-cover > canvas.disc{position:absolute;height:128%;width:auto;aspect-ratio:1/1;right:-12%;top:50%;transform:translateY(-50%);max-width:none}
:is(.tl-front,.tl-content,body) .tl-cover .pict{position:absolute;left:7%;top:44%;transform:translateY(-50%);width:30%;max-width:150px;aspect-ratio:1/1;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:var(--ink)}
:is(.tl-front,.tl-content,body) .tl-cover .pict svg{width:54%;height:54%}
:is(.tl-front,.tl-content,body) .tl-cover .topic{position:absolute;left:7%;bottom:8%;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
:is(.tl-front,.tl-content,body) .tl-cover.is-photo img{width:100%;height:100%;object-fit:cover;display:block}
.tl-content .postlist{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:none}
.tl-content .pl{padding:0 0 18px;overflow:hidden}
.tl-content .pl > :not(.tl-cover){padding-inline:20px}
.tl-content .pl .tl-cover{border-radius:0}

/* ---------- Produktfoto als erstes Bild, Duftkreis als Abzeichen ---------- */
:is(.tl-shop,.tl-front) .pbox{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--soft);width:100%}
:is(.tl-shop,.tl-front) .pbox img{width:100%;height:100%;object-fit:cover;display:block}
:is(.tl-shop,.tl-front) .pbox .badge-disc{position:absolute;right:8px;bottom:8px;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.88);display:grid;place-items:center}
:is(.tl-shop,.tl-front) .pbox .badge-disc canvas{width:54px;height:54px;display:block}
@media (max-width:620px){.tl-front .card .pbox{width:96px;margin:22px 0 0;grid-row:span 3;align-self:start}.tl-front .card .pbox .badge-disc{width:34px;height:34px;right:4px;bottom:4px}.tl-front .card .pbox .badge-disc canvas{width:32px;height:32px}}
.tl-product .stagebox.has-photo{background:var(--paper)}
.tl-shop .tl-card .lvl,.tl-front .card .lvl,.tl-front .card .match{z-index:3;background:var(--paper)}
.tl-front .card .match{background:var(--ink)}
body .tl-shop ul.products li.tl-card .buyline b,body .tl-shop ul.products li.tl-card .buyline b *{font-family:var(--f-head);font-size:18px;font-weight:800;color:var(--ink)}

/* Shop-Liste */
.tl-shop-head{padding-block:8px 24px;display:grid;gap:8px}
.tl-shop-head h1{margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:900;letter-spacing:-.02em}
.tl-shop-head .lead{color:var(--muted);max-width:60ch;margin:0}
.tl-shop ul.products{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tl-shop ul.products::before,.tl-shop ul.products::after{display:none}
.tl-shop .tl-card{width:auto!important;float:none!important;margin:0!important}
.tl-shop .tl-card a{background:var(--paper);border-radius:8px;padding:20px;display:grid;gap:12px;text-decoration:none;color:inherit;position:relative;height:100%}
.tl-shop .tl-card .lvl{position:absolute;top:14px;right:14px;font-family:var(--f-mono);font-size:11px;border:1px solid var(--ink);border-radius:99px;padding:2px 9px}
.tl-shop .tl-card .dbox{width:62%;margin:4px auto 0}
.tl-shop .tl-card canvas{display:block;width:100%;aspect-ratio:1/1;height:auto}
.tl-shop .tl-card h2{margin:0;font-size:21px;font-weight:800}
.tl-shop .aromaline{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px;color:var(--muted)}
.tl-shop .aromaline span{display:inline-flex;align-items:center;gap:6px}
.tl-shop .aromaline i{width:10px;height:10px;border-radius:50%}
.tl-shop .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:12px;font-size:13px;color:var(--muted)}
.tl-shop .facts b{display:block;color:var(--ink);font-weight:800;font-size:15px}
.tl-shop .buyline{display:flex;justify-content:space-between;align-items:center}
.tl-shop .buyline b{font-size:18px;font-weight:800}
.tl-shop .buyline span{font-family:var(--f-mono);font-size:12px;color:var(--muted)}
.tl-shop .woocommerce-result-count,.tl-shop .woocommerce-ordering{font-size:14px;color:var(--muted);margin-bottom:16px}
@media (max-width:980px){.tl-shop ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tl-shop ul.products{grid-template-columns:minmax(0,1fr)}}

/* Seiten, Ratgeber-Liste, Warenkorb/Kasse */
.tl-content .page-body{padding-block:36px 72px;display:grid;gap:16px;max-width:1160px}
.tl-content .page-body h1{margin:0;font-size:clamp(30px,4vw,46px);font-weight:900;letter-spacing:-.02em}
.tl-content .entry{max-width:78ch}
.tl-content .postlist{display:grid;gap:14px;max-width:760px}
.tl-content .pl{background:var(--paper);border-radius:10px;padding:18px 20px;text-decoration:none;color:inherit;display:grid;gap:6px}
.tl-content .pl h2{margin:0;font-size:22px;font-weight:800}
.tl-content .pl p{margin:0;color:var(--muted)}
.tl-content .blog aside .box p{margin:0}
.tl-content article > p,.tl-content article li{margin:0}
.tl-page .entry table{background:var(--paper)}
.tl-page .entry .button,.tl-page .entry button.button,.tl-page .entry .checkout-button{background:var(--ink)!important;color:var(--bg)!important;border-radius:99px!important;padding:12px 20px!important}