/*
Theme Name:   Kitbox
Description:  Marketplace theme for selling themes, plugins and software. Requires WooCommerce and the Kitbox Core plugin.
Version:      2.11.0
Requires at least: 6.4
Requires PHP: 8.0
Author:       Kitbox
Text Domain:  kitbox
*/

/* Layout: white, premium marketplace. Sticky header with category menus; hero with scoped search; category strip; featured big previews; bestseller cards; browse with filter sidebar; item page with preview + buy column. */
:root{
  /* Sky Bold palette, built from #8BB6F0 */
  --brand:#8BB6F0; --band:var(--brand); --band-border:#7AA6E3;
  --bg:#FFFFFF; --soft:#F5F7FB; --ink:#0F1B2D; --text:#3A4658; --muted:#6F7B8C; --line:#E4E9F1;
  --accent:#2D6BC9; --accent-soft:#E7F0FD; --star:#F2A23A; --good:#11865F; --good-soft:#E4F5EE; --hot:#E2702A; --danger:#D92D20; --danger-soft:#FEF0EF;
  --cta-bg:#0F1B2D; --cta-ink:#FFFFFF; --cta-hover:#1E2D45; --hero-text:#1E3455;
  --font:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,monospace; --serif:"Fraunces",Georgia,serif;
  --r:12px; color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{color:var(--ink);margin:0;letter-spacing:-.025em;text-wrap:balance;font-weight:600}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.muted,.tiny{color:var(--muted)}
.tiny{font-size:12.5px}
.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1820px;margin:0 auto;padding:0 40px}
.wrap-page{max-width:900px}

/* Buttons (also WooCommerce buttons) */
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wc-block-components-button:not(.is-link){
  display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:500;font-size:14px;white-space:nowrap;line-height:1;text-decoration:none}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--soft);color:var(--ink)}
.btn-dark,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order,.woocommerce .checkout-button,.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button{
  background:var(--cta-bg)!important;border-color:var(--cta-bg)!important;color:var(--cta-ink)!important}
.btn-dark:hover{background:var(--cta-hover)!important;border-color:var(--cta-hover)!important}
.btn-block{width:100%;height:46px;font-size:15px}

/* Header */
.top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--line)}
.admin-bar .top{top:32px}
.top-in{display:flex;align-items:center;gap:22px;height:64px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;color:var(--ink);letter-spacing:-.03em;white-space:nowrap}
.logo i{width:26px;height:26px;border-radius:8px;background:var(--ink);display:grid;place-items:center;flex:none}
.logo i::after{content:"";width:10px;height:10px;border-radius:3px;background:#fff;box-shadow:5px 5px 0 -1px var(--brand)}
.logo .custom-logo{max-height:34px;width:auto}
.cats-nav{display:flex;gap:2px}
.cats-nav>div{position:relative}
.nav-top{display:flex;gap:5px;align-items:center;padding:8px 11px;border-radius:8px;font-weight:500;font-size:14px;color:var(--text)}
.nav-top:hover,.cats-nav>div:focus-within .nav-top{background:var(--soft);color:var(--ink)}
.mega{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -12px rgba(0,0,0,.18);padding:12px;display:none;flex-direction:column;gap:2px}
.cats-nav>div:hover .mega,.cats-nav>div:focus-within .mega{display:flex}
.cats-nav>div::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}
.mega a{display:flex;justify-content:space-between;gap:20px;padding:8px 10px;border-radius:8px;font-size:14px}
.mega a:hover{background:var(--soft)}
.mega small{color:var(--muted);font-family:var(--mono);font-size:12px}
.mega h5{margin:2px 10px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.hsearch{flex:1;max-width:420px;position:relative;margin:0;transition:opacity .2s,transform .2s}
.hsearch input{width:100%;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--soft);padding:0 34px 0 38px;font-size:14px}
.hsearch input:focus{background:#fff;border-color:#cfd1d6;outline:none}
.hsearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted)}
.hsearch kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:500 11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px;background:#fff}
.top.at-hero .hsearch{opacity:0;transform:translateY(-6px);pointer-events:none}
.top-r{margin-left:auto;display:flex;gap:8px;align-items:center}
.cart-btn{position:relative;width:40px;padding:0}
.cart-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:#fff;font:600 11px/18px var(--mono);text-align:center;padding:0 4px}

/* Hero band */
.hero-band{position:relative;background:var(--band);border-bottom:1px solid var(--band-border);overflow:hidden}
.hero-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.4) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%);pointer-events:none}
.hero-band::after{content:"";position:absolute;width:900px;height:900px;right:-200px;top:-300px;background:radial-gradient(closest-side,rgba(255,255,255,.45),transparent);pointer-events:none}
.hero-band .wrap{position:relative;z-index:1}
.hero{padding:72px 0 44px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em;max-width:17ch}
.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.03em}
.hero p{font-size:18px;color:var(--hero-text);max-width:52ch;margin:18px 0 0}
.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px 6px 10px;margin-bottom:20px;box-shadow:0 1px 2px rgba(15,27,45,.08)}
.eyebrow-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.eyebrow-pill:hover{box-shadow:0 4px 14px -4px rgba(15,27,45,.25)}
.hero-show{position:relative;height:560px}
.hs-card{position:absolute;display:block;background:#fff;border-radius:16px;padding:8px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 30px 60px -24px rgba(16,24,40,.45);transition:transform .25s}
.hs-card .shot{border-radius:10px;border:0}
.hs-card .cap{display:flex;justify-content:space-between;align-items:center;padding:10px 6px 4px;font-size:13.5px;color:var(--ink)}
.hs-card .cap b{font-weight:600}
.hs-1{width:76%;left:8%;top:56px;z-index:2}
.hs-2{width:36%;right:0;top:0;z-index:3;transform:rotate(3deg)}
.hs-3{width:38%;right:3%;bottom:0;z-index:4;transform:rotate(-2deg)}
.hs-card:hover{transform:translateY(-4px) rotate(0)}
.hero-show.one .hs-1{width:88%;left:6%;top:40px}
.hs-stat{position:absolute;z-index:5;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 40px -18px rgba(16,24,40,.45);display:flex;gap:12px;align-items:center}
.hs-stat b{display:block;font-size:22px;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.hs-stat small{color:var(--muted);font-size:12.5px}
.hs-stat .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.hs-stat .ic.star{background:#FFF4E2;color:var(--star)}
.hs-a{left:0;top:18px}
.hs-b{left:2%;bottom:36px}
.bigsearch{display:flex;align-items:center;gap:10px;margin-top:28px;max-width:720px;height:62px;padding:0 7px 0 6px;border:1px solid #fff;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 14px 34px -14px rgba(0,0,0,.18);transition:border-color .15s,box-shadow .15s}
.bigsearch:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(11,11,12,.07),0 14px 34px -14px rgba(0,0,0,.18)}
.bigsearch .scope{position:relative;display:flex;align-items:center}
.bigsearch select{appearance:none;-webkit-appearance:none;border:0;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M2 3.5l3 3 3-3' stroke='%233B3C40' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 12px center no-repeat;height:48px;border-radius:11px;padding:0 32px 0 14px;font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer}
.bs-div{width:1px;height:28px;background:var(--line)}
.bigsearch>svg{color:var(--muted);flex:none}
.bigsearch input[type=search]{flex:1;min-width:0;border:0;outline:none;background:none;font-size:16.5px;height:100%}
.bigsearch input::placeholder{color:#9A9CA3}
.bigsearch .btn{height:48px;border-radius:11px;padding:0 22px;font-size:15px}
.trending{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px;font-size:13.5px}
.trending span{color:var(--hero-text);margin-right:2px}
.trending a{padding:3px 8px;border-radius:6px;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(15,27,45,.35);text-underline-offset:3px}
.trending a:hover{background:rgba(255,255,255,.4)}
.strip{display:flex;gap:8px;overflow-x:auto;padding:0 0 28px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip a{flex:none;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.72);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:500;display:flex;gap:7px;align-items:center;color:var(--ink)}
.strip a:hover{background:#fff}
.strip a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.strip small{font-family:var(--mono);font-size:12px;color:#4A5E7C}
.strip a[aria-current="page"] small{color:#b9bac0}

/* Sections */
.sec{padding:56px 0 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}
.sec-h h2{font-size:28px;letter-spacing:-.035em}
.sec-h p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.sec-h a{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}
.sec-h a:hover{color:var(--ink)}

/* Preview box */
.shot{position:relative;aspect-ratio:16/10.5;border-radius:var(--r);overflow:hidden;background:var(--soft);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.shot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}
.shot .pv{position:absolute;inset:0;z-index:2;opacity:0;background:rgba(11,11,12,.38);display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}
.fcard:hover .pv,.card:hover .pv{opacity:1}
.pv span{background:#fff;color:var(--ink);border-radius:9px;padding:8px 13px;font-size:13px;font-weight:600}
.pv span.b{background:var(--brand);color:var(--ink)}
.badge{position:absolute;top:10px;left:10px;z-index:3;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.badge.best{background:var(--hot);color:#fff}
.badge.new{background:var(--accent);color:#fff}
.mk{position:absolute;inset:0}
.mk-win{position:absolute;inset:13% 9% 0 9%;border-radius:9px 9px 0 0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column}
.mk-bar{height:13px;flex:none;background:#F1F2F5;display:flex;gap:4px;align-items:center;padding:0 7px}
.mk-bar i{width:5px;height:5px;border-radius:50%;background:#CDD1D9}
.mk-pg{flex:1;padding:8px;display:flex;flex-direction:column;gap:6px}
.mk-nav{display:flex;gap:5px;height:6px}.mk-nav i{width:18px;border-radius:3px;background:#DDE0E6}.mk-nav i:first-child{width:30px}
.mk-hero{flex:1.3;border-radius:6px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 10%}
.mk-hero b{display:block;height:7px;border-radius:3px;background:rgba(255,255,255,.9)}.mk-hero b:nth-child(2){width:60%;opacity:.7}
.mk-row{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mk-row i{border-radius:5px;background:#EEF0F3}
.mk-app{flex:1;display:grid;grid-template-columns:24% 1fr}
.mk-side{padding:7px;display:flex;flex-direction:column;gap:5px}.mk-side i{height:5px;border-radius:3px;background:rgba(255,255,255,.55)}
.mk-main{background:#F7F8FA;padding:8px;display:flex;flex-direction:column;gap:6px}
.mk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:24%}.mk-tiles i{border-radius:4px;background:#fff;border:1px solid #E5E8ED}
.mk-chart{flex:1;border-radius:4px;background:#fff;border:1px solid #E5E8ED;position:relative}.mk-chart b{position:absolute;bottom:0;width:8%;border-radius:2px 2px 0 0}
.mk-code{flex:1;background:#12151C;padding:10px;display:flex;flex-direction:column;gap:6px}.mk-code i{height:4px;border-radius:2px}

/* Featured cards */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}
.fcard{display:flex;flex-direction:column;gap:12px}
.fcard:hover .shot{transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(0,0,0,.22)}
.fmeta{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.fmeta h3{font-size:16px;letter-spacing:-.015em}
.fmeta .by{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center;margin-top:2px}
.av{border-radius:50%;flex:none;display:inline-grid;place-items:center;font-weight:700;color:#fff;line-height:1}
.price{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.price.free{color:var(--good)}
.stars{color:var(--star);letter-spacing:1px;font-size:12px}

/* Dense cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.card:hover{border-color:#d6d7db;box-shadow:0 14px 34px -18px rgba(0,0,0,.2)}
.card-link{position:absolute;inset:0;z-index:4}
.card .shot{border:0;border-bottom:1px solid var(--line);border-radius:0}
.cb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cb h3{font-size:14.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.cb .by{font-size:12.5px;color:var(--muted)}
.cb .by b{color:var(--text);font-weight:500}
.cfoot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.cfoot .l{display:flex;flex-direction:column;gap:1px;font-size:12px;color:var(--muted)}
.cfoot .price{font-size:17px}
.cfoot .acts{display:flex;gap:6px;position:relative;z-index:5}
.icon-sq{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--text)}
.icon-sq:hover{background:var(--soft);color:var(--ink)}
.lp{height:34px;padding:0 11px;border-radius:9px;border:1px solid var(--line);font-size:12.5px;font-weight:600;background:#fff;display:inline-flex;align-items:center}
.lp:hover{background:var(--soft)}

/* Browse */
.browse{display:grid;grid-template-columns:230px 1fr;gap:32px}
.filters{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:22px}
.filters h5{margin:0 0 8px;font-size:12.5px;font-weight:600}
.fopt{display:flex;align-items:center;gap:9px;padding:4px 0;font-size:14px;cursor:pointer}
.fopt input{accent-color:var(--ink);width:15px;height:15px;margin:0}
.fopt small{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}
.range{display:flex;gap:8px;margin-top:8px}
.range input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:14px}
.btoolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.btoolbar .count{color:var(--muted);font-size:14px}
.btoolbar .clear{font-size:13px;color:var(--accent)}
.btoolbar select{margin-left:auto;height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;font-size:14px}
.view-tg{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.view-tg button{border:0;background:#fff;width:36px;height:34px;display:grid;place-items:center;color:var(--muted)}
.view-tg button[aria-pressed="true"]{background:var(--soft);color:var(--ink)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bgrid.list{grid-template-columns:1fr}
.bgrid.list .card{flex-direction:row}
.bgrid.list .card .shot{width:300px;flex:none;border-bottom:0;border-right:1px solid var(--line)}
.empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:var(--r);padding:50px;text-align:center;color:var(--muted)}
.empty a{color:var(--accent)}
.pager{display:flex;gap:6px;justify-content:center;margin-top:28px}
.pager a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--ink)}
.pager a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Authors + sell band */
.authors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.author{border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:12px}
.author .row{display:flex;gap:12px;align-items:center}
.author b{color:var(--ink)}
.author small{display:block;color:var(--muted);font-size:12.5px}
.author .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.author .mini .shot{aspect-ratio:4/3;border-radius:7px}
.sellband{margin-top:64px;border-radius:18px;background:var(--soft);padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
.sellband h2{font-size:34px;letter-spacing:-.04em}
.sellband p{color:var(--muted);margin:10px 0 0;max-width:48ch}
.row-btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.sellband ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sellband li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:14px}
.sellband li b{display:block;color:var(--ink);font-size:20px;letter-spacing:-.02em}

/* Item page */
.crumbs{padding:22px 0 14px;font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a:hover{color:var(--ink)}
.ihead{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}
.ihead h1{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.04em}
.ihead p{margin:8px 0 0;color:var(--muted);font-size:16px;max-width:64ch}
.imeta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:var(--muted)}
.imeta b{color:var(--ink);font-weight:600}
.by-row{display:flex;gap:7px;align-items:center}
.ilayout{display:grid;grid-template-columns:1fr 360px;gap:36px;padding-top:28px;align-items:start}
.ishot .shot{aspect-ratio:16/10;border-radius:14px}
.ithumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}
.ithumbs button{padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;aspect-ratio:16/10;background:var(--soft);opacity:.65;transition:opacity .15s}
.ithumbs button img{width:100%;height:100%;object-fit:cover;object-position:top}
.ithumbs button.on,.ithumbs button:hover{opacity:1}
.ithumbs button.on{outline:2px solid var(--ink);outline-offset:2px}
.itabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:34px 0 20px;overflow-x:auto}
.itabs button{border:0;background:none;padding:11px 14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.itabs button[aria-selected="true"]{color:var(--ink);border-color:var(--ink)}
.prose{max-width:70ch}
.prose p{margin:0 0 14px}
.prose h2{font-size:24px;margin:28px 0 10px}
.prose h3{font-size:19px;margin:22px 0 10px}
.prose ul,.prose ol{padding-left:20px;margin:0 0 14px}
.prose li{margin:4px 0}
.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.prose img{border-radius:10px}
.log{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.log li{position:relative;padding:0 0 16px 18px;font-size:14px}
.log li::before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--muted)}
.log li:first-child::before{background:var(--ink);border-color:var(--ink)}
.log b{font-family:var(--mono);font-weight:500;color:var(--ink)}
.side{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px}
.box{border:1px solid var(--line);border-radius:14px;padding:18px}
.buy-form{display:flex;flex-direction:column;gap:12px}
.free-head{display:flex;justify-content:space-between;align-items:baseline}
.free-head b{font-size:30px;color:var(--good);letter-spacing:-.03em}
.free-head span{font-size:13px;color:var(--muted)}
.lic{display:flex;flex-direction:column;gap:8px}
.lic label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer}
.lic label:has(input:checked){border-color:var(--ink);background:var(--soft)}
.lic input{accent-color:var(--ink);margin-top:3px}
.lic b{color:var(--ink);font-weight:600}
.lic small{display:block;color:var(--muted);font-size:12.5px}
.lic .p{font-weight:600;color:var(--ink);font-size:17px;font-variant-numeric:tabular-nums}
.incl{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:13.5px}
.incl li{display:flex;gap:8px}
.incl li::before{content:"✓";color:var(--good);font-weight:700}
.sales{display:flex;justify-content:space-between;align-items:center}
.sales b{display:block;font-size:22px;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sales span{font-size:13px;color:var(--muted)}
.sales .r{text-align:right}
.dt{width:100%;border-collapse:collapse;font-size:13.5px}
.dt td{padding:8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.dt tr:last-child td{border-bottom:0}
.dt td:first-child{color:var(--muted);width:46%}
.dt td:last-child{color:var(--ink)}
.tags-wrap{margin-top:12px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tags span{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.sha{font-family:var(--mono);font-size:11.5px;color:var(--muted);word-break:break-all;line-height:1.5;margin-top:4px}
.author-box{display:flex;gap:12px;align-items:center}
.author-box b{color:var(--ink)}

/* Reviews (WooCommerce) */
.reviews .woocommerce-Reviews-title{font-size:20px;margin-bottom:14px}
.reviews ol.commentlist{list-style:none;padding:0;margin:0}
.reviews .comment_container{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.reviews .avatar{border-radius:50%;width:40px;height:40px}
.reviews .star-rating{color:var(--star)}
.reviews #respond{margin-top:22px}
.reviews textarea,.reviews input[type=text],.reviews input[type=email]{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px}

/* Notices */
.kb-notice{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px;margin:0 0 16px}
.kb-notice ul{margin:6px 0 0;padding-left:18px}
.kb-ok{border-color:var(--good);background:var(--good-soft)}
.kb-err{border-color:var(--danger);background:var(--danger-soft)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;border-top-color:var(--ink);background:var(--soft);color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--ink)}

/* Pages */
.page-head{padding:40px 0 22px}
.page-head h1{font-size:clamp(30px,3.8vw,46px);letter-spacing:-.04em}
.page-body{padding-bottom:20px}

/* Upload form (Kitbox Core) */
.kb-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.kb-field{display:flex;flex-direction:column;gap:6px;margin:0}
.kb-full{grid-column:1/-1}
.kb-field label,.kb-field legend,.kb-label{font-size:13px;font-weight:600;color:var(--ink)}
.kb-field input[type=text],.kb-field input[type=number],.kb-field select,.kb-field textarea{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;width:100%}
.kb-field input:focus,.kb-field textarea:focus,.kb-field select:focus{border-color:var(--ink);outline:none}
.kb-field input[type=color]{height:42px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px}
fieldset.kb-field{border:0;padding:0}
.kb-plats{display:flex;flex-wrap:wrap;gap:6px}
.kb-plats label{font-weight:500;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;display:flex;gap:6px;align-items:center;cursor:pointer}
.kb-plats label:has(input:checked){border-color:var(--ink);background:var(--soft)}
.kb-plats input{accent-color:var(--ink)}
.kb-drop{border:1.5px dashed #D6D7DB;border-radius:12px;padding:18px;text-align:center;color:var(--muted);font-size:13.5px!important;font-weight:400!important;cursor:pointer;background:var(--soft)}
.kb-drop:hover,.kb-drop.over{border-color:var(--ink);color:var(--ink)}
.kb-drop b{color:var(--ink)}
.kb-form-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}
.kb-form-foot .btn{height:44px;padding:0 20px;background:var(--ink);border-color:var(--ink);color:#fff}
.kb-muted{color:var(--muted);font-size:13px}
.kb-inline-err{color:var(--danger);margin:0;font-size:13px;width:100%}
.kb-h2{font-size:22px;margin:36px 0 12px}
.kb-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.kb-table{width:100%;border-collapse:collapse;font-size:14px}
.kb-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.kb-table th,.kb-table td{padding:12px 16px;border-bottom:1px solid var(--line)}
.kb-table tr:last-child td{border-bottom:0}
.kb-table a:not(.btn){color:var(--ink);font-weight:600}
.kb-pill{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
.kb-pill-publish{color:var(--good);border-color:#B7E4D2;background:var(--good-soft)}
.kb-pill-pending{color:#B45309;border-color:#F3D19E;background:#FFF7E8}

/* Sign-in / sign-up page */
.auth-page .woocommerce{margin:0}
body.woocommerce-account:not(.logged-in) .site-foot{margin-top:0}
.stage{position:relative;background:var(--brand);overflow:hidden;padding:64px 20px 72px;min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.42) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.stage::after{content:"";position:absolute;width:1100px;height:1100px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent 70%);pointer-events:none}
.float{position:absolute;z-index:1;width:300px;background:#fff;border-radius:14px;padding:7px;box-shadow:0 30px 60px -28px rgba(16,24,40,.45);opacity:.92}
.float .shot{border:0;border-radius:9px}
.float .cap{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 5px 3px;color:var(--ink);font-weight:600}
.float .cap span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f1{left:5%;top:12%;transform:rotate(-6deg)}
.f2{right:6%;top:16%;transform:rotate(5deg)}
.f3{left:8%;bottom:10%;transform:rotate(4deg);width:260px}
.f4{right:8%;bottom:9%;transform:rotate(-4deg);width:270px}
.chip{position:absolute;z-index:1;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 18px 40px -18px rgba(16,24,40,.45);display:flex;gap:10px;align-items:center;font-size:13px}
.chip b{color:var(--ink);display:block;font-size:14px}
.chip small{color:var(--muted)}
.chip .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}
.chip .ic.star{background:#FFF4E2;color:var(--star)}
.c1{left:20%;top:42%}
.c2{right:19%;top:54%}
.auth-card{position:relative;z-index:2;width:100%;max-width:480px;background:#fff;border-radius:22px;padding:34px 34px 24px;box-shadow:0 1px 2px rgba(15,27,45,.06),0 40px 90px -30px rgba(16,24,40,.55)}
.card-head{text-align:center;margin-bottom:22px}
.card-head .logo{justify-content:center;margin-bottom:18px}
.card-head h1{font-size:30px;letter-spacing:-.035em}
.card-head p{color:var(--muted);margin:6px 0 0}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:20px}
.auth-tabs button{border:0;background:none;border-radius:9px;height:40px;font-weight:600;color:var(--muted)}
.auth-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,27,45,.12)}
.social{display:grid;grid-template-columns:1fr;gap:10px}
.social.row3{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.social.grid2{grid-template-columns:1fr 1fr}
.social.grid2 .sbtn:last-child:nth-child(odd){grid-column:1/-1}
.sbtn{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:600;color:var(--ink);font-size:14.5px}
.sbtn:hover{background:var(--soft);border-color:#D3DBE7}
.sbtn .smk{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:none}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:18px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-card form,.woocommerce .auth-card form.login,.woocommerce .auth-card form.register{margin:0;padding:0;border:0;border-radius:0}
.auth-card .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}
.auth-card .field label{font-size:13px;font-weight:600;color:var(--ink);display:flex;justify-content:space-between}
.auth-card .field label a{font-weight:500;color:var(--accent)}
.auth-card .field input{width:100%;min-width:0;height:46px;border:1px solid var(--line);border-radius:11px;padding:0 14px;background:#fff;font-size:15px}
.auth-card .field input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px rgba(15,27,45,.06)}
.pw{position:relative}
.pw input{padding-right:64px!important}
.pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);font-size:13px;font-weight:600;padding:6px}
.meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}
.meter i{height:4px;border-radius:2px;background:var(--line)}
.meter.s1 i:nth-child(-n+1){background:#E5484D}.meter.s2 i:nth-child(-n+2){background:#F2A23A}.meter.s3 i:nth-child(-n+3){background:#7CB342}.meter.s4 i{background:var(--good)}
.hint{font-size:12.5px;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.role{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.role label{border:1px solid var(--line);border-radius:12px;padding:11px 12px;cursor:pointer;display:flex;gap:10px;align-items:flex-start}
.role label:has(input:checked){border-color:var(--ink);background:var(--soft)}
.role input{accent-color:var(--ink);margin-top:3px}
.role b{display:block;color:var(--ink);font-size:14px}
.role small{color:var(--muted);font-size:12.5px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin:2px 0 16px}
.check input{accent-color:var(--ink);margin-top:3px}
.check a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.auth-card .submit{width:100%;height:48px;border-radius:11px;font-size:15px;font-weight:600}
.legal{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);text-align:center;font-size:12.5px;color:var(--muted)}
.legal a{color:var(--text);text-decoration:underline;text-underline-offset:2px}
.auth-card .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--muted)}
.auth-card .woocommerce-error,.auth-card .woocommerce-message,.auth-card .woocommerce-info{margin:0 0 14px;padding:12px 14px;list-style:none;font-size:13.5px}
.auth-card .woocommerce-error::before,.auth-card .woocommerce-message::before,.auth-card .woocommerce-info::before{display:none}
.perks-row{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.perks-row span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.75);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500;color:var(--ink)}
.perks-row span::before{content:"✓";color:var(--good);font-weight:700}
.socials{display:flex;gap:8px;flex-wrap:wrap}
.socials a{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--text)}
.socials a:hover{background:var(--soft);color:var(--ink)}
.socials a i{width:8px;height:8px;border-radius:50%}
@media (max-width:1280px){.float,.chip{display:none}}
@media (max-width:540px){.auth-card{padding:26px 20px 20px;border-radius:18px}.two,.role,.social.grid2{grid-template-columns:1fr}}

/* My account (logged in) */
.acct-page .woocommerce{margin:0}
.acct-band{position:relative;background:var(--brand);overflow:hidden;border-bottom:1px solid var(--band-border)}
.acct-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.42) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}
.acct-band .wrap{position:relative;display:flex;align-items:center;gap:28px;padding-top:34px;padding-bottom:34px;flex-wrap:wrap}
.who{display:flex;align-items:center;gap:18px;flex:1;min-width:300px}
.who .av{box-shadow:0 0 0 4px rgba(255,255,255,.6)}
.who h1{font-size:30px;letter-spacing:-.035em}
.who p{margin:2px 0 0;color:var(--hero-text);font-size:14.5px}
.who .tags{display:flex;gap:6px;margin-top:8px}
.who .tags span{font-size:12px;font-weight:600;background:rgba(255,255,255,.75);color:var(--ink);padding:3px 9px;border-radius:999px}
.acct-band .stats{display:flex;gap:10px;flex-wrap:wrap}
.acct-band .stat{background:#fff;border-radius:14px;padding:12px 18px;min-width:132px;box-shadow:0 12px 30px -18px rgba(16,24,40,.45)}
.acct-band .stat b{display:block;font-size:24px;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.acct-band .stat span{font-size:12.5px;color:var(--muted)}
.acct-band .stat.alert b{color:var(--hot)}
.band-acts{display:flex;gap:8px}
.band-acts .btn{height:42px}
.acct{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;padding-top:30px;padding-bottom:60px;align-items:start}
.side{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px}
.side h6{margin:16px 12px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.side h6:first-child{margin-top:0}
.side a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;font-weight:500;font-size:14.5px;color:var(--text)}
.side a:hover{background:var(--soft);color:var(--ink)}
.side a[aria-current="page"]{background:var(--ink);color:#fff}
.side a svg{flex:none;opacity:.85}
.side a .n{margin-left:auto;font-family:var(--mono);font-size:12px;background:var(--soft);color:var(--muted);border-radius:999px;padding:0 7px;line-height:20px}
.side a[aria-current="page"] .n{background:rgba(255,255,255,.18);color:#fff}
.side a .n.hot{background:var(--hot);color:#fff}
.side a.out{color:var(--muted)}
.acct-main{min-width:0}
.woocommerce-account .acct .woocommerce-MyAccount-navigation,.woocommerce-account .acct .woocommerce-MyAccount-content{float:none;width:auto;margin:0}
.acct-main>.box+.box,.acct-main .grid2+.box{margin-top:18px}
.vh{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.vh h2{font-size:24px;letter-spacing:-.03em}
.vh p{margin:4px 0 0;color:var(--muted);font-size:14px}
.box{border:1px solid var(--line);border-radius:16px;background:#fff}
.box+.box{margin-top:18px}
.box-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.box-h h3{font-size:16px}
.box-h a{font-size:13.5px;color:var(--accent);font-weight:500}
.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.grid2 .box+.box{margin-top:0}
.btn-sm{height:32px;padding:0 11px;font-size:13px;border-radius:8px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.pill.ok{background:var(--good-soft);color:var(--good)}
.pill.warn{background:#FFF4E2;color:#B45309}
.pill.info{background:var(--accent-soft);color:var(--accent)}
.pill.mute{background:var(--soft);color:var(--muted)}
.warn-t{color:#B45309;font-weight:600}
.small{font-size:13px}
.upd{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.upd:last-child{border-bottom:0}
.upd .t{flex:1;min-width:0}
.upd b{color:var(--ink);font-weight:600}
.upd small{display:block;color:var(--muted);font-size:13px}
.shot.mini{width:64px;height:44px;aspect-ratio:auto;border-radius:9px;flex:none}
.cellitem .shot.mini{width:48px;height:34px}
.vchg{font-family:var(--mono);font-size:12.5px;color:var(--muted);white-space:nowrap}
.vchg em{font-style:normal;color:var(--good);font-weight:600}
.lib-pad{padding:18px}
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.libc{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.libc[hidden]{display:none}
.libc-shot{position:relative;display:block}
.libc-shot .shot{border:0;border-radius:0;border-bottom:1px solid var(--line);aspect-ratio:16/9.5}
.libc-shot .pill{position:absolute;top:10px;left:10px;z-index:4}
.libc .b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.libc h4{margin:0;color:var(--ink);font-size:15px;font-weight:600}
.libc .meta{font-size:12.5px;color:var(--muted)}
.libc .acts{display:flex;gap:6px;margin-top:auto}
.libc .acts .btn{flex:1}
.key{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;background:var(--soft);border:1px dashed #C9D6EA;border-radius:9px;padding:6px 8px 6px 10px;color:var(--ink);min-width:0}
.key span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.key button{border:0;background:#fff;border-radius:6px;padding:3px 8px;font:600 12px var(--font);color:var(--accent);box-shadow:0 1px 2px rgba(0,0,0,.08);flex:none}
.keycell{min-width:260px}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.toolbar input{height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;min-width:220px}
.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.seg button{border:0;background:#fff;padding:0 12px;height:36px;font-size:13.5px;color:var(--muted);font-weight:500}
.seg button[aria-pressed="true"]{background:var(--soft);color:var(--ink)}
.tbl-wrap{overflow-x:auto}
.kb-tbl{width:100%;border-collapse:collapse;font-size:14px;margin:0;border:0}
.kb-tbl th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:12px 18px;border-bottom:1px solid var(--line);white-space:nowrap}
.kb-tbl td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
.kb-tbl tr:last-child td{border-bottom:0}
.kb-tbl td b{color:var(--ink);font-weight:600}
.kb-tbl .sub{display:block;font-size:12.5px;color:var(--muted)}
.acts-cell{text-align:right;white-space:nowrap}
.acts-cell .btn+.btn{margin-left:6px}
.cellitem{display:flex;align-items:center;gap:12px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.kpi{border:1px solid var(--line);border-radius:14px;padding:16px}
.kpi span{font-size:13px;color:var(--muted)}
.kpi b{display:block;font-size:26px;color:var(--ink);letter-spacing:-.03em;margin-top:2px;font-variant-numeric:tabular-nums}
.kpi small{font-size:12.5px;color:var(--muted)}
.spark{padding:10px 18px 16px}
.empty-mini{padding:26px 18px;text-align:center;color:var(--muted);font-size:14px}
.conn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.conn .smk{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none}
.conn .t{flex:1}
.conn b{color:var(--ink)}
.conn small{display:block;color:var(--muted);font-size:12.5px}
.conn-box{margin-top:18px}
/* Premium billing + profile */
.bill{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.bill-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.bill-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FAFCFF,#fff)}
.bill-top h3{font-size:18px}
.bill-top p{margin:4px 0 0;color:var(--muted);font-size:14px}
.receipt{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.receipt .full{grid-column:1/-1}
.rv-lbl{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:4px}
.rv-val{color:var(--ink);font-size:15px;line-height:1.5}
.rv-val.big{font-size:17px;font-weight:600}
.bill-foot{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--line);background:var(--soft);font-size:13px;color:var(--muted)}
.bill-foot svg{flex:none;color:var(--good)}
.bill-empty{padding:44px 24px;text-align:center}
.bill-empty .ico{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 14px}
.bill-empty h4{margin:0;color:var(--ink);font-size:18px;font-weight:600}
.bill-empty p{color:var(--muted);margin:6px auto 18px;max-width:42ch;font-size:14px}
.bform{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bform .full,.bform .form-row.full,.bform .form-row-wide{grid-column:1/-1}
.bform .sec{grid-column:1/-1;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding-top:10px;border-top:1px solid var(--line);margin-top:4px}
.bform .sec:first-child{border-top:0;padding-top:0;margin-top:0}
.bform .opt{text-transform:none;letter-spacing:0;font-weight:400}
.bform .field{display:flex;flex-direction:column;gap:6px;min-width:0}
.bform .field label,.bform .form-row label{font-size:13px;font-weight:600;color:var(--ink);display:block;margin:0 0 6px}
.bform .field input,.bform .form-row input.input-text,.bform .form-row select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;width:100%;background:#fff;font-size:15px}
.bform .field input:focus,.bform .form-row input.input-text:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px rgba(15,27,45,.06)}
.bform .field small{color:var(--muted);font-size:12.5px}
.bform .form-row{margin:0!important;padding:0!important;width:auto!important;float:none!important}
.bform .form-row .optional{color:var(--muted);font-weight:400}
.bform .form-row .required{color:var(--danger);text-decoration:none}
.bform .select2-container .select2-selection--single{height:44px;border:1px solid var(--line);border-radius:10px}
.bform .select2-container .select2-selection--single .select2-selection__rendered{height:42px;line-height:42px;padding:0 30px 0 12px!important}
.bform .select2-container .select2-selection--single .select2-selection__arrow{height:42px}
.bform .acts{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:6px}
.bform .pw input{padding-right:64px}
.form-save{display:flex;justify-content:flex-end;margin-top:16px}
.form-save .btn{height:44px;padding:0 20px}
.kb-account-form{border:0!important;padding:0!important;display:block!important;background:none!important}
.aside-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
.aside-card+.aside-card{margin-top:14px}
.aside-card h4{margin:0 0 6px;color:var(--ink);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}
.aside-card p{margin:0;color:var(--muted);font-size:13.5px}
.aside-card .logos{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.aside-card .logos span{font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:7px;padding:4px 8px;color:var(--text)}
.aside-card a.link{display:inline-block;margin-top:10px;font-weight:500;font-size:13.5px;text-decoration:none}
.conn-box{margin-top:18px;border-radius:18px}
@media (max-width:1100px){.bill{grid-template-columns:1fr}}
@media (max-width:600px){.receipt,.bform{grid-template-columns:1fr}}

/* Cart + checkout */
.co-page .woocommerce{margin:0}
.co-wrap{max-width:1360px}
.co-bar{border-bottom:1px solid var(--line);background:var(--soft)}
.co-steps{display:flex;align-items:center;gap:10px;height:56px;font-size:14px;font-weight:500;color:var(--muted)}
.co-steps span{display:flex;align-items:center;gap:8px}
.co-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.co-steps .on{color:var(--ink)}
.co-steps .on b{background:var(--ink);border-color:var(--ink);color:#fff}
.co-steps .done b{background:var(--good);border-color:var(--good);color:#fff}
.co-steps i{width:28px;height:1px;background:var(--line)}
.co-steps .co-secure{margin-left:auto;font-size:13px;gap:7px}
.co-steps .co-secure svg{color:var(--good)}
.co-body{padding-top:30px;padding-bottom:70px}
.co-body>.woocommerce>.woocommerce-notices-wrapper:not(:empty),.co-body .woocommerce-form-coupon-toggle{margin-bottom:16px}
.co-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:start}
.co-grid h1{font-size:32px;letter-spacing:-.04em}
.co-grid .lead{color:var(--muted);margin:6px 0 22px}
.lines{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.line{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:18px;padding:18px;border-bottom:1px solid var(--line);align-items:start}
.line:last-child{border-bottom:0}
.line-shot .shot{aspect-ratio:16/11;border-radius:10px}
.line h3{font-size:16px}
.line .by{font-size:13px;color:var(--muted);margin-top:2px}
.lic-switch{display:inline-flex;margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--soft)}
.lic-switch a{border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--muted)}
.lic-switch a[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,27,45,.12)}
.lic-note{font-size:12.5px;color:var(--muted);margin-top:6px}
.line .right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.line .price{font-size:18px;font-weight:600;color:var(--ink)}
.rm{color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:2px}
.rm:hover{color:var(--danger)}
.upsell{display:flex;align-items:center;gap:14px;margin-top:16px;border:1px dashed #C9D6EA;border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,#FAFCFF,#fff)}
.up-shot{width:78px;flex:none}
.up-shot .shot{aspect-ratio:16/11;border-radius:8px}
.upsell .t{flex:1;min-width:0}
.upsell b{color:var(--ink)}
.upsell small{display:block;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cont{display:inline-flex;margin-top:18px;font-size:14px;color:var(--accent);font-weight:500}
.sum{position:sticky;top:84px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.sum-h{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.sum-h h3{font-size:17px;margin:0}
.sum-h span,.sum-h a.hint{font-size:13px;color:var(--muted)}
.sum-items{padding:8px 20px;border-bottom:1px solid var(--line)}
.si{display:flex;gap:12px;align-items:center;padding:10px 0}
.si .shot.mini{width:56px;height:40px}
.si .t{flex:1;min-width:0}
.si b{color:var(--ink);font-size:14px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.si small{color:var(--muted);font-size:12.5px}
.si .p{font-weight:600;color:var(--ink)}
.coupon{padding:14px 20px;border-bottom:1px solid var(--line)}
.coupon summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--accent);list-style:none}
.coupon summary::-webkit-details-marker{display:none}
.coupon form{display:flex;gap:8px;margin-top:10px}
.coupon input{flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;text-transform:uppercase;font-family:var(--mono);font-size:13.5px}
.totals{padding:16px 20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.totals>div{display:flex;justify-content:space-between;gap:12px}
.totals .muted{color:var(--muted)}
.totals .disc{color:var(--good)}
.totals .disc a{font-size:12px;margin-left:6px;color:var(--muted)}
.totals .grand{border-top:1px solid var(--line);padding-top:12px;margin-top:4px;font-size:20px;font-weight:700;color:var(--ink);align-items:baseline}
.totals .grand small{font-size:12px;color:var(--muted);font-weight:500}
.sum-cta{padding:0 20px 18px}
.sum-cta .checkout-button,.wc-proceed-to-checkout a.checkout-button{display:flex!important;align-items:center;justify-content:center;width:100%;height:54px!important;font-size:16px!important;font-weight:600;border-radius:12px!important;margin:0!important;padding:0!important}
.paylogos{display:flex;gap:6px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.paylogos span{font-size:11.5px;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:3px 7px;color:var(--muted);background:#fff}
.trust{list-style:none;margin:0;padding:16px 20px;border-top:1px solid var(--line);background:var(--soft);display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.trust li{display:flex;gap:10px;align-items:flex-start}
.trust svg{flex:none;color:var(--good);margin-top:2px}
.step{border:1px solid var(--line);border-radius:18px;margin-bottom:16px;background:#fff}
.step-h{display:flex;align-items:center;gap:12px;padding:18px 20px}
.step-h .n{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.step-h h3{font-size:17px;flex:1;margin:0}
.step-h a{font-size:13.5px;color:var(--accent);font-weight:500}
.step-h .secure{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.step-h .secure svg{color:var(--good)}
.step-b{padding:0 20px 20px 60px}
.signed{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--soft)}
.signed b{color:var(--ink)}
.signed small{display:block;color:var(--muted);font-size:12.5px}
.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fields-grid .form-row{margin:0!important;padding:0!important;width:auto!important;float:none!important}
.fields-grid .form-row.full,.fields-grid .notes{grid-column:1/-1}
.fields-grid .form-row-wide:not(.full){grid-column:auto}
.fields-grid .form-row label{font-size:13px;font-weight:600;color:var(--ink);display:block;margin:0 0 6px;line-height:1.4}
.fields-grid .form-row .optional{color:var(--muted);font-weight:400}
.fields-grid .form-row .required{color:var(--danger);text-decoration:none}
.fields-grid input.input-text,.fields-grid select,.fields-grid textarea{height:46px;border:1px solid var(--line)!important;border-radius:11px!important;padding:0 13px!important;width:100%;background:#fff;font-size:15px}
.woocommerce form .fields-grid .form-row .input-text,.woocommerce form .fields-grid .form-row select{height:46px;padding:0 13px;line-height:44px}
.fields-grid input.input-text:focus{border-color:var(--ink)!important;outline:none;box-shadow:0 0 0 4px rgba(15,27,45,.06)}
.fields-grid .select2-container .select2-selection--single{height:46px;border:1px solid var(--line);border-radius:11px}
.fields-grid .select2-container .select2-selection--single .select2-selection__rendered{height:44px;line-height:44px;padding:0 30px 0 13px!important}
.fields-grid .select2-container .select2-selection--single .select2-selection__arrow{height:44px}
.fields-grid .woocommerce-invalid input.input-text{border-color:var(--danger)!important}
.woocommerce-checkout #payment{background:none;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;list-style:none}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0;line-height:1.5}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.woocommerce-checkout #payment ul.payment_methods li>label{font-weight:600;color:var(--ink);cursor:pointer}
.woocommerce-checkout #payment ul.payment_methods li img{max-height:22px;vertical-align:middle;margin-left:6px}
.woocommerce-checkout #payment div.payment_box{background:var(--soft);border-radius:11px;margin:12px 0 0;padding:14px;font-size:14px;color:var(--text)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
/* 2.6.2: one gateway = no extra box around the card form */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:only-child{border:0!important;padding:0;box-shadow:none!important}
.woocommerce-checkout #payment fieldset{border:0;padding:0;margin:0;min-width:0}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:only-child>input.input-radio,.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:only-child>label{display:none}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:only-child div.payment_box{background:none;padding:0;margin:0}
.woocommerce-checkout #payment .wc-stripe-payment-method-instruction{display:block;background:#FFF7E8;border:1px solid #F5DDB0;color:#7A4B0B;border-radius:10px;padding:9px 12px;font-size:13px;margin:0 0 12px}
.woocommerce-checkout #payment .wc-stripe-payment-method-instruction button{background:none;border:0;padding:0 2px;cursor:pointer;color:inherit}
/* 2.6.2: confirming state */
.ty-wait{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:14px}
.ty-wait i{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:kbspin .8s linear infinite}
@keyframes kbspin{to{transform:rotate(360deg)}}
.woocommerce-checkout #payment div.form-row.place-order{padding:16px 0 0;margin:0}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{font-size:13.5px;margin-bottom:14px}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--muted)}
.woocommerce-checkout #place_order{width:100%;height:54px;font-size:16px;font-weight:600;border-radius:12px;float:none}
.center{max-width:560px;margin:40px auto 60px;text-align:center}
.center.wide{max-width:680px}
.center .ico{width:72px;height:72px;border-radius:20px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 18px}
.center h1{font-size:32px;letter-spacing:-.04em}
.center p{color:var(--muted);margin:8px 0 22px}
.center p b{color:var(--ink)}
.check-ok{width:72px;height:72px;border-radius:50%;background:var(--good-soft);color:var(--good);display:grid;place-items:center;margin:0 auto 18px}
.done-card{border:1px solid var(--line);border-radius:18px;text-align:left;margin-top:22px;overflow:hidden}
.done-row{display:flex;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.done-row:last-child{border-bottom:0}
.done-row .shot.mini{width:72px;height:50px}
.done-row .t{flex:1;min-width:0}
.done-row b{color:var(--ink)}
.done-row .key{margin-top:8px}
@media (max-width:1000px){.co-grid{grid-template-columns:1fr}.sum{position:static}}
@media (max-width:600px){.line{grid-template-columns:84px minmax(0,1fr)}.line .right{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.step-b{padding:0 16px 18px}.fields-grid{grid-template-columns:1fr}.co-steps i,.co-steps .co-secure{display:none}}

/* WooCommerce forms inside the account */
.acct-main .woocommerce-EditAccountForm,.acct-main .woocommerce-address-fields,.acct-main form.edit-account{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.acct-main .woocommerce-EditAccountForm>*,.acct-main form.edit-account>*{grid-column:1/-1}
.acct-main .woocommerce-EditAccountForm .form-row-first{grid-column:1}
.acct-main .woocommerce-EditAccountForm .form-row-last{grid-column:2}
.acct-main .form-row{margin:0 0 12px!important;padding:0!important;width:auto!important;float:none!important}
.acct-main .form-row label{font-size:13px;font-weight:600;color:var(--ink);display:block;margin-bottom:6px}
.acct-main .form-row input.input-text,.acct-main .form-row select{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;width:100%;background:#fff}
.acct-main fieldset{border:1px solid var(--line);border-radius:12px;padding:16px;margin:8px 0 14px}
.acct-main legend{font-weight:600;color:var(--ink);padding:0 6px}
.acct-main .woocommerce-Button,.acct-main button[type=submit]{background:var(--cta-bg)!important;border-color:var(--cta-bg)!important;color:var(--cta-ink)!important;height:42px;border-radius:10px;padding:0 18px}
.acct-main .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.acct-main .woocommerce-Address{border:1px solid var(--line);border-radius:16px;padding:18px}
.acct-main .woocommerce-Address-title h2,.acct-main .woocommerce-Address-title h3{font-size:16px}
.acct-main .woocommerce-order-details,.acct-main .woocommerce-customer-details{border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:18px}
@media (max-width:1100px){.grid2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.acct{grid-template-columns:1fr}.side{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}.side h6{display:none}.side a{white-space:nowrap}.acct-main .woocommerce-EditAccountForm,.acct-main .woocommerce-Addresses{grid-template-columns:1fr}.acct-main .woocommerce-EditAccountForm .form-row-last{grid-column:1}}

/* WooCommerce cart / checkout / account */
.woocommerce table.shop_table{border-radius:12px;border-color:var(--line)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:10px 12px;border:1px solid var(--line);border-radius:10px}

/* Footer */
.site-foot{margin-top:72px;border-top:1px solid var(--line)}
.fg{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px;padding:44px 0 30px}
.fg h6{margin:0 0 12px;font-size:13px}
.fg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}
.fg ul a:hover{color:var(--ink)}
.fg p{color:var(--muted);font-size:14px;max-width:32ch}
.fb{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:18px 0;font-size:13px;color:var(--muted)}

@media (min-width:1600px){
  .grid{grid-template-columns:repeat(5,1fr)}
  .bgrid{grid-template-columns:repeat(4,1fr)}
  .grid-3{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1100px){
  .hero{grid-template-columns:1fr}
  .hero-show{height:460px}
  .grid{grid-template-columns:repeat(3,1fr)}
  .bgrid{grid-template-columns:repeat(2,1fr)}
  .authors{grid-template-columns:1fr 1fr}
  .cats-nav{display:none}
}
@media (max-width:860px){
  .feat,.grid,.grid-3{grid-template-columns:1fr 1fr}
  .browse{grid-template-columns:1fr}
  .filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .ilayout{grid-template-columns:1fr}
  .side{position:static}
  .sellband{grid-template-columns:1fr}
  .fg{grid-template-columns:1fr 1fr}
  .bgrid.list .card .shot{width:200px}
  .kb-form{grid-template-columns:1fr}
}
@media (max-width:782px){.admin-bar .top{top:46px}}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .hsearch,.hide-sm{display:none}
  .feat,.grid,.grid-3,.bgrid,.authors{grid-template-columns:1fr}
  .hero-show{display:none}
  .hero{padding:44px 0 28px}
  .bigsearch{height:auto;flex-wrap:wrap;padding:6px;gap:6px}
  .bs-div,.bigsearch>svg{display:none}
  .bigsearch .scope,.bigsearch select{width:100%}
  .bigsearch input[type=search]{height:44px;padding:0 8px}
  .bgrid.list .card{flex-direction:column}
  .bgrid.list .card .shot{width:auto;border-right:0;border-bottom:1px solid var(--line)}
  .sellband{padding:26px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================================
   Item page (2.7.0): tinted band, gallery, highlights, sticky section nav,
   sticky buy column. Prefixed .ip- so it never collides with account styles.
   ========================================================================== */
.ip{--item:#2F55F5;scroll-padding-top:130px}
html:has(.ip){scroll-behavior:smooth;scroll-padding-top:130px}
.ip-band{background:linear-gradient(180deg,color-mix(in srgb,var(--item) 11%,#fff) 0%,color-mix(in srgb,var(--item) 5%,#fff) 70%,#fff 100%)}
.ip-band-in{padding-top:4px;padding-bottom:120px}
.ip-band .kb-notice{margin:18px 0 0}
.ip-band .crumbs{padding:20px 0 18px}
.ip-band .crumbs [aria-current]{color:var(--ink)}
.ip-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.ip-chip{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:12.5px;font-weight:500;color:var(--ink);text-transform:capitalize}
.ip-chip.mono{text-transform:none}
.ip-chip.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.ip-chip.good{background:var(--good-soft);border-color:#BFE5D3;color:var(--good)}
.ip-title{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.05em;line-height:1.02;max-width:20ch}
.ip-tag{font-size:18px;color:var(--hero-text);opacity:.88;max-width:62ch;margin:12px 0 18px}
.ip-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:14px;color:var(--text)}
.ip-meta b{color:var(--ink)}
.ip-meta .by-row{display:inline-flex;align-items:center;gap:7px}
.ip-meta .stars{color:var(--star);letter-spacing:1px}
.ip-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ip-ghost{background:rgba(255,255,255,.75);border-color:rgba(15,27,45,.12)}
.ip-save[aria-pressed="true"] svg{fill:var(--danger);color:var(--danger)}

.ip-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:44px;margin-top:-96px;padding-bottom:90px;align-items:start}
.ip-layout>*{min-width:0}
.ip-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.admin-bar .ip-side{top:116px}

/* Gallery */
.ip-gal{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;box-shadow:0 30px 60px -30px rgba(15,27,45,.25)}
.ip-stage{position:relative;display:block;border-radius:12px;overflow:hidden}
.ip-stage[role="button"]{cursor:zoom-in}
.ip-stage .shot{aspect-ratio:16/10;border-radius:12px;border:0}
.ip-stage .shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.ip-zoom{position:absolute;right:16px;bottom:16px;opacity:0;transform:translateY(6px);transition:.2s}
.ip-stage:hover .ip-zoom,.ip-stage:focus-visible .ip-zoom{opacity:1;transform:none}
.ip-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}
.ip-thumbs button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--soft);aspect-ratio:16/10;opacity:.7;transition:opacity .15s}
.ip-thumbs button img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ip-thumbs button[aria-pressed="true"]{border-color:var(--ink);opacity:1}
.ip-thumbs button:hover{opacity:1}

/* Highlights */
.ip-hl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.ip-hl>div{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:flex-start}
.ip-hl i{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.ip-hl p{margin:0}
.ip-hl b{display:block;color:var(--ink);font-size:14.5px}
.ip-hl span{font-size:13px;color:var(--muted)}

/* Section nav */
.ip-snav{position:sticky;top:69px;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;gap:4px;margin-top:34px;overflow-x:auto;scrollbar-width:none}
.admin-bar .ip-snav{top:101px}
.ip-snav a{padding:14px 12px;font-size:14px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.ip-snav a:hover{color:var(--ink)}
.ip-snav a.on{color:var(--ink);border-color:var(--ink)}
.ip-snav small{font-family:var(--mono);font-size:11.5px;background:var(--soft);border-radius:6px;padding:1px 6px;margin-left:4px}
.ip-sec{padding:40px 0 6px}
.ip-sec>h2,.ip-sec-h h2{font-size:24px;margin:0 0 16px}
.ip-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.ip-sec-h a{font-size:14px;color:var(--accent);font-weight:500}
.ip-prose{font-size:16px;line-height:1.7;max-width:760px}

/* Included */
.ip-files{border:1px solid var(--line);border-radius:16px;overflow:hidden;max-width:820px}
.ip-files>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}
.ip-files>div:last-child{border:0}
.ip-files i{width:38px;height:38px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--ink)}
.ip-files p{margin:0;min-width:0}
.ip-files b{color:var(--ink);font-weight:600;font-size:14.5px;word-break:break-word}
.ip-files small{display:block;color:var(--muted);font-size:13px}
.ip-files em{font-style:normal;font-family:var(--mono);font-size:13px;color:var(--muted)}

/* Requirements */
.ip-req{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:820px}
.ip-req div{background:var(--soft);border-radius:14px;padding:14px 16px}
.ip-req small{display:block;font-size:12.5px;color:var(--muted)}
.ip-req b{color:var(--ink);font-size:15px}

/* Changelog */
.ip-log{list-style:none;padding:0;max-width:820px;border-left:2px solid var(--line);margin:0 0 0 8px}
.ip-log li{position:relative;padding:0 0 22px 24px}
.ip-log li::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--line)}
.ip-log li:first-child::before{border-color:var(--ink);background:var(--ink)}
.ip-log .v{display:flex;gap:10px;align-items:baseline;margin-bottom:4px}
.ip-log .v b{font-family:var(--mono);color:var(--ink)}
.ip-log .v span{font-size:12px;color:var(--good);background:var(--good-soft);border-radius:5px;padding:0 6px}
.ip-log p{margin:3px 0;font-size:14.5px;display:flex;gap:8px;align-items:baseline}
.ip-log .t{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:1px 6px;flex:none}
.ip-log .t.new{background:var(--accent-soft);color:var(--accent)}
.ip-log .t.fix{background:#FFF1E7;color:var(--hot)}
.ip-log .t.imp{background:var(--good-soft);color:var(--good)}
.ip-more{font-size:14px;color:var(--accent);font-weight:500;background:none;border:0;padding:0;margin:4px 0 0 32px}

/* Reviews */
.ip-rv-sum{display:grid;grid-template-columns:190px minmax(0,1fr) 260px;gap:30px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:22px;max-width:960px}
.ip-rv-big b{display:block;font-size:52px;color:var(--ink);letter-spacing:-.05em;line-height:1}
.ip-rv-big .stars{font-size:18px;display:block;margin:6px 0 2px}
.ip-rv-big small{color:var(--muted);font-size:13px}
.ip-reviews .stars{color:var(--star);letter-spacing:1px}
.ip-reviews .stars .off{color:#DDE3EC}
.ip-bars div{display:grid;grid-template-columns:14px 1fr 40px;gap:10px;align-items:center;font-size:13px;margin:4px 0}
.ip-bars span{height:7px;border-radius:4px;background:var(--soft);overflow:hidden}
.ip-bars i{display:block;height:100%;background:var(--star);border-radius:4px}
.ip-bars em{font-style:normal;color:var(--muted);text-align:right;font-family:var(--mono);font-size:12px}
.ip-rv-cta{font-size:13.5px;color:var(--muted)}
.ip-rv-cta .btn{margin-top:10px;width:100%}
.ip-rv-form{max-width:760px;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:16px}
.ip-rv-form h3{font-size:18px;margin:0 0 12px}
.ip-rv-form label{display:block;font-weight:600;color:var(--ink);font-size:14px;margin-bottom:6px}
.ip-rv-form textarea,.ip-reply-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:15px}
.ip-rv-form select{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 10px}
.ip-rv-form p.stars{margin:0 0 6px;font-size:24px;letter-spacing:4px}
.ip-rv-form p.stars a{color:#C8D2E0;text-decoration:none}
.ip-rv-form p.stars a::before{content:"★"}
.ip-rv-form p.stars a{display:inline-block;width:1em;overflow:hidden;white-space:nowrap;text-indent:0;font-size:0}
.ip-rv-form p.stars a::before{font-size:24px}
.ip-rv-form p.stars:hover a,.ip-rv-form p.stars.selected a{color:var(--star)}
.ip-rv-form p.stars a:hover~a,.ip-rv-form p.stars.selected a.active~a{color:#C8D2E0}
.ip-rv-form .form-submit{margin:14px 0 0}
.ip-rv-f{display:flex;gap:6px;margin:18px 0 6px;flex-wrap:wrap}
.ip-rv-f button{height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13px}
.ip-rv-f button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ip-rvs{max-width:960px}
.ip-rv{padding:20px 0;border-bottom:1px solid var(--line)}
.ip-rv-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}
.ip-rv-h b{color:var(--ink)}
.ip-ver{color:var(--good);font-size:12.5px;font-weight:500}
.ip-rv-b{font-size:14.5px;margin-top:8px}
.ip-rv-b p{margin:0 0 8px}
.ip-reply{margin:12px 0 0 18px;padding:12px 14px;border-left:3px solid var(--brand);background:var(--soft);border-radius:0 10px 10px 0;font-size:14px}
.ip-reply b{color:var(--ink)}
.ip-reply-form{margin-top:10px;font-size:13.5px}
.ip-reply-form summary{color:var(--accent);cursor:pointer;font-weight:500}
.ip-reply-form form{display:flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:8px}
.ip-rv-empty{margin:16px 0 0}

/* FAQ */
.ip-faq{max-width:820px;border-top:1px solid var(--line)}
.ip-faq details{border-bottom:1px solid var(--line)}
.ip-faq summary{list-style:none;padding:17px 0;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-size:15.5px}
.ip-faq summary::-webkit-details-marker{display:none}
.ip-faq summary::after{content:"+";font-weight:400;font-size:22px;line-height:1;color:var(--muted)}
.ip-faq details[open] summary::after{content:"–"}
.ip-faq p{margin:0 0 18px;max-width:700px}

/* Buy column */
.ip-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
.ip-buy{box-shadow:0 30px 60px -30px rgba(15,27,45,.3);padding:20px}
.ip-buy .btn-xl{height:52px;font-size:16px;font-weight:600;border-radius:12px;width:100%}
.ip-buy .btn-xl+.btn-xl{margin-top:8px}
.ip-lic{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--soft);border-radius:12px;padding:4px;margin-bottom:6px}
.ip-lic button{border:0;background:none;border-radius:9px;padding:9px 6px;font-size:13.5px;font-weight:600;color:var(--muted)}
.ip-lic button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,27,45,.12)}
.ip-price{display:flex;align-items:baseline;gap:10px;margin:14px 0 4px}
.ip-price b{font-size:42px;color:var(--ink);letter-spacing:-.04em;line-height:1.1}
.ip-price b .woocommerce-Price-currencySymbol{font-size:.7em;vertical-align:.25em}
.ip-price small{color:var(--muted);font-size:13.5px;margin-left:auto}
.ip-desc{font-size:13.5px;color:var(--muted);margin:0 0 14px}
.ip-inc{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.ip-inc li{display:flex;gap:9px;align-items:flex-start}
.ip-inc svg{color:var(--good);flex:none;margin-top:3px}
.ip-inc li.x{color:var(--muted)}
.ip-inc li.x svg{color:#B8C1CE}
.ip-compare{display:block;text-align:center;font-size:13px;color:var(--accent);margin-top:10px;background:none;border:0;width:100%}
.ip-secure{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);margin-top:12px;text-align:center}
.ip-secure svg{color:var(--good);flex:none}
.ip-owned{background:var(--good-soft);border:1px solid #BFE5D3;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:14px;color:#0B5E43}
.ip-owned b{color:#0B5E43}
.ip-upd{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:12px}
.ip-upd .mono{color:var(--ink)}
.ip-key{margin:12px 0;justify-content:space-between}
.ip-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ip-two .btn{width:100%}
.ip-free{display:flex;align-items:baseline;justify-content:space-between;margin:2px 0 6px}
.ip-free b{font-size:40px;color:var(--ink);letter-spacing:-.04em}
.ip-free span{font-size:13px;color:var(--good);font-weight:500;background:var(--good-soft);padding:3px 9px;border-radius:99px}
.ip-dl{width:100%;border-collapse:collapse;font-size:14px}
.ip-dl td{padding:8px 0;border-bottom:1px solid var(--line)}
.ip-dl tr:last-child td{border:0}
.ip-dl td:first-child{color:var(--muted)}
.ip-dl td:last-child{text-align:right;color:var(--ink);font-weight:500}
.ip-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ip-tags span{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:2px 8px}
.ip-sha{display:flex;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ip-sha code{font-family:var(--mono);font-size:11.5px;color:var(--muted);word-break:break-all;flex:1;line-height:1.45}
.ip-sha code span{display:block;font-family:var(--font);font-size:12px;margin-bottom:2px}
.ip-sha button,.ip-key button{font-size:12px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:4px 9px;flex:none}
.ip-auth{display:flex;gap:12px;align-items:center}
.ip-auth b{color:var(--ink);font-size:15.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ip-auth small{color:var(--muted);font-size:13px}
.ip-badge{font-size:11px;font-weight:600;background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 6px}
.ip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.ip-stats div{background:var(--soft);border-radius:10px;padding:9px 10px;text-align:center}
.ip-stats b{display:block;color:var(--ink);font-size:15px}
.ip-stats small{font-size:11.5px;color:var(--muted)}
.ip-sup{display:flex;gap:12px;align-items:flex-start;font-size:13.5px}
.ip-sup i{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none}
.ip-sup p{margin:0}
.ip-sup b{color:var(--ink);display:block;font-size:14.5px}

/* Lightbox + modal + toast */
.ip-lb{position:fixed;inset:0;background:rgba(10,16,28,.9);z-index:200;display:grid;place-items:center;padding:40px}
.ip-lb[hidden],.ip-modal[hidden]{display:none}
.ip-lb img{max-width:min(1400px,100%);max-height:calc(100vh - 80px);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.ip-lb-x{position:absolute;top:20px;right:24px;background:#fff;border:0;border-radius:10px;width:42px;height:42px;font-size:22px}
.ip-lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:0;border-radius:50%;width:46px;height:46px;font-size:22px}
.ip-lb-nav.p{left:24px}.ip-lb-nav.n{right:24px}
.ip-modal{position:fixed;inset:0;background:rgba(10,16,28,.5);z-index:200;display:grid;place-items:center;padding:20px}
.ip-modal-in{background:#fff;border-radius:20px;padding:26px;width:min(640px,100%)}
.ip-modal h3{font-size:22px;margin-bottom:14px}
.ip-cmp{width:100%;border-collapse:collapse;font-size:14px}
.ip-cmp th,.ip-cmp td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:center}
.ip-cmp th{color:var(--muted);font-weight:500;font-size:13px}
.ip-cmp td:first-child,.ip-cmp th:first-child{text-align:left}
.ip-cmp td:first-child{color:var(--ink)}
.ip-modal-f{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.kb-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;opacity:0;transition:.25s;z-index:250;pointer-events:none}
.kb-toast.on{opacity:1;transform:translate(-50%,0)}
.ip-mbar{display:none}
.saved-grid{margin-top:4px}

@media (max-width:1100px){
  .ip-layout{grid-template-columns:minmax(0,1fr);margin-top:-80px}
  .ip-side{position:static}
  .ip-rv-sum{grid-template-columns:1fr}
  .ip-req{grid-template-columns:1fr 1fr}
  .ip-hl{grid-template-columns:1fr 1fr}
  .ip-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center}
  .ip-mbar b{font-size:20px;color:var(--ink);display:block}
  .ip-mbar small{display:block;font-size:12px;color:var(--muted)}
  .ip-mbar .btn{margin-left:auto;height:46px;padding:0 22px}
  .ip{padding-bottom:70px}
  .kb-toast{bottom:84px}
}
@media (max-width:640px){
  .ip-band-in{padding-bottom:100px}
  .ip-tag{font-size:16px}
  .ip-hl,.ip-req{grid-template-columns:1fr}
  .ip-thumbs{grid-template-columns:repeat(5,72px);overflow-x:auto}
  .ip-lb{padding:12px}
  .ip-lb-nav{width:38px;height:38px}
}

/* ==========================================================================
   Author store (2.8.0) at /store/{slug}/. Prefixed .pf-.
   ========================================================================== */
.pf{--item:#2F55F5}
.muted{color:var(--muted)}
.pf-own{background:var(--ink);color:#fff;font-size:13.5px}
.pf-own .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}
.pf-own a{color:#fff;font-weight:600;text-decoration:underline}
.pf-band{background:linear-gradient(180deg,color-mix(in srgb,var(--item) 14%,#fff),color-mix(in srgb,var(--item) 4%,#fff) 80%,#fff)}
.pf-band-in{padding-top:6px;padding-bottom:34px}
.pf-band .crumbs [aria-current]{color:var(--ink)}
.pf-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}
.pf-av{width:104px;height:104px;border-radius:28px;display:grid;place-items:center;font-size:42px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--item),color-mix(in srgb,var(--item) 55%,#0F1B2D));box-shadow:0 20px 40px -18px color-mix(in srgb,var(--item) 70%,#000);border:4px solid #fff}
.pf-head h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.045em;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.pf-ver{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:4px 10px}
.pf-tag{font-size:17px;color:var(--hero-text);margin:6px 0 10px;max-width:640px}
.pf-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--text);margin-top:8px}
.pf-meta span{display:inline-flex;align-items:center;gap:6px}
.pf-meta svg{color:var(--muted)}
.pf-act{display:flex;gap:8px;align-items:center}
.pf-soc{display:flex;gap:6px;margin-top:12px}
.pf-soc a{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink)}
.pf-soc a:hover{background:var(--soft)}
.pf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
.pf-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.pf-stats b{display:block;font-size:28px;color:var(--ink);letter-spacing:-.04em;line-height:1.1}
.pf-stats .stars{font-size:13px;letter-spacing:1px;color:var(--star);vertical-align:middle}
.pf-stats small{font-size:13px;color:var(--muted)}
.pf-tabs{position:sticky;top:69px;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .pf-tabs{top:101px}
.pf-tabs .wrap{display:flex;gap:4px}
.pf-tabs a{padding:15px 12px;font-size:14.5px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.pf-tabs a.on{color:var(--ink);border-color:var(--ink)}
.pf-tabs small{font-family:var(--mono);font-size:11.5px;background:var(--soft);border-radius:6px;padding:1px 6px;margin-left:4px}
.pf-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-top:30px;padding-bottom:90px;align-items:start}
.pf-layout>*{min-width:0}
.pf-feat{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:14px;background:linear-gradient(135deg,#fff,var(--soft));color:inherit}
.pf-feat .shot{aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:0}
.pf-feat .shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.pf-feat .k{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hot)}
.pf-feat h3{font-size:28px;margin:6px 0}
.pf-feat p{margin:0 0 14px}
.pf-feat .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}
.pf-feat .row b{font-size:22px;color:var(--ink)}
.pf-feat .row .btn{margin-left:auto}
.pf-feat .stars{color:var(--star)}
.pf-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px;flex-wrap:wrap}
.pf-feat+.pf-bar{margin-top:28px}
section>.pf-bar:first-child{margin-top:0}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap}
.pf-chips button{height:34px;padding:0 13px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:13.5px;font-weight:500}
.pf-chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pf-chips small{opacity:.6;margin-left:4px}
.pf-sort{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;font-size:13.5px}
.pf-grid{grid-template-columns:repeat(3,1fr)}
.pf-feat+.pf-grid{margin-top:24px}
.pf-cell[hidden]{display:none}
.pf-aside{position:sticky;top:130px;display:flex;flex-direction:column;gap:14px}
.admin-bar .pf-aside{top:162px}
.pf-aside h4{font-size:15px;margin:0 0 8px}
.pf-bio{font-size:14px}
.pf-bio p{margin:0 0 8px}
.pf-skills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pf-skills span{font-size:12.5px;border:1px solid var(--line);border-radius:7px;padding:3px 9px;background:#fff}
.pf-facts{list-style:none;padding:0;margin:0;font-size:14px}
.pf-facts li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.pf-facts li:last-child{border:0}
.pf-facts span{color:var(--muted)}
.pf-facts b{color:var(--ink);font-weight:500;text-align:right}
.pf-rv{grid-template-columns:200px minmax(0,1fr)}
.pf-rvi{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}
.pf-rv-shot .shot{width:72px;aspect-ratio:16/10;border-radius:8px;overflow:hidden}
.pf-rv-item{display:inline-block;font-size:13px;color:var(--accent);font-weight:500;margin-top:2px}
.pf-empty{border:1px dashed #C8D2E0;border-radius:16px;padding:30px;text-align:center;color:var(--muted)}
.pf-contact{display:flex;flex-direction:column;gap:12px}
.pf-contact p{margin:-6px 0 2px;font-size:13.5px}
.pf-contact label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
.pf-contact input,.pf-contact select,.pf-contact textarea{font:inherit;font-weight:400;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink)}
.pf-contact input,.pf-contact select{height:44px;padding-top:0;padding-bottom:0}
.pf-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.slug-in{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.slug-in span{padding:0 0 0 12px;color:var(--muted);font-size:13px;white-space:nowrap}
.slug-in input{border:0!important;box-shadow:none!important;padding-left:2px!important;min-width:0;flex:1}
.bform input[type="color"]{height:46px;padding:4px;width:100%;border:1px solid var(--line);border-radius:11px;background:#fff}
.author .row b a{color:inherit}
.author .row b a:hover{text-decoration:underline}

@media (max-width:1100px){
  .pf-layout{grid-template-columns:minmax(0,1fr)}
  .pf-aside{position:static}
  .pf-grid{grid-template-columns:1fr 1fr}
  .pf-feat{grid-template-columns:1fr}
  .pf-head{grid-template-columns:auto minmax(0,1fr)}
  .pf-act{grid-column:1/-1}
  .pf-stats{grid-template-columns:1fr 1fr}
  .pf-rv{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pf-head{grid-template-columns:1fr}
  .pf-av{width:80px;height:80px;font-size:32px;border-radius:22px}
  .pf-grid{grid-template-columns:1fr}
  .pf-two{grid-template-columns:1fr}
  .pf-own .wrap{flex-direction:column;align-items:flex-start}
}

/* ==========================================================================
   Inbox (2.9.0): My account → Inbox, header badge, contact dialog.
   ========================================================================== */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.msg-btn{position:relative;width:40px;padding:0}
.msg-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--hot);color:#fff;font:600 11px/18px var(--mono);text-align:center;padding:0 4px}
.msg-count[hidden]{display:none}
.pf-to{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.pf-to b{display:block;color:var(--ink);font-size:14.5px}
.pf-to small{color:var(--muted);font-size:12.5px;font-weight:400}
.pf-priv{font-size:12.5px!important;margin:0!important}
.ip-modal .ip-modal-in{max-height:calc(100vh - 40px);overflow:auto}

.ibx{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;height:calc(100vh - 230px);min-height:540px;background:#fff}
.admin-bar .ibx{height:calc(100vh - 262px)}
.ibx-empty-wrap{display:block;height:auto;min-height:0}
.ibx-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}
.ibx-top{padding:14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.ibx-search{position:relative}
.ibx-search input{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:0 12px 0 34px;font-size:13.5px}
.ibx-search svg{position:absolute;left:11px;top:11px;color:var(--muted)}
.ibx-f{display:flex;gap:4px}
.ibx-f button{flex:1;height:30px;border:0;border-radius:8px;background:none;font-size:12.5px;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:5px}
.ibx-f button[aria-pressed="true"]{background:var(--soft);color:var(--ink)}
.ibx-f button span{font-size:10.5px;background:var(--hot);color:#fff;border-radius:99px;padding:0 6px;line-height:16px}
.ibx-threads{overflow:auto;flex:1}
.ibx-th{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px;border-bottom:1px solid var(--line);position:relative;color:inherit}
.ibx-th[hidden]{display:none}
.ibx-th:hover{background:var(--soft)}
.ibx-th[aria-current="page"]{background:var(--accent-soft)}
.ibx-th-b{min-width:0;display:block}
.ibx-th .r1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ibx-th b{color:var(--ink);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.ibx-th time{font-size:12px;color:var(--muted);flex:none}
.ibx-th .it{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--accent);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden}
.ibx-th .it em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:0 5px;flex:none}
.ibx-th .it em.buy{background:#EEF2F7;color:var(--text)}
.ibx-th .it em.sell{background:#FFF1E7;color:var(--hot)}
.ibx-th .sn{display:block;margin-top:2px;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}
.ibx-th.unread .sn{color:var(--ink);font-weight:600}
.ibx-th.unread::after{content:"";position:absolute;right:14px;bottom:20px;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.ibx-none{padding:30px 16px;text-align:center;color:var(--muted);margin:0}
.ibx-conv{display:flex;flex-direction:column;min-height:0;min-width:0}
.ibx-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line)}
.ibx-head b{color:var(--ink);display:block;font-size:15px}
.ibx-head small{color:var(--muted);font-size:12.5px}
.ibx-store{margin-left:auto}
.ibx-back{display:none;width:40px;padding:0}
.ibx-ctx{display:flex;gap:12px;align-items:center;margin:14px 18px 0;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.ibx-ctx .shot{width:72px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;flex:none;border:0}
.ibx-ctx b{color:var(--ink);font-size:14px;display:block}
.ibx-ctx small{color:var(--muted);font-size:12.5px}
.ibx-ctx .btn{margin-left:auto;height:34px;font-size:13px}
.ibx-msgs{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}
.ibx-day{align-self:center;font-size:12px;color:var(--muted);background:var(--soft);border-radius:99px;padding:3px 10px;margin:6px 0}
.ibx-sys{align-self:center;font-size:12.5px;color:var(--good);background:var(--good-soft);border-radius:99px;padding:3px 10px}
.ibx-m{max-width:72%;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.ibx-m .bub{padding:10px 14px;border-radius:16px;border-bottom-left-radius:5px;font-size:14.5px;line-height:1.5;background:var(--soft);color:var(--ink);overflow-wrap:anywhere}
.ibx-m .bub p{margin:0}
.ibx-m .bub p+p{margin-top:8px}
.ibx-m.me{align-self:flex-end;align-items:flex-end}
.ibx-m.me .bub{background:var(--ink);color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:5px}
.ibx-m small{font-size:11.5px;color:var(--muted);padding:0 4px}
.ibx-comp{border-top:1px solid var(--line);padding:12px 14px 6px;display:flex;gap:10px;align-items:flex-end}
.ibx-comp textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14.5px;max-height:160px;min-height:46px;line-height:1.45}
.ibx-comp .btn{height:46px;padding:0 20px}
.ibx-note{font-size:12px;color:var(--muted);padding:0 16px 10px;margin:0}
.ibx-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--muted);padding:40px 24px}
.ibx-empty i{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:12px}
.ibx-empty b{display:block;color:var(--ink);font-size:17px;margin-bottom:4px}
.ibx-empty p{margin:0 0 14px;max-width:380px}

@media (max-width:1000px){
  .ibx{grid-template-columns:minmax(0,1fr);height:calc(100vh - 180px)}
  .ibx.open .ibx-list{display:none}
  .ibx:not(.open) .ibx-conv{display:none}
  .ibx-back{display:inline-flex}
  .ibx-m{max-width:86%}
  .ibx-store{display:none}
}

/* ==========================================================================
   Header (2.10.0). Everything is prefixed .hd- so older header rules never apply.
   ========================================================================== */
.hd-ann{background:var(--ink);color:#C9D3E3;font-size:13px;position:relative;z-index:41}
.hd-ann[hidden]{display:none}
.hd-ann .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;gap:16px}
.hd-ann .l{display:flex;gap:10px;align-items:center;min-width:0;white-space:nowrap}
.hd-ann .t{overflow:hidden;text-overflow:ellipsis;color:#fff}
.hd-ann a{color:#C9D3E3;text-decoration:underline;text-underline-offset:2px}
.hd-ann a:hover{color:#fff}
.hd-ann .pill{background:var(--brand);color:var(--ink);font-weight:700;font-size:11px;border-radius:99px;padding:1px 8px;flex:none}
.hd-ann .r{display:flex;gap:18px;align-items:center;flex:none}
.hd-ann .r a{text-decoration:none}
.hd-ann .x{background:none;border:0;color:#C9D3E3;font-size:18px;line-height:1;padding:0 2px;cursor:pointer}
.hd-ann .x:hover{color:#fff}

.top.hd{z-index:45;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(14px)}
.hd-in{display:flex;align-items:center;gap:18px;height:68px}
.hd .logo{flex:none}
.hd-nav{display:flex;gap:2px;position:relative}
.hd-navi{position:static}
.hd-nb{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:9px;border:0;background:none;color:var(--ink);font:500 14.5px var(--font);cursor:pointer;white-space:nowrap}
.hd-nb:hover,.hd-nb[aria-expanded="true"]{background:var(--soft)}
.hd-nb svg{transition:transform .2s}
.hd-nb[aria-expanded="true"] svg{transform:rotate(180deg)}
.hd-new{font-size:10px;font-weight:700;background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 5px}
.hd-mega{position:absolute;top:calc(100% + 12px);left:-12px;width:min(900px,calc(100vw - 80px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -20px rgba(15,27,45,.3);padding:18px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:18px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:50}
.hd-mega.on{opacity:1;visibility:visible;transform:none}
.hd-mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.hd-mega h6{margin:4px 8px 8px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.hd-li{display:flex;gap:11px;align-items:center;padding:9px 8px;border-radius:11px;color:inherit}
.hd-li:hover{background:var(--soft)}
.hd-li i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent);font:700 13px var(--font)}
.hd-li i.gold{background:#FFF7E8;color:#B7791F}.hd-li i.green{background:var(--good-soft);color:var(--good)}.hd-li i.violet{background:#F1ECFE;color:#7C3AED;font-size:11px}
.hd-li b{display:block;color:var(--ink);font-size:14px;font-weight:600}
.hd-li small{font-size:12.5px;color:var(--muted)}
.hd-soon{margin:4px 8px;font-size:13.5px;color:var(--muted)}
.hd-soon a{color:var(--accent);font-weight:600}
.hd-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px}
.hd-tags a{font-size:12.5px;border:1px solid var(--line);border-radius:99px;padding:4px 10px}
.hd-tags a:hover{background:var(--soft)}
.hd-ft{border-radius:16px;background:linear-gradient(135deg,var(--soft),#fff);border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:6px;color:inherit}
.hd-ft .shot{aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:0}
.hd-ft .k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hot);margin-top:4px}
.hd-ft b{color:var(--ink);font-size:15px}
.hd-ft .row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}
.hd-ft .p{color:var(--ink);font-weight:600}
.hd-ft-empty{justify-content:center;align-items:flex-start;padding:20px}
.hd-ft-empty span{font-size:13.5px;color:var(--muted)}
.hd-ft-empty .btn{margin-top:6px}
.hd-all{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 8px 0;font-size:13.5px;color:var(--muted)}
.hd-all a{color:var(--accent);font-weight:600}

.hd-search{flex:1;max-width:460px}
.hd-search input{height:42px;border-radius:12px;padding-right:44px}
.hd-search input:focus{box-shadow:0 0 0 4px var(--accent-soft);border-color:#C8D5EA}
.hd-search .hd-sugg svg,.hd-search .hd-sugg .shot svg{position:static;transform:none}
.hd-sugg{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -18px rgba(15,27,45,.3);padding:8px;display:none;z-index:50;max-height:70vh;overflow:auto}
.hd-search:focus-within .hd-sugg{display:block}
.hd-sugg h6,.hd-msheet h6{margin:8px 8px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.hd-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 6px}
.hd-chips a{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:13px}
.hd-chips a:hover{background:var(--soft)}
.hd-sr{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;color:inherit}
.hd-sr:hover,.hd-sr.on{background:var(--soft)}
.hd-sr .shot,.hd-sr .img{width:52px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;flex:none;border:0}
.hd-sr .img{object-fit:cover}
.hd-sr b{display:block;color:var(--ink);font-size:14px}
.hd-sr small{color:var(--muted);font-size:12.5px}
.hd-sr-all{display:block;padding:10px 8px 4px;font-size:13.5px;color:var(--accent);font-weight:600;border-top:1px solid var(--line);margin-top:4px}
.hd-sr-none{padding:12px 8px;color:var(--muted);font-size:13.5px}

.hd-r{gap:6px}
.hd-ib{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer;flex:none}
.hd-ib:hover,.hd-ib[aria-expanded="true"]{background:var(--soft)}
.hd-ib svg{display:block}
.hd-ct{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;border-radius:9px;font:600 10px/16px var(--mono);text-align:center;padding:0 4px;color:#fff;background:var(--accent);box-shadow:0 0 0 2px #fff}
.hd-ct.red{background:var(--danger)}
.hd-ct.hot{background:var(--hot)}
.hd-ct[hidden]{display:none}
.hd .msg-count{top:-3px;right:-3px;min-width:16px;height:16px;font-size:10px;line-height:16px}
.hd-sep{width:1px;height:24px;background:var(--line);margin:0 4px}
.hd-sell{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;border-radius:12px;font-size:14px;font-weight:500;color:var(--ink);white-space:nowrap}
.hd-sell:hover{background:var(--soft)}
.hd-signin,.hd-join{height:42px;border-radius:12px}
.hd-join{padding:0 16px}
.hd-wrapr{position:relative}
.hd-avb{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 4px;border-radius:99px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.hd-avb:hover,.hd-avb[aria-expanded="true"]{background:var(--soft)}
.hd-avb .nm{font-size:13.5px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-dd{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px -20px rgba(15,27,45,.3);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:55}
.hd-dd.on{opacity:1;visibility:visible;transform:none}
.hd-me{display:flex;gap:11px;align-items:center;padding:10px;border-radius:12px;background:var(--soft);margin-bottom:6px}
.hd-me>div{min-width:0}
.hd-me b{display:block;color:var(--ink);font-size:14.5px}
.hd-me small{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-me .role{margin-left:auto;font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 7px;flex:none}
.hd-it{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;color:var(--text)}
.hd-it:hover{background:var(--soft);color:var(--ink)}
.hd-it svg{color:var(--muted);flex:none}
.hd-it em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--hot);color:#fff}
.hd-it em.soft{background:var(--soft);color:var(--text)}
.hd-dd hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.hd-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:6px 10px 2px}
.hd-cartdd{width:350px}
.hd-mc-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-radius:10px;color:inherit}
.hd-mc-item:hover{background:var(--soft)}
.hd-mc-item .shot{aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:0}
.hd-mc-item b{display:block;color:var(--ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-mc-item small{color:var(--muted);font-size:12.5px}
.hd-mc-item em{font-style:normal;font-weight:600;color:var(--ink);font-size:14px}
.hd-mc-tot{display:flex;justify-content:space-between;padding:10px;font-size:14px;border-top:1px solid var(--line);margin-top:4px}
.hd-mc-tot b{color:var(--ink)}
.hd-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 4px 4px}
.hd-two .btn{width:100%}
.hd-mc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:22px 16px;color:var(--muted);font-size:13.5px}
.hd-mc-empty svg{color:var(--accent);margin-bottom:6px}
.hd-mc-empty b{color:var(--ink);font-size:15px}
.hd-mc-empty .btn{margin-top:10px}
.hd-burger,.hd-msr,.hd-macc{display:none}

/* Drawer, search sheet, tab bar (phones) */
.hd-drawer{position:fixed;inset:0;z-index:200;visibility:hidden}
.hd-drawer.on{visibility:visible}
.hd-scrim{position:absolute;inset:0;background:rgba(10,16,28,.45);opacity:0;transition:opacity .2s}
.hd-drawer.on .hd-scrim{opacity:1}
.hd-pan{position:relative;width:min(380px,88vw);height:100%;background:#fff;transform:translateX(-100%);transition:transform .25s;display:flex;flex-direction:column;overflow:auto;padding-bottom:24px}
.hd-drawer.on .hd-pan{transform:none}
.hd-pan-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 12px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}
.hd-pacc{margin:14px 16px 10px;padding:14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 32%,#fff),var(--soft));display:flex;gap:12px;align-items:center;color:inherit}
.hd-pacc span{min-width:0}
.hd-pacc b{display:block;color:var(--ink)}
.hd-pacc small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-pout{margin:14px 16px;padding:16px;border-radius:16px;background:var(--soft)}
.hd-pout b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}
.hd-pout p{margin:0 0 12px;font-size:13.5px;color:var(--muted)}
.hd-pout .hd-two{padding:0}
.hd-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 16px 8px}
.hd-quick a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--line);border-radius:14px;font-size:12px;font-weight:500;position:relative;color:var(--ink)}
.hd-quick em{position:absolute;top:6px;right:8px;font-style:normal;font-size:10px;font-weight:700;background:var(--hot);color:#fff;border-radius:99px;padding:0 5px}
.hd-pan details{border-bottom:1px solid var(--line);margin:0 16px}
.hd-pan summary{list-style:none;display:flex;align-items:center;gap:8px;padding:15px 2px;font-weight:600;color:var(--ink);cursor:pointer}
.hd-pan summary small{font:500 11.5px var(--mono);background:var(--soft);border-radius:6px;padding:1px 6px;color:var(--muted)}
.hd-pan summary::-webkit-details-marker{display:none}
.hd-pan summary::after{content:"+";margin-left:auto;color:var(--muted);font-weight:400;font-size:20px;line-height:1}
.hd-pan details[open] summary::after{content:"–"}
.hd-pan details a{display:block;padding:9px 6px;font-size:14.5px;color:var(--text)}
.hd-pan details a.all{color:var(--accent);font-weight:600;padding-bottom:14px}
.hd-plain{display:flex;align-items:center;gap:8px;margin:0 16px;padding:15px 2px;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink)}
.hd-out{color:var(--muted);font-weight:500;border:0}
.hd-pcta{margin:18px 16px 8px;padding:16px;border-radius:16px;background:var(--ink);color:#C9D3E3;font-size:13.5px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.hd-pcta b{color:#fff;font-size:16px;margin-bottom:2px}
.hd-pcta .btn{margin-top:12px;background:#fff;color:var(--ink);border-color:#fff}
.hd-msheet{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column}
.hd-msheet[hidden]{display:none}
.hd-msheet .top-s{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);margin:0}
.hd-msheet input{flex:1;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:0 14px;font-size:16px;min-width:0}
.hd-msheet .body{padding:10px 8px;overflow:auto}
.hd-tabbar{display:none}

@media (max-width:1240px){
  .hd-sell span{display:none}
  .hd-sell{width:42px;padding:0;justify-content:center}
  .hd-search{max-width:340px}
}
@media (max-width:1060px){
  .hd-ann .r a{display:none}
  .hd-nav,.hd-search,.hd-sell,.hd-sep,.hd-desk,.hd-signin,.hd-join,.hd-avb .nm,.hd-avb>svg{display:none!important}
  .hd-burger,.hd-msr,.hd-macc{display:grid}
  .hd-in{height:60px;gap:4px}
  .hd .logo{margin-right:auto;margin-left:2px}
  .hd-avb{padding:0;border:0;background:none;height:42px;width:42px;justify-content:center}
  .hd-dd{position:fixed;left:12px;right:12px;width:auto;top:70px;max-height:calc(100vh - 160px);overflow:auto}
  .admin-bar .hd-dd{top:116px}
  .hd-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .hd-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:500;color:var(--muted);padding:4px 0;position:relative}
  .hd-tabbar a[aria-current]{color:var(--ink)}
  .hd-tabbar a .av{width:24px!important;height:24px!important;font-size:11px!important}
  .hd-tabbar em,.hd-tabbar .msg-count{position:absolute;top:0;left:calc(50% + 6px);right:auto;font-style:normal;font-size:10px;font-weight:700;background:var(--hot);color:#fff;border-radius:99px;padding:0 5px;min-width:0;height:auto;line-height:16px;box-shadow:0 0 0 2px #fff}
  body.has-tabbar{padding-bottom:68px}
  body.has-tabbar .kb-toast{bottom:90px}
}

@media (max-width:1060px){
  .ip-snav,.pf-tabs{top:61px}
  .admin-bar .ip-snav,.admin-bar .pf-tabs{top:93px}
}
@media (max-width:782px){
  .admin-bar .ip-snav,.admin-bar .pf-tabs{top:107px}
}

/* ==========================================================================
   Seller dashboard (2.11.0). Prefixed .sd-.
   ========================================================================== */
.sd-h{flex-wrap:wrap;align-items:flex-end}
.sd-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sd-seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
.sd-seg a{border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.sd-seg a:hover{color:var(--ink)}
.sd-seg a[aria-current]{background:var(--ink);color:#fff}
.sd-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sd-kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 16px 10px;min-width:0}
.sd-kpi .l{font-size:13px;color:var(--muted)}
.sd-kpi b{display:block;font-size:27px;color:var(--ink);letter-spacing:-.04em;margin:6px 0 2px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-kpi .star,.sd-tbl .star{color:var(--star);font-style:normal;font-size:.62em;vertical-align:.2em}
.sd-tbl .star{font-size:1em;vertical-align:0}
.sd-kpi .d{display:block;font-size:12.5px;font-weight:600}
.sd-kpi .d small{color:var(--muted);font-weight:500}
.d.up{color:var(--good)}.d.dn{color:var(--danger)}.d.eq{color:var(--muted)}
.sd-sp{display:block;width:100%;height:38px;margin-top:8px}
.sd-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}
.sd-grid2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:14px}
.sd-grid3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}
.sd-items{margin-top:14px}
.sd-ch{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.sd-ch h3{font-size:17px;margin:0}
.sd-ch .tiny{font-size:12.5px;color:var(--muted)}
.sd-ch .link{color:var(--accent);font-weight:600}
.sd-tabs{display:flex;gap:4px}
.sd-tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:5px 12px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}
.sd-tabs button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);border-color:#C8D5EA}
.sd-chart{position:relative;height:260px}
.sd-chart svg{display:block;width:100%;height:100%}
.sd-chart rect{transition:fill .1s}
.sd-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:10px;padding:8px 10px;font-size:12.5px;white-space:nowrap;transform:translate(-50%,calc(-100% - 8px));opacity:0;transition:opacity .1s;z-index:2}
.sd-tip b{display:block;font-size:14px}
.sd-legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);margin-top:8px}
.sd-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sd-legend i.dash{background:repeating-linear-gradient(90deg,#AEB9C9 0 4px,transparent 4px 7px);height:2px;width:16px;vertical-align:3px;border-radius:0}
.sd-top ul,.sd-feed,.sd-tips ul{list-style:none;margin:0;padding:0}
.sd-top li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.sd-top li:last-child{border:0}
.sd-top .shot{aspect-ratio:16/10;border-radius:7px;overflow:hidden;border:0}
.sd-top b{display:block;color:var(--ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-top small{font-size:12px;color:var(--muted)}
.sd-top .bar{display:block;height:5px;border-radius:3px;background:var(--soft);margin-top:5px;overflow:hidden}
.sd-top .bar i{display:block;height:100%;background:var(--accent);border-radius:3px}
.sd-top em{font-style:normal;font-weight:600;color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}
.sd-none{color:var(--muted);font-size:13.5px;margin:6px 0 10px}
.sd-mix{display:flex;gap:16px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.sd-mix svg{width:84px;height:84px;flex:none}
.sd-mix ul{list-style:none;margin:0;padding:0;font-size:13.5px;flex:1}
.sd-mix li{display:flex;justify-content:space-between;padding:3px 0}
.sd-mix li i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px}
.sd-mix b{color:var(--ink)}
.sd-feed li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.sd-feed li:last-child{border:0}
.sd-feed i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:700}
.sd-feed i.sale{background:var(--good-soft);color:var(--good)}
.sd-feed i.rev{background:#FFF7E8;color:#B7791F}
.sd-feed i.msg{background:var(--accent-soft);color:var(--accent)}
.sd-feed b{color:var(--ink)}
.sd-feed small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-feed em{font-style:normal;font-weight:600;color:var(--good);font-variant-numeric:tabular-nums}
.sd-score{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.sd-score svg{width:54px;height:54px;flex:none}
.sd-score b{display:block;color:var(--ink)}
.sd-score small{color:var(--muted);font-size:12.5px}
.sd-tips li{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.sd-tips li:last-child{border:0}
.sd-tips .ck{width:22px;height:22px;border-radius:50%;border:2px solid #C8D2E0;flex:none;display:grid;place-items:center;font-size:12px;color:#fff}
.sd-tips .ck.ok{background:var(--good);border-color:var(--good)}
.sd-tips b{color:var(--ink)}
.sd-tips a{color:var(--accent);font-weight:600;margin-left:auto;white-space:nowrap}
.sd-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.sd-tbl th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}
.sd-tbl th[data-sort]{cursor:pointer;user-select:none}
.sd-tbl th[data-sort]:hover{color:var(--ink)}
.sd-tbl th[aria-sort="descending"]::after{content:" ↓"}
.sd-tbl th[aria-sort="ascending"]::after{content:" ↑"}
.sd-tbl th.n,.sd-tbl td.n{text-align:right}
.sd-tbl td{padding:11px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.sd-tbl tr:last-child td{border:0}
.sd-tbl td.n{font-variant-numeric:tabular-nums;color:var(--ink)}
.sd-it{display:flex;gap:10px;align-items:center;min-width:200px}
.sd-it .shot{width:60px;aspect-ratio:16/10;border-radius:7px;overflow:hidden;flex:none;border:0}
.sd-it b{display:block;color:var(--ink)}
.sd-it small{color:var(--muted);font-size:12px}
.sd-acts{display:flex;gap:6px;justify-content:flex-end}
.sd-empty{text-align:center;padding:40px 24px;color:var(--muted)}
.sd-empty svg{color:var(--accent)}
.sd-empty>b{display:block;color:var(--ink);font-size:19px;margin:10px 0 4px}
.sd-empty p{margin:0}
.sd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;text-align:left}
.sd-steps a{border:1px solid var(--line);border-radius:14px;padding:14px;color:inherit;display:flex;flex-direction:column;gap:2px}
.sd-steps a:hover{border-color:#C8D5EA;background:var(--soft)}
.sd-steps em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--accent)}
.sd-steps b{color:var(--ink);font-size:14.5px}
.sd-steps span{font-size:13px;color:var(--muted)}
@media (max-width:1280px){.sd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-grid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.sd-kpis{grid-template-columns:1fr 1fr}.sd-grid3,.sd-steps{grid-template-columns:1fr}.sd-act{width:100%}.sd-seg{flex:1;overflow-x:auto}}