:root{
  --bg:#f3f5f8;--surface:#fff;--surface-2:#f8fafc;--text:#152033;--muted:#687386;--line:#dce2ea;
  --brand:#168d66;--brand-strong:#0d7452;--brand-soft:#e4f6ef;--danger:#c74040;--warning:#b87916;
  --shadow:0 12px 35px rgba(25,39,57,.08);--radius:16px;--font:17px
}
html[data-theme="dark"]{
  --bg:#11161f;--surface:#19212d;--surface-2:#202a38;--text:#edf3fb;--muted:#a9b4c4;--line:#323d4d;
  --brand:#43c996;--brand-strong:#71dfb3;--brand-soft:#183a31;--danger:#ff7b7b;--warning:#f1ba58;--shadow:0 14px 40px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{font-size:var(--font);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(1240px,calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar{min-height:78px;display:grid;grid-template-columns:auto minmax(280px,1fr) auto;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:850}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#37b7d4);color:#fff}.global-search{position:relative}.global-search input{width:100%;height:48px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:0 18px 0 46px;outline:none}.global-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.search-icon{position:absolute;left:16px;top:9px;font-size:1.35rem;color:var(--muted)}.search-results{display:none;position:absolute;top:55px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);max-height:520px;overflow:auto;padding:8px}.search-results.open{display:block}.search-group-title{padding:8px 10px 4px;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.search-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:11px}.search-item:hover{background:var(--surface-2)}.search-item-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--brand-soft);font-weight:800}.top-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.btn,.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:44px;padding:9px 15px;font-weight:750}.btn:hover,.icon-btn:hover{border-color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.btn-ghost{background:transparent}.icon-btn{width:44px;padding:0;display:grid;place-items:center}.main-shell{width:min(1240px,calc(100% - 32px));margin:30px auto 64px}.hero{background:linear-gradient(135deg,#16293f,#174f48 70%,#168d66);color:#fff;border-radius:24px;padding:42px;display:grid;grid-template-columns:1.35fr .65fr;gap:36px;box-shadow:var(--shadow)}.hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.06;margin:0 0 16px;letter-spacing:-.035em}.hero p{font-size:1.08rem;color:rgba(255,255,255,.82);max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.hero .btn{border-color:rgba(255,255,255,.3)}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.hero-stat{padding:22px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px}.hero-stat strong{display:block;font-size:1.7rem}.section{margin-top:34px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px}.section-head h2,.page-title{margin:0;font-size:1.65rem;letter-spacing:-.02em}.muted{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.category-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:14px;min-height:76px;transition:.16s}.category-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:var(--shadow)}.category-icon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:#fff;font-weight:900;font-size:.86rem}.category-card strong{display:block;font-size:.94rem;line-height:1.2}.category-card small{color:var(--muted)}.products-list{display:grid;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.product-list-head,.product-row{display:grid;grid-template-columns:minmax(320px,1fr) 190px 175px 86px 150px;align-items:center}.product-list-head{padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--muted);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.product-row{min-height:82px;border-bottom:1px solid var(--line);transition:.15s}.product-row:last-child{border-bottom:0}.product-row:hover{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.product-row>*{min-width:0;padding:13px 16px}.product-main{display:flex;align-items:center;gap:13px;height:100%}.product-category-mark{flex:0 0 52px;height:52px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--product-accent,#3d6ea8),#172334);color:#fff;font-size:.68rem;font-weight:950;text-align:center;padding:5px;line-height:1.05}.product-copy{display:grid;gap:5px;min-width:0}.product-title{display:block;font-size:1rem;font-weight:850;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-subline{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.79rem}.product-seller-cell{display:flex;align-items:center;gap:9px;color:var(--brand-strong)}.product-seller-cell strong,.product-facet-cell strong,.product-sales-cell strong,.product-price-cell strong{display:block}.product-seller-cell small,.product-facet-cell small,.product-sales-cell small,.product-price-cell small{display:block;color:var(--muted);font-size:.76rem}.seller-link{display:inline-flex;align-items:center;gap:7px;color:var(--brand-strong);font-weight:750}.seller-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:.75rem}.product-facet-cell,.product-sales-cell{border-left:1px solid var(--line)}.product-facet-cell strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-sales-cell{text-align:center}.product-price-cell{height:100%;display:grid;align-content:center;justify-items:end;border-left:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 65%,transparent)}.product-price-cell strong{font-size:1.12rem;font-weight:950}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:4px 9px;color:var(--muted);font-size:.78rem;font-weight:700}.price{font-size:1.35rem;font-weight:900}.layout-sidebar{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.filters{position:sticky;top:98px;align-self:start}.form-group{display:grid;gap:7px;margin-bottom:15px}.form-group label{font-weight:800;font-size:.9rem}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:11px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.textarea{min-height:130px;resize:vertical}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.9rem;margin-bottom:14px}.empty{padding:42px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.product-page{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:22px}.gallery-block{margin-bottom:18px}.gallery-title{margin-bottom:9px;font-size:.82rem;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.gallery{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.shot{flex:0 0 94px;width:94px;height:94px;border:1px solid var(--line);padding:0;border-radius:12px;overflow:hidden;background:var(--surface-2)}.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:.15s}.shot:hover{border-color:var(--brand)}.shot:hover img{transform:scale(1.04)}.product-description{white-space:pre-line}.buy-box{position:sticky;top:98px;align-self:start}.buy-price{font-size:2rem;font-weight:950;margin:8px 0}.price-note{font-size:.84rem;color:var(--muted)}.seller-box{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;margin:18px 0}.seller-box .seller-avatar{width:48px;height:48px;font-size:1rem}.chat{display:flex;flex-direction:column;min-height:470px}.chat-head{padding-bottom:13px;border-bottom:1px solid var(--line)}.chat-messages{flex:1;min-height:280px;max-height:430px;overflow:auto;padding:14px 3px;display:flex;flex-direction:column;gap:10px}.message{max-width:82%;padding:10px 13px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.message.mine{align-self:flex-end;background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.message.system{align-self:center;max-width:95%;font-size:.82rem;color:var(--muted);background:transparent;border-style:dashed}.message-meta{font-size:.75rem;color:var(--muted);margin-bottom:4px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.form-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.price-preview{position:sticky;top:98px;align-self:start}.price-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.upload-preview{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.upload-preview img{width:100%;height:100%;object-fit:cover}.auth-wrap{max-width:520px;margin:55px auto}.auth-tabs,.profile-tabs,.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab-btn{border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:11px;font-weight:750}.tab-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.profile-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:20px}.profile-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#3ea8cc);color:#fff;font-size:1.7rem;font-weight:900}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px}.stat-card strong{display:block;font-size:1.5rem}.order-list,.conversation-list,.admin-list{display:grid;gap:12px}.order-card{display:grid;grid-template-columns:1fr auto;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px}.status{display:inline-flex;border-radius:999px;padding:5px 10px;background:var(--brand-soft);color:var(--brand-strong);font-size:.78rem;font-weight:850}.status.DISPUTED,.status.REFUNDED{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.status.DELIVERED{background:color-mix(in srgb,var(--warning) 15%,var(--surface));color:var(--warning)}.timeline{display:grid;gap:0}.timeline-item{position:relative;padding:0 0 22px 28px;border-left:2px solid var(--line)}.timeline-item:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--brand)}.timeline-item:last-child{border-left-color:transparent}.split-view{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}.conversation-item{display:block;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:13px}.conversation-item.active,.conversation-item:hover{border-color:var(--brand)}.unread{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:999px;background:var(--danger);color:#fff;font-size:.75rem;font-weight:800}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:.8rem;color:var(--muted);text-transform:uppercase}.admin-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.lightbox{position:fixed;z-index:80;inset:0;background:rgba(4,8,14,.88);display:grid;place-items:center;padding:36px}.lightbox[hidden]{display:none}.lightbox img{max-width:min(1100px,95vw);max-height:88vh;border-radius:16px}.lightbox-close{position:absolute;top:20px;right:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.4);color:#fff;font-size:1.7rem}.toast-stack{position:fixed;z-index:90;right:20px;bottom:20px;display:grid;gap:10px}.toast{background:#172132;color:#fff;padding:13px 17px;border-radius:12px;box-shadow:var(--shadow);max-width:360px}.toast.error{background:#8f2f2f}.page-loading{padding:80px;text-align:center;color:var(--muted)}.small{font-size:.84rem}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.space-between{display:flex;justify-content:space-between;align-items:center;gap:16px}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:24px 0;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:20px}.hidden{display:none!important}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(4,1fr)}.product-list-head,.product-row{grid-template-columns:minmax(300px,1fr) 170px 150px 130px}.product-list-head span:nth-child(4),.product-sales-cell{display:none}.admin-metrics{grid-template-columns:repeat(3,1fr)}.topbar{grid-template-columns:auto 1fr}.top-actions{grid-column:1/-1;justify-content:flex-end;padding-bottom:12px}.product-page,.form-page{grid-template-columns:1fr}.buy-box,.price-preview{position:static}.split-view{grid-template-columns:1fr}.layout-sidebar{grid-template-columns:1fr}.filters{position:static}.hero{grid-template-columns:1fr}}
@media(max-width:700px){html{font-size:16px}.shell,.main-shell{width:min(100% - 20px,1240px)}.topbar{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.brand{order:1}.top-actions{order:2;margin-left:auto;padding:0}.global-search{order:3;flex-basis:100%}.hero{padding:26px 22px}.hero-stats{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.product-list-head{display:none}.products-list{background:transparent;border:0;border-radius:0;gap:10px}.product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:0}.product-row>*{padding:11px 12px}.product-main{grid-column:1/-1;border-bottom:1px solid var(--line)}.product-category-mark{flex-basis:46px;height:46px}.product-title{white-space:normal}.product-seller-cell{grid-column:1/2}.product-facet-cell{grid-column:1/2;border-left:0;padding-top:0}.product-sales-cell{display:none}.product-price-cell{grid-column:2/3;grid-row:2/4;border-left:1px solid var(--line);justify-items:end;min-width:120px}.product-price-cell strong{font-size:1.05rem}.gallery{gap:8px}.shot{flex-basis:76px;width:76px;height:76px}.stat-grid{grid-template-columns:repeat(2,1fr)}.gallery,.upload-grid{grid-template-columns:repeat(2,1fr)}.profile-header{grid-template-columns:auto 1fr}.profile-header>.btn{grid-column:1/-1}.admin-metrics{grid-template-columns:repeat(2,1fr)}.order-card{grid-template-columns:1fr}.footer-row{display:grid}.btn-label{display:none}}

/* Category page: FunPay-style filters above the offer list */
.category-filter-panel{display:grid;gap:17px;margin-bottom:18px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 5px 18px rgba(25,39,57,.035)}
.filter-block{display:grid;gap:8px;min-width:0}
.filter-label{font-size:.79rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em;color:var(--muted)}
.filter-tabs{display:flex;gap:7px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:thin;overscroll-behavior-inline:contain}
.filter-tab{flex:0 0 auto;min-height:38px;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-weight:760;font-size:.88rem;white-space:nowrap;transition:.14s}
.filter-tab:hover{border-color:var(--brand);color:var(--brand-strong)}
.filter-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 24%,transparent)}
.filter-tabs-secondary .filter-tab{min-height:34px;padding:6px 11px;font-size:.82rem;background:var(--surface)}
.filter-tabs-secondary .filter-tab.active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 50%,var(--line));color:var(--brand-strong);box-shadow:none}
.filter-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 235px auto;gap:11px;align-items:end;padding-top:14px;border-top:1px solid var(--line)}
.filter-search,.filter-select{display:grid;gap:6px}
.filter-search>span,.filter-select>span{font-size:.79rem;font-weight:850;color:var(--muted)}
#category-results{transition:opacity .14s ease}
#category-results.is-loading{opacity:.48;pointer-events:none}
@media(max-width:800px){.category-filter-panel{padding:15px}.filter-toolbar{grid-template-columns:1fr}.filter-toolbar .btn{width:100%}}


/* Dropdown category filters */
.compact-dropdown-filters{gap:14px}
.filter-dropdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.compact-dropdown-filters .filter-toolbar{grid-template-columns:minmax(260px,1fr) auto;padding-top:12px}
.compact-dropdown-filters .select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:38px;appearance:none}

/* Header messages */
.nav-message-btn{position:relative;display:inline-flex;align-items:center;gap:8px}
.header-unread{min-width:20px;height:20px;font-size:.69rem;padding:0 5px}

/* Product commerce page */
.product-commerce-layout{grid-template-columns:minmax(0,1.2fr) minmax(370px,.8fr);align-items:start}
.product-page-title{margin-top:17px;font-size:2rem}
.product-detail-panel{padding:25px}
.product-description-section{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.product-description-section h2{margin:0 0 10px;font-size:1.15rem}
.product-description{font-size:1rem;line-height:1.72;min-height:110px}
.inline-seller-box{margin:22px 0 0}
.seller-box-arrow{margin-left:auto;color:var(--brand-strong);font-weight:800;font-size:.86rem}
.purchase-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.purchase-price-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}
.buy-main-button{width:100%;min-height:52px;font-size:1.02rem}
.purchase-safety{text-align:center;margin-top:12px}
.payment-drawer{margin-top:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);overflow:hidden;animation:drawerIn .18s ease}
@keyframes drawerIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.payment-drawer-title{display:flex;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line)}
.payment-methods{display:grid}
.payment-method{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.payment-method:last-child{border-bottom:0}
.payment-method:hover{background:color-mix(in srgb,var(--brand) 7%,var(--surface))}
.payment-method:disabled{opacity:.55;cursor:wait}
.payment-method-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);font-size:.7rem;font-weight:950}
.payment-method strong,.payment-method small{display:block}
.payment-method small{color:var(--muted);font-size:.78rem;margin-top:2px}
.payment-arrow{font-size:1.55rem;color:var(--muted)}
.product-side-chat{position:sticky;top:98px;min-height:680px;max-height:calc(100vh - 122px)}
.product-side-chat .chat-messages{max-height:none;min-height:430px}

/* Messages hub */
#messages-hub .split-view{grid-template-columns:360px minmax(0,1fr)}
#messages-hub .conversation-list{max-height:690px;overflow:auto;padding-right:3px}
#messages-hub .chat{min-height:650px}
.conversation-item .muted{line-height:1.25}

@media(max-width:1050px){
  .product-commerce-layout{grid-template-columns:1fr}
  .product-side-chat{position:static;max-height:none;min-height:560px}
  .filter-dropdown-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .filter-dropdown-grid{grid-template-columns:1fr}
  .compact-dropdown-filters .filter-toolbar{grid-template-columns:1fr}
  .product-detail-panel{padding:18px}
  .product-page-title{font-size:1.55rem}
  .purchase-price-row{align-items:start;flex-direction:column}
  .payment-drawer-title{display:grid}
  .product-side-chat{min-height:520px}
  #messages-hub .split-view{display:block}
  #messages-hub .conversation-list{display:flex;overflow-x:auto;max-height:none;margin-bottom:12px;padding-bottom:6px}
  #messages-hub .conversation-item{min-width:260px}
  .nav-message-btn span:first-child{display:none}
}

/* Multi-page header, profile menus and support center */
.topbar{grid-template-columns:auto minmax(300px,1fr) auto auto;gap:14px}
.header-dropdown{position:relative}
.header-dropdown>summary{list-style:none}
.header-dropdown>summary::-webkit-details-marker{display:none}
.header-menu-button,.profile-menu-button,.header-icon-link{min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-weight:780;cursor:pointer}
.header-menu-button:hover,.profile-menu-button:hover,.header-icon-link:hover{border-color:var(--brand)}
.header-menu-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);font-weight:950}
.chevron{font-size:.9rem;color:var(--muted);transition:transform .15s}
.header-dropdown[open] .chevron{transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:calc(100% + 10px);z-index:70;width:280px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}
.dropdown-panel-left{left:0}.dropdown-panel-right{right:0}
.dropdown-panel>a,.dropdown-logout{width:100%;display:block;padding:11px 12px;border:0;border-radius:10px;background:transparent;text-align:left}
.dropdown-panel>a:hover,.dropdown-logout:hover{background:var(--surface-2)}
.dropdown-panel strong,.dropdown-panel small{display:block}.dropdown-panel small{color:var(--muted);font-size:.76rem;margin-top:2px}
.user-menu-head{display:flex;align-items:center;gap:11px;padding:9px 10px 13px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.user-menu-head strong,.user-menu-head small{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header-avatar{width:30px;height:30px;flex:0 0 30px}.menu-avatar{width:42px;height:42px;flex:0 0 42px}
.header-icon-link{position:relative;padding-inline:12px}.message-symbol{font-size:1.05rem}.header-action-label{font-size:.88rem}

.avatar-frame{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:50%!important;overflow:hidden;background:var(--brand-soft);color:var(--brand);font-weight:850;line-height:1;flex-shrink:0}
.avatar-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.avatar-fallback{background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--brand) 20%,var(--surface)));color:var(--brand-strong)}
.seller-avatar{width:32px;height:32px;flex-basis:32px}.seller-avatar-large{width:50px!important;height:50px!important;flex-basis:50px!important}
.profile-avatar{width:82px;height:82px;border-radius:50%!important;font-size:1.55rem}
.search-avatar{width:38px;height:38px;flex:0 0 38px}
.avatar-preview{width:118px;height:118px;font-size:2rem}
.seller-rating,.search-result-note{display:block}.search-empty{padding:20px}

.account-nav{display:flex;gap:8px;overflow-x:auto;margin:0 0 20px;padding-bottom:5px;scrollbar-width:thin}
.account-nav-link{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:11px;font-weight:750}
.account-nav-link:hover{border-color:var(--brand)}.account-nav-link.active{background:var(--brand);border-color:var(--brand);color:#fff}
.settings-panel{max-width:820px}.avatar-settings{display:flex;align-items:center;gap:22px;padding:18px;margin-bottom:20px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px}
.avatar-hint{margin-top:9px;max-width:460px}.settings-divider{border-top:1px solid var(--line);margin:27px 0}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.grow{flex:1}.full-width{width:100%}.align-right{text-align:right}.empty-action{margin-top:16px}.demo-credentials{margin-top:14px}.order-party{margin-top:8px}.order-card-side{text-align:right}.order-actions{margin-top:18px}.deal-chat{margin-top:20px}.conversation-preview{margin-top:5px}.admin-user-cell{display:flex;align-items:center;gap:9px}.admin-intro,.admin-finance-table{margin-top:20px}.price-preview h3,.panel>h2:first-child,.panel>h3:first-child{margin-top:0}

/* Help and support pages */
.help-shell{display:grid;gap:22px}.help-hero{padding:38px;border-radius:22px;background:linear-gradient(135deg,#173149,#176158);color:#fff;box-shadow:var(--shadow)}
.help-hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:10px 0 9px}.help-hero p{max-width:700px;color:rgba(255,255,255,.82);font-size:1.05rem}.help-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.help-hero .btn{border-color:rgba(255,255,255,.3)}
.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-card h2{margin-top:0}.help-card ul{padding-left:20px;margin-bottom:0}.help-card li{margin:7px 0}.help-contact{display:flex;align-items:center;justify-content:space-between;gap:20px}.help-contact h2{margin:0 0 5px}.narrow-shell{width:min(850px,calc(100% - 32px))}.support-textarea{min-height:210px}
.support-list{display:grid;gap:12px}.support-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.support-card:hover{border-color:var(--brand);box-shadow:var(--shadow)}
.support-card-top{display:flex;align-items:center;gap:9px;margin-bottom:8px}.support-card strong{font-size:1.02rem}.support-card p{margin:6px 0 0;color:var(--muted)}.support-card-side{display:grid;justify-items:end;align-content:center;gap:5px;color:var(--muted);font-size:.84rem}
.support-status{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:.75rem;font-weight:850}.support-status.IN_PROGRESS{background:color-mix(in srgb,var(--warning) 16%,var(--surface));color:var(--warning)}.support-status.RESOLVED{background:color-mix(in srgb,#4c8d62 16%,var(--surface));color:#3b7950}
.support-thread-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.support-thread-head h1{margin-top:12px}.support-status-select{width:180px}
.support-messages{display:grid;gap:12px;padding:22px 0}.support-message{max-width:82%;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.support-message.admin{margin-left:auto;background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.support-reply-form{display:grid;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.support-reply-form .textarea{min-height:110px}

@media(max-width:1120px){
  .topbar{grid-template-columns:auto minmax(260px,1fr) auto}.help-dropdown{grid-column:3}.top-actions{grid-column:1/-1;justify-content:flex-end;padding-bottom:12px}
  .admin-metrics{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  .topbar{display:flex;flex-wrap:wrap;gap:9px;padding:10px 0}.brand{order:1}.top-actions{order:2;margin-left:auto;padding:0}.global-search{order:4;flex:1 0 100%}.help-dropdown{order:3;margin-left:0}.header-menu-button span:nth-child(2){display:none}.header-action-label{display:none}.profile-menu-button>span:nth-child(2){display:none}
  .dropdown-panel-left{left:0}.dropdown-panel-right{right:0}.profile-header{grid-template-columns:auto 1fr}.profile-header>.btn{grid-column:1/-1}.profile-avatar{width:68px;height:68px}
  .avatar-settings{align-items:flex-start;flex-direction:column}.help-grid{grid-template-columns:1fr}.help-contact{align-items:flex-start;flex-direction:column}.support-card{grid-template-columns:1fr}.support-card-side{justify-items:start}.support-thread-head{display:grid}.support-status-select{width:100%}.support-message{max-width:94%}.narrow-shell{width:min(100% - 20px,850px)}
  .admin-metrics{grid-template-columns:repeat(2,1fr)}
}


/* GGdeal 5.0: compact header, payment quotes and balance */
.site-header{background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(12px)}
.topbar{min-height:62px;grid-template-columns:auto minmax(260px,1fr) auto auto;gap:10px}
.brand{gap:8px;font-size:1rem;font-weight:850}.brand-mark{width:32px;height:32px;border-radius:9px;font-size:.9rem}
.global-search input{height:40px;border-radius:10px;padding:0 13px 0 39px;font-size:.9rem}
.search-icon{left:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);display:grid;place-items:center;color:var(--muted);font-size:0}
.search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.search-results{top:46px;border-radius:13px}
.top-actions{gap:6px}
.header-menu-button,.profile-menu-button,.header-icon-link{min-height:38px;border-radius:10px;padding:5px 9px;gap:6px;font-size:.82rem;font-weight:760}
.header-menu-icon{width:21px;height:21px;font-size:.76rem}.header-avatar{width:26px;height:26px;flex:0 0 26px}
.header-icon-link{padding-inline:9px}.message-symbol{font-size:.95rem}.header-action-label{font-size:.8rem}.header-login{min-height:38px;padding:7px 12px;font-size:.84rem}
.dropdown-panel{top:calc(100% + 7px);width:276px;border-radius:13px;box-shadow:0 12px 28px rgba(20,31,44,.12)}
.dropdown-panel>a,.dropdown-logout{padding:9px 10px}.user-menu-head{padding:7px 8px 10px}.menu-avatar{width:38px;height:38px;flex:0 0 38px}

.theme-switch{height:38px;display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted)}
.theme-switch:hover{border-color:var(--brand)}.theme-switch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.theme-switch-track{position:relative;width:31px;height:17px;border-radius:999px;background:var(--line);transition:.18s}.theme-switch-thumb{position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.22);transition:.18s}
html[data-theme="dark"] .theme-switch-track{background:var(--brand)}html[data-theme="dark"] .theme-switch-thumb{transform:translateX(14px)}
html[data-theme="light"] .theme-switch-sun{color:#c78310}html[data-theme="dark"] .theme-switch-moon{color:#8bb9ff}

.dropdown-toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;cursor:pointer}
.dropdown-toggle-row:hover{background:var(--surface-2)}.dropdown-toggle-row>span:first-child{min-width:0}.dropdown-toggle-row input{position:absolute;opacity:0;pointer-events:none}
.toggle-control{position:relative;flex:0 0 36px;width:36px;height:20px;border-radius:999px;background:var(--line);transition:.18s}.toggle-control:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.18s}.dropdown-toggle-row input:checked+.toggle-control{background:var(--brand)}.dropdown-toggle-row input:checked+.toggle-control:after{transform:translateX(16px)}

/* No unexplained hover shadows on the home catalogue */
.hero{box-shadow:none}.category-card:hover{transform:none;box-shadow:none;background:var(--surface-2)}
.hero .btn:not(.btn-primary){background:#fff;border-color:#fff;color:#173149}.hero .btn:not(.btn-primary):hover{background:#eef3f5;border-color:#eef3f5;color:#173149}

.payment-method{grid-template-columns:42px minmax(0,1fr) minmax(125px,auto) 18px}
.payment-method-total{text-align:right;display:grid;justify-items:end;line-height:1.15}.payment-method-total strong{font-size:.91rem;color:var(--text)}.payment-method-total small{margin-top:4px;font-size:.7rem;color:var(--muted)}
.payment-method.payment-unavailable{opacity:.62}.payment-method-icon{font-size:.62rem;letter-spacing:-.02em}.payment-arrow{font-size:1.25rem}

.payment-page-shell{max-width:1060px}.payment-page-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:20px}.payment-page-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.payment-page-head h1{font-size:1.45rem}.payment-page-icon{width:48px;height:48px;border-radius:13px;font-size:.72rem}
.payment-instruction{display:grid;gap:10px;padding:18px;margin:16px 0;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.payment-instruction>label{font-weight:800;font-size:.86rem}.payment-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.balance-payment-card strong{font-size:2rem}.danger-text{color:var(--danger);margin:3px 0 0}.qr-payment{grid-template-columns:130px 1fr;align-items:center}.demo-qr{width:120px;height:120px;display:grid;place-items:center;border:9px solid var(--text);background:repeating-conic-gradient(var(--text) 0 25%,var(--surface) 0 50%) 0/20px 20px}.demo-qr span{display:grid;place-items:center;width:40px;height:40px;background:var(--surface);font-weight:950;color:var(--brand)}
.crypto-amount-copy{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid var(--line)}.crypto-amount-copy strong{font-size:1.75rem}.crypto-amount-copy small{color:var(--muted)}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.copy-field code{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.payment-total-card{display:grid;gap:9px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:15px}.payment-total-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-total-final{padding-top:12px;margin-top:4px;border-top:1px solid var(--line);font-size:1.1rem}.payment-total-final strong{font-size:1.55rem}.payment-rub-equivalent{color:var(--muted);font-size:.82rem}.payment-confirm{min-height:49px}.payment-confirm:disabled{opacity:.5;cursor:not-allowed}.payment-demo-note{text-align:center;margin-top:10px}.payment-product-summary{align-self:start;position:sticky;top:82px}.payment-product-summary h2{font-size:1.2rem}.payment-product-summary p{white-space:pre-line}.balance-highlight{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:var(--brand-soft)}.balance-highlight small{display:block;color:var(--brand-strong);margin-top:4px}

@media(max-width:1120px){.topbar{grid-template-columns:auto minmax(220px,1fr) auto auto}.top-actions{grid-column:auto;padding-bottom:0}.payment-page-grid{grid-template-columns:1fr}.payment-product-summary{position:static}}
@media(max-width:760px){.topbar{min-height:0}.theme-switch{height:36px}.payment-method{grid-template-columns:38px minmax(0,1fr) 18px}.payment-method-total{grid-column:2/3;justify-items:start;text-align:left}.payment-arrow{grid-column:3;grid-row:1/3}.payment-field-row,.qr-payment{grid-template-columns:1fr}.demo-qr{margin:auto}.copy-field{grid-template-columns:1fr}.header-action-label{display:none}}

/* GGdeal 6.0: responsive mobile experience and home banner carousel */
body{overflow-x:hidden}
.home-main-shell{overflow:visible}
.home-banner{position:relative;margin:0 0 54px;isolation:isolate}
.home-banner-viewport{position:relative;overflow:hidden;width:100%;aspect-ratio:1600/620;border:1px solid var(--line);border-radius:24px;background:#0b1c2b}
.home-banner-track{position:absolute;inset:0}
.home-banner-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease;user-select:none}
.home-banner-slide.active{opacity:1;visibility:visible}
.home-banner-slide img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.home-banner-cta{position:absolute;z-index:3;right:-18px;bottom:-30px;width:104px;height:104px;border:7px solid var(--bg);border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;background:var(--brand);color:#fff;font-size:.77rem;font-weight:900;letter-spacing:.01em;box-shadow:0 13px 30px rgba(9,57,45,.25);transition:transform .18s ease,background .18s ease}
.home-banner-cta:hover{transform:scale(1.04);background:var(--brand-strong)}
.home-banner-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 42%,transparent);outline-offset:4px}
.home-banner-cta svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.home-banner-progress{display:none}

@media(max-width:900px){
  .shell,.main-shell{width:min(100% - 28px,1240px)}
  .main-shell{margin-top:22px;margin-bottom:48px}
  .home-banner{margin-bottom:46px}
  .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .section{margin-top:28px}
  .section-head{align-items:flex-start}
  .product-commerce-layout,.product-page,.form-page,.payment-page-grid{grid-template-columns:1fr}
  .product-side-chat,.buy-box,.price-preview,.payment-product-summary{position:static;max-height:none}
  .product-side-chat{min-height:520px}
  .split-view{grid-template-columns:1fr}
  .conversation-list{display:flex;max-height:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:2px 2px 8px;gap:8px;border:0;background:transparent}
  .conversation-item{flex:0 0 min(330px,82vw);scroll-snap-align:start;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table{min-width:760px}
  .admin-tabs,.account-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .admin-tabs::-webkit-scrollbar,.account-nav::-webkit-scrollbar,.conversation-list::-webkit-scrollbar{display:none}
}

@media(max-width:760px){
  :root{--radius:14px}
  html{font-size:15px}
  body{min-width:320px}
  .shell,.main-shell,.narrow-shell{width:min(100% - 20px,1240px)}
  .main-shell{margin-top:16px;margin-bottom:38px}

  .site-header{backdrop-filter:blur(14px)}
  .topbar{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand spacer help actions" "search search search search";gap:7px 6px;padding:8px 0 9px}
  .brand{grid-area:brand;min-width:0;gap:7px;font-size:.92rem}
  .brand-mark{width:31px;height:31px;border-radius:9px;font-size:.8rem}
  .global-search{grid-area:search;min-width:0}
  .global-search input{height:39px;border-radius:11px;padding-left:38px;font-size:.87rem}
  .search-icon{left:12px;width:17px;height:17px}
  .search-icon svg{width:17px;height:17px}
  .search-results{top:44px;max-height:min(62vh,440px);border-radius:13px}
  .help-dropdown{grid-area:help;margin:0;align-self:center}
  .top-actions{grid-area:actions;display:flex;justify-content:flex-end;gap:3px;margin:0;padding:0;min-width:0}
  .header-menu-button,.profile-menu-button,.header-icon-link,.theme-switch{min-height:34px;height:34px;border-radius:9px;padding:4px 7px}
  .header-menu-button>span:nth-child(2),.profile-menu-button>span:nth-child(2),.header-action-label,.chevron{display:none}
  .header-menu-icon{width:22px;height:22px}
  .header-avatar{width:25px;height:25px;flex-basis:25px}
  .theme-switch{gap:3px;padding-inline:5px}
  .theme-switch-sun,.theme-switch-moon{display:none}
  .theme-switch-track{width:31px}
  .header-icon-link{width:34px;padding:0;justify-content:center}
  .header-login{min-height:34px;padding:5px 10px;border-radius:9px;font-size:.8rem}
  .header-unread{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;font-size:.62rem}
  .dropdown-panel{position:fixed;top:96px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 108px);overflow:auto;border-radius:15px}
  .user-menu-panel{padding-bottom:max(8px,env(safe-area-inset-bottom))}

  .home-banner{margin-top:2px;margin-bottom:40px}
  .home-banner-viewport{aspect-ratio:16/7;border-radius:18px}
  .home-banner-cta{right:-5px;bottom:-22px;width:78px;height:78px;border-width:6px;font-size:.67rem;box-shadow:0 9px 22px rgba(9,57,45,.23)}
  .home-banner-cta svg{width:20px;height:20px}

  .section{margin-top:25px}
  .section-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
  .section-head h2,.page-title{font-size:1.34rem;line-height:1.2}
  .section-head>.btn{min-height:38px;padding:7px 10px;font-size:.78rem}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .category-card{min-width:0;min-height:66px;padding:10px;gap:9px;border-radius:13px}
  .category-icon{width:38px;height:38px;border-radius:10px;font-size:.72rem}
  .category-card strong{font-size:.84rem;overflow-wrap:anywhere}
  .category-card small{display:none}

  .panel{padding:15px;border-radius:15px}
  .breadcrumb{overflow-x:auto;white-space:nowrap;padding-bottom:3px;font-size:.8rem;scrollbar-width:none}
  .breadcrumb::-webkit-scrollbar{display:none}
  .category-filter-panel{padding:13px;border-radius:14px;gap:12px}
  .filter-dropdown-grid{grid-template-columns:1fr}
  .filter-toolbar{grid-template-columns:1fr}
  .filter-toolbar .btn{width:100%}
  .filter-search{min-width:0}

  .product-list-head{display:none}
  .products-list{gap:8px;border:0;background:transparent;overflow:visible}
  .product-row{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;border:1px solid var(--line)!important;border-radius:13px;background:var(--surface);overflow:hidden}
  .product-row>*{padding:10px 11px}
  .product-main{grid-column:1/-1;gap:10px;border-bottom:1px solid var(--line)}
  .product-category-mark{flex-basis:42px;height:42px;border-radius:10px}
  .product-title{white-space:normal;font-size:.93rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .product-subline{gap:7px;font-size:.73rem}
  .product-seller-cell{grid-column:1/2;grid-row:2/3;border:0;gap:7px}
  .seller-avatar{width:27px;height:27px;flex-basis:27px}
  .product-facet-cell{grid-column:1/2;grid-row:3/4;border:0;padding-top:0}
  .product-facet-cell strong{font-size:.78rem}
  .product-sales-cell{display:none}
  .product-price-cell{grid-column:2/3;grid-row:2/4;min-width:112px;border-left:1px solid var(--line);justify-items:end;padding-inline:12px}
  .product-price-cell strong{font-size:1rem}
  .product-price-cell small{font-size:.67rem}

  .product-detail-panel{padding:15px}
  .product-page-title{font-size:1.35rem;line-height:1.25;margin-top:12px}
  .product-description{font-size:.93rem;line-height:1.62;min-height:0}
  .gallery{margin-inline:-2px;gap:7px}
  .shot{width:72px;height:72px;flex-basis:72px;border-radius:10px}
  .purchase-price-row{align-items:flex-start;gap:10px}
  .buy-price{font-size:1.65rem}
  .payment-method{grid-template-columns:36px minmax(0,1fr) 18px;padding:11px 10px;gap:9px}
  .payment-method-icon{width:36px;height:36px}
  .payment-method-total{grid-column:2/3;justify-items:start;text-align:left}
  .payment-arrow{grid-column:3;grid-row:1/3}
  .product-side-chat{min-height:480px}
  .chat{min-height:440px}
  .chat-messages{min-height:250px;max-height:55vh}
  .message{max-width:90%}
  .chat-form{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .chat-form .btn{padding-inline:11px}

  .form-page,.profile-header,.public-profile-header{display:grid;grid-template-columns:1fr}
  .profile-header{justify-items:start}
  .profile-avatar{width:72px;height:72px}
  .profile-header>.btn{width:100%}
  .avatar-settings{align-items:flex-start;flex-direction:column;padding:14px}
  .avatar-preview{width:78px;height:78px}
  .account-nav{margin-inline:-10px;padding:0 10px 6px;gap:6px}
  .account-nav-link,.tab-btn{white-space:nowrap;padding:8px 11px;font-size:.8rem}
  .stat-grid,.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stat-card{padding:13px}
  .stat-card strong{font-size:1.25rem}
  .order-card{grid-template-columns:1fr;padding:14px}
  .order-card-side{text-align:left}
  .order-actions .btn{flex:1 1 140px}

  .split-view{display:block}
  .conversation-list{margin-bottom:10px}
  .conversation-item{flex-basis:min(286px,84vw);padding:11px}
  #messages-chat{min-height:500px;padding:13px}

  .payment-page-head{align-items:flex-start}
  .payment-page-head h1{font-size:1.22rem;line-height:1.25}
  .payment-page-icon{width:42px;height:42px;flex:0 0 42px}
  .payment-instruction,.payment-total-card{padding:13px;border-radius:13px}
  .payment-field-row,.qr-payment,.copy-field{grid-template-columns:1fr}
  .crypto-amount-copy strong{font-size:1.35rem;overflow-wrap:anywhere}
  .payment-total-card>div{align-items:flex-start}
  .payment-total-final strong{font-size:1.25rem}
  .demo-qr{margin:auto}

  .admin-tabs{display:flex;overflow-x:auto;margin-inline:-10px;padding:0 10px 7px;gap:6px}
  .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .table{font-size:.82rem}
  .table th,.table td{padding:10px}
  .table .row{flex-wrap:nowrap}
  .table .btn{min-height:34px;padding:6px 9px;font-size:.72rem}

  .help-grid{grid-template-columns:1fr;gap:10px}
  .help-contact,.support-thread-head{display:grid;align-items:start}
  .support-card{grid-template-columns:1fr;padding:14px}
  .support-card-side{justify-items:start}
  .support-message{max-width:95%}
  .support-status-select{width:100%}

  .site-footer{padding:18px 0 calc(18px + env(safe-area-inset-bottom))}
  .footer-row{display:grid;gap:5px;font-size:.78rem}
  .toast-stack{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom))}
  .toast{width:100%;max-width:none}
  .lightbox{padding:10px}
  .lightbox img{max-width:100%;max-height:82vh;border-radius:12px}
}

@media(max-width:430px){
  .brand>span:last-child{display:none}
  .topbar{grid-template-columns:auto minmax(0,1fr) auto auto}
  .home-banner-viewport{aspect-ratio:1.72/1}
  .home-banner-slide img{object-position:center}
  .home-banner-cta{width:72px;height:72px;right:-3px;bottom:-20px;border-width:5px}
  .category-grid{gap:7px}
  .category-card{padding:9px;gap:8px}
  .category-icon{width:35px;height:35px;flex-basis:35px}
  .category-card strong{font-size:.79rem}
  .section-head{display:grid}
  .section-head>.btn{width:100%}
  .product-price-cell{min-width:101px}
  .stat-grid,.admin-metrics{grid-template-columns:1fr 1fr}
  .purchase-price-row{display:grid}
  .chat-form{grid-template-columns:1fr}
  .chat-form .btn{width:100%}
}

/* GGdeal 7.0: manual banners, editable logos and recipient data */
.category-icon,
.search-item-icon,
.product-category-mark{overflow:hidden;background:color-mix(in srgb,var(--category-accent,var(--product-accent,#4f68a0)) 18%,var(--surface-2))!important}
.category-logo,.search-category-logo,.product-category-logo{display:block;width:100%;height:100%;object-fit:cover}
.category-logo-fallback{display:grid;place-items:center;width:100%;height:100%;font-weight:900;color:#fff;background:var(--category-accent,var(--product-accent,#4f68a0))}
.search-item-icon{border-radius:10px}
.search-category-logo{border-radius:9px}
.product-category-logo{border-radius:10px}

.home-banner{margin-bottom:58px}
.home-banner-viewport{overflow:hidden}
.home-banner-nav{position:absolute;z-index:4;top:50%;width:44px;height:44px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(12,18,26,.52);color:#fff;backdrop-filter:blur(8px);transition:background .18s ease,transform .18s ease}
.home-banner-nav:hover{background:rgba(12,18,26,.78);transform:translateY(-50%) scale(1.04)}
.home-banner-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.home-banner-prev{left:16px}.home-banner-next{right:16px}
.home-banner-link{position:absolute;z-index:4;left:22px;bottom:20px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:11px;background:#fff;color:#16202d;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.home-banner-link:hover{background:#f2f4f6}
.home-banner-telegram{position:absolute;z-index:5;right:-20px;bottom:-31px;width:104px;height:104px;border:7px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#229ed9;color:#fff;box-shadow:0 13px 30px rgba(20,110,160,.32);transition:transform .18s ease,background .18s ease}
.home-banner-telegram:hover{transform:scale(1.04);background:#168bc4}
.home-banner-telegram svg{width:43px;height:43px;fill:currentColor}
.home-banner-counter{position:absolute;z-index:4;right:92px;bottom:13px;min-width:54px;padding:5px 9px;border-radius:999px;background:rgba(10,15,22,.58);color:#fff;text-align:center;font-size:.75rem;font-weight:800;backdrop-filter:blur(8px)}
.home-banner-cta,.home-banner-progress{display:none!important}

.recipient-fields{display:grid;gap:11px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.recipient-fields-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.recipient-fields .form-group{margin:0}
.recipient-fields .form-group>span{display:block;margin-bottom:6px;font-size:.84rem;font-weight:800}
.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 13%,transparent)!important}
.order-recipient-card{margin:16px 0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.order-recipient-list,.admin-recipient-list{display:grid;gap:7px;margin:7px 0 0}
.order-recipient-list>div,.admin-recipient-list>div{display:grid;grid-template-columns:minmax(110px,.45fr) 1fr;gap:10px}
.order-recipient-list dt,.admin-recipient-list dt{color:var(--muted);font-size:.78rem}
.order-recipient-list dd,.admin-recipient-list dd{margin:0;font-weight:750;overflow-wrap:anywhere}
.admin-recipient-list{min-width:210px}
.admin-orders-table{min-width:1280px}

@media(max-width:760px){
  .home-banner{margin-bottom:48px}
  .home-banner-nav{width:38px;height:38px}.home-banner-prev{left:9px}.home-banner-next{right:9px}
  .home-banner-link{left:12px;bottom:11px;min-height:36px;padding:7px 14px;border-radius:9px;font-size:.78rem}
  .home-banner-telegram{right:-5px;bottom:-24px;width:80px;height:80px;border-width:6px}
  .home-banner-telegram svg{width:33px;height:33px}
  .home-banner-counter{right:72px;bottom:9px;font-size:.68rem}
  .recipient-fields{padding:13px;margin:15px 0}
  .recipient-fields-head{display:grid;gap:2px}
  .order-recipient-list>div,.admin-recipient-list>div{grid-template-columns:1fr;gap:2px}
}

@media(max-width:430px){
  .home-banner-nav{width:34px;height:34px}.home-banner-nav svg{width:19px;height:19px}
  .home-banner-link{left:9px;bottom:9px;padding:6px 12px}
  .home-banner-telegram{width:72px;height:72px;right:-2px;bottom:-21px;border-width:5px}
  .home-banner-telegram svg{width:29px;height:29px}
  .home-banner-counter{right:64px;bottom:8px}
}


/* GGdeal 8.0: glass header, image branding, balance top-up and reviews */
.site-header{background:color-mix(in srgb,var(--surface) 68%,transparent);-webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);box-shadow:0 8px 28px rgba(20,32,46,.06)}
html[data-theme="dark"] .site-header{background:color-mix(in srgb,var(--surface) 62%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.brand{min-width:112px;max-width:210px;height:50px;display:flex;align-items:center}
.site-logo{display:block;max-width:100%;width:auto;height:42px;object-fit:contain;object-position:left center}
.brand-fallback{align-items:center;gap:9px;font-size:1.05rem;font-weight:850}
.home-banner-telegram{overflow:hidden;padding:0;background:var(--surface)}
.home-banner-telegram img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.telegram-button-fallback{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#229ed9;color:#fff;font-size:1.25rem;font-weight:950}
.balance-topup-panel{margin:22px 0 28px}
.balance-topup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:18px}.balance-topup-head h2{margin:0 0 5px}.balance-topup-head p{margin:0;max-width:720px}.balance-topup-current{min-width:180px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:14px;background:var(--brand-soft);text-align:right}.balance-topup-current span{display:block;color:var(--brand-strong);font-size:.76rem}.balance-topup-current strong{display:block;font-size:1.35rem}.balance-topup-controls{display:grid;grid-template-columns:minmax(220px,360px) auto;align-items:end;gap:12px}.balance-topup-controls .form-group{margin:0}.balance-topup-controls .btn{min-height:48px}
.reviews-section{margin-top:20px}.reviews-list{display:grid;gap:12px}.review-card{display:grid;gap:7px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.review-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.review-stars{color:#f0a321;font-size:1.05rem;letter-spacing:.04em}.review-product{font-weight:850;color:var(--brand-strong)}.review-amount{font-size:.82rem;color:var(--muted)}.review-card p{margin:2px 0 0;white-space:pre-line}.deal-review-section{margin:18px 0}.deal-review-section h2{margin-top:0}.admin-users-table{min-width:1120px}.admin-credit-form{display:grid;grid-template-columns:120px auto;gap:7px;align-items:center}.admin-credit-form .input{height:42px;padding:8px 10px}.admin-credit-form .btn{min-height:42px;padding:8px 11px}
@media(max-width:760px){.brand{min-width:84px;max-width:138px;height:42px}.site-logo{height:34px}.balance-topup-head{display:grid}.balance-topup-current{text-align:left;width:100%}.balance-topup-controls{grid-template-columns:1fr}.balance-topup-controls .btn{width:100%}.review-card{padding:13px}.home-banner-telegram img{object-fit:cover}}

/* GGdeal 9.0: category banners, star reviews, persistent footer and category management */
html,body{min-height:100%}
body{min-height:100vh;display:flex;flex-direction:column}
#app{flex:1 0 auto;display:block}
.site-footer{margin-top:auto}
.footer-row{align-items:center;flex-wrap:wrap}
.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.footer-links a{color:var(--text);font-weight:750}
.footer-links a:hover{color:var(--brand)}
.footer-note{font-size:.86rem}
.category-banner{width:100%;height:clamp(120px,13vw,176px);margin-bottom:22px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}
.category-banner img{display:block;width:100%;height:100%;object-fit:cover}
.category-heading{margin-top:2px}
.help-hero .btn:not(.btn-primary){background:#fff;color:#153c37;border-color:#fff}
.help-hero .btn:not(.btn-primary):hover{background:#eef8f5;border-color:#eef8f5;color:#0c2e2a}
.star-rating{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px;width:max-content}
.star-rating input{position:absolute;opacity:0;pointer-events:none}
.star-rating label{font-size:2.2rem;line-height:1;color:#c8ced5;cursor:pointer;transition:transform .14s ease,color .14s ease;text-shadow:0 1px 0 rgba(0,0,0,.08)}
.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#f3aa22}
.star-rating label:hover{transform:scale(1.12)}
.star-rating input:focus-visible+label{outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent);outline-offset:3px;border-radius:7px}
.star-rating-caption{margin-top:5px;color:var(--muted);font-size:.86rem;font-weight:700}
.review-card-head{justify-content:flex-start}
.admin-category-create{margin-bottom:20px}
.admin-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.admin-category-options{min-height:104px}
.admin-category-media{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin:8px 0 20px}
.admin-media-upload{display:grid;gap:7px;font-weight:800}
.admin-media-upload input{width:100%;font-weight:500}
.admin-media-upload small{color:var(--muted);font-weight:500}
.admin-media-preview{height:150px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2);color:var(--muted);overflow:hidden}
.admin-media-preview.banner-preview{height:150px}
.admin-media-preview img{width:100%;height:100%;object-fit:contain}
.admin-media-preview.banner-preview img{object-fit:cover}
.admin-category-list{margin-top:20px}
.admin-category-list h2{margin-top:0}
.admin-category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-category-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--surface-2)}
.admin-category-card:hover{border-color:var(--brand)}
.admin-category-card small{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}
.admin-category-logo{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:var(--surface)}
.admin-category-logo img,.admin-category-logo .category-logo-fallback{width:100%;height:100%;object-fit:contain}
.legal-page .panel{display:grid;gap:4px}
.legal-page h2{margin:22px 0 0;font-size:1.1rem}
.legal-page p{margin:7px 0;line-height:1.7}
.contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.contact-card{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.contact-card span,.contact-card small{color:var(--muted)}
@media(max-width:900px){.admin-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-cards{grid-template-columns:1fr}}
@media(max-width:640px){.category-banner{height:112px;border-radius:15px;margin-bottom:16px}.admin-category-grid,.admin-category-media{grid-template-columns:1fr}.admin-category-cards{grid-template-columns:1fr}.star-rating label{font-size:2rem}.footer-row{display:grid;justify-items:start}.footer-links{gap:12px}.footer-note{max-width:36rem}}


/* GGdeal 10.0: lighter chrome, aligned catalogue and payment moderation */
.site-header .brand,.header-menu-button,.profile-menu-button,.header-icon-link,.site-footer strong,.site-footer a{font-weight:560}
.header-menu-button,.profile-menu-button,.header-icon-link{letter-spacing:0}
.header-menu-icon,.message-symbol{display:grid;place-items:center;width:22px;height:22px;color:var(--muted)}
.header-menu-icon svg,.message-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.site-footer{font-size:.9rem}.footer-note,.footer-links a{font-weight:450}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.product-list-head,.product-row{grid-template-columns:minmax(340px,1.55fr) minmax(170px,.78fr) minmax(165px,.75fr) 90px 145px}
.product-list-head>span,.product-row>*{box-sizing:border-box}
.product-list-head>span:nth-child(4),.product-list-head>span:nth-child(5){text-align:right}
.product-sales-cell{text-align:right}.product-price-cell{justify-items:end}
.products-list-manage .product-list-head,.products-list-manage .product-row{grid-template-columns:minmax(300px,1.4fr) minmax(150px,.7fr) minmax(145px,.7fr) 80px 130px 205px}
.product-manage-cell{display:flex;justify-content:flex-end;gap:7px;border-left:1px solid var(--line)}
.btn-small{min-height:34px;padding:6px 10px;border-radius:9px;font-size:.78rem}
.status.PAYMENT_REVIEW{background:#fff2c7;color:#8b6415;border:1px solid #edd381}
html[data-theme="dark"] .status.PAYMENT_REVIEW{background:#493c18;color:#ffe39a;border-color:#735d25}
.message.system.payment-confirmed{align-self:stretch;max-width:100%;padding:14px 16px;border:1px solid #8bd2a5;background:#eaf9ef;color:#174f2a;border-radius:14px;font-size:.9rem}
.message.system.payment-confirmed .message-meta{font-size:.78rem;font-weight:800;color:#25713d;text-transform:none;margin-bottom:7px}
.message.system.payment-review{align-self:stretch;max-width:100%;padding:12px 14px;background:#fff8df;border:1px solid #efd98b;color:#725715;border-radius:13px}
html[data-theme="dark"] .message.system.payment-confirmed{background:#173a25;border-color:#2f7450;color:#c8f5d6}
html[data-theme="dark"] .message.system.payment-review{background:#3e3517;border-color:#6b5921;color:#f4e3a3}
.message-text{white-space:pre-line}
.live-indicator{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#eefaf2;color:#1e6d38;font-size:.76rem;font-weight:750}.live-indicator i{width:8px;height:8px;border-radius:50%;background:#30b45b;box-shadow:0 0 0 5px rgba(48,180,91,.13);animation:livePulse 1.6s infinite}@keyframes livePulse{50%{opacity:.45}}
.pending-payment-list{display:grid;gap:14px}.pending-payment-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.pending-payment-card h2{margin:8px 0 3px;font-size:1.08rem}.pending-payment-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:14px 0}.pending-payment-grid>div{display:grid;gap:2px;padding:10px;border-radius:11px;background:var(--surface-2)}.pending-payment-grid span{color:var(--muted);font-size:.75rem}.pending-payment-actions{display:grid;gap:9px;min-width:220px}
.admin-category-editors{display:grid;gap:12px}.admin-category-editor{padding:0;overflow:hidden}.admin-category-editor>summary{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:14px 18px;cursor:pointer;list-style:none}.admin-category-editor>summary::-webkit-details-marker{display:none}.admin-category-editor>summary:hover{background:var(--surface-2)}.admin-category-editor .admin-category-form{border-top:1px solid var(--line);padding:20px}.admin-edit-label{color:var(--brand);font-size:.82rem;font-weight:650}.recipient-field-editor{min-height:115px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}
@media(max-width:1180px){.product-list-head,.product-row{grid-template-columns:minmax(280px,1.4fr) 160px 145px 125px}.product-list-head span:nth-child(4),.product-sales-cell{display:none}.products-list-manage .product-list-head,.products-list-manage .product-row{grid-template-columns:minmax(260px,1.3fr) 150px 140px 125px 190px}.products-list-manage .product-list-head span:nth-child(4),.products-list-manage .product-sales-cell{display:none}}
@media(max-width:760px){.product-manage-cell{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);justify-content:flex-start}.pending-payment-card{grid-template-columns:1fr}.pending-payment-grid{grid-template-columns:1fr 1fr}.pending-payment-actions{min-width:0}.admin-category-editor>summary{grid-template-columns:46px 1fr}.admin-edit-label{grid-column:2}.footer-links{gap:10px 16px}}

/* GGdeal 10.1: configurable dropdown characteristics for listings */
.product-attribute-editor{margin:4px 0 18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-2) 76%,transparent)}
.product-attribute-editor-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.product-attribute-editor-head>div{display:grid;gap:3px}.product-attribute-editor-head small{display:block;font-weight:450}
.product-attribute-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.35fr) minmax(150px,.75fr) auto;gap:10px;align-items:end;padding:12px 0;border-top:1px solid var(--line)}
.product-attribute-row:first-child{border-top:0}.product-attribute-row .form-group{margin:0}.product-attribute-remove{margin-bottom:1px}
.product-attribute-empty{padding:18px;text-align:center;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}
.product-attributes{margin:16px 0 20px;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.product-attributes h2{margin:0 0 10px;font-size:1rem}.product-attributes dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0}
.product-attributes dl>div{display:flex;justify-content:space-between;gap:16px;padding:8px 10px;border-radius:10px;background:var(--surface)}
.product-attributes dt{color:var(--muted)}.product-attributes dd{margin:0;font-weight:750;text-align:right}
@media(max-width:900px){.product-attribute-row{grid-template-columns:1fr 1fr}.product-attribute-remove{justify-self:start}.product-attributes dl{grid-template-columns:1fr}}
@media(max-width:620px){.product-attribute-editor-head{align-items:stretch;display:grid}.product-attribute-editor-head .btn{width:100%}.product-attribute-row{grid-template-columns:1fr}.product-attribute-remove{width:100%}.product-attributes dl>div{align-items:flex-start}.product-attributes dd{max-width:60%}}

/* GGdeal 11.0: auto delivery and verified sellers */
.auto-delivery-lightning{width:14px;height:14px;display:block;fill:currentColor;flex:0 0 auto}
.auto-delivery-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #7bc998;border-radius:999px;background:#e9f9ef;color:#1d7440;font-size:.76rem;font-weight:700;line-height:1;white-space:nowrap}
.auto-delivery-badge.compact{padding:3px 7px;font-size:.7rem}
html[data-theme="dark"] .auto-delivery-badge{background:#163b27;border-color:#327a50;color:#b9f1cb}
.product-title-line{display:flex;align-items:center;gap:8px;min-width:0}.product-title-line .product-title{min-width:0}
.has-auto-delivery{box-shadow:inset 3px 0 0 #42ad69}
.auto-filter-switch{display:flex;align-items:center;gap:9px;min-height:45px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer;white-space:nowrap}
.auto-filter-switch input,.auto-delivery-main-toggle input{position:absolute;opacity:0;pointer-events:none}
.auto-filter-switch input:checked+.toggle-control,.auto-delivery-main-toggle input:checked+.toggle-control{background:#37a861}
.auto-filter-switch input:checked+.toggle-control:after,.auto-delivery-main-toggle input:checked+.toggle-control:after{transform:translateX(16px)}
.auto-filter-switch>span:last-child{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:650;color:var(--text)}
.compact-dropdown-filters .filter-toolbar{grid-template-columns:minmax(240px,1fr) auto auto}
.auto-delivery-editor{margin:4px 0 18px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,#dff7e7 62%,var(--surface));overflow:hidden}
.auto-delivery-main-toggle{display:flex;align-items:center;gap:12px;padding:15px 16px;cursor:pointer}
.auto-delivery-main-toggle>span:last-child{display:grid;gap:3px}.auto-delivery-main-toggle strong{display:flex;align-items:center;gap:7px;color:#216f3e}.auto-delivery-main-toggle small{color:var(--muted);font-weight:450}
.auto-delivery-message{margin:0;padding:0 16px 16px;border-top:1px solid color-mix(in srgb,#4caf70 25%,var(--line))}.auto-delivery-message label{padding-top:14px}.auto-delivery-message .textarea{min-height:108px}
html[data-theme="dark"] .auto-delivery-editor{background:color-mix(in srgb,#173d28 72%,var(--surface))}.auto-delivery-note{display:flex;align-items:center;gap:10px;margin:13px 0;padding:12px 14px;border:1px solid #89cca1;border-radius:13px;background:#e9f9ef;color:#185e34}.auto-delivery-note .auto-delivery-lightning{width:22px;height:22px}.auto-delivery-note span{display:grid;gap:2px}.auto-delivery-note small{color:#3f7351}html[data-theme="dark"] .auto-delivery-note{background:#173b27;border-color:#347a50;color:#c6f4d5}html[data-theme="dark"] .auto-delivery-note small{color:#98cbaa}
.message.system.auto-delivery-message{align-self:stretch;max-width:100%;padding:15px 17px;border:1px solid #63bd85;background:#e5f8ec;color:#174f2d;border-radius:14px;font-size:.92rem}.message.system.auto-delivery-message .message-meta{display:flex;align-items:center;gap:6px;color:#1f7842;font-size:.78rem;font-weight:800}.message.system.auto-delivery-message .message-meta:before{content:"";width:13px;height:13px;background:currentColor;clip-path:polygon(55% 0,12% 56%,43% 56%,35% 100%,88% 39%,56% 39%)}html[data-theme="dark"] .message.system.auto-delivery-message{background:#173b27;border-color:#347a50;color:#cef5da}
.seller-name-with-badge,.profile-name-line{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.profile-name-line{flex-wrap:wrap}
.verified-seller-badge{position:relative;display:inline-grid;place-items:center;width:21px;height:21px;flex:0 0 21px;color:#22a657;vertical-align:middle;border-radius:50%;outline:none;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}
.verified-seller-badge.compact{width:17px;height:17px;flex-basis:17px}
.verified-seller-badge svg{display:block;width:100%;height:100%;overflow:visible}
.verified-seal{fill:currentColor;stroke:#158445;stroke-width:.55}
.verified-seller-badge .verified-check{fill:none;stroke:#fff;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.verified-seller-badge::after{content:attr(data-tooltip);position:absolute;z-index:120;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:230px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 8px 22px rgba(12,24,38,.15);color:var(--text);font-size:.74rem;font-weight:600;line-height:1.3;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.verified-seller-badge:hover::after,.verified-seller-badge:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.verified-seller-badge:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,#22a657 22%,transparent)}
.verified-profile-note,.verification-info-link{display:inline-flex;margin-top:7px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:650}.verified-profile-note{background:#e7f8ed;color:#207442}.verification-info-link{border:1px solid var(--line);color:var(--brand-strong);background:var(--surface-2)}html[data-theme="dark"] .verified-profile-note{background:#173b27;color:#bceecd}
.btn-success{background:#e5f8ec;border-color:#82c99c;color:#196a38}.btn-success:hover{background:#d9f3e3;border-color:#5eb77e}html[data-theme="dark"] .btn-success{background:#173b27;border-color:#347a50;color:#c5f1d3}
.verification-page{display:grid;gap:18px}.verification-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;background:linear-gradient(135deg,color-mix(in srgb,#36ad66 13%,var(--surface)),var(--surface))}.verification-hero-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#e2f7e9}.verification-hero-icon .verified-seller-badge{width:58px;height:58px}.verification-hero-icon .verified-tooltip{display:none}.verification-hero h1{margin-top:0}.verification-hero p{margin-bottom:0;color:var(--muted);line-height:1.65}.verification-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.verification-method{position:relative;overflow:hidden}.verification-method h2{font-size:1.05rem;margin:12px 0 8px}.verification-method p{margin:0;color:var(--muted);line-height:1.6}.verification-number{color:#2aa75a;font-size:1.7rem;font-weight:500}.verification-note h2{margin-top:0}
.admin-users-table{min-width:1320px}
@media(max-width:900px){.compact-dropdown-filters .filter-toolbar{grid-template-columns:1fr}.auto-filter-switch{justify-content:flex-start}.verification-methods{grid-template-columns:1fr}.verification-hero{grid-template-columns:1fr}.verification-hero-icon{width:72px;height:72px}.product-title-line{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:620px){.auto-delivery-main-toggle{align-items:flex-start}.auto-filter-switch{white-space:normal}.verified-seller-badge::after{left:auto;right:-8px;transform:translateY(4px);max-width:min(220px,calc(100vw - 24px))}.verified-seller-badge:hover::after,.verified-seller-badge:focus-visible::after{transform:translateY(0)}}

/* Chat routing modes */
.admin-chat-mode{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px}
.admin-chat-mode h2{margin:8px 0 6px;font-size:22px}
.admin-chat-mode p{margin:0;max-width:760px;line-height:1.55}
.admin-chat-switch{display:flex;align-items:center;gap:12px;min-width:300px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);cursor:pointer}
.admin-chat-switch input{position:absolute;opacity:0;pointer-events:none}
.admin-chat-switch input:checked+.toggle-control{background:#37a861}
.admin-chat-switch input:checked+.toggle-control:after{transform:translateX(16px)}
.admin-chat-switch>span:last-child{display:flex;flex-direction:column;gap:2px}
.admin-chat-switch small{color:var(--muted);font-weight:400}
.chat-mode-note{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-size:13px}
.chat-mode-note strong{white-space:nowrap;color:var(--text)}
.chat-mode-note span{color:var(--muted)}
@media (max-width:760px){
  .admin-chat-mode{align-items:stretch;flex-direction:column;gap:16px;padding:18px}
  .admin-chat-switch{min-width:0;width:100%}
  .chat-mode-note{align-items:flex-start;flex-direction:column;gap:3px}
}

/* GGdeal 11.2: buyer-selectable options, premium listings and crypto buyback */
.premium-badge{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#fff4bf,#ffd76a);border:1px solid rgba(171,112,0,.3);color:#7a4d00;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;box-shadow:none}
.premium-badge.compact{padding:2px 7px;min-height:22px;font-size:11px}
.premium-crown-icon{width:16px;height:16px;fill:#d79200;stroke:#9e6500;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.product-row.is-premium{background:linear-gradient(90deg,rgba(255,213,94,.09),transparent 34%);border-color:rgba(212,154,20,.32)}
[data-theme="dark"] .premium-badge{background:linear-gradient(135deg,#5d4615,#3a2d14);border-color:#8a6828;color:#ffe395}
[data-theme="dark"] .product-row.is-premium{background:linear-gradient(90deg,rgba(211,157,38,.13),transparent 34%)}
.premium-listing-editor{margin:18px 0;padding:15px;border:1px solid rgba(209,151,18,.32);border-radius:16px;background:linear-gradient(135deg,rgba(255,229,145,.25),rgba(255,255,255,.04))}
.premium-listing-toggle{display:flex;align-items:center;gap:13px;cursor:pointer}
.premium-listing-copy{display:flex;align-items:center;gap:10px;min-width:0}
.premium-listing-copy .premium-crown-icon{width:27px;height:27px}
.premium-listing-copy span{display:flex;flex-direction:column;gap:3px}
.premium-listing-copy small{color:var(--muted);font-weight:400}
.buyer-choice-row{grid-template-columns:minmax(180px,.75fr) minmax(260px,1.4fr) auto!important}
.recipient-fields .select{width:100%}

.crypto-buy-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:28px;margin:32px 0 38px;padding:27px;overflow:hidden;position:relative;background:linear-gradient(130deg,rgba(31,113,87,.10),rgba(32,91,142,.08)),var(--surface)}
.crypto-buy-home::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-100px;top:-110px;background:rgba(45,166,121,.10);pointer-events:none}
.crypto-buy-copy,.crypto-buy-form{position:relative;z-index:1}
.crypto-buy-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(35,151,109,.12);color:#167957;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}
.crypto-buy-copy h2{font-size:31px;margin:13px 0 8px}
.crypto-buy-copy p{max-width:650px;color:var(--muted);font-size:15px;line-height:1.65}
.crypto-buy-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.crypto-buy-trust span{padding:7px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted)}
.crypto-buy-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.crypto-buy-payout,.crypto-buy-quote,.crypto-buy-submit{grid-column:1/-1}
.crypto-buy-quote{display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:center;padding:13px 15px;border-radius:14px;background:rgba(39,155,113,.1);border:1px solid rgba(39,155,113,.22)}
.crypto-buy-quote span{font-size:12px;color:var(--muted)}
.crypto-buy-quote strong{font-size:21px;color:#16805c}
.crypto-buy-quote small{grid-column:1/-1;color:var(--muted)}
.crypto-sell-page{display:flex;flex-direction:column;gap:18px}
.crypto-sell-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.crypto-sell-summary>div,.crypto-admin-details>div{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.crypto-sell-summary span,.crypto-admin-details dt{font-size:12px;color:var(--muted)}
.crypto-admin-list{display:grid;gap:14px}
.crypto-admin-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.crypto-admin-card h2{margin:10px 0 5px}
.crypto-admin-details{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin-top:14px}
.crypto-admin-actions{display:flex;flex-direction:column;gap:8px;min-width:210px}
.status.AWAITING_TRANSFER{background:#eef3ff;color:#3f5f9b}.status.REVIEW{background:#fff2cf;color:#866000}.status.PAID{background:#dff5e9;color:#19704d}.status.REJECTED{background:#ffe5e5;color:#a13e3e}

@media (max-width:860px){
  .crypto-buy-home{grid-template-columns:1fr;padding:18px;gap:18px}
  .crypto-buy-copy h2{font-size:25px}
  .crypto-buy-form{grid-template-columns:1fr;padding:14px}
  .crypto-buy-form>*{grid-column:1}
  .crypto-sell-summary,.crypto-admin-details{grid-template-columns:1fr 1fr}
  .crypto-admin-card{flex-direction:column}
  .crypto-admin-actions{width:100%;min-width:0;flex-direction:row}
  .buyer-choice-row{grid-template-columns:1fr!important}
}
@media (max-width:520px){
  .crypto-sell-summary,.crypto-admin-details{grid-template-columns:1fr}
  .crypto-admin-actions{flex-direction:column}
  .premium-badge span{display:none}
  .premium-badge{padding:3px 5px}
}


/* GGdeal 11.2.3: stable crypto product card */
.crypto-offer-home{margin:32px 0 38px;padding:0;overflow:hidden;border-color:color-mix(in srgb,#d9a515 28%,var(--line));box-shadow:0 14px 38px rgba(21,42,65,.07)}
.crypto-offer-home-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 15px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,215,106,.13),rgba(39,155,113,.06))}
.crypto-offer-home-safe{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600}
.crypto-offer-home-safe svg{width:17px;height:17px;fill:none;stroke:#25835f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crypto-offer-home-grid{display:grid;grid-template-columns:minmax(360px,1.65fr) minmax(150px,.5fr) minmax(230px,.75fr) minmax(170px,.55fr);align-items:stretch}
.crypto-offer-home-grid>*{min-width:0}
.crypto-offer-home-main{display:flex;align-items:center;gap:15px;padding:19px 20px;color:var(--text);text-decoration:none;border-right:1px solid var(--line);transition:background .16s ease}
.crypto-offer-home-main:hover{background:color-mix(in srgb,var(--surface-2) 72%,transparent)}
.crypto-offer-home-icon{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border-radius:17px;background:linear-gradient(145deg,#23a979,#176d92);box-shadow:0 9px 22px rgba(23,109,146,.18)}
.crypto-offer-home-icon svg{width:35px;height:35px;fill:none;stroke:#fff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.crypto-offer-home-copy{display:flex;min-width:0;flex-direction:column;gap:5px}
.crypto-offer-home-copy>strong{font-size:20px;line-height:1.2}
.crypto-offer-home-copy>small{max-width:620px;color:var(--muted);line-height:1.45}
.crypto-offer-home-coins{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.crypto-offer-home-coins i{padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:9px;font-style:normal;font-weight:700;letter-spacing:.03em}
.crypto-offer-home-rate{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:18px;border-right:1px solid var(--line);background:rgba(39,155,113,.055)}
.crypto-offer-home-rate span,.crypto-offer-home-rate small{color:var(--muted);font-size:11px}
.crypto-offer-home-rate strong{color:#16805c;font-size:22px;line-height:1.1}
.crypto-offer-home-seller{display:flex;align-items:center;gap:11px;padding:18px;color:var(--text);text-decoration:none;border-right:1px solid var(--line)}
.crypto-offer-home-seller>span{display:flex;min-width:0;flex-direction:column;gap:3px}
.crypto-offer-home-seller small,.crypto-offer-home-seller em{color:var(--muted);font-size:11px;font-style:normal}
.crypto-offer-home-seller strong{display:flex;align-items:center;min-width:0}
.crypto-offer-home-open{align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 30px);min-height:46px;padding:10px 13px}
.crypto-offer-home-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Premium toggle: native checkbox is hidden, the visible switch is fully clickable. */
.premium-listing-toggle{position:relative;user-select:none}
.premium-listing-toggle>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.premium-listing-toggle input:checked+.toggle-control{background:#d8a51e}
.premium-listing-toggle input:checked+.toggle-control:after{transform:translateX(16px)}
.premium-listing-toggle:focus-within .toggle-control{outline:3px solid color-mix(in srgb,#d8a51e 25%,transparent);outline-offset:2px}
.premium-listing-editor.is-active{border-color:rgba(209,151,18,.7);background:linear-gradient(135deg,rgba(255,222,112,.38),rgba(255,255,255,.04))}

.crypto-offer-hero{display:grid;grid-template-columns:86px 1fr;gap:20px;align-items:center;margin:22px 0;padding:21px;border:1px solid rgba(39,155,113,.22);border-radius:18px;background:linear-gradient(135deg,rgba(39,155,113,.10),rgba(26,108,145,.07))}
.crypto-offer-hero-icon{display:grid;width:74px;height:74px;place-items:center;border-radius:22px;background:linear-gradient(135deg,#1a9a70,#176c91)}
.crypto-offer-hero-icon svg{width:47px;height:47px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.crypto-offer-hero h2{margin:0 0 8px;font-size:22px}.crypto-offer-hero p{margin:0;color:var(--muted);line-height:1.65}
.crypto-offer-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.crypto-offer-steps>div{position:relative;display:flex;min-height:116px;flex-direction:column;gap:5px;padding:16px 14px 14px 48px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.crypto-offer-steps span{position:absolute;left:13px;top:14px;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#16805c;color:#fff;font-size:12px;font-weight:700}
.crypto-offer-steps small{color:var(--muted);line-height:1.45}.crypto-offer-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crypto-offer-form .crypto-buy-quote,.crypto-offer-form .buy-main-button{grid-column:1/-1}.crypto-order-layout .crypto-sell-page{min-height:530px}
@media(max-width:1080px){.crypto-offer-home-grid{grid-template-columns:minmax(0,1.5fr) 155px minmax(205px,.75fr)}.crypto-offer-home-open{grid-column:1/-1;justify-self:stretch;width:auto;margin:0 15px 15px}.crypto-offer-home-seller{border-right:0}}
@media(max-width:760px){.crypto-offer-home{margin:22px 0 30px}.crypto-offer-home-top{align-items:flex-start}.crypto-offer-home-grid{display:flex;flex-direction:column}.crypto-offer-home-main,.crypto-offer-home-rate,.crypto-offer-home-seller{border-right:0;border-bottom:1px solid var(--line)}.crypto-offer-home-main{padding:16px}.crypto-offer-home-copy>strong{font-size:18px}.crypto-offer-home-icon{width:50px;height:50px;flex-basis:50px}.crypto-offer-home-rate{padding:13px 16px}.crypto-offer-home-seller{padding:13px 16px}.crypto-offer-home-open{margin:14px;width:auto}.crypto-offer-hero{grid-template-columns:58px 1fr;padding:16px;gap:14px}.crypto-offer-hero-icon{width:54px;height:54px;border-radius:16px}.crypto-offer-hero-icon svg{width:35px;height:35px}.crypto-offer-hero h2{font-size:18px}.crypto-offer-steps{grid-template-columns:1fr}.crypto-offer-steps>div{min-height:0}.crypto-offer-form{grid-template-columns:1fr}.crypto-offer-form>*{grid-column:1!important}}

/* GGdeal 11.3.2: isolated premium crypto showcase on the home page */
.crypto-showcase{position:relative;margin:30px 0 38px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,#1f9c73 24%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#effbf6 76%,var(--surface)),color-mix(in srgb,#eef5ff 58%,var(--surface)));box-shadow:0 18px 45px rgba(26,62,84,.09)}
[data-theme="dark"] .crypto-showcase{background:linear-gradient(135deg,color-mix(in srgb,#103c32 42%,var(--surface)),color-mix(in srgb,#122d43 38%,var(--surface)));border-color:rgba(71,190,148,.22)}
.crypto-showcase-glow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}
.crypto-showcase-glow-one{width:290px;height:290px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(59,183,136,.18),transparent 68%)}
.crypto-showcase-glow-two{width:240px;height:240px;left:34%;bottom:-190px;background:radial-gradient(circle,rgba(54,129,190,.14),transparent 68%)}
.crypto-showcase-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.68fr);min-height:294px}
.crypto-showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 32px 27px}
.crypto-showcase-labels{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:17px}
.crypto-showcase-safe{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(31,156,115,.2);border-radius:999px;background:rgba(31,156,115,.075);color:#157356;font-size:11px;font-weight:700;letter-spacing:.01em}
[data-theme="dark"] .crypto-showcase-safe{color:#69d4ad;background:rgba(58,185,138,.1)}
.crypto-showcase-safe svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.crypto-showcase-heading{display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;align-items:center}
.crypto-showcase-symbol{display:grid;width:74px;height:74px;place-items:center;border-radius:22px;background:linear-gradient(145deg,#1cac78,#176b91);box-shadow:0 14px 28px rgba(23,107,145,.2),inset 0 1px 0 rgba(255,255,255,.3)}
.crypto-showcase-symbol svg{width:45px;height:45px;fill:none;stroke:#fff;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round}
.crypto-showcase-heading h2{margin:0 0 7px;font-size:clamp(24px,2.3vw,34px);line-height:1.08;letter-spacing:-.035em}
.crypto-showcase-heading p{max-width:710px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.crypto-showcase-benefits{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 17px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
.crypto-showcase-benefits span{display:inline-flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--text) 76%,var(--muted));font-size:12px;font-weight:650}
.crypto-showcase-benefits svg{width:16px;height:16px;fill:none;stroke:#1c9a70;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.crypto-showcase-coins{display:flex;flex-wrap:wrap;gap:7px}
.crypto-showcase-coins>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px 5px 6px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.02em}
.crypto-showcase-coins i{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;background:linear-gradient(145deg,rgba(31,156,115,.16),rgba(44,118,169,.13));color:#16805d;font-size:10px;font-style:normal;font-weight:850}
.crypto-showcase-side{display:flex;flex-direction:column;padding:22px;border-left:1px solid color-mix(in srgb,var(--line) 84%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(10px)}
.crypto-showcase-rate{padding:18px;border:1px solid rgba(31,156,115,.18);border-radius:18px;background:linear-gradient(145deg,rgba(31,156,115,.105),rgba(44,118,169,.055))}
.crypto-showcase-rate>span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.crypto-showcase-rate>div{display:flex;align-items:flex-end;gap:8px}
.crypto-showcase-rate strong{font-size:31px;line-height:1;color:#147f5b;letter-spacing:-.035em}
[data-theme="dark"] .crypto-showcase-rate strong{color:#63d1a7}
.crypto-showcase-rate small{padding-bottom:3px;color:var(--muted);font-size:11px}
.crypto-showcase-rate em{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--muted);font-size:10px;font-style:normal}
.crypto-showcase-rate em span{width:7px;height:7px;border-radius:50%;background:#22a874;box-shadow:0 0 0 4px rgba(34,168,116,.11)}
.crypto-showcase-seller{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:15px 0 14px;padding:0 2px}
.crypto-showcase-avatar{width:42px;height:42px;font-size:13px}
.crypto-showcase-seller>div{display:flex;min-width:0;flex-direction:column;gap:2px}
.crypto-showcase-seller small,.crypto-showcase-seller>div>span{color:var(--muted);font-size:10px}
.crypto-showcase-seller strong{display:flex;min-width:0;font-size:13px}
.crypto-showcase-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:47px;border-radius:13px;box-shadow:0 10px 22px rgba(21,128,91,.18)}
.crypto-showcase-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.crypto-showcase-note{margin:10px 2px 0;color:var(--muted);font-size:10px;line-height:1.45;text-align:center}
@media(max-width:920px){.crypto-showcase-content{grid-template-columns:1fr}.crypto-showcase-side{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(190px,.62fr) minmax(220px,.7fr);gap:14px;align-items:center;border-left:0;border-top:1px solid var(--line)}.crypto-showcase-rate,.crypto-showcase-seller{margin:0}.crypto-showcase-note{grid-column:1/-1;margin-top:-3px}.crypto-showcase-copy{padding:25px}.crypto-showcase-action{height:48px}}
@media(max-width:680px){.crypto-showcase{margin:22px 0 30px;border-radius:18px}.crypto-showcase-copy{padding:20px 17px}.crypto-showcase-heading{grid-template-columns:58px 1fr;gap:13px}.crypto-showcase-symbol{width:58px;height:58px;border-radius:17px}.crypto-showcase-symbol svg{width:36px;height:36px}.crypto-showcase-heading h2{font-size:22px}.crypto-showcase-heading p{font-size:12px}.crypto-showcase-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 15px}.crypto-showcase-benefits span:last-child{grid-column:1/-1}.crypto-showcase-side{display:flex;padding:16px}.crypto-showcase-rate{width:100%;box-sizing:border-box}.crypto-showcase-seller{margin:13px 1px}.crypto-showcase-note{text-align:left}.crypto-showcase-coins>span{padding-right:6px}}
@media(max-width:430px){.crypto-showcase-heading{grid-template-columns:1fr}.crypto-showcase-symbol{width:52px;height:52px}.crypto-showcase-benefits{grid-template-columns:1fr}.crypto-showcase-benefits span:last-child{grid-column:auto}.crypto-showcase-coins{gap:5px}.crypto-showcase-coins>span{font-size:9px}.crypto-showcase-rate strong{font-size:28px}}

/* GGdeal 11.3.4: deal chat, clickable seller and temporary hide control */
.crypto-showcase{
  box-shadow:none;
  background:linear-gradient(135deg,color-mix(in srgb,#effbf6 70%,var(--surface)),color-mix(in srgb,#f3f7fb 72%,var(--surface)));
  transition:opacity .18s ease,transform .18s ease,max-height .18s ease,margin .18s ease;
}
[data-theme="dark"] .crypto-showcase{
  background:linear-gradient(135deg,color-mix(in srgb,#14372f 32%,var(--surface)),color-mix(in srgb,#152a38 30%,var(--surface)));
}
.crypto-showcase.is-hiding{opacity:0;transform:translateY(-6px);pointer-events:none}
.crypto-showcase-symbol,.crypto-showcase-action{box-shadow:none}
.crypto-showcase-hide{
  position:absolute;z-index:4;top:12px;right:12px;display:inline-flex;align-items:center;gap:7px;
  min-height:34px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);
  border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);
  font:inherit;font-size:11px;font-weight:650;cursor:pointer;backdrop-filter:blur(8px)
}
.crypto-showcase-hide:hover{color:var(--text);border-color:color-mix(in srgb,#1f9c73 34%,var(--line));background:var(--surface)}
.crypto-showcase-hide svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.crypto-showcase-seller{
  position:relative;grid-template-columns:42px minmax(0,1fr) 20px;text-decoration:none;color:inherit;
  padding:8px 9px;margin:10px -7px 12px;border:1px solid transparent;border-radius:13px;transition:.16s ease
}
.crypto-showcase-seller:hover{border-color:var(--line);background:color-mix(in srgb,var(--surface) 76%,transparent);transform:translateY(-1px)}
.crypto-showcase-seller-arrow{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.crypto-showcase-seller:hover .crypto-showcase-seller-arrow{stroke:#16805d;transform:translateX(2px)}
@media(max-width:680px){
  .crypto-showcase-hide{position:static;margin:12px 12px 0 auto;width:max-content;display:flex}
  .crypto-showcase-content{margin-top:-2px}
}
.crypto-showcase-labels .crypto-showcase-hide{position:static;margin-left:auto}
@media(max-width:680px){.crypto-showcase-labels .crypto-showcase-hide{margin-left:0}}

/* GGdeal 11.3.4: stable deal-chat header */
.chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.chat-head>div{min-width:0}
.chat-deal-link{flex:0 0 auto;min-height:34px;padding:6px 10px;font-size:.78rem;white-space:nowrap}
@media(max-width:560px){.chat-head{align-items:stretch;flex-direction:column}.chat-deal-link{align-self:flex-start}}

/* GGdeal 11.3.5: compact product offers on mobile */
@media (max-width:700px){
  .products-list{gap:6px}
  .product-row,
  .products-list-manage .product-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 94px;
    grid-template-rows:auto auto;
    min-height:0;
    border-radius:11px;
    overflow:hidden;
  }
  .product-row>*{min-width:0}
  .product-main{
    grid-column:1;
    grid-row:1;
    min-height:55px;
    padding:8px 8px 3px;
    gap:8px;
    align-items:flex-start;
    border:0;
  }
  .product-category-mark{
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:9px;
    font-size:.56rem;
  }
  .product-copy{gap:3px;padding-top:1px}
  .product-title-line{
    display:flex;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:4px;
  }
  .product-title{
    flex:1 1 150px;
    min-width:0;
    font-size:.84rem;
    line-height:1.22;
    -webkit-line-clamp:2;
  }
  .product-subline{
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    overflow:hidden;
    white-space:nowrap;
    font-size:.67rem;
    line-height:1.2;
  }
  .product-subline>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .product-subline>span:nth-child(n+3){display:none}
  .product-seller-cell{
    grid-column:1;
    grid-row:2;
    min-height:28px;
    padding:1px 8px 7px 54px;
    gap:5px;
    border:0;
    align-items:center;
  }
  .product-seller-cell .seller-avatar{
    width:20px;
    height:20px;
    flex-basis:20px;
    font-size:.56rem;
  }
  .product-seller-cell strong{
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.72rem;
    line-height:1.1;
  }
  .product-seller-cell small{font-size:.61rem;line-height:1.1}
  .product-facet-cell,
  .product-sales-cell{display:none!important}
  .product-price-cell{
    grid-column:2;
    grid-row:1/3;
    min-width:94px;
    padding:8px 9px;
    border-left:1px solid var(--line);
    border-top:0;
    align-content:center;
    justify-items:end;
  }
  .product-price-cell strong{
    font-size:.94rem;
    line-height:1.15;
    white-space:nowrap;
  }
  .product-price-cell small{display:none}
  .product-title-line .premium-badge.compact,
  .product-title-line .auto-delivery-badge.compact{
    min-height:19px;
    padding:2px 5px;
    gap:3px;
    font-size:.59rem;
  }
  .product-title-line .premium-crown-icon,
  .product-title-line .auto-delivery-badge svg{
    width:12px;
    height:12px;
  }
  .product-manage-cell{
    grid-column:1/-1;
    grid-row:3;
    padding:6px 8px;
    gap:6px;
    border-left:0;
    border-top:1px solid var(--line);
  }
  .product-manage-cell .btn{
    min-height:31px;
    padding:5px 9px;
    border-radius:8px;
    font-size:.7rem;
  }
}

@media (max-width:430px){
  .product-row,
  .products-list-manage .product-row{grid-template-columns:minmax(0,1fr) 82px}
  .product-main{min-height:51px;padding:7px 7px 2px;gap:7px}
  .product-category-mark{flex-basis:34px;width:34px;height:34px;border-radius:8px}
  .product-title{font-size:.79rem;line-height:1.18}
  .product-subline{font-size:.62rem}
  .product-seller-cell{padding:1px 7px 6px 48px}
  .product-seller-cell .seller-avatar{width:18px;height:18px;flex-basis:18px}
  .product-seller-cell strong{max-width:112px;font-size:.68rem}
  .product-seller-cell small{display:none}
  .product-price-cell{min-width:82px;padding:7px}
  .product-price-cell strong{font-size:.85rem}
  .product-title-line .premium-badge.compact,
  .product-title-line .auto-delivery-badge.compact{
    width:20px;
    min-width:20px;
    height:20px;
    min-height:20px;
    padding:2px;
    justify-content:center;
    border-radius:7px;
  }
  .product-title-line .premium-badge.compact>span,
  .product-title-line .auto-delivery-badge.compact>span{display:none}
}

/* GGdeal 11.3.6 — social messenger */
#messages-hub .social-messenger{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  min-height:650px;
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
}
#messages-hub .messenger-sidebar{
  min-width:0;
  display:flex;
  flex-direction:column;
  border-right:1px solid var(--line);
  background:var(--surface);
}
#messages-hub .messenger-sidebar-head{
  min-height:64px;
  padding:17px 16px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#messages-hub .messenger-sidebar-head strong{font-size:1.08rem}
#messages-hub .messenger-sidebar-head span{color:var(--muted);font-size:.8rem}
#messages-hub .messenger-search{
  position:relative;
  display:block;
  margin:0 12px 11px;
}
#messages-hub .messenger-search>span{
  position:absolute;
  left:12px;
  top:50%;
  width:18px;
  height:18px;
  color:var(--muted);
  transform:translateY(-50%);
  pointer-events:none;
}
#messages-hub .messenger-search svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#messages-hub .messenger-search input{
  width:100%;
  height:38px;
  padding:0 12px 0 38px;
  border:1px solid transparent;
  border-radius:11px;
  outline:none;
  background:var(--surface-2);
}
#messages-hub .messenger-search input:focus{border-color:var(--brand)}
#messages-hub .messenger-peer-list{min-height:0;overflow:auto;border-top:1px solid var(--line)}
#messages-hub .messenger-peer-card{
  width:100%;
  min-height:74px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:11px 13px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  text-align:left;
}
#messages-hub .messenger-peer-card:hover{background:var(--surface-2)}
#messages-hub .messenger-peer-card.active{background:var(--brand-soft)}
#messages-hub .messenger-peer-avatar,
#messages-hub .messenger-chat-avatar{
  overflow:hidden;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--brand-soft);
  color:var(--brand-strong);
  font-weight:850;
}
#messages-hub .messenger-peer-avatar{width:46px;height:46px;font-size:.82rem}
#messages-hub .messenger-chat-avatar{width:44px;height:44px;font-size:.82rem}
#messages-hub .messenger-peer-avatar img,
#messages-hub .messenger-chat-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#messages-hub .messenger-peer-copy{min-width:0;display:grid;gap:4px}
#messages-hub .messenger-peer-name{min-width:0;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messages-hub .messenger-peer-name .seller-name-with-badge{max-width:100%}
#messages-hub .messenger-peer-preview{color:var(--muted);font-size:.79rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messages-hub .messenger-peer-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;color:var(--muted);font-size:.7rem}
#messages-hub .messenger-peer-meta .unread{min-width:20px;height:20px;font-size:.68rem}
#messages-hub .messenger-chat{
  min-width:0;
  min-height:650px;
  padding:0;
  border:0;
  border-radius:0;
  background:var(--surface);
}
#messages-hub .messenger-chat-head{
  min-height:64px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  border-bottom:1px solid var(--line);
}
#messages-hub .messenger-chat-person{min-width:0;display:grid;gap:2px}
#messages-hub .messenger-chat-person strong{min-width:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messages-hub .messenger-chat-person span{color:var(--muted);font-size:.76rem}
#messages-hub .messenger-deal-link{min-height:36px;padding:6px 11px;font-size:.78rem}
#messages-hub .messenger-chat-messages{
  min-height:0;
  max-height:none;
  padding:18px 20px;
  background:color-mix(in srgb,var(--surface-2) 48%,var(--surface));
}
#messages-hub .messenger-chat-form{padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}
#messages-hub .messenger-empty-chat{min-height:100%;display:grid;place-items:center;padding:40px;text-align:center;color:var(--muted)}
#messages-hub .messenger-empty-chat>div{display:grid;gap:5px}
#messages-hub .messenger-empty-chat strong{color:var(--text);font-size:1rem}
#messages-hub .messenger-empty-chat span{font-size:.84rem}

@media(max-width:760px){
  #messages-hub .social-messenger{grid-template-columns:1fr;min-height:0;overflow:visible}
  #messages-hub .messenger-sidebar{max-height:270px;border-right:0;border-bottom:1px solid var(--line)}
  #messages-hub .messenger-sidebar-head{min-height:52px;padding:12px 13px 7px}
  #messages-hub .messenger-search{margin:0 10px 9px}
  #messages-hub .messenger-peer-card{min-height:64px;grid-template-columns:40px minmax(0,1fr) auto;padding:9px 11px;gap:9px}
  #messages-hub .messenger-peer-avatar{width:40px;height:40px}
  #messages-hub .messenger-chat{min-height:500px}
  #messages-hub .messenger-chat-head{min-height:58px;grid-template-columns:40px minmax(0,1fr) auto;padding:9px 11px;gap:9px}
  #messages-hub .messenger-chat-avatar{width:40px;height:40px}
  #messages-hub .messenger-chat-messages{padding:13px 10px}
  #messages-hub .messenger-chat-form{padding:9px 10px}
  #messages-hub .messenger-deal-link{font-size:0;width:38px;padding:0;display:grid;place-items:center}
  #messages-hub .messenger-deal-link::before{content:'↗';font-size:1rem}
}

/* GGdeal 12.1 — managed payment flows */
.status.AWAITING_PAYMENT_LINK{background:#e9f3ff;color:#285d91;border:1px solid #bad6f2}
.status.CANCELLED,.status.REJECTED{background:#f5f5f5;color:#666;border:1px solid #d6d6d6}
html[data-theme="dark"] .status.AWAITING_PAYMENT_LINK{background:#18344d;color:#b9dcff;border-color:#315b7d}
html[data-theme="dark"] .status.CANCELLED,html[data-theme="dark"] .status.REJECTED{background:#2c2f33;color:#c4c8ce;border-color:#484d54}
.transfer-card{display:grid;gap:14px}
.transfer-card-label{font-size:13px;color:var(--muted)}
.transfer-card-number{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}
.transfer-card-number code{font-size:clamp(18px,3vw,25px);font-weight:700;letter-spacing:.08em;word-break:break-all}
.transfer-card-meta{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sbp-link-payment{display:grid;gap:12px}
.payment-waiting{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px;border:1px dashed var(--line);border-radius:16px;background:var(--surface-soft)}
.payment-waiting p{max-width:520px;margin:0;color:var(--muted)}
.payment-spinner{width:32px;height:32px;border:3px solid color-mix(in srgb,var(--accent) 20%,transparent);border-top-color:var(--accent);border-radius:50%;animation:payment-spin .8s linear infinite}
@keyframes payment-spin{to{transform:rotate(360deg)}}
.gateway-ready{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}
.gateway-ready h2,.gateway-ready p{margin:0}
.gateway-state{margin-bottom:18px}
.deal-payment-waiting{margin-bottom:18px;min-height:150px}
.admin-payment-settings{display:grid;gap:18px}
.admin-payment-settings>.panel{display:grid;gap:14px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-grid-wide{grid-column:1/-1}
.admin-payment-link-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px}
.foreign-card-layout{align-items:start}
.foreign-card-layout .product-side-chat{min-height:620px}
.pending-payment-card .pending-payment-actions{flex-wrap:wrap}
.payment-unavailable{opacity:.55;cursor:not-allowed}
.payment-unavailable .payment-arrow{display:none}
@media(max-width:760px){
  .settings-grid{grid-template-columns:1fr}
  .settings-grid-wide{grid-column:auto}
  .admin-payment-link-form{grid-template-columns:1fr}
  .transfer-card-number{align-items:flex-start;flex-direction:column}
  .foreign-card-layout .product-side-chat{min-height:520px}
}


/* GGdeal 12.2: image brand, flat header, gateway queue and custom crypto logo */
.site-header{box-shadow:none!important}
.brand{min-width:118px;max-width:168px;height:44px}
.site-logo{display:block;width:auto;max-width:100%;height:38px;object-fit:contain;object-position:left center}
.crypto-showcase-symbol{overflow:hidden;padding:8px;background:var(--surface)!important;border:1px solid var(--line)}
.crypto-showcase-symbol img{display:block;width:100%;height:100%;object-fit:contain;border-radius:13px}
.crypto-offer-hero-icon{overflow:hidden;padding:9px;background:var(--surface)!important;border:1px solid var(--line)}
.crypto-offer-hero-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:13px}
.crypto-logo-preview{width:150px;height:110px}
.crypto-logo-preview img{object-fit:contain!important;background:var(--surface)}
.gateway-loading-card{position:relative;overflow:hidden}
.gateway-countdown{font-size:2.25rem;font-weight:950;line-height:1;letter-spacing:.06em;color:var(--brand-strong);font-variant-numeric:tabular-nums}
.gateway-order-chip{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.8rem;font-weight:800}
.payment-link-request{border-left:4px solid var(--warning)}
.admin-crypto-logo-setting{max-width:460px}
@media(max-width:760px){.brand{min-width:95px;max-width:135px;height:38px}.site-logo{height:31px}.gateway-countdown{font-size:1.9rem}}

.payment-link-request.is-focused{outline:3px solid color-mix(in srgb,var(--brand) 32%,transparent);outline-offset:3px}

/* GGdeal 12.3 — flat notification center and order details */
.toast{box-shadow:none!important;border:1px solid rgba(255,255,255,.16)}
.notification-symbol svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.notification-list{display:grid;gap:8px}
.notification-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:none!important;transition:border-color .15s,background .15s}
.notification-card:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 3%,var(--surface))}
.notification-card.unread-notification{border-left:4px solid var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
.notification-type-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-weight:900;font-size:1rem}
.notification-type-icon.message{color:#2b72c7}.notification-type-icon.order{color:#8a5b16}.notification-type-icon.payment{color:#16865f}.notification-type-icon.support{color:#8c4e9c}
.notification-card-copy{display:grid;gap:4px;min-width:0}.notification-card-top{display:flex;justify-content:space-between;gap:14px}.notification-card-top time{color:var(--muted);font-size:.78rem;white-space:nowrap}.notification-card-copy>span:not(.notification-card-top){color:var(--text);overflow-wrap:anywhere}.notification-card-copy small{color:var(--muted)}
.admin-order-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.admin-order-parties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.admin-order-parties .seller-box{margin:0}.admin-order-parties small,.admin-order-parties strong,.admin-order-parties em{display:block}.admin-order-parties em{font-style:normal;color:var(--muted);font-size:.8rem}.admin-order-details{display:grid;gap:0;margin:0 0 22px}.admin-order-details>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.admin-order-details dt{color:var(--muted)}.admin-order-details dd{margin:0;font-weight:800;text-align:right}.admin-order-recipient-list{display:grid;gap:8px;margin:12px 0 24px}.admin-order-recipient-list>div{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(0,1fr);gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.admin-order-recipient-list dt{color:var(--muted)}.admin-order-recipient-list dd{margin:0;font-weight:750;overflow-wrap:anywhere}
@media(max-width:850px){.notification-summary-grid{grid-template-columns:1fr 1fr}.admin-order-grid{grid-template-columns:1fr}.admin-order-parties{grid-template-columns:1fr}}
@media(max-width:520px){.notification-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.notification-card{grid-template-columns:36px minmax(0,1fr);padding:11px 12px}.notification-type-icon{width:34px;height:34px;border-radius:10px}.notification-card-top{display:grid;gap:2px}.notification-card-top time{white-space:normal}.admin-order-recipient-list>div{grid-template-columns:1fr;gap:3px}}

/* 12.4.0: изображения в чатах и плоские формы отправки */
.chat-form.chat-composer{grid-template-columns:minmax(0,1fr) auto auto;align-items:end}
.chat-composer-main{min-width:0;display:grid;gap:8px}
.chat-composer .chat-text-input{margin:0}
.chat-composer textarea.chat-text-input{min-height:76px;resize:vertical}
.chat-attach-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-weight:800;cursor:pointer;user-select:none}
.chat-attach-button:hover{border-color:var(--brand);color:var(--brand-strong)}
.chat-attach-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chat-image-preview{position:relative;width:92px;height:72px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface-2)}
.chat-image-preview[hidden]{display:none}
.chat-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.chat-image-preview button{position:absolute;right:5px;top:5px;width:25px;height:25px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(8,13,20,.78);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.chat-image-button{display:block;width:min(320px,100%);margin-top:8px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2);cursor:zoom-in}
.chat-image-button img{display:block;width:100%;max-height:280px;object-fit:cover}
.message.system .chat-image-button{margin-inline:auto}
.support-message .chat-image-button{width:min(360px,100%)}
.support-image-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.support-reply-form.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px}
.topup-review-notice{margin-top:14px}
@media(max-width:700px){
  .chat-form.chat-composer,.support-reply-form.chat-composer{grid-template-columns:minmax(0,1fr) auto}
  .chat-composer-main{grid-column:1/-1}
  .chat-attach-button span{display:none}
  .chat-attach-button{width:44px;padding:9px}
  .chat-image-button{width:min(280px,100%)}
}


/* GGdeal 12.6.0 — calmer typography and password settings */
body{font-weight:400}
body :where(strong,b,h1,h2,h3,h4,h5,h6,label,summary,button,.btn,.icon-btn,.page-title,.product-title,.seller-link,.price,.buy-price,.product-price-cell strong,.hero-stat strong,.status,.badge,.unread,.notification-type-icon,.gateway-countdown,.gateway-order-chip,.chat-attach-button,.admin-order-details dd,.admin-order-recipient-list dd){font-weight:600!important}
body :where(.product-list-head,.search-group-title,.gallery-title,.category-icon,.product-category-mark){font-weight:600!important}
body :where(p,span,small,div,dt,dd,input,select,textarea,a){font-synthesis:none}
.password-settings{max-width:680px}
.password-settings .section-head{align-items:start}
.password-settings h3{margin:0}
.password-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.password-form .form-group:first-child{grid-column:1/-1}
.password-form button{justify-self:start}
@media(max-width:700px){.password-form{grid-template-columns:1fr}.password-form .form-group:first-child{grid-column:auto}.password-form button{width:100%}}

.profile-security-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;margin-bottom:24px}
.profile-security-card h2,.profile-security-card p{margin:0}.profile-security-card p{margin-top:4px}
@media(max-width:620px){.profile-security-card{align-items:stretch;flex-direction:column}.profile-security-card .btn{width:100%}}

/* GGdeal 12.6.0 — game category buttons and offer filters */
.category-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.category-type-section{margin:18px 0 14px}
.category-type-label{font-size:13px;color:var(--muted);margin:0 0 8px}
.category-type-buttons{display:flex;gap:8px;flex-wrap:wrap}
.category-type-buttons button,.compact-filter-buttons button{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);min-height:38px;padding:8px 15px;border-radius:9px;font:inherit;font-weight:500;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}
.category-type-buttons button:hover,.compact-filter-buttons button:hover{border-color:var(--brand)}
.category-type-buttons button.active,.compact-filter-buttons button.active{background:var(--brand);border-color:var(--brand);color:#fff}
.game-offer-filters{display:grid;gap:14px;margin-bottom:16px}
.game-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px}
.game-filter-row .filter-select{min-width:0}
.listing-mode-filter{display:grid;gap:7px;align-self:end}
.listing-mode-filter>span{font-size:13px;color:var(--muted)}
.compact-filter-buttons{display:flex;min-height:42px;gap:6px}
.compact-filter-buttons button{flex:1;min-width:72px}
.game-offer-filters .filter-toolbar{align-items:end}
.game-offer-filters .auto-filter-switch{min-height:42px}
@media(max-width:760px){
  .category-heading{align-items:flex-start}
  .category-heading-actions{width:100%;justify-content:flex-start}
  .category-heading-actions .btn{flex:1}
  .category-type-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .category-type-buttons button{width:100%;padding:8px 9px}
  .game-filter-row{grid-template-columns:1fr}
  .compact-filter-buttons{width:100%}
  .game-offer-filters .filter-toolbar{display:grid;grid-template-columns:1fr}
  .game-offer-filters .auto-filter-switch{width:100%}
}

/* GGdeal 12.7.0 — expanded game catalog filters */
.category-inline-special-filters{display:contents}
.catalog-special-filter{display:flex;flex-direction:column;gap:6px;min-width:180px}
.catalog-special-filter>span{font-size:13px;color:var(--muted)}
.catalog-special-filter.wide{grid-column:1/-1}
.catalog-special-filter.wide .compact-filter-buttons{flex-wrap:wrap}
.catalog-special-filter.wide .compact-filter-buttons button{flex:0 1 auto;min-width:108px}
.game-variant-switcher{margin:14px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.game-variant-switcher .catalog-special-filter{width:100%}
.game-variant-switcher .compact-filter-buttons{flex-wrap:wrap}
.game-variant-switcher .compact-filter-buttons button{flex:0 1 auto;min-width:130px}
#pub-special-filters:empty{display:none}
@media(max-width:760px){
  .catalog-special-filter.wide .compact-filter-buttons,.game-variant-switcher .compact-filter-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-special-filter.wide .compact-filter-buttons button,.game-variant-switcher .compact-filter-buttons button{min-width:0;width:100%}
}

/* GGdeal 12.8: compact offer rows and WoW gold unit pricing */
.product-list-head,.product-row{grid-template-columns:minmax(380px,1fr) minmax(180px,220px) minmax(165px,190px)!important}
.products-list-manage .product-list-head,.products-list-manage .product-row{grid-template-columns:minmax(330px,1fr) minmax(170px,210px) minmax(155px,180px) 205px!important}
.product-list-head>span:nth-child(3){text-align:right}
.product-seller-cell{border-left:1px solid var(--line)}
.product-price-cell{border-left:1px solid var(--line);min-width:0}
.product-price-cell.unit-price-cell strong{font-size:1rem;white-space:nowrap}
.product-price-cell.unit-price-cell small{text-align:right;line-height:1.25}
.currency-pricing-editor{margin:4px 0 16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.currency-pricing-title{display:grid;gap:3px;margin-bottom:13px}
.currency-calculation{padding:11px 13px;border-radius:11px;background:var(--surface);border:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.currency-price-note strong{color:var(--text);font-size:1rem}

@media(max-width:1180px){
  .product-list-head,.product-row{grid-template-columns:minmax(300px,1fr) 175px 165px!important}
  .products-list-manage .product-list-head,.products-list-manage .product-row{grid-template-columns:minmax(280px,1fr) 165px 155px 185px!important}
}
@media(max-width:700px){
  .product-row,.products-list-manage .product-row{grid-template-columns:minmax(0,1fr) minmax(110px,auto)!important}
  .product-main{grid-column:1/-1!important;grid-row:1/2!important}
  .product-seller-cell{grid-column:1/2!important;grid-row:2/3!important;border-left:0!important}
  .product-price-cell{grid-column:2/3!important;grid-row:2/3!important;min-width:110px!important}
  .product-price-cell.unit-price-cell strong{font-size:.88rem!important}
  .product-price-cell.unit-price-cell small{font-size:.68rem!important}
  .products-list-manage .product-manage-cell{grid-column:1/-1!important;grid-row:3/4!important}
}

/* 12.9.0 — quantity-based game currency listings */
.currency-purchase-row{display:block}
.currency-purchase-box{display:grid;gap:14px;width:100%}
.currency-purchase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.currency-quantity-field{margin:0;max-width:360px}
.currency-live-total{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.currency-live-total>span{color:var(--muted)}
.currency-live-total>strong{font-size:1.3rem}
.currency-live-total>small{grid-column:1/-1;color:var(--muted)}
.currency-payment-quantity{margin:12px 0}
.currency-pricing-editor .row{align-items:flex-end}
@media(max-width:620px){.currency-purchase-head{display:grid}.currency-quantity-field{max-width:none}.currency-live-total{grid-template-columns:1fr}.currency-live-total>small{grid-column:auto}}

/* GGdeal 12.9.1 — decimal prices and visible selected filters */
.category-type-buttons button.active,
.compact-filter-buttons button.active{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}
html:not([data-theme="dark"]) .category-type-buttons button:not(.active),
html:not([data-theme="dark"]) .compact-filter-buttons button:not(.active){
  background:#fff;
  color:#152033;
  border-color:#cfd7e2;
}
html:not([data-theme="dark"]) .category-type-buttons button.active,
html:not([data-theme="dark"]) .compact-filter-buttons button.active{
  background:#168d66;
  border-color:#0d7452;
  color:#fff;
}


/* GGdeal 12.9.2: crypto buyback settings */
.crypto-buyback-coin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:7px}
.crypto-buyback-coin{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);cursor:pointer}
.crypto-buyback-coin:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.crypto-buyback-coin input{width:17px;height:17px;accent-color:var(--brand)}
.crypto-buyback-coin span{display:grid}.crypto-buyback-coin small{color:var(--muted);font-size:.72rem}
@media(max-width:760px){.crypto-buyback-coin-grid{grid-template-columns:1fr 1fr}}

/* GGdeal 12.10: editable homepage banners and 7-second carousel */
.home-banner-copy{position:absolute;z-index:4;left:22px;bottom:76px;max-width:min(580px,68%);padding:13px 16px;border-radius:14px;background:rgba(10,15,22,.58);color:#fff;backdrop-filter:blur(9px)}
.home-banner-copy h2{margin:0;font-size:clamp(1.1rem,2.3vw,2rem);line-height:1.08;color:#fff}
.home-banner-copy p{margin:7px 0 0;line-height:1.45;color:rgba(255,255,255,.9)}
.home-banner-dots{position:absolute;z-index:5;left:50%;bottom:14px;display:flex;align-items:center;gap:7px;transform:translateX(-50%)}
.home-banner-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);box-shadow:0 0 0 1px rgba(10,15,22,.18);transition:width .2s ease,background .2s ease}
.home-banner-dot:hover{background:rgba(255,255,255,.78)}
.home-banner-dot.active{width:25px;background:#fff}
.home-banner-viewport:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 36%,transparent);outline-offset:3px}

.admin-homepage-form{display:grid;gap:18px}
.admin-home-banner-list{display:grid;gap:16px}
.admin-home-banner-card{display:grid;gap:16px}
.admin-home-banner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.admin-home-banner-head h3{margin:7px 0 0}
.admin-home-banner-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.admin-home-banner-grid{display:grid;grid-template-columns:minmax(280px,42%) minmax(0,1fr);gap:20px;align-items:start}
.admin-home-banner-upload{min-width:0}
.admin-home-banner-preview{height:auto;aspect-ratio:1600/620}
.admin-home-banner-preview img{object-fit:cover}
.admin-home-banner-fields{display:grid;gap:2px}
.admin-home-banner-fields .textarea{min-height:92px}
.admin-home-banner-enabled{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);cursor:pointer}
.admin-home-banner-enabled>input{position:absolute;opacity:0;pointer-events:none}
.admin-home-banner-enabled>span:last-child{display:grid;gap:2px}
.admin-home-banner-enabled small{color:var(--muted);font-weight:500}
.admin-homepage-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:12px;z-index:8;padding:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)}

@media(max-width:800px){
  .home-banner-copy{left:12px;bottom:56px;max-width:72%;padding:9px 11px;border-radius:10px}
  .home-banner-copy p{display:none}
  .home-banner-dots{bottom:10px}
  .admin-home-banner-grid{grid-template-columns:1fr}
  .admin-home-banner-head{display:grid}
  .admin-home-banner-actions{justify-content:flex-start}
}
@media(max-width:520px){
  .home-banner-copy{display:none}
  .home-banner-dots{left:auto;right:61px;transform:none}
  .admin-homepage-footer{display:grid;grid-template-columns:1fr}
  .admin-homepage-footer .btn{width:100%}
}

/* GGdeal 12.11.0 — mobile single-tap offers, hamburger navigation and compact sorting */
.product-mobile-hit-area,.mobile-nav-dropdown,.mobile-action-label,.mobile-catalog-tools{display:none}
.mobile-menu-button{position:relative;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);list-style:none;cursor:pointer}
.mobile-menu-button::-webkit-details-marker{display:none}
.mobile-menu-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.mobile-menu-alert{position:absolute;right:3px;top:3px;width:8px;height:8px;border:2px solid var(--surface);border-radius:50%;background:var(--danger)}
.mobile-nav-panel>a{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}
.mobile-nav-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--brand-strong)}
.mobile-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav-unread{justify-self:end}
.mobile-sort-control{min-height:44px;display:grid;grid-template-columns:28px auto minmax(0,1fr);align-items:center;gap:7px;padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.mobile-sort-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--brand-strong)}
.mobile-sort-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-sort-label{font-size:.77rem;color:var(--muted);white-space:nowrap}
.mobile-sort-control .select{height:34px;padding:4px 30px 4px 8px;border:0;background:var(--surface-2);font-size:.82rem;font-weight:600;box-shadow:none}

@media(max-width:760px){
  .topbar{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"brand spacer actions" "search search search"!important;gap:7px 8px!important}
  .help-dropdown,.nav-message-btn,.nav-notification-btn{display:none!important}
  .mobile-nav-dropdown{display:block}
  .top-actions{gap:5px!important;align-items:center}
  .mobile-nav-panel{top:58px!important}
  .mobile-nav-panel>a{padding:10px!important}
  .mobile-nav-panel>a>span:nth-child(2){min-width:0;display:grid;gap:1px}
  .mobile-nav-panel>a strong{font-size:.88rem}
  .mobile-nav-panel>a small{font-size:.72rem;color:var(--muted)}

  .category-heading{display:grid!important;gap:10px}
  .category-heading-actions{width:auto!important;justify-content:flex-start!important;gap:7px!important}
  .category-heading-actions .btn{flex:0 1 auto!important;width:auto!important;min-height:36px;padding:6px 10px;border-radius:9px;font-size:.76rem;white-space:nowrap}
  .desktop-action-label{display:none}
  .mobile-action-label{display:inline}
  .currency-sale-action{max-width:148px}
  .category-secondary-action{max-width:144px}

  .desktop-sort-control{display:none!important}
  .mobile-catalog-tools{display:block;margin:0 0 10px}
  .game-offer-filters{margin-bottom:10px}

  .products-list:not(.products-list-manage){gap:8px}
  .products-list:not(.products-list-manage) .product-row{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    min-height:0;
    overflow:hidden;
    border-radius:13px;
    cursor:pointer;
  }
  .products-list:not(.products-list-manage) .product-row:active{transform:scale(.995)}
  .products-list:not(.products-list-manage) .product-row:has(.product-mobile-hit-area:focus-visible){outline:3px solid color-mix(in srgb,var(--brand) 32%,transparent);outline-offset:2px}
  .products-list:not(.products-list-manage) .product-mobile-hit-area{display:block;position:absolute;inset:0;z-index:10;padding:0!important;border:0!important;background:transparent!important}
  .products-list:not(.products-list-manage) .product-main{
    grid-column:1/-1!important;
    grid-row:1!important;
    min-height:58px;
    padding:9px 10px 4px!important;
    border:0!important;
    gap:9px;
    pointer-events:none;
  }
  .products-list:not(.products-list-manage) .product-category-mark{flex-basis:39px;width:39px;height:39px;border-radius:9px}
  .products-list:not(.products-list-manage) .product-copy{gap:4px}
  .products-list:not(.products-list-manage) .product-title{font-size:.84rem;line-height:1.22}
  .products-list:not(.products-list-manage) .product-subline{font-size:.66rem;gap:5px}
  .products-list:not(.products-list-manage) .product-seller-cell{
    grid-column:1!important;
    grid-row:2!important;
    min-height:31px;
    padding:2px 6px 8px 58px!important;
    border:0!important;
    gap:5px;
    color:var(--muted);
    pointer-events:none;
  }
  .products-list:not(.products-list-manage) .product-seller-cell .seller-avatar{width:20px;height:20px;flex-basis:20px}
  .products-list:not(.products-list-manage) .product-seller-cell strong{max-width:155px;font-size:.71rem;color:var(--text)}
  .products-list:not(.products-list-manage) .product-seller-cell small{font-size:.61rem}
  .products-list:not(.products-list-manage) .product-price-cell{
    grid-column:2!important;
    grid-row:2!important;
    min-width:0!important;
    width:auto;
    height:auto;
    padding:2px 11px 8px 6px!important;
    border:0!important;
    background:transparent!important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    align-content:normal;
    justify-items:normal;
    pointer-events:none;
  }
  .products-list:not(.products-list-manage) .product-price-cell strong{font-size:.9rem!important;line-height:1.15;color:var(--text);white-space:nowrap}
  .products-list:not(.products-list-manage) .product-price-cell small{display:none!important}
}

@media(max-width:430px){
  .brand{max-width:112px!important}
  .site-logo{height:29px!important}
  .top-actions{gap:4px!important}
  .theme-switch,.profile-menu-button,.mobile-menu-button{height:34px;min-height:34px}
  .category-heading-actions .btn{font-size:.72rem;padding-inline:8px}
  .products-list:not(.products-list-manage) .product-main{padding:8px 9px 4px!important;gap:8px}
  .products-list:not(.products-list-manage) .product-category-mark{flex-basis:36px;width:36px;height:36px}
  .products-list:not(.products-list-manage) .product-title{font-size:.8rem}
  .products-list:not(.products-list-manage) .product-seller-cell{padding-left:53px!important}
  .products-list:not(.products-list-manage) .product-price-cell strong{font-size:.84rem!important}
  .mobile-sort-control{grid-template-columns:24px minmax(0,1fr);gap:6px}
  .mobile-sort-label{display:none}
}

/* GGdeal 12.12.1 — universal catalog sections, community blog and referrals */
.gghub-badge{display:inline-flex;align-items:center;gap:5px;color:var(--brand-strong);font-size:.76rem;font-weight:760;white-space:nowrap}
.gghub-badge svg{width:17px;height:17px;fill:var(--brand);stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.blog-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-soft) 80%,var(--surface)),var(--surface))}
.blog-hero h1{margin:8px 0 6px;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:-.035em}
.blog-hero p{max-width:760px;margin:0;color:var(--muted)}
.blog-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:thin}
.blog-tabs .tab-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:transform .16s,border-color .16s}
.blog-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 60%,var(--line))}
.blog-card-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--brand-soft),var(--surface-2))}
.blog-card-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s}
.blog-card:hover .blog-card-cover img{transform:scale(1.025)}
.blog-card-cover-empty{display:grid;place-items:center;color:var(--brand);font-size:2.1rem;font-weight:800}
.blog-card-body{display:grid;gap:10px;padding:16px}
.blog-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.74rem}
.blog-card-meta>span:first-child{color:var(--brand-strong);font-weight:720}
.blog-card-meta time{margin-left:auto}
.blog-card h3{margin:0;font-size:1.08rem;line-height:1.3;letter-spacing:-.01em}
.blog-card h3 a:hover{color:var(--brand-strong)}
.blog-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:.86rem;line-height:1.48;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:3px;color:var(--muted);font-size:.72rem}
.blog-author{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--text)}
.blog-author-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:var(--brand-soft);color:var(--brand);font-size:.66rem}
.blog-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-blog-section{padding-top:4px}
.home-blog-grid .blog-card-body{padding:14px}
.home-blog-grid .blog-card h3{font-size:1rem}
.blog-manage-actions{padding-top:8px;border-top:1px solid var(--line)}

.article-page{max-width:980px}
.article-layout{display:grid;gap:20px}
.article-header{padding:8px 4px 0}
.article-header h1{max-width:900px;margin:12px 0 10px;font-size:clamp(2rem,5vw,3.7rem);line-height:1.04;letter-spacing:-.045em}
.article-lead{max-width:780px;margin:0;color:var(--muted);font-size:1.08rem}
.article-author-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}
.article-author-row .blog-author{padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.article-author-row .blog-author span{display:grid}
.article-author-row .blog-author small{color:var(--muted);font-size:.7rem}
.article-author-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:var(--brand-soft);color:var(--brand);font-size:.75rem}
.article-cover{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--surface-2)}
.article-cover img{width:100%;max-height:540px;display:block;object-fit:cover}
.article-content{padding:clamp(22px,5vw,48px);font-size:1.03rem;line-height:1.75}
.article-content p{margin:0 0 1.25em}
.article-content p:last-child{margin-bottom:0}
.blog-editor-form{max-width:850px;margin-inline:auto;padding:clamp(18px,4vw,30px)}
.blog-excerpt{min-height:92px}
.blog-content-editor{min-height:420px;line-height:1.6}
.blog-cover-upload{margin:8px 0 20px}

.admin-catalog-sections,.admin-category-list{display:grid;gap:16px;margin-bottom:28px}
.admin-section-list{display:grid;gap:12px}
.admin-section-card-main{display:grid;grid-template-columns:1.1fr 1.7fr 120px minmax(210px,.8fr);gap:12px;align-items:end}
.admin-section-card .form-group{margin-bottom:0}
.admin-section-card .row{margin-top:14px}
.admin-section-create{display:grid;gap:12px;margin-top:12px}
.admin-category-create{margin-bottom:28px}
.admin-category-editors{display:grid;gap:12px}
.admin-category-editor>summary{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:12px;align-items:center;cursor:pointer;list-style:none}
.admin-category-editor>summary::-webkit-details-marker{display:none}
.admin-category-editor>summary small{display:block;margin-top:3px;color:var(--muted)}
.admin-category-editor[open]>summary{padding-bottom:16px;border-bottom:1px solid var(--line)}
.admin-category-editor .admin-category-form{padding-top:18px}
.admin-edit-label{color:var(--brand-strong);font-size:.82rem;font-weight:720}
.admin-section-create .admin-category-grid,.admin-category-form .admin-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-section-create .form-group,.admin-category-form .form-group{margin-bottom:0}
.admin-category-form{display:grid;gap:16px}
.admin-category-options{min-height:130px}
.admin-category-facet-toggle{margin:0}
.admin-blog-settings{margin-bottom:24px}
.admin-blog-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.admin-featured-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.admin-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.profile-referral-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0}
.profile-referral-card h2{margin:0 0 4px}
.profile-referral-card p{margin:0}
.referral-auth-note{margin-bottom:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:12px;background:var(--brand-soft);color:var(--brand-strong)}
.referral-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px;margin:20px 0;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--brand-soft),var(--surface))}
.referral-hero h2{margin:8px 0 6px;font-size:clamp(1.55rem,3vw,2.3rem);letter-spacing:-.025em}
.referral-hero p{max-width:760px;margin:0;color:var(--muted)}
.referral-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}
.referral-hero-stats>div{padding:15px;border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--surface) 86%,transparent)}
.referral-hero-stats span{display:block;color:var(--muted);font-size:.76rem}
.referral-hero-stats strong{display:block;margin-top:3px;font-size:1.5rem}
.referral-link-panel{margin-bottom:24px}
.referral-link-panel>label{display:block;margin-bottom:8px;font-weight:720}
.referral-link-panel .copy-field{grid-template-columns:minmax(0,1fr) auto}
.referral-link-panel code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referral-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:22px;align-items:start}
.referral-user-list{display:grid;gap:10px}
.referral-user-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 15px}
.referral-user-card:hover{border-color:var(--brand)}
.referral-user-card>span{display:grid;gap:2px}
.referral-user-card small{color:var(--muted);font-size:.72rem}
.referral-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:var(--brand-soft);color:var(--brand)}
.referral-leaderboard{padding:8px}
.referral-leaderboard>a{display:grid;grid-template-columns:27px 34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:11px}
.referral-leaderboard>a:hover{background:var(--surface-2)}
.referral-leaderboard>a>span:nth-child(3){display:grid}
.referral-leaderboard small{color:var(--muted);font-size:.68rem}
.leader-place{font-weight:800;color:var(--brand-strong);text-align:center}
.leader-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:var(--brand-soft);color:var(--brand);font-size:.68rem}

@media(max-width:980px){
  .blog-grid,.admin-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-section-card-main{grid-template-columns:1fr 1fr}
  .admin-section-create .admin-category-grid,.admin-category-form .admin-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-blog-toggle-grid,.admin-featured-articles{grid-template-columns:1fr}
  .referral-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
  .blog-hero{display:grid;padding:21px 18px;border-radius:18px}
  .blog-hero .btn{width:100%}
  .blog-grid,.admin-blog-grid{grid-template-columns:1fr}
  .home-blog-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}
  .home-blog-grid .blog-card{flex:0 0 min(86vw,340px);scroll-snap-align:start}
  .article-author-row{align-items:stretch;display:grid}
  .article-author-row .row{display:grid;grid-template-columns:1fr 1fr}
  .article-header h1{font-size:2rem}
  .article-content{padding:20px 17px;font-size:.96rem}
  .blog-content-editor{min-height:330px}
  .admin-section-card-main,.admin-section-create .admin-category-grid,.admin-category-form .admin-category-grid{grid-template-columns:1fr}
  .admin-section-card .row{display:grid;grid-template-columns:1fr 1fr}
  .admin-category-editor>summary{grid-template-columns:44px minmax(0,1fr)}
  .admin-category-editor .admin-edit-label{grid-column:2}
  .profile-referral-card{align-items:stretch;display:grid}
  .profile-referral-card .btn{width:100%}
  .referral-hero{grid-template-columns:1fr;padding:21px 18px}
  .referral-hero-stats{grid-template-columns:1fr 1fr}
  .referral-user-card{grid-template-columns:38px minmax(0,1fr) auto}
  .referral-user-card>span:nth-child(3){grid-column:2}
  .referral-user-card>strong{grid-column:3;grid-row:1/3}
  .referral-avatar{width:38px;height:38px}
  .referral-link-panel .copy-field{grid-template-columns:1fr}
}
@media(max-width:430px){
  .referral-hero-stats{grid-template-columns:1fr}
  .referral-user-card{grid-template-columns:34px minmax(0,1fr)}
  .referral-user-card>span:nth-child(3),.referral-user-card>strong{grid-column:2;grid-row:auto}
  .referral-avatar{width:34px;height:34px}
  .article-author-row .row{grid-template-columns:1fr}
}

/* 12.12.1 — отдельный журнал и надёжные настройки блога */
.blog-document{background:#f4f1ea;color:#1f211f}
html[data-theme="dark"] .blog-document{background:#111412;color:#edf0ec}
.blog-site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(32,41,35,.12);background:color-mix(in srgb,#f4f1ea 92%,transparent);backdrop-filter:blur(18px)}
html[data-theme="dark"] .blog-site-header{border-color:rgba(255,255,255,.09);background:color-mix(in srgb,#111412 92%,transparent)}
.blog-header-shell{width:min(1240px,calc(100% - 32px));min-height:74px;margin:0 auto;display:flex;align-items:center;gap:17px}
.blog-header-brand{display:flex;align-items:center;flex:0 0 auto}.blog-header-brand .site-logo{max-width:116px;height:34px;object-fit:contain}
.blog-header-divider{width:1px;height:32px;background:rgba(32,41,35,.18)}
html[data-theme="dark"] .blog-header-divider{background:rgba(255,255,255,.14)}
.blog-header-title{display:grid;line-height:1.05;min-width:max-content}.blog-header-title strong{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;letter-spacing:-.02em}.blog-header-title small{margin-top:4px;color:#6f766f;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}
.blog-header-nav{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:auto}.blog-header-nav a{padding:9px 11px;border-radius:999px;color:inherit;font-size:.82rem}.blog-header-nav a:hover{background:rgba(26,135,83,.1);color:#087546}
.blog-top-actions{margin-left:4px}.blog-top-actions .header-action-label{display:none}.blog-top-actions .header-icon-link{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.blog-top-actions .profile-menu .profile-trigger{max-width:180px}
.blog-standalone-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 72px}
.blog-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:34px 0 36px;border-bottom:3px solid currentColor}
.blog-kicker{display:inline-block;color:#087546;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.blog-masthead h1{max-width:850px;margin:10px 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.55rem,6vw,5.4rem);font-weight:500;line-height:.94;letter-spacing:-.055em}
.blog-masthead p{max-width:760px;margin:0;color:#626a63;font-size:1.02rem;line-height:1.65}
html[data-theme="dark"] .blog-masthead p{color:#a9b0a9}.blog-masthead-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.blog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(32,41,35,.18)}
html[data-theme="dark"] .blog-toolbar{border-color:rgba(255,255,255,.12)}
.blog-document .blog-tabs{padding:0;scrollbar-width:none}.blog-document .blog-tabs::-webkit-scrollbar{display:none}.blog-document .blog-tabs .tab-btn{border:0;background:transparent;color:#626a63;padding:8px 11px}.blog-document .blog-tabs .tab-btn.active{background:#1e2a23;color:#fff}.blog-document .blog-tabs .tab-btn:hover:not(.active){background:rgba(26,135,83,.09);color:#087546}
html[data-theme="dark"] .blog-document .blog-tabs .tab-btn{color:#abb1ab}html[data-theme="dark"] .blog-document .blog-tabs .tab-btn.active{background:#e8ede8;color:#151915}
.blog-search{display:grid;grid-template-columns:1fr auto;gap:8px}.blog-search .input{background:rgba(255,255,255,.64);border-color:rgba(32,41,35,.18)}html[data-theme="dark"] .blog-search .input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13)}
.blog-lead-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);min-height:480px;margin:34px 0 48px;overflow:hidden;border-radius:3px;background:#1e2a23;color:#fff}
.blog-lead-cover{display:block;min-height:100%;background:#d9ded8}.blog-lead-cover img{width:100%;height:100%;display:block;object-fit:cover}.blog-lead-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,58px)}.blog-lead-copy .blog-card-meta{color:#b8c2ba}.blog-lead-copy .blog-card-meta>span:first-child{color:#8de1b3}.blog-lead-copy h2{margin:18px 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.2vw,4.25rem);font-weight:500;line-height:1;letter-spacing:-.045em}.blog-lead-copy h2 a{color:#fff}.blog-lead-copy>p{margin:0;color:#d4dad5;line-height:1.65}.blog-lead-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.17)}.blog-lead-copy .blog-author{color:#fff}.blog-read-link{color:#8de1b3;font-weight:700}
.blog-latest{margin-top:14px}.blog-section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.blog-section-title span{color:#087546;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.blog-section-title h2{margin:5px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500}.blog-section-title>strong{font-family:Georgia,"Times New Roman",serif;font-size:2.3rem;font-weight:400;color:#808680}
.blog-document .blog-journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-document .blog-card{border:0;border-top:1px solid rgba(32,41,35,.22);border-radius:0;background:transparent}.blog-document .blog-card:hover{transform:none;border-color:#087546}.blog-document .blog-card-cover{margin-top:14px;border-radius:2px}.blog-document .blog-card-body{padding:15px 0 0}.blog-document .blog-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500}.blog-document .blog-card p{font-size:.9rem}.blog-document .blog-card-footer{border-top:1px solid rgba(32,41,35,.12);padding-top:12px}
html[data-theme="dark"] .blog-document .blog-card{border-color:rgba(255,255,255,.14)}html[data-theme="dark"] .blog-document .blog-card-footer{border-color:rgba(255,255,255,.1)}
.blog-disabled{max-width:720px;margin:9vh auto;padding:50px;border:1px solid rgba(32,41,35,.16);background:rgba(255,255,255,.42);text-align:center}.blog-disabled h1{margin:12px 0;font-family:Georgia,"Times New Roman",serif;font-size:3rem;font-weight:500}.blog-disabled p{color:#626a63}
.blog-site-footer{border-top:1px solid rgba(32,41,35,.16);background:#e9e5dc}.blog-footer-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-footer-shell p{margin:6px 0 0;color:#697069}.blog-site-footer .footer-links{display:flex;gap:16px;flex-wrap:wrap}
html[data-theme="dark"] .blog-site-footer{background:#171b18;border-color:rgba(255,255,255,.1)}
.admin-blog-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}.admin-blog-state{margin:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.admin-blog-state>span{font-weight:720}.admin-blog-state small{display:block;margin-top:7px;color:var(--muted);line-height:1.4}.admin-blog-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line)}.admin-blog-save-row>div:first-child{display:grid;gap:3px}.admin-blog-save-row small{color:var(--muted)}
.admin-blog-publish-list{display:grid;gap:12px}.admin-blog-publish-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}.admin-blog-publish-info{display:grid;grid-template-columns:126px minmax(0,1fr);gap:15px;align-items:center}.admin-blog-publish-info>img,.admin-blog-cover-placeholder{width:126px;aspect-ratio:16/9;display:grid;place-items:center;object-fit:cover;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-weight:800}.admin-blog-publish-info h3{margin:5px 0 5px}.admin-blog-publish-info p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}.admin-blog-publish-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
@media(max-width:980px){.blog-header-nav{display:none}.blog-masthead{grid-template-columns:1fr}.blog-masthead-actions{justify-content:flex-start}.blog-toolbar{grid-template-columns:1fr}.blog-lead-story{grid-template-columns:1fr}.blog-lead-cover{min-height:340px}.blog-document .blog-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-blog-state-grid{grid-template-columns:1fr}.admin-blog-publish-row{grid-template-columns:1fr}.admin-blog-publish-actions{justify-content:flex-start}}
@media(max-width:700px){.blog-header-shell{width:min(100% - 20px,1180px);min-height:62px;gap:10px}.blog-header-brand .site-logo{max-width:94px;height:28px}.blog-header-divider{height:26px}.blog-header-title strong{font-size:1.03rem}.blog-header-title small{display:none}.blog-top-actions{margin-left:auto}.blog-top-actions .nav-message-btn,.blog-top-actions .nav-notification-btn,.blog-top-actions .theme-switch{display:none}.blog-standalone-shell{width:min(100% - 24px,1180px);padding:22px 0 50px}.blog-masthead{padding:23px 0 25px}.blog-masthead h1{font-size:2.65rem}.blog-masthead-actions{display:grid;grid-template-columns:1fr 1fr}.blog-masthead-actions .btn{width:100%}.blog-toolbar{padding:14px 0}.blog-search{grid-template-columns:1fr}.blog-lead-story{min-height:0;margin:23px 0 35px}.blog-lead-cover{min-height:220px}.blog-lead-copy{padding:23px 19px}.blog-lead-copy h2{font-size:2rem}.blog-lead-footer{align-items:flex-start;display:grid}.blog-document .blog-journal-grid{grid-template-columns:1fr}.blog-footer-shell{display:grid;padding:28px 0}.blog-site-footer .footer-links{gap:11px}.admin-blog-save-row{align-items:stretch;display:grid}.admin-blog-save-row .row{display:grid;grid-template-columns:1fr}.admin-blog-publish-info{grid-template-columns:88px minmax(0,1fr)}.admin-blog-publish-info>img,.admin-blog-cover-placeholder{width:88px}.admin-blog-publish-actions{display:grid;grid-template-columns:1fr 1fr}.admin-blog-publish-actions>*:first-child{grid-column:1/-1}}

/* GGdeal Journal: premium article reading page */
.article-document{background:#f4f1ea}
html[data-theme="dark"] .article-document{background:#111412}
.article-journal-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:30px 0 82px}
.article-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 34px;color:#697069;font-size:.78rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.article-breadcrumb a:hover{color:#087546}
html[data-theme="dark"] .article-breadcrumb{color:#a7aea7}
.article-story{display:grid;gap:0}
.article-story-header{width:min(900px,100%);margin:0 auto;padding:18px 0 34px;text-align:center}
.article-story-meta{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:#707770;font-size:.76rem}
.article-story-meta>*:not(:last-child)::after{content:"";display:inline-block;width:3px;height:3px;margin-left:10px;border-radius:50%;background:currentColor;vertical-align:middle;opacity:.55}
.article-story-meta .gghub-badge::after{display:none}
.article-section-label{color:#087546;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.article-story-header h1{max-width:880px;margin:20px auto 17px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.65rem,6vw,5.5rem);font-weight:500;line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.article-lead{max-width:760px;margin:0 auto;color:#626a63;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55;text-wrap:balance}
html[data-theme="dark"] .article-lead{color:#b5bcb5}
.article-byline{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid rgba(32,41,35,.16)}
html[data-theme="dark"] .article-byline{border-color:rgba(255,255,255,.11)}
.article-author{display:inline-flex;align-items:center;gap:10px;text-align:left}
.article-author-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:#dcebe2;color:#087546;font-size:.78rem;font-weight:800}
.article-author>span{display:grid;line-height:1.2}.article-author small{margin-bottom:4px;color:#777e78;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em}.article-author strong{font-size:.88rem}
.article-byline-stats{display:flex;align-items:center;gap:14px;color:#757c76;font-size:.76rem}.article-byline-stats span+span{padding-left:14px;border-left:1px solid rgba(32,41,35,.16)}
html[data-theme="dark"] .article-byline-stats span+span{border-color:rgba(255,255,255,.12)}
.article-manage-actions{display:flex;gap:8px}
.article-cover{width:min(1120px,100%);margin:12px auto 48px;overflow:hidden;border:1px solid rgba(32,41,35,.14);border-radius:4px;background:#e5e1d8}
html[data-theme="dark"] .article-cover{border-color:rgba(255,255,255,.1);background:#191e1a}
.article-cover-button{width:100%;min-height:280px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.article-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:min(720px,72vh);object-fit:contain}
.article-reading-layout{display:grid;grid-template-columns:170px minmax(0,760px);justify-content:center;align-items:start;gap:54px}
.article-reading-info{position:sticky;top:104px;display:grid;gap:18px;padding-top:6px;color:#697069;font-size:.76rem}
.article-reading-info>div{display:grid;gap:4px;padding-bottom:15px;border-bottom:1px solid rgba(32,41,35,.14)}
.article-reading-info span{font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.article-reading-info strong,.article-reading-info a{color:#202923;font-size:.83rem}.article-reading-info a:hover{color:#087546}
html[data-theme="dark"] .article-reading-info{color:#9fa79f}html[data-theme="dark"] .article-reading-info>div{border-color:rgba(255,255,255,.1)}html[data-theme="dark"] .article-reading-info strong,html[data-theme="dark"] .article-reading-info a{color:#edf0ed}
.article-back-link{margin-top:2px;color:#087546!important;font-weight:800}
.article-content{min-width:0;padding:0;color:#252c27;font-family:Georgia,"Times New Roman",serif;font-size:1.09rem;line-height:1.88}
html[data-theme="dark"] .article-content{color:#e2e7e2}
.article-content>p:first-child::first-letter{float:left;margin:.09em .12em 0 0;color:#087546;font-size:4.1rem;font-weight:500;line-height:.76}
.article-content p{margin:0 0 1.45em}.article-content h2,.article-content h3,.article-content h4{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#18201b;letter-spacing:-.035em;line-height:1.15}
html[data-theme="dark"] .article-content h2,html[data-theme="dark"] .article-content h3,html[data-theme="dark"] .article-content h4{color:#f2f5f2}
.article-content h2{margin:2.1em 0 .7em;font-size:clamp(1.7rem,3vw,2.35rem)}.article-content h3{margin:1.8em 0 .65em;font-size:1.45rem}.article-content h4{margin:1.6em 0 .55em;font-size:1.15rem}
.article-content ul,.article-content ol{margin:0 0 1.55em;padding-left:1.35em}.article-content li{margin:.48em 0;padding-left:.28em}.article-content li::marker{color:#087546;font-weight:800}
.article-content blockquote{margin:2em 0;padding:4px 0 4px 24px;border-left:4px solid #168d66;color:#475149;font-size:1.25rem;font-style:italic;line-height:1.62}
html[data-theme="dark"] .article-content blockquote{color:#c6cdc7}
.article-content hr{height:1px;margin:3em 0;border:0;background:rgba(32,41,35,.18)}html[data-theme="dark"] .article-content hr{background:rgba(255,255,255,.12)}
.article-content code{padding:.14em .35em;border-radius:5px;background:rgba(32,41,35,.08);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}html[data-theme="dark"] .article-content code{background:rgba(255,255,255,.1)}
.article-related{margin-top:76px;padding-top:34px;border-top:3px solid #202923}.article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.article-related .blog-card{border-radius:2px}
html[data-theme="dark"] .article-related{border-color:#e7ece7}

@media(max-width:900px){
  .article-reading-layout{grid-template-columns:1fr;gap:24px}
  .article-reading-info{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0 18px;border-top:1px solid rgba(32,41,35,.14);border-bottom:1px solid rgba(32,41,35,.14)}
  .article-reading-info>div{padding:0;border:0}.article-back-link{grid-column:1/-1}
  .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .article-journal-shell{width:min(100% - 24px,1180px);padding:19px 0 54px}
  .article-breadcrumb{margin-bottom:18px;font-size:.69rem}
  .article-story-header{padding:8px 0 24px;text-align:left}
  .article-story-meta{justify-content:flex-start;gap:7px}.article-story-meta>*:not(:last-child)::after{margin-left:7px}
  .article-story-header h1{margin:15px 0 13px;font-size:clamp(2.25rem,12vw,3.65rem);line-height:1.01;text-wrap:pretty}
  .article-lead{margin:0;font-size:1.08rem;line-height:1.5;text-wrap:pretty}
  .article-byline{justify-content:flex-start;gap:14px;margin-top:22px;padding-top:17px}
  .article-byline-stats{width:100%;justify-content:flex-start}.article-manage-actions{width:100%}.article-manage-actions>*{flex:1}
  .article-cover{margin:4px 0 30px;border-radius:2px}.article-cover-button{min-height:170px}.article-cover img{max-height:56vh}
  .article-reading-info{grid-template-columns:1fr 1fr;padding:12px 0 16px}.article-reading-info>div:first-child{grid-column:1/-1}
  .article-content{font-size:1.02rem;line-height:1.78}.article-content>p:first-child::first-letter{font-size:3.5rem}
  .article-content h2{font-size:1.65rem}.article-content h3{font-size:1.3rem}.article-content blockquote{padding-left:17px;font-size:1.12rem}
  .article-related{margin-top:52px}.article-related-grid{grid-template-columns:1fr}.article-related .blog-section-title{align-items:flex-start;display:grid}.article-related .blog-read-link{justify-self:start}
}

/* =========================================================
   GGdeal 12.12.4 — soft gaming blog redesign
   ========================================================= */
.blog-document,
.article-document{
  --blog-bg:#f6f7fb;
  --blog-surface:#ffffff;
  --blog-surface-soft:#f0f2f8;
  --blog-text:#242938;
  --blog-muted:#697185;
  --blog-line:#e3e6ef;
  --blog-accent:#6f73d9;
  --blog-accent-strong:#555abb;
  --blog-accent-soft:#eeefff;
  --blog-mint:#eaf7f1;
  --blog-mint-text:#34725b;
  --blog-shadow:0 18px 55px rgba(48,54,82,.09);
  background:var(--blog-bg);
  color:var(--blog-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"] .blog-document,
html[data-theme="dark"] .article-document{
  --blog-bg:#171922;
  --blog-surface:#20232e;
  --blog-surface-soft:#272a36;
  --blog-text:#f3f4f8;
  --blog-muted:#aeb4c3;
  --blog-line:#323644;
  --blog-accent:#a9adff;
  --blog-accent-strong:#c2c5ff;
  --blog-accent-soft:#292c49;
  --blog-mint:#213a32;
  --blog-mint-text:#9ed6bd;
  --blog-shadow:0 20px 55px rgba(0,0,0,.22);
}
.blog-document #app,.article-document #app{min-height:66vh}
.blog-site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid color-mix(in srgb,var(--blog-line) 88%,transparent);background:color-mix(in srgb,var(--blog-bg) 88%,transparent);backdrop-filter:blur(18px)}
html[data-theme="dark"] .blog-site-header{border-color:var(--blog-line);background:color-mix(in srgb,var(--blog-bg) 90%,transparent)}
.blog-header-shell{width:min(1220px,calc(100% - 40px));min-height:72px;gap:15px}
.blog-header-divider{height:28px;background:var(--blog-line)}
.blog-header-title{line-height:1.08}.blog-header-title strong{font-family:inherit;font-size:1rem;font-weight:780;letter-spacing:-.015em}.blog-header-title small{margin-top:4px;color:var(--blog-muted);font-size:.64rem;font-weight:650;letter-spacing:.13em}
.blog-header-nav{gap:2px}.blog-header-nav a{padding:9px 12px;border-radius:11px;color:var(--blog-muted);font-size:.82rem;font-weight:650}.blog-header-nav a:hover{background:var(--blog-accent-soft);color:var(--blog-accent-strong)}
.blog-standalone-shell{width:min(1180px,calc(100% - 40px));padding:34px 0 76px}
.blog-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-bottom:22px;padding:40px 42px;border:1px solid var(--blog-line);border-radius:28px;background:linear-gradient(135deg,var(--blog-surface) 0%,var(--blog-accent-soft) 100%);box-shadow:var(--blog-shadow)}
.blog-masthead-copy{max-width:790px}.blog-kicker{color:var(--blog-accent-strong);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.blog-masthead h1{max-width:780px;margin:11px 0 14px;font-family:inherit;font-size:clamp(2.15rem,5vw,4rem);font-weight:780;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.blog-masthead p{max-width:690px;color:var(--blog-muted);font-size:1.02rem;line-height:1.65}
.blog-hero-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.blog-hero-points span{padding:7px 11px;border:1px solid color-mix(in srgb,var(--blog-accent) 22%,var(--blog-line));border-radius:999px;background:color-mix(in srgb,var(--blog-surface) 72%,transparent);color:var(--blog-muted);font-size:.74rem;font-weight:650}
.blog-masthead-actions{max-width:210px;display:grid;grid-template-columns:1fr;gap:9px}.blog-masthead-actions .btn{width:100%;justify-content:center;white-space:nowrap}
.blog-document .btn-primary,.article-document .btn-primary{border-color:var(--blog-accent);background:var(--blog-accent);color:#fff}.blog-document .btn-primary:hover,.article-document .btn-primary:hover{border-color:var(--blog-accent-strong);background:var(--blog-accent-strong)}
.blog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,370px);gap:22px;align-items:center;margin-bottom:28px;padding:14px 16px;border:1px solid var(--blog-line);border-radius:18px;background:var(--blog-surface)}
html[data-theme="dark"] .blog-toolbar{border-color:var(--blog-line)}
.blog-document .blog-tabs{gap:5px}.blog-document .blog-tabs .tab-btn{padding:9px 12px;border-radius:10px;color:var(--blog-muted);font-size:.79rem;font-weight:680}.blog-document .blog-tabs .tab-btn.active{background:var(--blog-accent-soft);color:var(--blog-accent-strong)}.blog-document .blog-tabs .tab-btn:hover:not(.active){background:var(--blog-surface-soft);color:var(--blog-text)}
html[data-theme="dark"] .blog-document .blog-tabs .tab-btn{color:var(--blog-muted)}html[data-theme="dark"] .blog-document .blog-tabs .tab-btn.active{background:var(--blog-accent-soft);color:var(--blog-accent-strong)}
.blog-search{grid-template-columns:1fr auto}.blog-search label{min-width:0}.blog-search .input{width:100%;border-color:var(--blog-line);background:var(--blog-bg);color:var(--blog-text)}html[data-theme="dark"] .blog-search .input{border-color:var(--blog-line);background:var(--blog-bg)}
.blog-lead-story{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);min-height:440px;margin:0 0 38px;overflow:hidden;border:1px solid var(--blog-line);border-radius:24px;background:var(--blog-surface);color:var(--blog-text);box-shadow:var(--blog-shadow)}
.blog-lead-media{position:relative;min-width:0}.blog-lead-cover{height:100%;min-height:440px;background:linear-gradient(135deg,#e8eaff,#eaf7f1)}.blog-lead-cover img{width:100%;height:100%;object-fit:cover}.blog-featured-label{position:absolute;left:18px;top:18px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.9);color:#555abb;font-size:.68rem;font-weight:800;box-shadow:0 8px 24px rgba(31,36,58,.12)}
.blog-lead-copy{padding:clamp(28px,4.5vw,52px);justify-content:center}.blog-lead-copy .blog-card-meta{color:var(--blog-muted)}.blog-lead-copy .blog-card-meta>span:first-child{color:var(--blog-accent-strong)}.blog-lead-copy h2{margin:16px 0 15px;font-family:inherit;font-size:clamp(1.8rem,3.6vw,3.25rem);font-weight:760;line-height:1.08;letter-spacing:-.04em}.blog-lead-copy h2 a{color:var(--blog-text)}.blog-lead-copy>p{color:var(--blog-muted);font-size:.97rem;line-height:1.68}
.blog-lead-footer{margin-top:27px;padding-top:19px;border-color:var(--blog-line)}.blog-lead-copy .blog-author{color:var(--blog-text)}.blog-lead-copy .blog-author>span{display:grid;gap:2px}.blog-lead-copy .blog-author small{color:var(--blog-muted);font-size:.65rem;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.blog-lead-copy .blog-author strong{font-size:.8rem}.blog-read-link{display:inline-flex;align-items:center;gap:8px;color:var(--blog-accent-strong);font-size:.82rem;font-weight:760}.blog-read-link span{transition:transform .16s}.blog-read-link:hover span{transform:translateX(3px)}
.blog-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.blog-feed{min-width:0}.blog-section-title{align-items:flex-end;margin-bottom:18px}.blog-section-title span{color:var(--blog-accent-strong);font-size:.68rem}.blog-section-title h2{margin-top:5px;font-family:inherit;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:760;letter-spacing:-.035em}.blog-section-title p{margin:6px 0 0;color:var(--blog-muted);font-size:.84rem}.blog-section-title>strong{font-family:inherit;color:var(--blog-muted);font-size:1.7rem;font-weight:720}
.blog-document .blog-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-document .blog-card{overflow:hidden;border:1px solid var(--blog-line);border-radius:18px;background:var(--blog-surface);box-shadow:0 8px 28px rgba(44,50,76,.045);transition:transform .18s,border-color .18s,box-shadow .18s}.blog-document .blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--blog-accent) 45%,var(--blog-line));box-shadow:0 15px 38px rgba(44,50,76,.09)}
.blog-document .blog-card-cover{margin:0;border-radius:0}.blog-card-cover-empty{display:grid;align-content:center;gap:5px;background:linear-gradient(135deg,var(--blog-accent-soft),var(--blog-mint));color:var(--blog-accent-strong)}.blog-card-cover-empty span{font-size:2rem;font-weight:850;letter-spacing:-.05em}.blog-card-cover-empty small{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blog-document .blog-card-body{gap:11px;padding:16px 17px 17px}.blog-document .blog-card-meta{font-size:.68rem}.blog-document .blog-card-meta>span:first-child{padding:4px 7px;border-radius:7px;background:var(--blog-accent-soft);color:var(--blog-accent-strong)}.blog-document .blog-card h3{font-family:inherit;font-size:1.08rem;font-weight:740;line-height:1.35;letter-spacing:-.018em}.blog-document .blog-card p{color:var(--blog-muted);font-size:.82rem;line-height:1.56}.blog-document .blog-card-footer{padding-top:12px;border-color:var(--blog-line);font-size:.67rem}.blog-card-stats{white-space:nowrap}.blog-author-avatar{background:var(--blog-accent-soft);color:var(--blog-accent-strong)}
.blog-sidebar{position:sticky;top:94px;display:grid;gap:16px}.blog-sidebar-card{padding:19px;border:1px solid var(--blog-line);border-radius:18px;background:var(--blog-surface)}.blog-sidebar-heading{display:grid;gap:4px;margin-bottom:13px}.blog-sidebar-heading span{color:var(--blog-accent-strong);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-sidebar-heading strong{font-size:1.05rem}.blog-category-list{display:grid;gap:7px}.blog-category-link{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:12px}.blog-category-link:hover,.blog-category-link.active{background:var(--blog-surface-soft)}.blog-category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--blog-accent-soft);color:var(--blog-accent-strong);font-weight:800}.blog-category-link>span:nth-child(2){display:grid;gap:2px}.blog-category-link strong{font-size:.79rem}.blog-category-link small{display:-webkit-box;overflow:hidden;color:var(--blog-muted);font-size:.66rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-category-link b{color:var(--blog-muted);font-weight:600}
.blog-popular-list{display:grid}.blog-popular-list>a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--blog-line)}.blog-popular-list>a:first-child{border-top:0;padding-top:2px}.blog-popular-list>a>span{color:var(--blog-accent-strong);font-size:.75rem;font-weight:820}.blog-popular-list div{display:grid;gap:4px}.blog-popular-list strong{font-size:.77rem;line-height:1.4}.blog-popular-list small{color:var(--blog-muted);font-size:.64rem}
.blog-author-cta{background:linear-gradient(145deg,var(--blog-accent-soft),var(--blog-mint))}.blog-author-cta h3{margin:7px 0 7px;font-size:1.2rem}.blog-author-cta p{margin:0 0 15px;color:var(--blog-muted);font-size:.78rem;line-height:1.55}.blog-author-cta .btn{width:100%;justify-content:center}
.blog-feed-finished{display:grid;gap:4px;padding:24px;border:1px dashed var(--blog-line);border-radius:16px;color:var(--blog-muted);text-align:center}.blog-feed-finished strong{color:var(--blog-text);font-size:.9rem}.blog-feed-finished span{font-size:.77rem}
.blog-empty-state{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;padding:34px;border:1px solid var(--blog-line);border-radius:24px;background:var(--blog-surface);box-shadow:var(--blog-shadow)}.blog-empty-visual{aspect-ratio:1;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--blog-accent-soft),var(--blog-mint));color:var(--blog-accent-strong)}.blog-empty-visual span{font-size:3.2rem;font-weight:850;letter-spacing:-.08em}.blog-empty-state h2{margin:7px 0 8px;font-size:1.8rem}.blog-empty-state p{max-width:560px;margin:0 0 17px;color:var(--blog-muted);line-height:1.6}
.blog-disabled{border:1px solid var(--blog-line);border-radius:24px;background:var(--blog-surface);box-shadow:var(--blog-shadow)}.blog-disabled h1{font-family:inherit;font-size:2.4rem;font-weight:760}.blog-disabled p{color:var(--blog-muted)}
.blog-site-footer{border-color:var(--blog-line);background:var(--blog-surface)}html[data-theme="dark"] .blog-site-footer{border-color:var(--blog-line);background:var(--blog-surface)}.blog-footer-shell{width:min(1180px,calc(100% - 40px));padding:30px 0}.blog-footer-shell p{color:var(--blog-muted);font-size:.82rem}.blog-site-footer .footer-links a{color:var(--blog-muted);font-size:.8rem}.blog-site-footer .footer-links a:hover{color:var(--blog-accent-strong)}

/* Article */
.article-progress{position:fixed;left:0;right:0;top:0;z-index:100;height:3px;background:transparent}.article-progress span{display:block;width:0;height:100%;background:var(--blog-accent);transition:width .08s linear}
.article-journal-shell{width:min(1120px,calc(100% - 40px));padding:26px 0 78px}.article-breadcrumb{margin-bottom:24px;color:var(--blog-muted);font-size:.72rem;font-weight:650;letter-spacing:0;text-transform:none}.article-breadcrumb a:hover{color:var(--blog-accent-strong)}html[data-theme="dark"] .article-breadcrumb{color:var(--blog-muted)}
.article-story-header{width:min(900px,100%);padding:25px 0 30px;text-align:left}.article-story-meta{justify-content:flex-start;color:var(--blog-muted);font-size:.72rem}.article-section-label{padding:5px 8px;border-radius:8px;background:var(--blog-accent-soft);color:var(--blog-accent-strong);font-weight:760;letter-spacing:0;text-transform:none}.article-story-header h1{max-width:880px;margin:18px 0 16px;font-family:inherit;font-size:clamp(2.2rem,5.2vw,4.4rem);font-weight:780;line-height:1.07;letter-spacing:-.048em;text-wrap:balance}.article-lead{max-width:800px;margin:0;color:var(--blog-muted);font-family:inherit;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65;text-wrap:pretty}html[data-theme="dark"] .article-lead{color:var(--blog-muted)}
.article-byline{justify-content:flex-start;margin-top:26px;padding-top:20px;border-color:var(--blog-line)}html[data-theme="dark"] .article-byline{border-color:var(--blog-line)}.article-author-avatar{background:var(--blog-accent-soft);color:var(--blog-accent-strong)}.article-author small{color:var(--blog-muted)}.article-byline-stats{color:var(--blog-muted)}.article-byline-stats span+span{border-color:var(--blog-line)}
.article-cover{width:100%;margin:8px auto 34px;border:1px solid var(--blog-line);border-radius:22px;background:var(--blog-surface);box-shadow:var(--blog-shadow)}html[data-theme="dark"] .article-cover{border-color:var(--blog-line);background:var(--blog-surface)}.article-cover-button{aspect-ratio:16/8.3;min-height:0}.article-cover img{width:100%;height:100%;max-height:none;object-fit:cover}
.article-reading-layout{grid-template-columns:230px minmax(0,760px);justify-content:center;gap:36px}.article-reading-info{top:96px;gap:13px;padding:0;color:var(--blog-muted)}.article-info-card,.article-toc{padding:17px;border:1px solid var(--blog-line);border-radius:16px;background:var(--blog-surface)}.article-info-card>span,.article-toc>span{display:block;margin-bottom:12px;color:var(--blog-accent-strong);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-info-card dl{display:grid;gap:9px;margin:0}.article-info-card dl>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--blog-line)}.article-info-card dt{color:var(--blog-muted)}.article-info-card dd{margin:0;color:var(--blog-text);font-weight:700}.article-info-card a{color:var(--blog-accent-strong)}.article-share-button{width:100%;margin-top:13px;padding:9px 10px;border:1px solid var(--blog-line);border-radius:10px;background:var(--blog-surface-soft);color:var(--blog-text);font:inherit;font-size:.7rem;font-weight:700;cursor:pointer}.article-share-button:hover{border-color:var(--blog-accent);color:var(--blog-accent-strong)}
.article-toc div{display:grid;gap:8px}.article-toc a{color:var(--blog-muted);font-size:.72rem;line-height:1.35}.article-toc a:hover{color:var(--blog-accent-strong)}.article-toc a.sub{padding-left:10px;font-size:.68rem}.article-back-link{padding:2px 4px;color:var(--blog-accent-strong)!important;font-size:.72rem}
.article-content-card{min-width:0;padding:38px 42px;border:1px solid var(--blog-line);border-radius:20px;background:var(--blog-surface);box-shadow:0 12px 38px rgba(45,51,78,.06)}.article-content{padding:0;color:var(--blog-text);font-family:inherit;font-size:1.02rem;line-height:1.82}html[data-theme="dark"] .article-content{color:var(--blog-text)}.article-content>p:first-child::first-letter{float:none;margin:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.article-content p{margin:0 0 1.35em}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:96px;color:var(--blog-text);font-family:inherit;letter-spacing:-.03em}.article-content h2{margin:2em 0 .7em;font-size:clamp(1.55rem,2.7vw,2.05rem)}.article-content h3{font-size:1.32rem}.article-content h4{font-size:1.08rem}.article-content li::marker{color:var(--blog-accent)}.article-content blockquote{margin:1.8em 0;padding:18px 20px;border:0;border-radius:14px;background:var(--blog-accent-soft);color:var(--blog-text);font-size:1.05rem;font-style:normal;line-height:1.7}html[data-theme="dark"] .article-content blockquote{color:var(--blog-text)}.article-content hr{background:var(--blog-line)}.article-content code{background:var(--blog-surface-soft)}
.article-related{margin-top:60px;padding-top:30px;border-top:1px solid var(--blog-line)}html[data-theme="dark"] .article-related{border-color:var(--blog-line)}.article-related-grid{gap:18px}.article-related .blog-card{border:1px solid var(--blog-line);border-radius:18px;background:var(--blog-surface)}
.article-document .blog-card{overflow:hidden}.article-document .blog-card-body{padding:15px}.article-document .blog-card h3{font-family:inherit;font-size:1rem}.article-document .blog-card p{color:var(--blog-muted)}.article-document .blog-card-footer{border-color:var(--blog-line)}

@media(max-width:1000px){
  .blog-content-layout{grid-template-columns:1fr}.blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-author-cta{grid-column:1/-1}.blog-toolbar{grid-template-columns:1fr}.blog-lead-story{grid-template-columns:1fr}.blog-lead-cover{min-height:340px}.blog-document .blog-journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-reading-layout{grid-template-columns:1fr}.article-reading-info{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.article-back-link{grid-column:1/-1}.article-info-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.article-info-card dl>div{display:grid;padding:9px;border:1px solid var(--blog-line);border-radius:10px}.article-info-card{grid-column:1/-1}.article-toc{grid-column:1/-1}.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .blog-header-shell{width:min(100% - 22px,1180px);min-height:62px}.blog-header-brand .site-logo{max-width:86px}.blog-header-title strong{font-size:.9rem}.blog-standalone-shell{width:min(100% - 24px,1180px);padding:20px 0 48px}.blog-masthead{display:block;padding:25px 20px;border-radius:20px}.blog-masthead h1{font-size:2.25rem}.blog-masthead p{font-size:.92rem}.blog-masthead-actions{max-width:none;grid-template-columns:1fr 1fr;margin-top:23px}.blog-toolbar{padding:12px;border-radius:15px}.blog-search{grid-template-columns:1fr}.blog-lead-story{min-height:0;border-radius:19px}.blog-lead-cover{min-height:220px}.blog-lead-copy{padding:23px 19px}.blog-lead-copy h2{font-size:1.8rem}.blog-lead-footer{align-items:flex-start;display:grid}.blog-document .blog-journal-grid{grid-template-columns:1fr}.blog-sidebar{grid-template-columns:1fr}.blog-author-cta{grid-column:auto}.blog-section-title{align-items:flex-start}.blog-section-title>strong{font-size:1.35rem}.blog-empty-state{grid-template-columns:1fr;padding:22px}.blog-empty-visual{max-width:130px}.blog-footer-shell{width:min(100% - 24px,1180px)}
  .article-journal-shell{width:min(100% - 24px,1120px);padding:18px 0 50px}.article-story-header{padding:10px 0 24px}.article-story-header h1{font-size:clamp(2rem,10.5vw,3.25rem)}.article-byline{gap:13px}.article-byline-stats{width:100%;display:grid;gap:4px}.article-byline-stats span+span{padding-left:0;border-left:0}.article-cover{margin-bottom:24px;border-radius:16px}.article-cover-button{aspect-ratio:16/10}.article-reading-info{grid-template-columns:1fr}.article-info-card dl{grid-template-columns:1fr 1fr}.article-info-card dl>div:first-child{grid-column:1/-1}.article-content-card{padding:25px 19px;border-radius:16px}.article-content{font-size:.98rem;line-height:1.76}.article-content h2{font-size:1.52rem}.article-content blockquote{padding:15px}.article-related{margin-top:45px}.article-related-grid{grid-template-columns:1fr}.article-related .blog-section-title{display:grid}.article-related .blog-read-link{justify-self:start}
}
.blog-logo-fallback{align-items:center;gap:8px;color:var(--blog-text)}.blog-logo-fallback b{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--blog-accent);color:#fff;font-size:1rem}.blog-logo-fallback strong{font-size:1rem;letter-spacing:-.02em}
@media(max-width:700px){.blog-logo-fallback strong{display:none}}

/* Blog publishing studio and configurable blog cover — v12.12.4 */
.blog-masthead{position:relative;isolation:isolate;overflow:hidden}
.blog-masthead-overlay{position:absolute;z-index:-1;inset:0;pointer-events:none}
.blog-masthead.has-cover{min-height:430px;align-content:end;border-color:rgba(255,255,255,.28);background-image:var(--blog-hero-image);background-position:var(--blog-hero-position,center) center;background-size:cover;color:#fff;box-shadow:0 22px 60px rgba(38,42,65,.18)}
.blog-masthead.has-cover .blog-masthead-overlay{background:linear-gradient(90deg,rgba(24,27,39,.84) 0%,rgba(24,27,39,.58) 52%,rgba(24,27,39,.2) 100%)}
.blog-masthead.has-cover .blog-masthead-copy,.blog-masthead.has-cover .blog-masthead-actions{position:relative;z-index:1}
.blog-masthead.has-cover .blog-kicker{color:#d9dcff}.blog-masthead.has-cover p{color:rgba(255,255,255,.86)}
.blog-masthead.has-cover .blog-hero-points span{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);backdrop-filter:blur(8px)}
.blog-masthead.has-cover .blog-masthead-actions .btn:not(.btn-primary){border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}
.blog-masthead.has-cover .blog-masthead-actions .btn:not(.btn-primary):hover{background:rgba(255,255,255,.2)}

.admin-blog-hero-editor{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:24px;margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface-2)}
.admin-blog-hero-media{display:grid;align-content:start;gap:12px}.admin-blog-hero-media>small{color:var(--muted);font-size:.78rem;line-height:1.5}
.admin-blog-hero-preview{aspect-ratio:16/6.4;min-height:190px;display:grid;place-items:center;overflow:hidden;border:1px dashed color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:15px;background:linear-gradient(135deg,var(--brand-soft),var(--surface));color:var(--muted);text-align:center}
.admin-blog-hero-preview>div{display:grid;gap:5px}.admin-blog-hero-preview strong{color:var(--text);font-size:1rem}.admin-blog-hero-preview span{font-size:.78rem}.admin-blog-hero-preview.has-image{border-style:solid}.admin-blog-hero-preview img{width:100%;height:100%;object-fit:cover}
.admin-blog-hero-fields{display:grid;grid-template-columns:1fr 190px;gap:0 14px}.admin-blog-hero-fields .form-group:nth-child(1),.admin-blog-hero-fields .form-group:nth-child(2),.admin-blog-hero-fields .form-group:nth-child(3){grid-column:1/-1}.admin-blog-hero-fields .textarea{min-height:82px}
.admin-file-button{position:relative;overflow:hidden}.admin-publish-status{display:inline-flex;padding:3px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.62rem;font-weight:800}.admin-publish-status.is-published{background:var(--brand-soft);color:var(--brand-strong)}.admin-publish-status.is-draft{background:color-mix(in srgb,var(--warning) 15%,var(--surface));color:var(--warning)}

.blog-compose-shell{width:min(1480px,calc(100% - 32px));margin:20px auto 70px}.compose-breadcrumb{margin-left:4px}.blog-compose-form{display:grid;gap:17px}
.compose-topbar{position:sticky;top:79px;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 18px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 32px rgba(25,39,57,.07);backdrop-filter:blur(18px)}
.compose-topbar>div:first-child{display:grid;gap:2px}.compose-topbar h1{margin:0;font-size:1.2rem;letter-spacing:-.02em}.compose-topbar small{color:var(--muted);font-size:.72rem}.compose-kicker{color:var(--brand-strong);font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.compose-topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.compose-draft-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:var(--text)}.compose-draft-notice>div:first-child{display:grid;gap:2px}.compose-draft-notice span{color:var(--muted);font-size:.8rem}
.compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.compose-main{min-width:0;display:grid;gap:18px}.compose-sidebar{position:sticky;top:173px;display:grid;gap:14px}
.compose-card,.compose-side-card,.rich-editor-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 26px rgba(25,39,57,.045)}.compose-card{padding:23px}.compose-side-card{padding:17px}.compose-side-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:15px}.compose-side-heading strong{font-size:.96rem}.compose-side-heading span{color:var(--muted);font-size:.68rem}
.compose-title-field,.compose-excerpt-field{display:grid;position:relative}.compose-title-field textarea,.compose-excerpt-field textarea{width:100%;border:0;background:transparent;outline:0;resize:none;color:var(--text)}.compose-title-field textarea{min-height:105px;padding:0 34px 15px 0;font-size:clamp(2rem,4.5vw,4.1rem);font-weight:780;line-height:1.06;letter-spacing:-.045em}.compose-title-field textarea::placeholder{color:color-mix(in srgb,var(--muted) 56%,transparent)}.compose-title-field small,.compose-excerpt-field small{position:absolute;right:0;bottom:4px;color:var(--muted);font-size:.65rem}.compose-excerpt-field{padding-top:17px;border-top:1px solid var(--line)}.compose-excerpt-field>span{margin-bottom:6px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.compose-excerpt-field textarea{min-height:84px;padding-right:40px;font-size:1rem;line-height:1.6}
.rich-editor-card{min-width:0;overflow:clip}.rich-editor-toolbar{position:sticky;top:171px;z-index:20;display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px)}.rich-toolbar-group{display:flex;gap:4px;align-items:center;padding-right:7px;border-right:1px solid var(--line)}.rich-toolbar-group:last-of-type{border-right:0}.rich-editor-toolbar button,.rich-editor-toolbar select,.rich-media-tools button{min-height:34px;border:1px solid transparent;border-radius:8px;background:transparent;padding:6px 9px;color:var(--text);font-size:.72rem;font-weight:720}.rich-editor-toolbar button:hover,.rich-editor-toolbar select:hover,.rich-media-tools button:hover{border-color:var(--line);background:var(--surface-2)}.rich-block-select{max-width:145px}.rich-toolbar-history{margin-left:auto}
.rich-media-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));background:var(--brand-soft)}.rich-media-tools>span{margin-right:5px;color:var(--brand-strong);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.rich-media-tools button{border-color:color-mix(in srgb,var(--brand) 25%,var(--line));background:var(--surface)}
.rich-editor-canvas{min-height:720px;padding:clamp(28px,5vw,64px);outline:0;background:var(--surface);font-family:inherit!important}.rich-editor-canvas:empty::before{content:attr(data-placeholder);color:var(--muted)}.rich-editor-canvas.is-dragging{box-shadow:inset 0 0 0 3px var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.rich-editor-canvas figure.is-selected{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:4px}.rich-editor-footer{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:.7rem}.rich-editor-footer>div{display:flex;gap:13px;flex-wrap:wrap}.rich-editor-footer strong{color:var(--text)}
.compose-slug-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow:hidden}.compose-slug-field>span{padding-left:10px;color:var(--muted);font-size:.72rem}.compose-slug-field .input{border:0;box-shadow:none;background:transparent;padding-left:2px}.compose-side-card .form-group>span{font-size:.78rem;font-weight:760}.compose-side-card .form-group small{color:var(--muted);font-size:.69rem}
.compose-cover-preview{aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;border:1px dashed var(--line);border-radius:13px;background:var(--surface-2);text-align:center;color:var(--muted)}.compose-cover-preview>div{display:grid;gap:4px}.compose-cover-preview strong{color:var(--text);font-size:.84rem}.compose-cover-preview span{font-size:.68rem}.compose-cover-preview.has-image{border-style:solid}.compose-cover-preview img{width:100%;height:100%;object-fit:cover}.compose-cover-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 15px}.compose-cover-actions .btn{justify-content:center;text-align:center}
.compose-seo-card summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.compose-seo-card summary::-webkit-details-marker{display:none}.compose-seo-card summary span{color:var(--muted);font-size:.68rem}.compose-seo-card[open] summary{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.compose-checklist ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.compose-checklist li{position:relative;padding-left:23px;color:var(--muted);font-size:.76rem}.compose-checklist li::before{content:"";position:absolute;left:0;top:.16em;width:14px;height:14px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2)}.compose-checklist li.is-ready{color:var(--text)}.compose-checklist li.is-ready::before{border-color:var(--brand);background:var(--brand);box-shadow:inset 0 0 0 3px var(--surface)}

.article-content .text-align-left{text-align:left}.article-content .text-align-center{text-align:center}.article-content .text-align-right{text-align:right}.article-content .text-align-justify{text-align:justify}
.article-content mark,.article-highlight{padding:.08em .25em;border-radius:.25em;background:#fff0a8;color:inherit}html[data-theme="dark"] .article-content mark,html[data-theme="dark"] .article-highlight{background:#655a25;color:#fff7c7}
.article-content a{color:var(--blog-accent-strong,var(--brand-strong));text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}.article-content a:hover{opacity:.8}
.article-content pre,.article-code-block{max-width:100%;overflow:auto;margin:1.7em 0;padding:18px 20px;border:1px solid var(--blog-line,var(--line));border-radius:13px;background:#171b24;color:#edf2ff;font:500 .88rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.article-content .article-callout{margin:1.7em 0;padding:17px 19px;border:1px solid var(--blog-line,var(--line));border-left:4px solid var(--blog-accent,var(--brand));border-radius:13px;background:var(--blog-surface-soft,var(--surface-2))}.article-content .article-callout p{margin:.45em 0}.article-content .callout-info{border-left-color:#5d78d6;background:color-mix(in srgb,#5d78d6 9%,var(--blog-surface,var(--surface)))}.article-content .callout-warning{border-left-color:#d89731;background:color-mix(in srgb,#d89731 10%,var(--blog-surface,var(--surface)))}.article-content .callout-success{border-left-color:#2f9970;background:color-mix(in srgb,#2f9970 9%,var(--blog-surface,var(--surface)))}.article-content .callout-danger{border-left-color:#cf5e5e;background:color-mix(in srgb,#cf5e5e 9%,var(--blog-surface,var(--surface)))}
.article-content figure.article-media{width:100%;max-width:100%;margin:2em auto;clear:both}.article-content figure.article-media.media-small{width:min(480px,100%)}.article-content figure.article-media.media-wide{width:100%}.article-content figure.article-media.media-full{width:min(1080px,calc(100vw - 48px));max-width:none;margin-left:50%;transform:translateX(-50%)}.article-content figure.article-media.media-left{margin-left:0;margin-right:auto}.article-content figure.article-media.media-center{margin-left:auto;margin-right:auto}.article-content figure.article-media.media-right{margin-left:auto;margin-right:0}.article-content figure.article-media img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border:1px solid var(--blog-line,var(--line));border-radius:15px;background:var(--blog-surface-soft,var(--surface-2));cursor:zoom-in}.article-content figcaption{margin-top:9px;color:var(--blog-muted,var(--muted));font-size:.75rem;line-height:1.45;text-align:center}
.article-content .article-table-wrap{width:100%;overflow-x:auto;margin:1.8em 0;border:1px solid var(--blog-line,var(--line));border-radius:13px}.article-content table{width:100%;min-width:560px;border-collapse:collapse;background:var(--blog-surface,var(--surface));font-size:.88rem}.article-content th,.article-content td{padding:11px 13px;border-right:1px solid var(--blog-line,var(--line));border-bottom:1px solid var(--blog-line,var(--line));text-align:left;vertical-align:top}.article-content th{background:var(--blog-surface-soft,var(--surface-2));font-weight:800}.article-content tr:last-child td{border-bottom:0}.article-content th:last-child,.article-content td:last-child{border-right:0}
.article-cover figcaption{padding:10px 14px;color:var(--blog-muted);font-size:.72rem;text-align:center}.article-draft-notice{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--blog-line));border-radius:13px;background:color-mix(in srgb,var(--warning) 9%,var(--blog-surface));font-size:.78rem}.article-draft-notice span{color:var(--blog-muted)}.article-draft-notice .btn{margin-left:auto}.article-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--blog-line)}.article-tags a{padding:6px 9px;border-radius:999px;background:var(--blog-surface-soft);color:var(--blog-accent-strong);font-size:.72rem;font-weight:700}

.rich-preview-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:26px}.rich-preview-modal[hidden]{display:none}.rich-preview-backdrop{position:absolute;inset:0;background:rgba(11,15,22,.72);backdrop-filter:blur(8px)}.rich-preview-dialog{position:relative;width:min(1040px,100%);max-height:calc(100vh - 52px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.28)}.rich-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border-bottom:1px solid var(--line);background:var(--surface-2)}.rich-preview-dialog>header>div{display:grid;gap:2px}.rich-preview-dialog>header span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.rich-preview-dialog>header strong{font-size:.9rem}.rich-preview-scroll{overflow:auto;padding:30px}.rich-preview-article{width:min(760px,100%);margin:auto}.rich-preview-article>h1{margin:14px 0;font-size:clamp(2.1rem,5vw,3.7rem);line-height:1.08;letter-spacing:-.045em}.rich-preview-article .article-content{margin-top:30px}.modal-open{overflow:hidden}

@media(max-width:1180px){.compose-layout{grid-template-columns:minmax(0,1fr) 300px}.rich-editor-toolbar{top:169px}.admin-blog-hero-editor{grid-template-columns:1fr}.admin-blog-hero-preview{min-height:250px}}
@media(max-width:960px){.compose-layout{grid-template-columns:1fr}.compose-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.compose-sidebar>.compose-side-card:first-child,.compose-sidebar>.compose-checklist{grid-column:1/-1}.rich-editor-toolbar{top:169px}.admin-blog-hero-fields{grid-template-columns:1fr}.admin-blog-hero-fields>*{grid-column:1!important}}
@media(max-width:700px){.blog-masthead.has-cover{min-height:420px;padding-top:100px;background-position:var(--blog-hero-position,center) center}.blog-masthead.has-cover .blog-masthead-overlay{background:linear-gradient(0deg,rgba(24,27,39,.9) 0%,rgba(24,27,39,.58) 67%,rgba(24,27,39,.28) 100%)}.admin-blog-hero-editor{padding:13px}.admin-blog-hero-preview{min-height:170px}.blog-compose-shell{width:min(100% - 18px,1480px);margin-top:12px}.compose-topbar{position:static;display:grid;padding:13px}.compose-topbar-actions{display:grid;grid-template-columns:1fr 1fr}.compose-topbar-actions .btn{min-width:0;padding-inline:8px}.compose-topbar-actions .btn-primary{grid-column:1/-1}.compose-layout{gap:12px}.compose-card{padding:17px}.compose-title-field textarea{min-height:92px;font-size:2.1rem}.compose-sidebar{grid-template-columns:1fr}.compose-sidebar>*{grid-column:1!important}.rich-editor-toolbar{position:static;flex-wrap:nowrap;overflow-x:auto;align-items:stretch;padding:8px}.rich-toolbar-group{flex:0 0 auto}.rich-toolbar-history{margin-left:0}.rich-editor-canvas{min-height:560px;padding:27px 18px}.rich-editor-footer{display:grid}.rich-media-tools{overflow-x:auto;flex-wrap:nowrap}.rich-media-tools>*{flex:0 0 auto}.compose-draft-notice{display:grid}.article-content figure.article-media.media-full{width:calc(100vw - 24px)}.article-draft-notice{align-items:flex-start;display:grid}.article-draft-notice .btn{margin-left:0}.rich-preview-modal{padding:0}.rich-preview-dialog{width:100%;height:100%;max-height:none;border-radius:0}.rich-preview-scroll{padding:22px 16px}}

/* GGdeal 12.12.8: footer, admin content controls and legal pages */
.footer-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.footer-logo{display:block;width:auto;height:36px;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.58;transition:filter .2s ease,opacity .2s ease,transform .2s ease}
.footer-brand:hover .footer-logo,.footer-brand:focus-visible .footer-logo{filter:grayscale(0);opacity:1;transform:translateY(-1px)}
.footer-telegram-link{display:inline-flex!important;align-items:center;gap:7px}
.footer-telegram-link svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.blog-site-footer .footer-logo{height:34px}
.admin-featured-products{display:grid;gap:10px;margin:16px 0}
.admin-featured-product-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.admin-featured-product-row small{display:block;color:var(--muted);margin-top:2px}
.admin-featured-product-order{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);font-weight:850}
.admin-contact-settings{display:grid;gap:18px}
.crypto-rate-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.crypto-rate-editor{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.crypto-rate-editor span{display:grid;min-width:0}.crypto-rate-editor small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crypto-rate-editor .input{background:var(--surface)}
.legal-document{gap:0!important;padding:clamp(20px,4vw,38px)!important}
.legal-document-head{padding-bottom:22px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.legal-document-head .page-title{margin:12px 0 8px;font-size:clamp(1.7rem,4vw,2.35rem)}
.legal-document-head small{display:block;color:var(--muted);margin-top:12px}
.legal-document section{padding:8px 0 2px}
.legal-document h2{font-size:1.22rem;margin-top:26px}
.legal-document h3{font-size:1rem;margin:18px 0 5px}
.legal-document a{color:var(--brand-strong);text-decoration:underline;text-underline-offset:3px}
.contact-card{transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.contact-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}
@media(max-width:980px){.crypto-rate-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.footer-logo{height:31px}.admin-featured-product-row{grid-template-columns:34px minmax(0,1fr)}.admin-featured-product-row>.row{grid-column:1/-1}.crypto-rate-editor-grid{grid-template-columns:1fr}.crypto-rate-editor{grid-template-columns:minmax(0,1fr) 130px}}