/* scoped:gtls-root */
/* v0.5.5 isolation: neutralise theme element styles inside the app (id specificity beats theme element/class rules; app rules below win by order) */
#gtls-root{all:initial;display:block;position:relative;box-sizing:border-box;width:100%;max-width:none;min-width:0;text-align:left;font-size:15px;line-height:1.45;color:var(--ui);background:var(--bg);overflow-x:clip;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#gtls-root *,#gtls-root *::before,#gtls-root *::after{box-sizing:border-box;letter-spacing:normal;text-transform:none;text-shadow:none}
#gtls-root button,#gtls-root input,#gtls-root select,#gtls-root textarea{font:inherit;color:inherit;margin:0;line-height:normal;min-height:0;height:auto;box-shadow:none;border-radius:0;background:none;border:0;padding:0;width:auto;max-width:100%;text-align:inherit;outline-offset:2px}
#gtls-root button{text-align:center}
#gtls-root input[type=checkbox],#gtls-root input[type=radio]{appearance:auto;-webkit-appearance:auto;width:auto;height:auto;margin:0 4px 0 0}
#gtls-root input[type=range]{appearance:auto;-webkit-appearance:auto}
#gtls-root input[type=search]{-webkit-appearance:none;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}
#gtls-root h1,#gtls-root h2,#gtls-root h3,#gtls-root h4,#gtls-root h5,#gtls-root h6{font-family:inherit;color:inherit;font-weight:700;line-height:1.2;margin:.8em 0 .5em;padding:0;text-transform:none}
#gtls-root h1{font-size:2em}#gtls-root h2{font-size:1.5em}#gtls-root h3{font-size:1.17em}#gtls-root h4{font-size:1em}
#gtls-root p{margin:1em 0;padding:0}#gtls-root ul,#gtls-root ol{margin:1em 0;padding-left:1.4em}#gtls-root li{margin:0}
#gtls-root a{color:#1d4ed8;text-decoration:underline;box-shadow:none}#gtls-root a:hover{color:#1e40af}
#gtls-root img,#gtls-root svg{max-width:100%;border:0;box-shadow:none;border-radius:0;display:inline-block;vertical-align:middle}
#gtls-root table{border-collapse:collapse;border:0;margin:0;width:auto;background:none}#gtls-root th,#gtls-root td{border:0;padding:0;background:none;text-align:inherit;vertical-align:middle}
#gtls-root label{display:inline;margin:0;font-weight:inherit;color:inherit}
#gtls-root small{font-size:80%}#gtls-root b,#gtls-root strong{font-weight:700}
#gtls-root [hidden]{display:none!important}
#gtls-root{--ui:#0f172a;--ui2:#475569;--line:#e2e8f0;--bg:#f6f7fb;--brandui:#2563eb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
#gtls-root,#gtls-root *{box-sizing:border-box}#gtls-root{margin:0;background:var(--bg);color:var(--ui)}
#gtls-root button,#gtls-root input,#gtls-root select,#gtls-root textarea{font:inherit}#gtls-root button{cursor:pointer}
#gtls-root .hidden{display:none!important}
#gtls-root .btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 14px;font-weight:600;color:var(--ui);display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
#gtls-root .btn:hover{border-color:#94a3b8}#gtls-root .btn.pri{background:var(--brandui);border-color:var(--brandui);color:#fff}#gtls-root .btn.dark{background:#0f172a;color:#fff;border-color:#0f172a}
#gtls-root .btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}#gtls-root .btn:disabled{opacity:.45;cursor:not-allowed}
#gtls-root input[type=text],#gtls-root input[type=email],#gtls-root input[type=tel],#gtls-root input[type=number],#gtls-root input[type=url],#gtls-root select,#gtls-root textarea{border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff;width:100%}
#gtls-root label.f{display:block;font-size:12px;font-weight:600;color:var(--ui2);margin:10px 0 4px}
/* top bar */
#gtls-root .top{position:sticky;top:var(--gtls-top,0px);z-index:50;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:10px 16px}
#gtls-root .logo{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.02em}#gtls-root .logo .globe{width:28px;height:28px;border-radius:50%;background:conic-gradient(from 200deg,#2563eb,#06b6d4,#22c55e,#2563eb);display:grid;place-items:center;color:#fff;font-size:15px}
#gtls-root .logo small{font-weight:600;color:var(--ui2)}#gtls-root .sp{flex:1}
#gtls-root .seg{display:inline-flex;background:#f1f5f9;border-radius:10px;padding:3px}#gtls-root .seg button{border:0;background:transparent;padding:6px 12px;border-radius:8px;font-weight:600;color:var(--ui2)}#gtls-root .seg button.on{background:#fff;color:var(--ui);box-shadow:0 1px 3px #0002}
/* builder layout */
#gtls-root .wrap{display:grid;grid-template-columns:380px 1fr;min-height:calc(100vh - var(--gtls-top,0px) - var(--gtls-bar,57px))}
#gtls-root .side{background:#fff;border-right:1px solid var(--line);overflow:auto;max-height:calc(100vh - var(--gtls-top,0px) - var(--gtls-bar,57px));position:sticky;top:calc(var(--gtls-top,0px) + var(--gtls-bar,57px))}
#gtls-root .tabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}#gtls-root .tabs button{flex:1;border:0;background:none;padding:12px 4px;font-weight:600;color:var(--ui2);border-bottom:2px solid transparent;font-size:13px}#gtls-root .tabs button.on{color:var(--brandui);border-color:var(--brandui)}
#gtls-root .pane{padding:16px}#gtls-root .pane h3{margin:4px 0 6px;font-size:15px}#gtls-root .hint{font-size:12.5px;color:var(--ui2);line-height:1.45}
#gtls-root .row{display:flex;gap:8px;align-items:center}#gtls-root .row>*{flex:1}#gtls-root .row .btn{flex:none}
#gtls-root .plist{display:flex;flex-direction:column;gap:6px;margin-top:10px}
#gtls-root .pitem{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px;font-size:13px}#gtls-root .pitem img{width:40px;height:40px;object-fit:cover;border-radius:6px;background:#f1f5f9}#gtls-root .pitem .t{flex:1;min-width:0}#gtls-root .pitem .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#gtls-root .pitem.off{opacity:.45}
#gtls-root .main{min-width:0;padding:18px;overflow:hidden}
#gtls-root .hero{max-width:760px;margin:40px auto;text-align:center}#gtls-root .hero h1{font-size:40px;letter-spacing:-.03em;margin:0 0 10px}#gtls-root .hero p{color:var(--ui2);font-size:17px}
#gtls-root .hero .bigin{display:flex;gap:8px;max-width:560px;margin:22px auto 8px;background:#fff;padding:6px;border-radius:14px;box-shadow:0 10px 30px #0f172a14;border:1px solid var(--line)}#gtls-root .hero .bigin input{border:0;font-size:16px}
#gtls-root .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;text-align:left}#gtls-root .feat div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;font-size:13.5px;color:var(--ui2)}#gtls-root .feat b{display:block;color:var(--ui);margin-bottom:3px}
#gtls-root .swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#gtls-root .swatch{border:2px solid var(--line);border-radius:10px;padding:8px;font-size:12px;font-weight:600;text-align:center;background:#fff}#gtls-root .swatch.on{border-color:var(--brandui)}#gtls-root .swatch i{display:block;height:26px;border-radius:6px;margin-bottom:5px}
/* modal */
#gtls-root .modal{position:fixed;inset:0;background:#0f172a99;z-index:100050;display:flex;align-items:center;justify-content:center;padding:16px}
#gtls-root .modal-card{background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:92vh;overflow:auto;padding:24px;position:relative;box-shadow:0 30px 80px #0005}#gtls-root .modal-card.wide{max-width:900px}
#gtls-root .x{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;color:var(--ui2)}
#gtls-root #toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 16px;border-radius:10px;opacity:0;transition:.3s;z-index:100060;pointer-events:none;font-size:14px}#gtls-root #toast.on{opacity:1}
#gtls-root .lock{border:1px dashed #94a3b8;border-radius:12px;padding:12px;background:#f8fafc;display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ui2);margin:12px 0}#gtls-root .lock b{color:var(--ui)}
#gtls-root .err{color:#dc2626;font-size:13px}#gtls-root .ok{color:#16a34a}
#gtls-root table.t{width:100%;border-collapse:collapse;font-size:13px}#gtls-root table.t td,#gtls-root table.t th{border-bottom:1px solid var(--line);padding:6px 4px;text-align:left;vertical-align:middle}
/* ============ SHEET (themeable) ============ */
#gtls-root .sheet{--p:#111;--a:#b08d57;--bg:#fff;--fg:#1d1d1f;--mut:#6b7280;--card:#fff;--hf:Georgia,'Times New Roman',serif;--bf:Inter,system-ui,sans-serif;--rad:4px;color:var(--fg);font-family:var(--bf)}
#gtls-root .sheet[data-theme=atelier]{--bg:#fbf8f3;--card:#fff;--hf:'Playfair Display',Didot,Georgia,serif;--rad:2px}
#gtls-root .sheet[data-theme=modern]{--bg:#ffffff;--card:#f6f7f9;--hf:Inter,system-ui,sans-serif;--rad:14px}
#gtls-root .sheet[data-theme=noir]{--bg:#111214;--fg:#f4f4f5;--mut:#a1a1aa;--card:#1c1d21;--hf:'Helvetica Neue',Arial,sans-serif;--rad:6px}
#gtls-root .sheet[data-theme=botanical]{--bg:#f3f5ef;--card:#fff;--hf:Georgia,serif;--rad:18px}
#gtls-root .sheet[data-theme=pop]{--bg:#fffdf5;--card:#fff;--hf:'Arial Black',Inter,sans-serif;--rad:20px}
#gtls-root .page{width:816px;height:1056px;background:var(--bg);position:relative;overflow:hidden;padding:48px 52px 60px;display:flex;flex-direction:column}
#gtls-root .page .ph{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--p);padding-bottom:10px;margin-bottom:18px}
#gtls-root .page .ph .bn{font-family:var(--hf);font-weight:700;font-size:20px;color:var(--p)}#gtls-root .sheet[data-theme=noir] .page .ph .bn{color:var(--fg)}
#gtls-root .page .ph .sec{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
#gtls-root .page .pf{position:absolute;left:52px;right:52px;bottom:22px;display:flex;justify-content:space-between;font-size:10.5px;color:var(--mut)}
#gtls-root .pgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:16px;flex:1;min-height:0}
#gtls-root .pc{background:var(--card);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;position:relative}
#gtls-root .sheet[data-theme=atelier] .pc{border:1px solid #ece5d9}#gtls-root .sheet[data-theme=pop] .pc{border:2px solid var(--p)}
#gtls-root .pc .im{height:230px;background:#fff center/contain no-repeat;flex:none}#gtls-root .sheet[data-theme=noir] .pc .im{background-color:#fff}
#gtls-root .pc .bd{padding:10px 11px;display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}
#gtls-root .pc .nm{font-family:var(--hf);font-weight:700;font-size:14px;line-height:1.2;max-height:34px;overflow:hidden}
#gtls-root .pc .sku{font-size:10px;color:var(--mut);letter-spacing:.04em}
#gtls-root .pc .pr{display:flex;gap:10px;align-items:baseline;margin-top:2px}#gtls-root .pc .ws{font-size:17px;font-weight:800;color:var(--p)}#gtls-root .sheet[data-theme=noir] .pc .ws{color:var(--a)}
#gtls-root .pc .ms{font-size:11px;color:var(--mut)}#gtls-root .pc .meta{font-size:10.5px;color:var(--mut);line-height:1.35}
#gtls-root .pc .bc{margin-top:auto;height:44px;display:flex;justify-content:center}#gtls-root .pc .bc svg{height:44px;width:auto;max-width:100%;background:#fff;border-radius:3px}
#gtls-root .cover{padding:0;color:#fff;background:var(--p)}
#gtls-root .cover .cimg{position:absolute;left:0;right:0;top:0;height:64%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:var(--p)}#gtls-root .cover .cimg div{background:#fff center/78% no-repeat}
#gtls-root .cover .veil{display:none}
#gtls-root .cover .ct{position:absolute;left:56px;right:56px;bottom:64px;top:calc(64% + 50px)}#gtls-root .cover h1{font-family:var(--hf);font-size:64px;line-height:1;margin:0 0 12px;letter-spacing:-.02em}
#gtls-root .cover .kick{letter-spacing:.3em;text-transform:uppercase;font-size:13px;opacity:.85}#gtls-root .cover .lg{max-height:70px;max-width:260px;margin-bottom:18px;background:#fff;padding:8px 12px;border-radius:8px}
#gtls-root .cover .tl{font-size:16px;opacity:.9;max-width:520px}
#gtls-root .toc h2,#gtls-root .terms h2{font-family:var(--hf);font-size:40px;margin:10px 0 24px;color:var(--p)}#gtls-root .sheet[data-theme=noir] .toc h2,#gtls-root .sheet[data-theme=noir] .terms h2{color:var(--fg)}
#gtls-root .toc a{display:flex;align-items:baseline;gap:8px;color:var(--fg);text-decoration:none;font-size:19px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--mut) 25%,transparent);cursor:pointer}#gtls-root .toc a span.d{flex:1;border-bottom:1px dotted var(--mut);transform:translateY(-4px)}#gtls-root .toc a small{color:var(--mut);font-size:13px}
#gtls-root .terms .kv{display:grid;grid-template-columns:200px 1fr;gap:12px 20px;font-size:15px;margin-bottom:24px}#gtls-root .terms .kv b{color:var(--mut);font-weight:600}
#gtls-root .made{margin-top:auto;padding:16px;border-radius:12px;background:color-mix(in srgb,var(--p) 8%,var(--bg));font-size:13px;color:var(--mut);display:flex;gap:10px;align-items:center}
/* flipbook */
#gtls-root .fbwrap{display:flex;flex-direction:column;align-items:center;gap:12px;user-select:none}
#gtls-root .fbstage{position:relative;overflow:visible}#gtls-root .fbstage .book{filter:none}
#gtls-root .book{position:absolute;left:0;top:0;transform-origin:0 0;perspective:3200px}
#gtls-root .leaf{position:absolute;top:0;width:816px;height:1056px;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.645,.045,.355,1)}
#gtls-root .leaf.flipped{transform:rotateY(-180deg)}
#gtls-root .leaf>.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 4px #0000001a}
#gtls-root .leaf>.face.back{transform:rotateY(180deg)}
#gtls-root .leaf>.face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0000001f,transparent 6%)}#gtls-root .leaf>.face.back::after{background:linear-gradient(270deg,#0000001f,transparent 6%)}
#gtls-root .fbctl{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ui2)}
#gtls-root .single .leaf>.face.back{display:none}#gtls-root .single .book{perspective:none}#gtls-root .single .leaf{transform-style:flat;transition:transform .45s ease,opacity .45s ease}#gtls-root .single .leaf.flipped{transform:translateX(-102%);opacity:0}#gtls-root .single .leaf>.face{backface-visibility:visible;-webkit-backface-visibility:visible}#gtls-root .single .book{overflow:hidden}
/* grid/catalog view */
#gtls-root .cat{border-radius:16px;overflow:hidden;background:var(--bg);box-shadow:0 10px 40px #0f172a12}
#gtls-root .cathead{padding:28px;background:var(--p);color:#fff;display:flex;gap:16px;align-items:center}#gtls-root .cathead h2{font-family:var(--hf);margin:0;font-size:30px}#gtls-root .cathead img{max-height:48px;background:#fff;border-radius:8px;padding:4px 8px}
#gtls-root .catbar{position:sticky;top:calc(var(--gtls-top,0px) + var(--gtls-bar,57px));z-index:5;background:var(--bg);padding:12px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--mut) 25%,transparent)}
#gtls-root .catbar input{max-width:260px}#gtls-root .chip{border:1px solid color-mix(in srgb,var(--mut) 40%,transparent);background:transparent;color:var(--fg);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}#gtls-root .chip.on{background:var(--p);color:#fff;border-color:var(--p)}
#gtls-root .catsec{padding:10px 20px 24px}#gtls-root .catsec h3{font-family:var(--hf);font-size:24px;margin:16px 0 12px}
#gtls-root .cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
#gtls-root .cgrid .pc .im{height:220px}#gtls-root .cgrid .pc .nm{max-height:none}
#gtls-root .addrow{display:flex;gap:6px;margin-top:6px}#gtls-root .addrow .btn{flex:1;justify-content:center;background:var(--p);color:#fff;border-color:var(--p)}
#gtls-root .badge{position:absolute;top:8px;left:8px;background:var(--a);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px}
/* cart */
#gtls-root .cartbtn{position:relative}#gtls-root .cartbtn em{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-style:normal;font-size:11px;border-radius:999px;padding:1px 6px}
#gtls-root .drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:#fff;z-index:100040;box-shadow:-20px 0 60px #0003;transform:translateX(105%);transition:.3s;display:flex;flex-direction:column}#gtls-root .drawer.on{transform:none}
#gtls-root .drawer header{padding:16px;border-bottom:1px solid var(--line);display:flex;align-items:center}#gtls-root .drawer .items{flex:1;overflow:auto;padding:12px 16px}#gtls-root .drawer footer{padding:16px;border-top:1px solid var(--line)}
#gtls-root .cl{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}#gtls-root .cl img{width:48px;height:48px;object-fit:cover;border-radius:8px}#gtls-root .cl input{width:72px}
#gtls-root .qty{width:80px!important}
#gtls-root .vtab td svg{height:36px;width:auto}
#gtls-root .pdimg{display:flex;gap:8px;overflow:auto}#gtls-root .pdimg img{height:220px;border-radius:10px;background:#f1f5f9}
/* buyer */
#gtls-root .buyer .main{padding:18px;max-width:1200px;margin:0 auto}
@media (max-width:900px){#gtls-root .wrap{grid-template-columns:1fr}#gtls-root .side{position:static;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}#gtls-root .feat{grid-template-columns:1fr}#gtls-root .hero h1{font-size:30px}#gtls-root .top{flex-wrap:wrap}#gtls-root .top .seg{order:5;width:100%;justify-content:center}#gtls-root .catbar{top:calc(var(--gtls-top,0px) + var(--gtls-bar,57px))}#gtls-root .tabs{top:calc(var(--gtls-top,0px) + var(--gtls-bar,57px))}#gtls-root .selbar{top:calc(var(--gtls-top,0px) + var(--gtls-bar,57px) + var(--gtls-tabs,45px))}#gtls-root .cgrid{grid-template-columns:repeat(2,1fr);gap:10px}#gtls-root .cgrid .pc .im{height:150px}#gtls-root .main{padding:10px}#gtls-root .logo small{display:none}}
/* print */
#gtls-root #printRoot{display:none}
@media print{
 @page{size:8.5in 11in;margin:0}
 body{background:#fff}body>*:not(#printRoot){display:none!important}#printRoot{display:block!important}
 #printRoot .page{page-break-after:always;break-after:page;width:8.5in;height:11in}
 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
#gtls-root .toc.many .tl2{columns:2;column-gap:36px}#gtls-root .toc.many a{font-size:15px;padding:7px 0;break-inside:avoid}
/* ================= v2 ================= */
#gtls-root .spin{display:inline-block;width:12px;height:12px;border:2px solid #cbd5e1;border-top-color:var(--brandui);border-radius:50%;animation:sp .8s linear infinite;vertical-align:-2px}@keyframes sp{to{transform:rotate(360deg)}}
#gtls-root .ck{display:inline-flex;gap:5px;align-items:center;font-size:13px;white-space:nowrap}
#gtls-root .sheet[data-theme=minimal]{--card:#fafafa;--hf:'Helvetica Neue',Inter,sans-serif;--rad:0}
#gtls-root .sheet[data-theme=sand]{--card:#fffaf3;--hf:Georgia,serif;--rad:10px}
#gtls-root .sheet[data-theme=ocean]{--card:#fff;--hf:Inter,system-ui,sans-serif;--rad:12px}
#gtls-root .sheet[data-theme=blush]{--card:#fff;--hf:'Playfair Display',Georgia,serif;--rad:16px}
#gtls-root .sheet[data-theme=slate]{--card:#fff;--hf:Inter,system-ui,sans-serif;--rad:10px}
#gtls-root .sheet[data-theme=minimal] .page .ph{border-bottom-width:1px}#gtls-root .sheet[data-theme=ocean] .pc,#gtls-root .sheet[data-theme=slate] .pc{box-shadow:0 2px 10px #0f172a10}
#gtls-root .pc .im{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}#gtls-root .pc .im img{width:100%;height:100%;object-fit:contain}
#gtls-root .cover .cimg div{display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}#gtls-root .cover .cimg img{width:80%;height:80%;object-fit:contain}
#gtls-root .codes{margin-top:auto;display:flex;gap:6px;align-items:flex-end;justify-content:space-between;min-height:44px}#gtls-root .codes svg.barcode{height:44px;width:auto;max-width:72%;background:#fff;border-radius:3px}
#gtls-root .codes svg.qr{width:44px;height:44px;flex:none;background:#fff;border-radius:3px}#gtls-root .codes.big svg.barcode{height:54px}#gtls-root .codes.big svg.qr{width:64px;height:64px}
#gtls-root .pc .bc{display:none}
#gtls-root .badge.so{background:#64748b}#gtls-root .is-so .im img,#gtls-root .is-so td img{opacity:.45;filter:grayscale(1)}
#gtls-root .pulse{animation:pulse 1.6s ease 2}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 6px var(--a)}}
#gtls-root .cqr{display:flex;gap:14px;align-items:center;margin-top:22px;background:#ffffff1f;padding:10px 14px 10px 10px;border-radius:12px;width:max-content;font-size:13px}#gtls-root .cqr svg{width:84px;height:84px;background:#fff;border-radius:6px;padding:3px}
#gtls-root .cqr.dark{background:color-mix(in srgb,var(--p) 8%,var(--bg));color:var(--fg)}
/* layouts */
#gtls-root .L-g4 .pgrid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}#gtls-root .L-g4 .pc .im{height:300px}#gtls-root .L-g4 .pc .nm{font-size:16px}
#gtls-root .L-g2 .pgrid{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}#gtls-root .pc.c2{flex-direction:row}#gtls-root .pc.c2 .im{width:46%;height:auto}#gtls-root .pc.c2 .bd{padding:18px 20px;gap:6px}#gtls-root .pc.c2 .nm{font-size:20px;max-height:none}#gtls-root .pc.c2 .ws{font-size:22px}
#gtls-root .desc{font-size:11.5px;line-height:1.45;color:var(--mut);overflow:hidden}#gtls-root .pc.c2 .desc{max-height:68px}#gtls-root .vl{display:flex;flex-wrap:wrap;gap:4px}#gtls-root .vl span{font-size:10px;border:1px solid color-mix(in srgb,var(--mut) 35%,transparent);border-radius:999px;padding:2px 7px}#gtls-root .vl span.x{text-decoration:line-through;opacity:.5}
#gtls-root .L-lookbook .pgrid{grid-template-columns:1fr;grid-template-rows:1fr}#gtls-root .pc.lb .im{height:560px}#gtls-root .lbrow{display:flex;gap:8px;padding:8px 10px 0;height:110px}#gtls-root .lbrow img{flex:1;min-width:0;object-fit:contain;background:#fff;border-radius:var(--rad)}
#gtls-root .pc.lb .bd{flex-direction:row;gap:24px;padding:16px 20px;align-items:flex-end}#gtls-root .pc.lb .bd>div:first-child{flex:1}#gtls-root .pc.lb .nm{font-size:28px;max-height:none}#gtls-root .pc.lb .ws{font-size:24px}#gtls-root .pc.lb .desc{max-height:52px;margin:4px 0}#gtls-root .pc.lb .codes{flex-direction:column;align-items:flex-end;margin:0}#gtls-root .pc.lb .codes svg.qr{width:70px;height:70px}
#gtls-root table.lt{width:100%;border-collapse:collapse;font-size:11.5px}#gtls-root table.lt th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);padding:4px 6px;border-bottom:2px solid var(--p)}#gtls-root table.lt td{padding:5px 6px;border-bottom:1px solid color-mix(in srgb,var(--mut) 22%,transparent);vertical-align:middle}
#gtls-root table.lt td img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:6px}#gtls-root table.lt td.ws{font-weight:800;color:var(--p);font-size:13px}#gtls-root .sheet[data-theme=noir] table.lt td.ws{color:var(--a)}#gtls-root table.lt tr{cursor:pointer}#gtls-root table.lt .codes{min-height:0;justify-content:flex-end}#gtls-root table.lt .codes svg.barcode{height:38px;max-width:120px}#gtls-root table.lt .codes svg.qr{width:38px;height:38px}
/* builder controls */
#gtls-root .lays{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}#gtls-root .lay{border:2px solid var(--line);background:#fff;border-radius:10px;padding:6px 2px;font-size:10.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px}#gtls-root .lay.on{border-color:var(--brandui)}
#gtls-root .li{display:grid;width:30px;height:38px;gap:2px;padding:3px;border:1px solid #cbd5e1;border-radius:3px}#gtls-root .li b{background:#cbd5e1;border-radius:1px}#gtls-root .li-g6{grid-template-columns:1fr 1fr 1fr}#gtls-root .li-g4{grid-template-columns:1fr 1fr}#gtls-root .li-g4 b:nth-child(n+5){display:none}#gtls-root .li-g2 b:nth-child(n+3){display:none}#gtls-root .li-list b{height:3px}#gtls-root .li-lookbook b:nth-child(n+2){display:none}#gtls-root .li-list{align-content:start}
#gtls-root .swatches{grid-template-columns:repeat(5,1fr)}#gtls-root .swatch{padding:5px 2px;font-size:10.5px}
/* catalog */
#gtls-root .kick2{opacity:.8;font-size:12px;letter-spacing:.2em;text-transform:uppercase}#gtls-root .live{display:inline-block;margin-top:6px;font-size:12px;background:#ffffff26;padding:3px 9px;border-radius:999px}
#gtls-root .chips{display:flex;gap:6px;flex-wrap:wrap}#gtls-root .catbar select{width:auto}#gtls-root .cnt{font-size:13px;color:var(--mut)}
/* flipbook v2 */
#gtls-root .fb{background:#e9ecf2;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;user-select:none}#gtls-root .fb:fullscreen{border-radius:0;padding:14px;background:#1f2329}
#gtls-root .fbbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:6px 8px;box-shadow:0 2px 8px #0f172a12;color:var(--ui);font-family:Inter,system-ui,sans-serif}
#gtls-root .fbbar .grp{display:flex;gap:4px;align-items:center}#gtls-root .fbbar .grow{flex:1;min-width:160px}#gtls-root .fbbar input[type=search]{padding:6px 10px}#gtls-root .fbbar select{width:auto;padding:6px 8px}
#gtls-root .ib{border:1px solid transparent;background:#f1f5f9;border-radius:8px;min-width:34px;height:34px;font-size:16px;color:var(--ui);display:grid;place-items:center}#gtls-root .ib:hover{background:#e2e8f0}#gtls-root .ib.on{background:var(--brandui);color:#fff}
#gtls-root .info{font-size:13px;color:var(--ui2);min-width:64px;text-align:center;font-variant-numeric:tabular-nums}#gtls-root .info.z{min-width:44px}#gtls-root .hits{font-size:12px;color:var(--ui2);white-space:nowrap}
#gtls-root .fbview{overflow:auto;display:flex;justify-content:center;align-items:flex-start;touch-action:pan-y;-webkit-overflow-scrolling:touch}#gtls-root .fbview.zoomed{touch-action:pan-x pan-y;justify-content:flex-start;cursor:grab}
#gtls-root .fbview .fbstage{margin:0 auto;flex:none}
#gtls-root .thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 6px;scroll-snap-type:x proximity}#gtls-root .th{flex:none;border:2px solid transparent;background:none;padding:0;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:2px;scroll-snap-align:center}
#gtls-root .th .tp{width:54px;height:70px;background:#fff;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;overflow:hidden;box-shadow:0 1px 3px #0002}#gtls-root .th .tp img{width:100%;height:100%;object-fit:contain}#gtls-root .th .tp.cover{grid-template-columns:1fr;background:var(--p)}#gtls-root .th .tp em{grid-column:1/-1;font-size:8px;font-style:normal;color:#64748b;align-self:center;text-align:center}
#gtls-root .th small{font-size:10px;color:var(--ui2)}#gtls-root .th.on{border-color:var(--brandui)}
/* sticky checkout bar */
#gtls-root .ckbar{position:sticky;z-index:60;margin:12px 18px 18px auto;bottom:18px;width:380px;max-width:calc(100% - 20px);background:#0f172a;color:#fff;border-radius:16px;padding:10px 10px 10px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 40px #0f172a55;cursor:pointer}
#gtls-root .ckbar .ckl{flex:1;min-width:0}#gtls-root .ckbar .ckt span{opacity:.7;font-size:13px;margin-left:4px}#gtls-root .ckbar small{opacity:.8;font-size:11.5px}#gtls-root .ckbar .btn.pri{background:var(--p,#2563eb);border-color:#ffffff40}
#gtls-root .prog{height:6px;background:#94a3b833;border-radius:999px;overflow:hidden;margin:5px 0 3px}#gtls-root .prog i{display:block;height:100%;width:0;background:#f59e0b;border-radius:999px;transition:width .3s}#gtls-root .prog i.ok{background:#22c55e}
#gtls-root.buyer .main{padding-bottom:96px}
/* product modal v2 */
#gtls-root .modal-card.pmodal{max-width:980px;padding:0;overflow:hidden;display:flex;flex-direction:column}#gtls-root .pmodal #modalBody{overflow:auto;padding:22px 22px 0;flex:1}
#gtls-root .pm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}#gtls-root .pmmain{position:relative;background:#f8fafc;border-radius:14px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px}#gtls-root .pmmain img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;opacity:1;visibility:visible}/* 0.7.2: abs-fill so the main image never collapses to 0 height */
#gtls-root .pmthumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto}#gtls-root .pmthumbs img{width:58px;height:58px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;background:#f1f5f9;flex:none}#gtls-root .pmthumbs img.on{border-color:var(--brandui)}
#gtls-root .pmi h2{margin:4px 0 6px;font-size:24px;letter-spacing:-.01em}#gtls-root .pr.big .ws{font-size:26px;font-weight:800;color:#0f172a}#gtls-root .pr.big{display:flex;gap:12px;align-items:baseline}#gtls-root .pr.big .ms{color:#64748b}
#gtls-root .pills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}#gtls-root .pills span{background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}#gtls-root .pills .so{background:#fee2e2;color:#b91c1c}#gtls-root .pmi .desc{font-size:13.5px;color:#475569;max-height:120px;overflow:auto}
#gtls-root .vh{margin:18px 0 8px;font-size:15px}#gtls-root .vh small{font-weight:500;color:var(--ui2);font-size:12px;margin-left:6px}
#gtls-root .gridwrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}#gtls-root table.og{border-collapse:collapse;width:100%;font-size:13px}#gtls-root table.og th,#gtls-root table.og td{padding:6px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
#gtls-root table.og thead th{background:#f8fafc;font-size:12px;position:sticky;top:0}#gtls-root table.og tbody th{text-align:left;position:sticky;left:0;background:#fff;z-index:1;display:flex;align-items:center;gap:8px;min-width:150px}#gtls-root table.og tbody th img{width:34px;height:34px;object-fit:cover;border-radius:6px;cursor:pointer}#gtls-root table.og tbody th small{color:var(--ui2);margin-left:auto}
#gtls-root table.og td.na{color:#cbd5e1;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 4px,#f1f5f9 4px,#f1f5f9 8px)}#gtls-root table.og .rt{font-weight:700}
#gtls-root .stp{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}#gtls-root .stp .sb{border:0;background:#f8fafc;width:26px;height:32px;font-size:16px;color:var(--ui)}#gtls-root .stp .sb:hover{background:#e2e8f0}#gtls-root .stp input.qty{width:46px!important;border:0;border-radius:0;text-align:center;padding:6px 2px;-moz-appearance:textfield}#gtls-root .stp input::-webkit-inner-spin-button{-webkit-appearance:none}
#gtls-root table.og .stp .sb{width:22px}#gtls-root table.og .stp input.qty{width:38px!important}
#gtls-root tr.na{opacity:.55}#gtls-root .vimg{width:30px;height:30px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-right:6px;cursor:pointer}
#gtls-root .pmbar{position:sticky;bottom:0;display:flex;gap:14px;align-items:center;padding:12px 22px;background:#fff;border-top:1px solid var(--line);margin:16px -22px 0;box-shadow:0 -6px 20px #0f172a0d}#gtls-root .pmbl{flex:1;min-width:0;font-size:14px}#gtls-root .pmbl small{font-size:12px;color:var(--ui2)}
/* drawer */
#gtls-root .drawer .stp input.qty{width:44px!important}#gtls-root .paynow{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}#gtls-root .paynow .btn{background:#5a31f4;color:#fff;border-color:#5a31f4}#gtls-root .btn.dis{opacity:.45;pointer-events:none}
/* share + insights */
#gtls-root .sharegrid{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}#gtls-root .qrbig{width:150px;height:150px}
#gtls-root .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}#gtls-root .kpi{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px}#gtls-root .kpi small{display:block;color:var(--ui2);font-size:11px}#gtls-root .kpi b{font-size:22px;color:var(--ui)}#gtls-root .kpi span{display:block;font-size:11px;color:var(--ui2)}
#gtls-root .spark{display:flex;gap:6px;align-items:flex-end;height:56px;margin:14px 0 4px;padding:0 6px}#gtls-root .spark i{flex:1;background:linear-gradient(var(--brandui),#93c5fd);border-radius:4px 4px 0 0}
#gtls-root .pane h4{margin:16px 0 6px;font-size:13px;color:var(--ui)}#gtls-root details.od{border:1px solid var(--line);border-radius:10px;padding:8px;margin:6px 0}
#gtls-root .mail{font-family:Inter,system-ui,sans-serif}#gtls-root .mh{font-size:13px;color:#475569;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px;line-height:1.6}#gtls-root .mb{max-width:560px;margin:0 auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px;color:#1e293b}
#gtls-root .mb>*:not(.mhero):not(.mk){margin-left:22px;margin-right:22px}#gtls-root .mhero{color:#fff;padding:22px}#gtls-root .mhero small{letter-spacing:.2em;opacity:.8;font-size:11px}#gtls-root .mhero h2{margin:4px 0 0}
#gtls-root table.mk{width:100%;border-collapse:collapse;text-align:center}#gtls-root table.mk td{padding:14px 4px;border-bottom:1px solid var(--line)}#gtls-root table.mk b{font-size:22px}#gtls-root table.mk small{color:#64748b}
#gtls-root .mbtn{display:inline-block;background:#0f172a;color:#fff!important;text-decoration:none;padding:10px 18px;border-radius:10px;font-weight:700}#gtls-root .mup{background:#eef2ff;border-radius:10px;padding:12px;margin-bottom:14px!important}#gtls-root .mf{font-size:11px;color:#94a3b8}
#gtls-root .pv{display:flex;flex-direction:column;align-items:center;gap:18px}
@media (max-width:760px){
 #gtls-root .hide-m{display:none!important}#gtls-root .top{gap:6px;padding:8px 10px}#gtls-root .top .logo .lt1{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #gtls-root.buyer[data-gtls-view=flip] .main{padding:0 0 84px}#gtls-root.buyer[data-gtls-view=flip] .fb{border-radius:0;padding:6px}
 #gtls-root .fbbar{padding:5px;gap:5px}#gtls-root .fbbar .grp:nth-child(1){order:1;flex:1;justify-content:space-between}#gtls-root .fbbar .grp:nth-child(4){order:2}#gtls-root .fbbar .grow{order:3;flex-basis:100%}#gtls-root .fbbar .grp:nth-child(3){order:4;flex-basis:100%;justify-content:space-between}#gtls-root .fbbar .grp:nth-child(3) select{flex:1}
 #gtls-root .ib{min-width:32px;height:32px}#gtls-root #fbFull{display:none}
 #gtls-root .ckbar{left:8px;right:8px;bottom:8px;width:auto;border-radius:14px;padding:8px 8px 8px 12px}
 #gtls-root .pm{grid-template-columns:1fr}#gtls-root .pmmain{aspect-ratio:4/3}#gtls-root .pmodal #modalBody{padding:16px 14px 0}#gtls-root .pmbar{margin:14px -14px 0;padding:10px 14px}#gtls-root .modal{padding:0;align-items:flex-end}#gtls-root .modal-card{border-radius:18px 18px 0 0;max-height:94vh}
 #gtls-root .kpis{grid-template-columns:repeat(2,1fr)}#gtls-root .sharegrid{grid-template-columns:1fr;justify-items:center}#gtls-root .lays{grid-template-columns:repeat(5,1fr)}#gtls-root .cathead{padding:18px}#gtls-root .cathead h2{font-size:24px}
}
@media print{.ckbar,.drawer{display:none!important}}
@media print{.is-so .im img,.is-so td img{opacity:1!important;filter:none!important}}
#gtls-root #printRoot .is-so .im img,#gtls-root #printRoot .is-so td img{opacity:1;filter:none}
@media (max-width:760px){
 #gtls-root #fbOut,#gtls-root #fbIn,#gtls-root #fbZ{display:none}#gtls-root .fbbar .grp:nth-child(1){flex:1}#gtls-root .fbbar .grp:nth-child(4){order:2}
 #gtls-root .fbbar .grow{order:3;flex:1 1 55%;min-width:0}#gtls-root .fbbar .grp:nth-child(3){order:4;flex:1 1 40%;flex-basis:auto}#gtls-root .fbbar .grp:nth-child(3) .ck{display:none}#gtls-root .fbbar .hits{display:none}
}
#gtls-root .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* ---- WordPress demo additions ---- */
#gtls-root .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
#gtls-root .demobar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fef3c7;color:#78350f;padding:8px 14px;font-size:13.5px;border-bottom:1px solid #fcd34d}
#gtls-root .demobar span{flex:1;min-width:200px}
#gtls-root .demo-note{background:#fef3c7;color:#78350f;border-radius:10px;padding:9px 12px;font-size:13px;margin:8px 0 4px}
#gtls-root .gtfoot{font-size:12px;color:var(--ui2,#64748b);padding:14px 4px 6px}#gtls-root .gtfoot a{color:inherit;text-decoration:underline}#gtls-root .gtfoot.center{text-align:center;padding:18px}


/* v0.5.1: product name in the top bar — two-line stack on phones instead of truncating */
#gtls-root .lt-gt b{font-weight:800}#gtls-root .lt-gt span{font-weight:600;color:var(--ui2)}
@media (max-width:760px){#gtls-root .top .logo .lt1.lt-gt{max-width:none;overflow:visible;white-space:normal;display:flex;flex-direction:column;line-height:1.05;font-size:14px}#gtls-root .lt-gt span{font-size:12px}#gtls-root .top .logo small{display:none}}

/* 0.5.3 selection */
#gtls-root .selbar{position:sticky;top:var(--gtls-tabs,45px);z-index:5;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;box-shadow:0 4px 10px -8px rgba(15,23,42,.35)}
#gtls-root .selbar .seln{flex:1 1 100%;font-size:13px}#gtls-root .selbar .warn{color:#b45309}#gtls-root .selbtns{display:flex;gap:6px;flex-wrap:wrap}#gtls-root .selbar input{flex:1 1 100%;margin:0}
#gtls-root .btn.danger{color:#b91c1c;border-color:#fecaca}#gtls-root .btn.danger:not(:disabled):hover{background:#fef2f2}#gtls-root .btn:disabled{opacity:.45;cursor:default}
#gtls-root .psec{display:flex;flex-direction:column;gap:6px}#gtls-root .psec[hidden],#gtls-root .pitem[hidden]{display:none!important}
#gtls-root .psech{display:flex;align-items:center;gap:8px;padding:8px 4px 2px;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:#334155;cursor:pointer}#gtls-root .psech .hint{margin-left:auto;text-transform:none}
#gtls-root .pck{display:flex;padding:4px;cursor:pointer}#gtls-root .pck input,#gtls-root .psech input{width:20px;height:20px;margin:0}
#gtls-root .plist{content-visibility:auto}#gtls-root .pitem{contain:layout paint}
#gtls-root .emptysel{max-width:420px;margin:40px auto;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:16px;padding:28px 20px}#gtls-root .emptysel h3{margin:8px 0}
#gtls-root .logolink{color:inherit;text-decoration:none;border-radius:8px}#gtls-root .logolink:hover .lt-gt b{text-decoration:underline}#gtls-root .logolink:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
#gtls-root .btn.startover{white-space:nowrap}#gtls-root .btn.danger-pri{background:#b91c1c;border-color:#b91c1c}
@media (max-width:760px){#gtls-root .btn.startover{padding:6px 10px;font-size:13px}}
#gtls-root .btn.added{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
#gtls-root .cartbtn.bump{animation:gtbump .35s ease}@keyframes gtbump{50%{transform:scale(1.12)}}
/* v0.5.5 in-theme sticky stack (must come after the base .selbar rule) */
#gtls-root .side,#gtls-root .main{min-width:0}
@media (max-width:900px){#gtls-root .selbar{top:calc(var(--gtls-top,0px) + var(--gtls-bar,57px) + var(--gtls-tabs,45px))}}
/* phones: the app's top bar scrolls away so the sticky stack (theme header + tabs + selection bar) stays small */
@media (max-width:760px){#gtls-root .top{position:relative;top:auto}}

/* v0.5.6 top bar — forecast-demo treatment (solid white instead of backdrop blur: iOS-safe) */
#gtls-root .top.gtb{display:block;padding:0;gap:0;background:rgba(255,255,255,.97);border-bottom:1px solid #eef2f7;z-index:50}
#gtls-root .gtb .tw{display:flex;align-items:center;gap:10px;padding:10px 20px;max-width:1160px;margin:0 auto;flex-wrap:nowrap}
#gtls-root .gtb.has .tw{max-width:none}
#gtls-root .brandm{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15.5px;color:#0f172a;text-decoration:none;letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;white-space:nowrap}
#gtls-root .brandm svg{flex:none}#gtls-root .brandm .lt1{max-width:none;overflow:visible}
#gtls-root a.brandm:hover .lt1{text-decoration:underline}
#gtls-root .free{font-size:11px;font-weight:700;color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:99px;padding:1px 7px;line-height:1.5}
#gtls-root .tbl{white-space:nowrap;font-size:13.5px;font-weight:700;color:#1d4ed8;background:#fff;border:1px solid #dbeafe;border-radius:9px;padding:7px 12px;cursor:pointer;flex:none}
#gtls-root .tbl:hover{background:#eff6ff}
#gtls-root .tctl{display:flex;align-items:center;gap:6px}
#gtls-root .gtb .seg{margin-right:4px}
@media (max-width:1100px){#gtls-root .gtb.has .tw{flex-wrap:wrap}#gtls-root .gtb.has .seg{order:5;width:100%;justify-content:center;margin:0}}
@media (max-width:760px){
 #gtls-root .gtb .tw{padding:8px 12px;gap:8px;flex-wrap:wrap}
 #gtls-root .brandm{font-size:14.5px;gap:6px}#gtls-root .brandm svg{width:22px;height:22px}
 #gtls-root .tbl{padding:6px 9px;font-size:12.5px}
 #gtls-root .gtb.has .tctl{order:4;width:100%;justify-content:space-between}
 #gtls-root .gtb.has .tctl .btn{flex:1;justify-content:center}#gtls-root .gtb.has .tctl .cartbtn{flex:0 0 auto}
}
@media (max-width:360px){#gtls-root .brandm .free{display:none}}
#gtls-root .top .brandm .lt1{max-width:none;overflow:visible;white-space:nowrap;display:inline;font-size:inherit;line-height:inherit}
#gtls-root .tbl .tm{display:none}
@media (max-width:760px){#gtls-root .gtb .tw{flex-wrap:wrap}#gtls-root .gtb .brandm{flex:1 1 auto;min-width:0}#gtls-root .gtb .sp{display:none}#gtls-root .gtb.has .free{display:none}#gtls-root .gtb.has .tbl .tg{display:none}#gtls-root .gtb.has .tbl .tm{display:inline}}
/* v0.6.0 Publish button, checklist, published indicator, terms */
#gtls-root .pubwrap{position:relative;display:inline-flex;align-items:center;gap:8px}
#gtls-root .pubbtn[data-state="blocked"]{opacity:.6;cursor:help}
#gtls-root .pubbtn .pubn{font-style:normal;background:#fff;color:#2563eb;border-radius:9px;font-size:11px;padding:0 6px;line-height:16px}
#gtls-root .pubpill{font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;border-radius:20px;padding:3px 9px;white-space:nowrap}
#gtls-root .pubpill.dirty{color:#92400e;background:#fef3c7}
#gtls-root .pubchk{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0002;padding:10px 14px;width:260px;font-size:13px;text-align:left;white-space:normal}
#gtls-root .pubwrap:hover .pubchk,#gtls-root .pubwrap:focus-within .pubchk,#gtls-root .pubchk.on{display:block}
#gtls-root .pubchk ul{list-style:none;margin:6px 0 0;padding:0}#gtls-root .pubchk li{padding:3px 0}#gtls-root .pubchk li.ok{color:#15803d}#gtls-root .pubchk li.todo a{color:#1d4ed8}
#gtls-root .terms li{margin-bottom:6px}
@media (max-width:760px){#gtls-root .tctl{flex-wrap:wrap;row-gap:6px}#gtls-root .pubchk{right:0;width:min(280px,calc(100vw - 24px))}#gtls-root .pubwrap:hover .pubchk{display:none}#gtls-root .pubwrap .pubchk.on{display:block}#gtls-root .pubpill{font-size:11px;padding:2px 7px}}
/* v0.6.0 wholesale overrides */
#gtls-root .pitem .wsrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;color:var(--ui2);margin-top:3px}
#gtls-root .pitem .wsin{width:76px;padding:3px 6px;font-size:12px;border:1px solid var(--line);border-radius:6px}
#gtls-root .pitem .wsin.bad{border-color:#dc2626;background:#fef2f2}
#gtls-root .edited{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#7c3aed;background:#ede9fe;border-radius:5px;padding:1px 6px}
#gtls-root .btn.linkish{border:0;background:none;padding:0 2px;color:#1d4ed8;font-weight:600;font-size:12px}
@media (max-width:1440px){#gtls-root .gtb.has .tw{flex-wrap:wrap;row-gap:6px}#gtls-root .gtb.has .tctl{flex-wrap:wrap;row-gap:6px}}
.opt{font-weight:400;color:var(--ui2);font-size:12px}#bor[aria-invalid=true],#gOrderEmail[aria-invalid=true]{border-color:#dc2626}
/* ---------- 0.7.0 buyer flow + published screen (matches flow_mocks) ---------- */
#gtls-root .ckbar.obar{position:sticky;margin:12px auto 18px;width:720px;max-width:calc(100% - 20px);border-radius:14px;padding:12px 12px 12px 20px;box-shadow:0 18px 40px #0f172a40}
#gtls-root .ckbar.obar .ckt b{font-size:18px}#gtls-root .ckbar.obar small.ok{color:#86efac;opacity:1}#gtls-root .ckbar.obar .btn.pri{height:42px;padding:0 20px;font-size:14.5px;border-radius:10px;background:#2563eb;border-color:#2563eb}#gtls-root .ckbar.obar .btn.pri:disabled{opacity:.45}
#gtls-root .gflow{max-width:1040px;margin:0 auto;padding:18px 18px 0}
#gtls-root .gbanner{background:#eef3ff;border:1px solid #d6e2ff;border-radius:14px;padding:14px 18px;display:flex;gap:12px;align-items:center}#gtls-root .gbanner b{display:block;font-size:15px;color:#0f172a}#gtls-root .gbanner span{color:#334155;font-size:13.5px}
#gtls-root .gsteps{display:flex;align-items:center;gap:10px;margin:14px 0 4px;font-size:13px;color:#64748b;font-weight:600;flex-wrap:wrap}#gtls-root .gsteps .s{display:flex;align-items:center;gap:7px}
#gtls-root .gsteps .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #cbd5e1;font-size:11.5px;background:#fff}#gtls-root .gsteps .s.on{color:#0f172a}#gtls-root .gsteps .s.on .n{background:#2563eb;border-color:#2563eb;color:#fff}
#gtls-root .gsteps .s.done{color:#047857}#gtls-root .gsteps .s.done .n{background:#ecfdf3;border-color:#a7f3d0;color:#047857}#gtls-root .gsteps .ln{flex:0 0 28px;height:1.5px;background:#dfe4ee}
#gtls-root .gflow h1{font-size:26px;letter-spacing:-.02em;margin:6px 0 2px;color:#0f172a}#gtls-root .gsub{margin:0 0 16px}#gtls-root .gback{display:inline-block;margin:10px 0 4px;font-size:13.5px;color:#2563eb;text-decoration:none}
#gtls-root .gcols{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;padding-bottom:40px}
#gtls-root .gcard{background:#fff;border:1px solid #e5e9f2;border-radius:14px;padding:22px;color:#0f172a}#gtls-root .gcard.flush{padding:0;overflow:hidden}#gtls-root .gcard h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 10px}
#gtls-root .gch{padding:14px 20px;border-bottom:1px solid #eef1f6}
#gtls-root .grow{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #eef1f6}#gtls-root .grow img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#f1f5f9;flex:none}
#gtls-root .gi{flex:1;min-width:0;display:flex;flex-direction:column}#gtls-root .gi .hint{font-size:12.5px}
#gtls-root .gqty{display:flex;align-items:center;border:1px solid #dfe4ee;border-radius:8px;overflow:hidden;flex:none}#gtls-root .gqty button{width:30px;height:34px;border:0;background:#f8fafc;font-size:16px;cursor:pointer;color:#0f172a}#gtls-root .gqty button:hover{background:#eef3ff}
#gtls-root .gqty input{width:52px;height:34px;border:0;border-left:1px solid #eef1f6;border-right:1px solid #eef1f6;text-align:center;font-weight:600;padding:0;-moz-appearance:textfield}#gtls-root .gqty input::-webkit-inner-spin-button{-webkit-appearance:none}
#gtls-root .glt{width:90px;text-align:right;flex:none}#gtls-root .gsubt{display:flex;justify-content:space-between;padding:16px 20px;font-size:16px}#gtls-root .gsubt b{font-size:18px}
#gtls-root .gmin{margin:0 20px 16px;padding:10px 12px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:600}#gtls-root .gmin.ok{background:#ecfdf3;color:#047857}
#gtls-root .gerrs{margin:0 20px 16px;color:#b91c1c;font-size:13px}#gtls-root .gempty{padding:30px 20px;text-align:center;color:#64748b}
#gtls-root #coForm label.f{margin-top:10px}#gtls-root #coForm .opt{font-weight:400;color:#94a3b8}#gtls-root #coForm input:not(.hp),#gtls-root #coForm textarea{width:100%}
#gtls-root .btn.glg{width:100%;justify-content:center;height:48px;font-size:15px;border-radius:10px;margin-top:16px;background:#2563eb;border-color:#2563eb}#gtls-root .gfine{font-size:12px;margin-top:10px}
#gtls-root .gdone .gconf{max-width:720px;margin:16px auto 40px;padding:32px}#gtls-root .gok{width:52px;height:52px;border-radius:50%;background:#ecfdf3;color:#059669;display:grid;place-items:center;font-size:26px;font-weight:800;flex:none}
#gtls-root .gconf .gok{margin:0 auto 10px}#gtls-root .gconf h1,#gtls-root .gono{text-align:center}#gtls-root .gono{color:#64748b;margin:0 0 18px}#gtls-root .gono b{color:#0f172a}
#gtls-root .gnote{background:#f6f9ff;border:1px solid #d6e2ff;border-radius:10px;padding:14px;margin-bottom:18px;font-size:14px}
#gtls-root .gtab{width:100%;border-collapse:collapse;font-size:14px}#gtls-root .gtab th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;text-align:left;padding:8px;border-bottom:1px solid #e5e9f2}#gtls-root .gtab td{padding:10px 8px;border-bottom:1px solid #eef1f6}
#gtls-root .gtab .r{text-align:right}#gtls-root .gtab tfoot td{border-bottom:0;font-size:15px;padding-top:14px}#gtls-root .gti{display:flex;gap:10px;align-items:center}#gtls-root .gti img{width:40px;height:40px;border-radius:8px;object-fit:cover}#gtls-root .gti div{display:flex;flex-direction:column}
#gtls-root .gacts{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}#gtls-root .gacts .btn{flex:1;justify-content:center;height:44px}
#gtls-root .modal-card.gpubm{max-width:960px;padding:28px}#gtls-root .gph{display:flex;gap:16px;align-items:center;margin-bottom:20px}#gtls-root .gph h2{margin:0;font-size:24px;letter-spacing:-.02em}#gtls-root .gph p{margin:2px 0 0}
#gtls-root .gpg{display:grid;grid-template-columns:1fr 250px;gap:16px}#gtls-root .glink{display:flex;gap:8px}#gtls-root .glink input{flex:1;font-size:16px;font-weight:600;height:46px;color:#1d4ed8;background:#f8fafc}#gtls-root .glink .btn{height:46px;padding:0 18px}
#gtls-root .gshare{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}#gtls-root .gsb{justify-content:center;gap:6px;text-decoration:none}#gtls-root .gsb .gi{display:inline;flex:none;font-weight:800}#gtls-root .gsb-li .gi{color:#0a66c2}
#gtls-root #buyerMsg{width:100%;font-size:13px;resize:vertical;margin-bottom:8px;background:#f8fafc}
#gtls-root .gqr{text-align:center}#gtls-root .gqr .qrbig{width:180px;height:180px;margin:0 auto}#gtls-root .gnext{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:22px 0 10px}
#gtls-root .gsteps3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#gtls-root .gstep{display:flex;flex-direction:column;gap:2px;border:1px solid #e5e9f2;border-radius:12px;padding:14px 16px;color:#0f172a;text-decoration:none;background:#fff}#gtls-root a.gstep:hover{border-color:#2563eb}#gtls-root .gstep span{font-size:12.5px;color:#64748b}
#gtls-root .gtp{display:flex;gap:14px;align-items:center;margin-top:16px;border:1px solid #d6e2ff;background:#f6f9ff;border-radius:14px;padding:16px}#gtls-root .gtpi{width:38px;height:38px;border-radius:10px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:800;flex:none}
#gtls-root .gtp>div:nth-child(2){flex:1}#gtls-root .gtp b{display:block}#gtls-root .gtp span{font-size:13px;color:#475569}
@media(max-width:820px){#gtls-root .gcols,#gtls-root .gpg,#gtls-root .gsteps3{grid-template-columns:1fr}#gtls-root .gshare{grid-template-columns:repeat(2,1fr)}#gtls-root .gtp{flex-wrap:wrap}#gtls-root .grow{flex-wrap:wrap}#gtls-root .grow .gi{flex-basis:calc(100% - 70px)}#gtls-root .glt{margin-left:auto}
 #gtls-root .ckbar.obar{width:auto;margin:8px}#gtls-root .gsteps .ln{flex-basis:12px}#gtls-root .gflow{padding:12px 12px 0}#gtls-root .modal-card.gpubm{padding:18px}#gtls-root .gdone .gconf{padding:20px}}