:root {
    --ink:#10283a;
    --muted:#657784;
    --line:#e6edf1;
    --paper:#fff;
    --soft:#f7f9fa;
    --red:#ff5a5f;
    --red2:#e43f44;
    --teal:#0e6170;
    --teal2:#073f49;
    --gold:#e9a73c;
    --green:#3f7c57;
    --shadow:0 16px 50px rgba(16,40,58,.09);
    --radius:22px
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body {
    margin:0;
    background:#fff;
    color:var(--ink);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:16px;
    line-height:1.5
}

a {
    color:inherit;
    text-decoration:none
}

img {
    max-width:100%;
    display:block
}

button,input,select,textarea {
    font:inherit
}

.trustbar {
    min-height:36px;
    padding:8px 3.2vw;
    background:#f4f7f9;
    border-bottom:1px solid var(--line);
    display:flex;
    gap:26px;
    align-items:center;
    justify-content:center;
    font-size:12px;
    color:#395465;
    white-space:nowrap;
    overflow:auto
}

.site-header {
    display:grid;
    grid-template-columns:auto minmax(300px,1fr) auto;
    gap:28px;
    align-items:center;
    padding:16px 3.3vw;
    background:#fff;
    position:sticky;
    top:0;
    z-index:40;
    box-shadow:0 3px 20px rgba(16,40,58,.05)
}

.brand {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:245px
}

.brand-mark {
    width:52px;
    height:52px;
    border-radius:18px;
    background:linear-gradient(145deg,#0c6673,#103244);
    display:grid;
    place-items:center;
    font-size:27px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)
}

.brand b {
    font-family:Georgia,serif;
    font-size:28px;
    letter-spacing:-1px;
    display:block
}

.brand b span {
    color:var(--red)
}

.brand small {
    font-size:11px;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:var(--teal)
}

.search {
    height:48px;
    display:grid;
    grid-template-columns:1fr auto;
    border:1px solid #dbe5ea;
    border-radius:12px;
    overflow:hidden;
    background:#fff
}

.search input {
    border:0;
    outline:0;
    padding:0 17px;
    color:var(--ink)
}

.search button {
    border:0;
    padding:0 22px;
    background:var(--red);
    color:#fff;
    font-weight:800;
    cursor:pointer
}

.header-actions {
    display:flex;
    align-items:center;
    gap:18px;
    font-size:13px;
    font-weight:700
}

.sell-btn {
    background:var(--red);
    color:#fff;
    padding:12px 16px;
    border-radius:9px
}

.mainnav {
    display:flex;
    gap:0;
    background:#16394a;
    color:#fff;
    padding:0 3.2vw;
    overflow:auto;
    white-space:nowrap
}

.mainnav a {
    padding:13px 18px;
    font-size:13px;
    border-right:1px solid rgba(255,255,255,.08)
}

.mainnav a:hover {
    background:#0d6070
}

.flash {
    margin:14px auto;
    padding:12px 16px;
    max-width:1200px;
    border-radius:12px;
    font-size:14px
}

.flash.success {
    background:#e9f8ef;
    color:#246742;
    border:1px solid #c9ebd6
}

.flash.error {
    background:#fff0f0;
    color:#a3262a;
    border:1px solid #ffd0d2
}

.hero {
    min-height:520px;
    display:grid;
    grid-template-columns:1.05fr .95fr;
    align-items:center;
    padding:52px 4vw;
    background:radial-gradient(circle at 73% 26%,rgba(232,167,60,.20),transparent 28%),radial-gradient(circle at 87% 72%,rgba(14,97,112,.12),transparent 30%),linear-gradient(105deg,#fff 0%,#fffaf4 45%,#f4fbfd 100%);
    overflow:hidden
}

.hero-copy {
    max-width:760px
}

.eyebrow,.kicker {
    font-size:11px;
    letter-spacing:.22em;
    font-weight:900;
    color:var(--teal);
    text-transform:uppercase
}

.hero h1,.page-hero h1 {
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(44px,5vw,76px);
    line-height:1.01;
    margin:14px 0 18px;
    letter-spacing:-2px
}

.hero h1 span {
    color:var(--red)
}

.hero p {
    font-size:18px;
    color:#506775;
    max-width:720px
}

.cta-row {
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin:28px 0
}

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:10px;
    padding:13px 20px;
    font-weight:800;
    cursor:pointer;
    min-height:46px
}

.btn.primary {
    background:var(--red);
    color:#fff;
    box-shadow:0 10px 20px rgba(228,63,68,.18)
}

.btn.primary:hover {
    background:var(--red2)
}

.btn.ghost {
    border:1px solid #aac0cb;
    background:#fff;
    color:var(--ink)
}

.mini-trust {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    color:#35566a;
    font-size:12px;
    font-weight:700
}

.hero-visual {
    height:430px;
    display:grid;
    place-items:center;
    position:relative
}

.visual-orbit {
    width:min(460px,90%);
    aspect-ratio:1;
    border-radius:50%;
    background:linear-gradient(145deg,#ffffff,#f5efe5);
    box-shadow:0 30px 80px rgba(37,59,72,.15),inset 0 0 0 1px rgba(16,40,58,.05);
    position:relative;
    display:grid;
    place-items:center
}

.visual-orbit:before {
    content:"";
    position:absolute;
    inset:11%;
    border:1px dashed rgba(14,97,112,.28);
    border-radius:50%
}

.bowl {
    font-size:145px;
    filter:drop-shadow(0 16px 12px rgba(16,40,58,.12))
}

.chip {
    position:absolute;
    background:#fff;
    border:1px solid var(--line);
    border-radius:999px;
    padding:10px 14px;
    box-shadow:var(--shadow);
    font-size:12px;
    font-weight:800
}

.c1 {
    top:6%;
    left:10%
}

.c2 {
    top:20%;
    right:-4%
}

.c3 {
    bottom:12%;
    right:2%
}

.c4 {
    bottom:2%;
    left:11%
}

.icon-strip {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    padding:0 3vw;
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line)
}

.icon-strip>div {
    padding:18px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    border-right:1px solid var(--line)
}

.icon-strip b {
    font-size:16px;
    color:var(--teal)
}

.icon-strip span {
    font-size:12px;
    color:var(--muted)
}

.section {
    padding:54px 3.2vw;
    max-width:1600px;
    margin:auto
}

.section.soft {
    max-width:none;
    background:#f8fafb
}

.section-head {
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:22px
}

.section-head h1,.section-head h2 {
    font-family:Georgia,serif;
    margin:5px 0 0;
    font-size:34px
}

.section-head>a {
    color:var(--red);
    font-weight:800;
    font-size:13px
}

.category-grid {
    display:grid;
    grid-template-columns:repeat(8,1fr);
    gap:13px
}

.category-card {
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px 12px;
    background:#fff;
    text-align:center;
    transition:.2s;
    box-shadow:0 6px 20px rgba(16,40,58,.03)
}

.category-card:hover {
    transform:translateY(-4px);
    box-shadow:var(--shadow);
    border-color:#d6e1e6
}

.cat-art {
    height:72px;
    display:grid;
    place-items:center;
    font-size:42px;
    background:linear-gradient(145deg,#fff7ed,#f1f8f9);
    border-radius:16px;
    margin-bottom:12px
}

.category-card b {
    font-size:14px;
    display:block
}

.category-card span {
    font-size:11px;
    color:var(--muted)
}

.feature-band {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    padding:8px 3.2vw 42px;
    max-width:1600px;
    margin:auto
}

.feature-band article {
    min-height:280px;
    border-radius:24px;
    padding:28px;
    background:linear-gradient(145deg,#fff5ed,#fff);
    border:1px solid #f2dfd2;
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden
}

.feature-band article:nth-child(2) {
    background:linear-gradient(145deg,#edf9fb,#fff);
    border-color:#d5eaee
}

.feature-band article:nth-child(3) {
    background:linear-gradient(145deg,#f8f1e6,#fff);
    border-color:#eadfcf
}

.feature-band article:after {
    content:"";
    width:120px;
    height:120px;
    border-radius:50%;
    position:absolute;
    right:-24px;
    bottom:-24px;
    background:rgba(255,90,95,.08)
}

.badge {
    display:inline-block;
    background:#173b4b;
    color:#fff;
    border-radius:999px;
    padding:7px 11px;
    font-size:10px;
    letter-spacing:.1em;
    font-weight:900
}

.feature-band h3 {
    font-family:Georgia,serif;
    font-size:28px;
    line-height:1.05;
    margin:18px 0 12px
}

.feature-band p {
    color:var(--muted)
}

.product-grid {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:15px
}

.product-card {
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    padding:14px;
    min-height:340px;
    display:flex;
    flex-direction:column;
    transition:.2s;
    box-shadow:0 6px 20px rgba(16,40,58,.035)
}

.product-card:hover {
    transform:translateY(-4px);
    box-shadow:var(--shadow)
}

.product-art {
    height:180px;
    border-radius:13px;
    background:linear-gradient(145deg,#fbf8f0,#f2f7f8);
    display:grid;
    place-items:center;
    font-size:72px;
    overflow:hidden
}

.product-art img {
    width:100%;
    height:100%;
    object-fit:contain
}

.ptype {
    margin-top:12px;
    color:var(--teal);
    font-size:10px;
    text-transform:uppercase;
    font-weight:900;
    letter-spacing:.1em
}

.product-card h3 {
    font-size:16px;
    margin:7px 0 3px
}

.product-card p {
    font-size:12px;
    color:var(--muted);
    margin:0 0 10px
}

.price-row {
    display:flex;
    gap:9px;
    align-items:center;
    margin-top:auto
}

.price {
    font-weight:900;
    font-size:18px
}

.price-row del {
    font-size:12px;
    color:#95a3ab
}

.card-cta {
    font-size:12px;
    color:var(--red);
    font-weight:800;
    margin-top:10px
}

.partner-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px
}

.partner-card {
    min-height:160px;
    border-radius:20px;
    border:1px solid var(--line);
    background:#fff;
    padding:22px;
    display:grid;
    gap:6px;
    align-content:center
}

.partner-logo {
    width:58px;
    height:58px;
    border-radius:15px;
    background:linear-gradient(145deg,#f4f7f9,#fff);
    display:grid;
    place-items:center;
    color:var(--teal);
    font-weight:900;
    font-family:Georgia,serif
}

.partner-card span {
    color:var(--muted);
    font-size:13px
}

.page-hero.compact {
    padding:44px 4vw;
    background:linear-gradient(110deg,#fff9f5,#f2f9fa);
    border-bottom:1px solid var(--line)
}

.page-hero.compact>div {
    max-width:1200px;
    margin:auto
}

.page-hero.compact h1 {
    font-size:48px;
    margin-bottom:10px
}

.page-hero.compact p {
    color:var(--muted);
    max-width:850px
}

.catalog-shell {
    max-width:1600px;
    margin:auto;
    padding:28px 3.2vw 60px;
    display:grid;
    grid-template-columns:260px 1fr;
    gap:25px
}

.filters {
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    padding:18px;
    height:max-content;
    position:sticky;
    top:140px
}

.filters h3 {
    margin-top:0
}

.filters form {
    display:grid;
    gap:14px
}

.filters label,.form-grid label,.auth-card label {
    font-size:12px;
    font-weight:800;
    color:#3c5260;
    display:grid;
    gap:6px
}

.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input {
    width:100%;
    border:1px solid #dbe5ea;
    border-radius:9px;
    padding:11px 12px;
    background:#fff;
    color:var(--ink);
    outline:0
}

.form-grid textarea {
    min-height:90px;
    resize:vertical
}

.results-head {
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
    color:var(--muted)
}

.catalog-results .product-grid {
    grid-template-columns:repeat(4,1fr)
}

.empty {
    padding:34px;
    border:1px dashed #bdcbd2;
    border-radius:18px;
    color:var(--muted);
    background:#fafcfc
}

.product-page {
    max-width:1500px;
    margin:auto;
    padding:42px 3.2vw;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px
}

.main-product-image {
    min-height:470px;
    border-radius:24px;
    background:linear-gradient(145deg,#faf5ec,#f0f7f8);
    display:grid;
    place-items:center;
    font-size:150px;
    overflow:hidden
}

.main-product-image img {
    width:100%;
    height:470px;
    object-fit:contain
}

.passport {
    margin-top:15px;
    border:1px solid #dce8eb;
    border-radius:16px;
    padding:16px;
    background:#f7fbfc;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
    font-size:12px
}

.passport b {
    width:100%;
    color:var(--teal)
}

.product-info h1 {
    font-family:Georgia,serif;
    font-size:46px;
    line-height:1.05;
    margin:12px 0 5px
}

.scientific {
    font-style:italic;
    color:var(--teal)
}

.big-price {
    font-size:30px;
    font-weight:900;
    margin:20px 0 4px
}

.big-price del {
    font-size:16px;
    color:#91a0a8;
    font-weight:500
}

.stock {
    color:#28784c;
    font-weight:800;
    margin-bottom:18px
}

.product-info form {
    display:flex;
    align-items:end;
    gap:10px;
    margin:20px 0
}

.product-info form label {
    display:grid;
    font-size:12px;
    font-weight:800
}

.product-info form input {
    width:90px;
    border:1px solid var(--line);
    border-radius:9px;
    padding:11px
}

.seller-box {
    display:grid;
    gap:5px;
    border:1px solid var(--line);
    border-radius:16px;
    padding:17px;
    margin-top:20px;
    background:#fbfcfc
}

.seller-box span {
    font-size:13px;
    color:var(--muted)
}

.variants {
    display:flex;
    gap:8px;
    flex-wrap:wrap
}

.variants span {
    border:1px solid var(--line);
    padding:8px 10px;
    border-radius:9px;
    font-size:12px
}

.tabs-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px
}

.tabs-grid article {
    border:1px solid var(--line);
    border-radius:18px;
    padding:22px;
    background:#fff
}

.tabs-grid p {
    white-space:pre-line;
    color:#526a77
}

.auth-wrap {
    min-height:70vh;
    display:grid;
    place-items:center;
    padding:50px 20px;
    background:linear-gradient(145deg,#fbfcfd,#fff5ef)
}

.auth-card {
    width:min(470px,100%);
    background:#fff;
    border:1px solid var(--line);
    border-radius:22px;
    padding:34px;
    box-shadow:var(--shadow)
}

.auth-card h1 {
    font-family:Georgia,serif;
    font-size:38px;
    margin:7px 0
}

.auth-card form {
    display:grid;
    gap:15px;
    margin:22px 0
}

.check {
    display:flex!important;
    grid-template-columns:auto 1fr!important;
    align-items:center;
    gap:8px!important
}

.check input {
    width:auto!important
}

.muted {
    color:var(--muted);
    font-size:13px
}

.cart-layout {
    display:grid;
    grid-template-columns:1fr 360px;
    gap:26px
}

.cart-lines {
    display:grid;
    gap:12px
}

.cart-line {
    display:grid;
    grid-template-columns:90px 1fr auto auto;
    gap:16px;
    align-items:center;
    border:1px solid var(--line);
    border-radius:16px;
    padding:13px;
    background:#fff
}

.cart-thumb {
    width:90px;
    height:90px;
    border-radius:12px;
    background:#f5f7f7;
    display:grid;
    place-items:center;
    font-size:35px;
    overflow:hidden
}

.cart-thumb img {
    width:100%;
    height:100%;
    object-fit:contain
}

.cart-line>div:nth-child(2) {
    display:grid;
    gap:3px
}

.cart-line span {
    font-size:12px;
    color:var(--muted)
}

.cart-line input {
    width:65px;
    padding:8px;
    border:1px solid var(--line);
    border-radius:8px
}

.cart-line button {
    border:0;
    background:none;
    color:var(--teal);
    font-weight:700;
    cursor:pointer
}

.link-danger {
    color:var(--red)!important
}

.cart-summary,.panel {
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    padding:20px
}

.cart-summary {
    height:max-content;
    position:sticky;
    top:140px
}

.cart-summary>div,.summary-line {
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:10px 0;
    border-bottom:1px solid var(--line)
}

.cart-summary .btn {
    width:100%;
    margin-top:10px
}

.checkout-grid {
    display:grid;
    grid-template-columns:1fr 390px;
    gap:24px
}

.form-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px
}

.form-grid h3 {
    margin:0
}

.form-grid .wide {
    grid-column:1/-1
}

.paybox {
    display:grid;
    gap:5px;
    padding:14px;
    background:#f6fafb;
    border:1px solid #d9e9ed;
    border-radius:12px
}

.summary-line.total {
    font-size:18px;
    border-top:2px solid var(--ink);
    margin-top:10px
}

.dashboard-shell {
    max-width:1600px;
    margin:auto;
    display:grid;
    grid-template-columns:240px 1fr;
    min-height:760px
}

.dash-nav {
    padding:26px 17px;
    background:#133646;
    color:#fff;
    display:flex;
    flex-direction:column;
    gap:5px
}

.dash-nav h3 {
    font-family:Georgia,serif;
    font-size:22px;
    margin:0 0 16px
}

.dash-nav a,.dash-nav button {
    padding:11px 12px;
    border-radius:9px;
    color:#dce8ed;
    background:none;
    border:0;
    text-align:left;
    font-weight:700;
    font-size:13px;
    cursor:pointer
}

.dash-nav a:hover,.dash-nav a.active {
    background:#fff;
    color:#153747
}

.dash-main {
    padding:28px;
    background:#f8fafb;
    min-width:0
}

.dash-hero {
    border-radius:23px;
    padding:28px;
    background:linear-gradient(110deg,#fff,#f3f8f9);
    border:1px solid var(--line);
    display:flex;
    justify-content:space-between;
    align-items:center
}

.dash-hero.admin {
    background:linear-gradient(110deg,#123747,#0d6170);
    color:#fff
}

.dash-hero h1 {
    font-family:Georgia,serif;
    font-size:36px;
    margin:5px 0
}

.dash-hero p {
    margin:0;
    color:#6a7e8b
}

.dash-hero.admin p {
    color:#d8e7eb
}

.metric-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin:17px 0
}

.metric-grid.five {
    grid-template-columns:repeat(5,1fr)
}

.metric-grid>div {
    border:1px solid var(--line);
    border-radius:15px;
    padding:16px;
    background:#fff;
    display:grid
}

.metric-grid b {
    font-size:26px;
    color:var(--teal)
}

.metric-grid span {
    font-size:11px;
    color:var(--muted);
    text-transform:uppercase;
    font-weight:800;
    letter-spacing:.06em
}

.admin-metrics {
    grid-template-columns:repeat(5,1fr)
}

.quick-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-bottom:17px
}

.quick-grid a {
    padding:18px;
    border:1px solid var(--line);
    border-radius:15px;
    background:#fff;
    display:grid;
    gap:5px
}

.quick-grid span {
    font-size:12px;
    color:var(--muted)
}

.panel-head {
    display:flex;
    justify-content:space-between;
    align-items:center
}

.order-row {
    display:grid;
    grid-template-columns:1fr auto auto;
    gap:20px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid var(--line)
}

.order-row span:first-child {
    display:grid
}

.order-row small {
    color:var(--muted)
}

.notice {
    padding:14px 18px;
    border-radius:12px;
    background:#fff6df;
    border:1px solid #f4df9f;
    margin:16px 0;
    color:#6d5720
}

.onboarding-grid {
    display:grid;
    grid-template-columns:1fr 390px;
    gap:24px
}

.seller-benefits {
    border-radius:24px;
    background:linear-gradient(155deg,#153949,#0b6370);
    color:#fff;
    padding:30px;
    height:max-content;
    position:sticky;
    top:140px
}

.seller-benefits h2 {
    font-family:Georgia,serif;
    font-size:34px;
    line-height:1.08
}

.seller-benefits li {
    margin:11px 0;
    color:#e2eef1
}

.verification-flow {
    display:grid;
    gap:7px;
    margin-top:24px;
    border-top:1px solid rgba(255,255,255,.2);
    padding-top:20px
}

.verification-flow span {
    font-size:13px;
    background:rgba(255,255,255,.08);
    padding:8px;
    border-radius:7px
}

.table-wrap {
    overflow:auto;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff
}

.table-wrap table {
    border-collapse:collapse;
    width:100%;
    min-width:850px
}

.table-wrap th,.table-wrap td {
    text-align:left;
    padding:13px 14px;
    border-bottom:1px solid var(--line);
    vertical-align:top;
    font-size:13px
}

.table-wrap th {
    background:#f2f6f8;
    color:#49606e;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em
}

.table-wrap td>b,.table-wrap td small {
    display:block
}

.table-wrap td small {
    color:var(--muted);
    margin-top:3px
}

.table-wrap form {
    display:flex;
    gap:6px
}

.table-wrap select,.table-wrap input {
    padding:7px;
    border:1px solid var(--line);
    border-radius:7px;
    max-width:150px
}

.table-wrap button {
    border:0;
    background:var(--teal);
    color:#fff;
    border-radius:7px;
    padding:7px 10px;
    cursor:pointer
}

.status {
    display:inline-block;
    border-radius:999px;
    padding:5px 9px;
    background:#eef2f4;
    font-size:10px;
    font-weight:900
}

.status.approved,.status.verified,.status.delivered {
    background:#e4f6eb;
    color:#267345
}

.status.pending,.status.placed {
    background:#fff5dc;
    color:#8d6811
}

.status.rejected,.status.cancelled {
    background:#ffe9ea;
    color:#a6292f
}

.footer {
    margin-top:0;
    background:#102d3a;
    color:#fff;
    padding:42px 4vw;
    display:grid;
    grid-template-columns:1.2fr 1fr 1.3fr 1fr;
    gap:32px
}

.footer>div {
    display:flex;
    flex-direction:column;
    gap:8px
}

.footer a,.footer span,.footer p {
    font-size:12px;
    color:#c9d8de
}

.footer-brand {
    font-family:Georgia,serif;
    font-size:28px;
    color:#fff
}

.b2b-hero {
    background:linear-gradient(110deg,#fff7ef,#eef8fa)!important
}

.seller-hero {
    background:linear-gradient(110deg,#f5fbfc,#fff3eb)!important
}

@media(max-width:1200px) {
    .site-header {
        grid-template-columns:1fr auto
    }

    .search {
        grid-column:1/-1;
        grid-row:2
    }

    .category-grid {
        grid-template-columns:repeat(4,1fr)
    }

    .product-grid,.catalog-results .product-grid {
        grid-template-columns:repeat(3,1fr)
    }

    .metric-grid.five,.admin-metrics {
        grid-template-columns:repeat(3,1fr)
    }

    .quick-grid {
        grid-template-columns:repeat(2,1fr)
    }

}
@media(max-width:900px) {
    body {
        font-size:15px
    }

    .trustbar {
        justify-content:flex-start
    }

    .site-header {
        grid-template-columns:1fr
    }

    .brand {
        min-width:0
    }

    .header-actions {
        overflow:auto
    }

    .mainnav {
        padding:0
    }

    .hero {
        grid-template-columns:1fr;
        padding:35px 22px
    }

    .hero-visual {
        height:330px
    }

    .visual-orbit {
        max-width:330px
    }

    .bowl {
        font-size:105px
    }

    .icon-strip {
        grid-template-columns:repeat(2,1fr)
    }

    .category-grid {
        grid-template-columns:repeat(2,1fr)
    }

    .feature-band {
        grid-template-columns:1fr;
        padding:10px 20px
    }

    .product-grid,.catalog-results .product-grid {
        grid-template-columns:repeat(2,1fr)
    }

    .partner-grid {
        grid-template-columns:1fr
    }

    .catalog-shell {
        grid-template-columns:1fr
    }

    .filters {
        position:static
    }

    .product-page {
        grid-template-columns:1fr
    }

    .tabs-grid {
        grid-template-columns:1fr
    }

    .cart-layout,.checkout-grid,.onboarding-grid {
        grid-template-columns:1fr
    }

    .cart-summary,.seller-benefits {
        position:static
    }

    .dashboard-shell {
        grid-template-columns:1fr
    }

    .dash-nav {
        flex-direction:row;
        overflow:auto;
        position:sticky;
        top:0;
        z-index:20
    }

    .dash-nav h3 {
        display:none
    }

    .metric-grid,.metric-grid.five,.admin-metrics {
        grid-template-columns:repeat(2,1fr)
    }

    .quick-grid {
        grid-template-columns:1fr
    }

    .footer {
        grid-template-columns:1fr 1fr
    }

    .form-grid {
        grid-template-columns:1fr
    }

    .form-grid .wide {
        grid-column:auto
    }

    .cart-line {
        grid-template-columns:70px 1fr
    }

    .cart-line form {
        grid-column:2
    }

    .header-actions .sell-btn {
        white-space:nowrap
    }

}
@media(max-width:560px) {
    .site-header {
        padding:12px 14px
    }

    .brand b {
        font-size:24px
    }

    .brand small {
        display:none
    }

    .header-actions {
        gap:10px;
        font-size:11px
    }

    .header-actions a {
        white-space:nowrap
    }

    .hero {
        min-height:auto
    }

    .hero h1,.page-hero.compact h1 {
        font-size:40px
    }

    .hero p {
        font-size:15px
    }

    .hero-visual {
        height:260px
    }

    .visual-orbit {
        max-width:250px
    }

    .bowl {
        font-size:80px
    }

    .chip {
        padding:6px 8px;
        font-size:9px
    }

    .section {
        padding:38px 15px
    }

    .section-head h1,.section-head h2 {
        font-size:29px
    }

    .product-grid,.catalog-results .product-grid {
        grid-template-columns:1fr 1fr;
        gap:9px
    }

    .product-card {
        padding:10px;
        min-height:290px
    }

    .product-art {
        height:140px
    }

    .footer {
        grid-template-columns:1fr
    }

    .dash-main {
        padding:15px
    }

    .metric-grid,.metric-grid.five,.admin-metrics {
        grid-template-columns:1fr 1fr
    }

    .product-info h1 {
        font-size:36px
    }

    .main-product-image {
        min-height:330px
    }

    .main-product-image img {
        height:330px
    }

    .page-hero.compact {
        padding:35px 18px
    }

}
.library-search {
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    margin-bottom:20px
}

.library-search input {
    border:1px solid var(--line);
    border-radius:10px;
    padding:13px 15px
}

.herb-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px
}

.herb-card {
    border:1px solid var(--line);
    border-radius:16px;
    padding:16px;
    background:#fff;
    display:grid;
    grid-template-columns:58px 1fr;
    gap:12px;
    align-items:start
}

.herb-icon {
    width:58px;
    height:58px;
    border-radius:14px;
    background:linear-gradient(145deg,#f7f2e9,#eef7f8);
    display:grid;
    place-items:center;
    font-size:28px
}

.herb-card h3 {
    margin:0;
    font-size:16px
}

.herb-card p {
    margin:2px 0;
    font-size:12px;
    color:var(--teal)
}

.herb-card span,.herb-card small {
    display:block;
    font-size:11px;
    color:var(--muted)
}

.herb-card a {
    grid-column:1/-1;
    font-size:11px;
    color:var(--red);
    font-weight:800
}

@media(max-width:900px) {
    .herb-grid {
        grid-template-columns:repeat(2,1fr)
    }

}
@media(max-width:560px) {
    .herb-grid {
        grid-template-columns:1fr
    }

    .library-search {
        grid-template-columns:1fr
    }

}
/* SRSHerbal FINAL v2 additions */
.brand-image img {
    width:76px;
    height:52px;
    object-fit:contain;
    object-position:left center;
    border-radius:10px;
    background:#fff
}

.brand-image>span {
    display:flex;
    flex-direction:column
}

.page-shell {
    max-width:1240px;
    margin:0 auto;
    padding:36px 24px 64px
}

.page-shell.narrow {
    max-width:900px
}

.page-head {
    margin-bottom:24px
}

.page-head h1 {
    font-size:clamp(30px,4vw,48px);
    margin:.25rem 0
}

.eyebrow,.kicker {
    letter-spacing:.14em;
    font-size:12px;
    font-weight:800;
    color:#b1322f
}

.panel {
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:22px;
    box-shadow:0 10px 30px rgba(2,31,46,.05)
}

.form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px
}

.form-grid label {
    font-weight:700;
    color:#16354a;
    display:flex;
    flex-direction:column;
    gap:7px
}

.form-grid input,.form-grid textarea,.form-grid select {
    border:1px solid #d7dde3;
    border-radius:12px;
    padding:12px 13px;
    font:inherit;
    background:#fff
}

.form-grid textarea {
    min-height:96px
}

.form-grid .full {
    grid-column:1/-1
}

.dashboard-head {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-bottom:24px
}

.stat-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin:20px 0
}

.stat-card {
    padding:22px;
    border-radius:18px;
    background:#fff;
    border:1px solid #e9ecef
}

.stat-card b {
    font-size:28px;
    color:#12394a;
    display:block
}

.stat-card span {
    color:#687784
}

.feature-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px
}

.feature-card {
    padding:24px;
    border-radius:20px;
    background:linear-gradient(135deg,#fff,#f6fafb);
    border:1px solid #e4eaed;
    color:#173748;
    text-decoration:none
}

.feature-card h3 {
    margin-top:0
}

.table-wrap {
    overflow:auto;
    background:#fff;
    border-radius:18px;
    border:1px solid #e5e7eb
}

.table-wrap table {
    width:100%;
    border-collapse:collapse
}

.table-wrap th,.table-wrap td {
    padding:13px 14px;
    border-bottom:1px solid #eef1f3;
    text-align:left;
    vertical-align:top
}

.table-wrap th {
    background:#f8fafb;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.05em
}

.partner-img {
    width:100%;
    height:100px;
    object-fit:contain;
    border-radius:14px;
    background:#fff
}

.btn.small {
    padding:8px 11px;
    font-size:12px
}

@media(max-width:900px) {
    .form-grid,.stat-grid,.feature-grid {
        grid-template-columns:1fr
    }

    .dashboard-head {
        align-items:flex-start;
        flex-direction:column
    }

    .brand-image img {
        width:58px;
        height:42px
    }

}
/* =========================================================
   SRSHERBAL LOCKED MASTER THEME v2.1
   Approved direction: "SRSHerbal.in – Global Herbal Marketplace"
   White + airy aqua + deep teal + warm orange/gold accents.
   No registered mark. No alternate dark/green-heavy redesign.
   ========================================================= */
.locked-global-theme {
    --ink:#103547;
    --muted:#617986;
    --line:#dbe9ed;
    --paper:#fff;
    --soft:#f6fbfc;
    --teal:#0b5e6d;
    --teal2:#083d4a;
    --cyan:#e7f5f7;
    --orange:#f47b2a;
    --gold:#efb44a;
    --leaf:#5a8d38;
    background:#fff;
    color:var(--ink)
}

.locked-global-theme .trustbar {
    background:linear-gradient(90deg,#f8fbfc,#eef7f9,#fffaf0);
    color:#244b5a;
    border-bottom:1px solid #d8e7eb;
    min-height:42px;
    padding:7px 2.5vw;
    font-weight:700;
    gap:24px;
    justify-content:flex-start
}

.locked-global-theme .trust-script {
    margin-left:auto;
    font-family:Georgia,serif;
    font-style:italic;
    color:#34545f;
    font-size:14px
}

.locked-header {
    position:sticky;
    top:0;
    z-index:50;
    padding:10px 2.2vw;
    gap:20px;
    grid-template-columns:300px minmax(300px,1fr) auto;
    border-bottom:1px solid #d8e7eb;
    box-shadow:0 5px 18px rgba(14,74,91,.05)
}

.locked-header .brand-image {
    min-width:0
}

.locked-header .brand-image img {
    width:285px;
    height:68px;
    object-fit:contain;
    object-position:left center;
    background:transparent;
    border-radius:0
}

.locked-header .search {
    height:44px;
    border-radius:8px;
    border:1px solid #c9dfe4;
    background:#fff;
    box-shadow:0 4px 12px rgba(13,81,99,.04)
}

.locked-header .search button {
    background:var(--teal);
    padding:0 20px;
    font-size:22px
}

.locked-header .header-actions {
    gap:13px;
    color:#224655;
    font-size:12px
}

.locked-header .header-actions a {
    white-space:nowrap
}

.locked-header .sell-btn {
    background:linear-gradient(180deg,#ffc86d,#f3a935);
    color:#173846;
    border:1px solid #dc9a32;
    box-shadow:none;
    font-weight:900
}

.locked-nav {
    background:linear-gradient(90deg,#0a5967,#0b6875);
    padding:0 2.1vw;
    border-bottom:3px solid #e7f1f3
}

.locked-nav a {
    padding:12px 17px;
    border-right:1px solid rgba(255,255,255,.12);
    font-size:12px;
    font-weight:800
}

.locked-nav a:hover {
    background:#084653
}

.global-hero {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    min-height:405px;
    overflow:hidden;
    border-bottom:1px solid #d9e8eb;
    background:linear-gradient(90deg,#ffffff 0%,#fbf7ef 43%,#edf9f7 100%);
    position:relative
}

.global-hero:before {
    content:"";
    position:absolute;
    right:-70px;
    top:-70px;
    width:300px;
    height:300px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(112,164,61,.16),transparent 70%)
}

.global-hero-copy {
    padding:42px 3.3vw 35px;
    position:relative;
    z-index:2
}

.global-hero h1 {
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(44px,5.2vw,76px);
    line-height:.91;
    letter-spacing:-2.4px;
    margin:12px 0 7px;
    color:#113d4f
}

.global-hero h1 strong {
    color:#7b4c23;
    font-weight:700
}

.global-hero h3 {
    margin:8px 0 4px;
    font-size:20px;
    color:#1d4655
}

.global-hero p {
    max-width:710px;
    font-size:15px;
    color:#5f727a;
    margin:10px 0 18px
}

.hero-search {
    display:grid;
    grid-template-columns:1fr auto;
    max-width:700px;
    border:1px solid #cadfe3;
    border-radius:7px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 8px 24px rgba(16,71,86,.08)
}

.hero-search input {
    padding:13px 15px;
    border:0;
    outline:0
}

.hero-search button {
    border:0;
    background:var(--orange);
    color:#fff;
    font-weight:900;
    padding:0 24px
}

.hero-trust {
    display:flex;
    flex-wrap:wrap;
    gap:9px 16px;
    margin-top:18px;
    font-size:11px;
    font-weight:800;
    color:#325865
}

.hero-herbal-stage {
    display:grid;
    place-items:center;
    position:relative;
    padding:20px
}

.herb-scene {
    width:min(94%,620px);
    height:300px;
    border-radius:36px 10px 36px 10px;
    background:radial-gradient(circle at 65% 34%,#fff 0 20%,transparent 45%),linear-gradient(140deg,#f3ead9,#ecf7ed);
    border:1px solid #e7dec9;
    box-shadow:0 18px 50px rgba(48,75,48,.12);
    position:relative;
    overflow:hidden
}

.herb-scene:before {
    content:"";
    position:absolute;
    left:-10px;
    bottom:-25px;
    width:390px;
    height:160px;
    background:radial-gradient(ellipse,#87a862 0 20%,transparent 65%);
    filter:blur(1px);
    opacity:.55
}

.jar,.bottle {
    position:absolute;
    bottom:46px;
    border-radius:8px 8px 12px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:11px;
    line-height:1.15;
    font-weight:800;
    box-shadow:0 11px 22px rgba(40,61,39,.18);
    border:1px solid rgba(70,91,55,.22)
}

.jar {
    width:105px;
    height:145px;
    background:linear-gradient(#c9af7d,#ead7aa 18%,#f4e2ba);
    color:#533f28
}

.jar1 {
    left:80px;
    transform:rotate(-3deg)
}

.jar2 {
    left:195px;
    bottom:38px;
    transform:rotate(2deg);
    background:linear-gradient(#d4bd8c,#f0dfa8 18%,#f9e9b6)
}

.bottle {
    width:84px;
    height:150px;
    left:320px;
    background:linear-gradient(#173d2c,#3a6648 12%,#704524 13%,#3b2416);
    color:#fff
}

.mortar {
    position:absolute;
    right:60px;
    bottom:35px;
    font-size:100px;
    filter:drop-shadow(0 10px 16px rgba(40,61,39,.18))
}

.powder-bowl {
    position:absolute;
    left:130px;
    bottom:16px;
    width:120px;
    height:42px;
    border-radius:0 0 70px 70px;
    background:#9f6d35;
    color:#d3bd6d;
    display:grid;
    place-items:center;
    font-size:40px;
    box-shadow:inset 0 10px 0 #c69559
}

.herb-scene small {
    position:absolute;
    right:24px;
    top:22px;
    font:italic 19px/1.15 Georgia,serif;
    color:#365a3b;
    text-align:right
}

.trust-ribbon,.bottom-trust {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    max-width:100%;
    background:#fff;
    border-bottom:1px solid #dce9ec;
    border-top:1px solid #edf4f5
}

.trust-ribbon>div,.bottom-trust>div {
    padding:14px 20px;
    display:grid;
    border-right:1px solid #e1ecef;
    text-align:center
}

.trust-ribbon b,.bottom-trust b {
    color:#0c5b69;
    font-size:12px
}

.trust-ribbon span,.bottom-trust span {
    font-size:10px;
    color:#70838c
}

.compact-section {
    padding-top:27px;
    padding-bottom:24px
}

.locked-categories {
    grid-template-columns:repeat(8,1fr);
    gap:10px
}

.locked-categories .category-card {
    border-radius:10px;
    min-height:135px;
    padding:14px 10px;
    border:1px solid #dfeaed;
    background:linear-gradient(180deg,#fff,#f7fbfc);
    text-align:center;
    align-items:center
}

.locked-categories .cat-art {
    width:58px;
    height:58px;
    border-radius:50%;
    margin:0 auto 7px;
    background:linear-gradient(145deg,#eef8f2,#fff2de);
    font-size:27px
}

.locked-categories .category-card b {
    font-size:12px
}

.locked-categories .category-card span {
    font-size:10px
}

.market-banners {
    display:grid;
    grid-template-columns:1fr 1fr 1.2fr;
    gap:12px;
    padding:0 3.2vw 22px
}

.market-banners article {
    min-height:190px;
    border-radius:13px;
    padding:22px 23px;
    border:1px solid #dde9ec;
    position:relative;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(22,69,81,.05)
}

.market-banners article:after {
    content:"🌿";
    position:absolute;
    right:18px;
    bottom:8px;
    font-size:70px;
    opacity:.18
}

.market-banners span {
    font-size:10px;
    letter-spacing:.12em;
    font-weight:900;
    color:#0d6775
}

.market-banners h3 {
    font-family:Georgia,serif;
    font-size:27px;
    line-height:1.05;
    margin:8px 0;
    color:#183d4c;
    max-width:75%
}

.market-banners p {
    font-size:12px;
    color:#617982;
    max-width:78%
}

.heritage-banner {
    background:linear-gradient(130deg,#eef8ec,#fff7e9)
}

.bulk-banner {
    background:linear-gradient(130deg,#fff9ed,#eef7f9)
}

.seller-banner {
    background:linear-gradient(130deg,#eef8fa,#fff5ec)
}

.btn.gold {
    background:linear-gradient(180deg,#ffc764,#f0aa37);
    color:#173947;
    border:1px solid #df9e36
}

.locked-partners {
    grid-template-columns:repeat(3,1fr)
}

.locked-partners .partner-card {
    background:#fff;
    border-radius:13px;
    border:1px solid #dce9ec;
    min-height:175px;
    box-shadow:none
}

.locked-partners .partner-img {
    height:78px;
    object-fit:contain
}

.locked-global-theme .section {
    padding-left:3.2vw;
    padding-right:3.2vw
}

.locked-global-theme .soft {
    background:#f6fafb
}

.locked-global-theme .section-head h2 {
    font-family:Georgia,serif;
    font-size:30px;
    color:#173e4d
}

.locked-global-theme .kicker,.locked-global-theme .eyebrow {
    color:#0f6875
}

.locked-global-theme .product-card {
    border-radius:10px;
    box-shadow:none;
    border-color:#dce9ec
}

.locked-global-theme .product-card:hover {
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(17,77,91,.09)
}

.locked-global-theme .product-card .btn,.locked-global-theme .product-card button {
    background:var(--orange)
}

.bottom-trust {
    grid-template-columns:repeat(4,1fr);
    margin-top:20px;
    background:#f9fcfc
}

.locked-footer {
    background:linear-gradient(115deg,#0b3d4b,#0a5967);
    border-top:5px solid #efb347
}

.locked-footer .footer-logo {
    width:250px;
    filter:brightness(0) invert(1);
    opacity:.95
}

.locked-footer small {
    color:#b8d0d6;
    font-size:10px;
    line-height:1.5
}

/* Catalogue = approved Discovery Page */
.locked-global-theme .page-hero.compact {
    background:linear-gradient(100deg,#f9fcfd,#eef7f3,#fff3e3);
    border-bottom:1px solid #dae8eb;
    min-height:150px;
    padding:28px 3.2vw
}

.locked-global-theme .page-hero.compact:after {
    content:"Nature’s Wisdom • Traditional Herbs • Modern Access";
    position:absolute;
    right:4vw;
    top:50%;
    transform:translateY(-50%);
    font:italic 18px Georgia,serif;
    color:#47705d;
    max-width:240px;
    text-align:right
}

.locked-global-theme .page-hero.compact h1 {
    font-size:42px;
    color:#173d4d
}

.locked-global-theme .catalog-shell {
    grid-template-columns:245px 1fr;
    max-width:1440px;
    margin:0 auto;
    padding:22px 2.2vw 50px;
    gap:18px
}

.locked-global-theme .filters {
    border:1px solid #dce9ec;
    border-radius:10px;
    box-shadow:none;
    top:136px;
    background:#fff
}

.locked-global-theme .filters h3 {
    font-family:Georgia,serif;
    color:#123d4c
}

.locked-global-theme .filters label {
    font-size:11px;
    color:#506b75
}

.locked-global-theme .filters input,.locked-global-theme .filters select {
    border-radius:6px
}

.locked-global-theme .results-head {
    border:1px solid #dce9ec;
    border-radius:8px;
    background:#f9fcfd;
    padding:11px 14px
}

.locked-global-theme .catalog-results .product-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px
}

/* Product detail = approved trust/passport layout */
.locked-global-theme .product-page {
    max-width:1440px;
    margin:0 auto;
    padding:26px 2.2vw;
    grid-template-columns:minmax(420px,.9fr) minmax(480px,1.1fr);
    gap:28px
}

.locked-global-theme .main-product-image {
    border-radius:12px;
    background:linear-gradient(145deg,#fbf7ef,#eef7ee);
    border:1px solid #dce9ec;
    min-height:480px
}

.locked-global-theme .passport {
    border-radius:9px;
    background:#f5fbfc;
    border-color:#cde5e9
}

.locked-global-theme .product-info {
    border:1px solid #dce9ec;
    border-radius:12px;
    padding:24px;
    background:#fff
}

.locked-global-theme .product-info h1 {
    font-family:Georgia,serif;
    color:#173d4d
}

.locked-global-theme .big-price {
    color:#173d4d
}

.locked-global-theme .seller-box {
    border-radius:9px;
    background:#f7fbfc
}

.locked-global-theme .product-info .btn.primary {
    background:var(--orange)
}

/* Onboarding and dashboards = same visual family */
.locked-global-theme .onboarding-grid {
    max-width:1320px;
    margin:0 auto;
    padding:28px 3.2vw 60px
}

.locked-global-theme .seller-benefits {
    background:linear-gradient(155deg,#0a5362,#0c7180);
    border-radius:12px;
    box-shadow:0 14px 35px rgba(11,83,98,.13)
}

.locked-global-theme .dashboard-shell {
    max-width:1500px;
    margin:0 auto;
    grid-template-columns:220px 1fr;
    border-left:1px solid #dce9ec;
    border-right:1px solid #dce9ec
}

.locked-global-theme .dash-nav {
    background:linear-gradient(180deg,#0b5060,#0a6573);
    padding:20px 12px
}

.locked-global-theme .dash-nav h3 {
    font-family:Georgia,serif
}

.locked-global-theme .dash-nav a:hover,.locked-global-theme .dash-nav a.active {
    background:#fff;
    color:#0c5867
}

.locked-global-theme .dash-main {
    background:#f6fafb
}

.locked-global-theme .dash-hero {
    border-radius:12px;
    background:linear-gradient(110deg,#fff,#eef8f8);
    box-shadow:none
}

.locked-global-theme .dash-hero.admin {
    background:linear-gradient(110deg,#0b5362,#0b6e7c)
}

.locked-global-theme .metric-grid>div,.locked-global-theme .quick-grid a,.locked-global-theme .panel {
    border-radius:10px;
    box-shadow:none
}

.locked-global-theme .metric-grid b {
    color:#0d6674
}

.locked-global-theme .table-wrap {
    border-radius:10px
}

/* Forms/login/franchise */
.locked-global-theme .auth-card,.locked-global-theme .panel {
    border-color:#dce9ec
}

.locked-global-theme input:focus,.locked-global-theme select:focus,.locked-global-theme textarea:focus {
    outline:2px solid rgba(13,103,117,.15);
    border-color:#7fb6c0
}

.locked-global-theme .btn.primary {
    background:var(--orange);
    box-shadow:none
}

.locked-global-theme .btn.primary:hover {
    background:#dd6721
}

@media(max-width:1240px) {
    .locked-header {
        grid-template-columns:260px 1fr
    }

    .locked-header .brand-image img {
        width:250px
    }

    .locked-header .header-actions {
        grid-column:1/-1;
        justify-content:flex-end
    }

    .locked-categories {
        grid-template-columns:repeat(4,1fr)
    }

    .locked-global-theme .catalog-results .product-grid {
        grid-template-columns:repeat(3,1fr)
    }

}
@media(max-width:900px) {
    .trust-script {
        display:none
    }

    .locked-header {
        grid-template-columns:1fr
    }

    .locked-header .brand-image img {
        width:250px
    }

    .locked-header .search,.locked-header .header-actions {
        grid-column:1
    }

    .global-hero {
        grid-template-columns:1fr
    }

    .hero-herbal-stage {
        min-height:310px
    }

    .market-banners {
        grid-template-columns:1fr
    }

    .locked-partners {
        grid-template-columns:1fr
    }

    .trust-ribbon {
        grid-template-columns:repeat(2,1fr)
    }

    .locked-global-theme .page-hero.compact:after {
        display:none
    }

    .locked-global-theme .catalog-shell {
        grid-template-columns:1fr
    }

    .locked-global-theme .catalog-results .product-grid {
        grid-template-columns:repeat(2,1fr)
    }

    .locked-global-theme .product-page {
        grid-template-columns:1fr
    }

    .bottom-trust {
        grid-template-columns:repeat(2,1fr)
    }

}
@media(max-width:560px) {
    .locked-header .brand-image img {
        width:210px;
        height:54px
    }

    .global-hero-copy {
        padding:30px 18px
    }

    .global-hero h1 {
        font-size:46px
    }

    .hero-herbal-stage {
        padding:10px
    }

    .herb-scene {
        height:250px
    }

    .jar {
        transform:scale(.8)!important;
        transform-origin:bottom
    }

    .jar1 {
        left:24px
    }

    .jar2 {
        left:105px
    }

    .bottle {
        left:190px;
        transform:scale(.82);
        transform-origin:bottom
    }

    .mortar {
        right:8px;
        font-size:68px
    }

    .herb-scene small {
        font-size:15px
    }

    .locked-categories {
        grid-template-columns:repeat(2,1fr)
    }

    .market-banners {
        padding:0 14px 18px
    }

    .locked-global-theme .catalog-results .product-grid {
        grid-template-columns:1fr 1fr
    }

    .bottom-trust {
        grid-template-columns:1fr 1fr
    }

    .locked-global-theme .footer {
        grid-template-columns:1fr
    }

}
.version-chip {
    padding:10px 16px;
    border-radius:999px;
    background:#fff4dc;
    color:#8a5600;
    font-weight:800;
    white-space:nowrap
}

.update-panel {
    border:1px solid #dce7eb
}

.upload-box {
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:22px;
    border:2px dashed #9eb8c0;
    border-radius:14px;
    background:#f8fbfc;
    margin:14px 0
}

.upload-box input {
    padding:10px;
    background:white;
    border:1px solid #dce7eb;
    border-radius:10px
}

.upload-box span {
    font-size:12px;
    color:#677
}

.check-line {
    display:flex;
    gap:9px;
    align-items:flex-start;
    margin:12px 0 18px
}

.admin-table {
    width:100%;
    border-collapse:collapse
}

.admin-table th,.admin-table td {
    padding:12px;
    border-bottom:1px solid #e6edf0;
    text-align:left;
    font-size:14px
}

.table-scroll {
    overflow:auto
}