:root {
  --background: #fdf9f8;
  --surface: #ffffff;
  --surface-soft: #f8efed;
  --ink: #24211f;
  --muted: #6d655f;
  --border: #ead9d6;
  --brand: #9c1402;
  --brand-dark: #710f02;
  --brand-soft: #f8e9e7;
  --success: #197a4c;
  --danger: #9c1402;
  --shadow: 0 14px 38px rgba(71, 45, 28, 0.09);
  --radius: 20px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--background);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
body.modal-open { overflow: hidden; }

button, input, textarea { font: inherit; }
a { color: inherit; }
.icon { width: 23px; height: 23px; display: block; }
.inline-form { display: inline-flex; margin: 0; }
.page-space { padding-top: 28px; padding-bottom: 56px; }
.container { width: min(1180px, calc(100% - 28px)); margin: 0 auto; }
.narrow { width: min(660px, calc(100% - 28px)); margin: 0 auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(253, 249, 248, 0.96);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(12px);
}

.header-inner {
  width: min(1180px, calc(100% - 24px));
  min-height: 66px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.store-wordmark {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
  color: var(--ink);
  text-decoration: none;
  font-size: clamp(1.08rem, 4.7vw, 1.42rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wordmark-slash { color: var(--brand); font-size: 1.35em; font-weight: 900; }
.header-actions { display: flex; align-items: center; gap: 5px; }

.icon-button {
  width: 42px;
  height: 42px;
  border: 1px solid transparent;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  text-decoration: none;
}

.icon-button:hover, .icon-button:focus-visible { background: var(--brand-soft); border-color: #d8aaa4; outline: none; }
.notification-bell { position: relative; }
.notification-badge { position: absolute; top: -5px; right: -5px; min-width: 21px; height: 21px; padding: 0 5px; border: 2px solid var(--background); border-radius: 999px; display: grid; place-items: center; background: #d51c12; color: #fff; font-size: .68rem; font-weight: 900; line-height: 1; }
.notification-badge[hidden] { display: none; }
.flash { width: min(920px, calc(100% - 28px)); margin: 14px auto 0; padding: 13px 16px; border-radius: 14px; font-weight: 700; }
.flash-success { background: #e8f6ef; border: 1px solid #bce0cd; color: #155c3b; }
.flash-error { background: #fff0ee; border: 1px solid #efc3bd; color: #8b2b24; }

.shop-main { padding: 20px 0 58px; }
.shop-hero {
  position: relative;
  min-height: clamp(210px, 31vw, 360px);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 26px;
  background: #ecd8d3;
  box-shadow: var(--shadow);
}
.shop-hero img { width: 100%; height: 100%; min-height: inherit; display: block; object-fit: cover; }
.root-hero { margin-bottom: 26px; }
.category-hero { margin-bottom: 24px; }
.hero-placeholder { min-height: inherit; display: grid; place-items: center; padding: 34px; text-align: center; }
.hero-placeholder strong { max-width: 700px; font-size: clamp(2rem, 7vw, 4.9rem); line-height: .95; letter-spacing: -.055em; }
.hero-placeholder span { display: block; margin-top: 14px; color: #5b211a; font-weight: 700; }

.shop-description { max-width: 820px; margin: 18px auto 0; padding: 0 8px; text-align: center; color: var(--muted); font-size: 1.02rem; }
.shop-description.is-empty { font-style: italic; }

.category-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: center; gap: 7px; margin-top: 28px; }
.category-arrow { width: 42px; height: 42px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); border-radius: 50%; display: grid; place-items: center; cursor: pointer; }
.category-arrow:hover { border-color: var(--brand); color: var(--brand-dark); }
.category-scroller { display: flex; gap: 9px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; padding: 4px 1px; scroll-snap-type: x proximity; }
.category-scroller::-webkit-scrollbar { display: none; }
.category-pill { flex: 0 0 auto; scroll-snap-align: start; border: 1px solid var(--border); background: var(--surface); color: var(--ink); padding: 10px 17px; border-radius: 999px; font-weight: 750; cursor: pointer; text-decoration: none; }
.pagination { margin: 30px 0 4px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
.pagination a { min-height: 43px; border: 2px solid var(--border); border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; background: var(--surface); color: var(--ink); font-weight: 850; text-decoration: none; }
.pagination-page { min-width: 43px; padding: 8px 11px; }
.pagination-arrow { padding: 8px 15px; }
.pagination a:hover, .pagination a:focus-visible { border-color: var(--brand); color: var(--brand-dark); outline: none; }
.pagination-page.is-active { border-color: var(--brand); background: var(--brand); color: #fff; pointer-events: none; }
.pagination .icon { width: 18px; height: 18px; }
.category-pill.is-active { background: var(--ink); color: #fff; border-color: var(--ink); }
.subcategory-heading { margin: 14px 8px 0; color: var(--muted); font-size: .84rem; text-align: center; }
.subcategory-heading strong { color: var(--ink); }
.subcategory-row { margin-top: 7px; padding: 7px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface-soft); }
.subcategory-row .category-arrow { width: 36px; height: 36px; background: var(--surface); }
.subcategory-row .category-arrow .icon { width: 18px; height: 18px; }
.subcategory-scroller { gap: 7px; }
.subcategory-pill { padding: 8px 14px; border-color: #dfc9c4; border-radius: 11px; background: #fff; color: var(--brand-dark); font-size: .88rem; }
.subcategory-pill.is-active { border-color: var(--brand); background: var(--brand); color: #fff; }

.autobuyer-catalog-switch { max-width: 520px; margin: 22px auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.autobuyer-catalog-button { min-height: 46px; padding: 10px 16px; border: 2px solid var(--border); border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: var(--surface); color: var(--ink); font-weight: 850; text-decoration: none; }
.autobuyer-catalog-button:hover, .autobuyer-catalog-button:focus-visible { border-color: var(--brand); color: var(--brand-dark); outline: none; }
.autobuyer-catalog-button.is-active { border-color: var(--brand); background: var(--brand); color: #fff; box-shadow: 0 8px 20px rgba(156, 20, 2, .18); }
.autobuyer-catalog-switch + .root-category-row { margin-top: 16px; }

.search-box { position: relative; margin: 20px auto 0; max-width: 760px; }
.search-box .icon { position: absolute; left: 17px; top: 50%; transform: translateY(-50%); color: var(--muted); }
.search-box input { width: 100%; min-height: 54px; padding: 13px 18px 13px 52px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); color: var(--ink); box-shadow: 0 7px 22px rgba(71, 45, 28, .05); }
.search-box input:focus { outline: 3px solid rgba(156, 20, 2, .16); border-color: var(--brand); }
.root-main .search-box input, .shop-main .search-box input { border-width: 2px; }
.root-main .product-grid, .shop-main .product-grid { margin-top: 28px; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 34px 0 15px; }
.section-heading h2 { margin: 0; font-size: clamp(1.35rem, 4vw, 1.75rem); letter-spacing: -.035em; }
.section-heading p { margin: 0; color: var(--muted); }
.product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.empty-products { grid-column: 1 / -1; min-height: 230px; display: grid; place-items: center; padding: 34px; text-align: center; border: 1px dashed #d7c5b7; border-radius: var(--radius); background: rgba(255,255,255,.6); }
.empty-products .icon { width: 38px; height: 38px; margin: 0 auto 13px; color: var(--brand); }
.empty-products h3 { margin: 0 0 7px; }
.empty-products p { margin: 0; color: var(--muted); }

.product-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 9px 26px rgba(71, 30, 24, .07); }
.product-card-link { height: 100%; display: block; color: inherit; text-decoration: none; }
.product-card-link:focus-visible { outline: 3px solid rgba(156, 20, 2, .28); outline-offset: -3px; }
.product-image { position: relative; aspect-ratio: 1 / 1; overflow: hidden; background: var(--surface-soft); display: grid; place-items: center; }
.product-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-image > span:not(.publication-badge) .icon { width: 42px; height: 42px; color: var(--brand); }
.publication-badge { position: absolute; z-index: 3; top: 10px; left: 10px; max-width: calc(100% - 20px); padding: 6px 10px; border-radius: 999px; background: var(--surface); color: var(--ink); font-size: .72rem; font-weight: 900; box-shadow: 0 5px 16px rgba(25, 18, 16, .13); }
.publication-badge-venta { background: #9c1402; color: #fff; }
.publication-badge-flash { background: #f07d02; color: #1e160b; }
.publication-badge-ponele { background: #199c02; color: #10200c; }
.product-sold-ribbon { position: absolute; z-index: 2; top: 50%; left: 50%; width: 145%; padding: 10px 8px; transform: translate(-50%, -50%) rotate(-34deg); background: #247f9b; color: #fff; box-shadow: 0 5px 16px rgba(11, 52, 65, .28); font-size: clamp(.78rem, 2.7vw, 1.05rem); font-weight: 950; letter-spacing: .08em; line-height: 1; text-align: center; text-transform: uppercase; pointer-events: none; }
.product-card-body { padding: 13px; }
.product-card h3 { margin: 0; min-height: 2.8em; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: clamp(.92rem, 3.3vw, 1.06rem); line-height: 1.35; }
.product-price { margin: 9px 0 7px; color: var(--ink); font-size: clamp(1.18rem, 4.2vw, 1.55rem); font-weight: 900; letter-spacing: -.035em; }
.product-price small { font-size: .7em; color: var(--muted); font-weight: 750; }
.product-usd-price { margin: -2px 0 8px; color: #176a84; font-size: clamp(.88rem, 2.8vw, 1.02rem); font-weight: 900; }
.product-meta { margin: 6px 0 0; display: flex; align-items: flex-start; gap: 6px; color: var(--muted); font-size: .76rem; line-height: 1.35; }
.product-meta .icon { width: 15px; height: 15px; flex: 0 0 auto; margin-top: 1px; }
.product-meta.is-finished { color: var(--danger); font-weight: 800; }
.countdown-wrap { margin-top: 9px; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.countdown-label { color: var(--muted); font-size: .72rem; font-weight: 800; }
.countdown { display: inline-flex; align-items: center; gap: 3px; font-variant-numeric: tabular-nums; }
.countdown > span { min-width: 26px; padding: 4px 5px; border-radius: 5px; background: #111; color: #fff; text-align: center; font-size: .74rem; font-weight: 900; line-height: 1.15; }
.countdown > b { color: #111; font-size: .78rem; }
.root-product-card .countdown, .shop-product-card .countdown { gap: 4px; }
.root-product-card .countdown > span, .shop-product-card .countdown > span { width: clamp(34px, 3.8vw, 44px); height: clamp(34px, 3.8vw, 44px); padding: 0; border-radius: 8px; display: grid; place-items: center; font-size: clamp(.92rem, 1.25vw, 1.1rem); }
.root-product-card .countdown > b, .shop-product-card .countdown > b { font-size: 1rem; }

.contact-float { position: fixed; right: 18px; bottom: 20px; z-index: 50; }
.contact-float-toggle, .contact-float-option { border: 0; border-radius: 50%; display: grid; place-items: center; color: #fff; cursor: pointer; text-decoration: none; box-shadow: 0 11px 27px rgba(25, 22, 21, .24); transition: transform .18s ease, box-shadow .18s ease; }
.contact-float-toggle { width: 58px; height: 58px; background: var(--brand); }
.contact-float-toggle:hover, .contact-float-toggle[aria-expanded="true"] { background: var(--brand-dark); transform: translateY(-2px); }
.contact-float-toggle .icon { width: 30px; height: 30px; }
.contact-float-options { position: absolute; right: 4px; bottom: 70px; display: grid; gap: 10px; }
.contact-float-options[hidden] { display: none; }
.contact-float-option { width: 50px; height: 50px; }
.contact-float-option:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 14px 28px rgba(25, 22, 21, .3); }
.contact-float-option .icon { width: 25px; height: 25px; }
.contact-float-whatsapp { background: #168a42; }
.contact-float-facebook, .contact-float-messenger { background: #1877f2; }
.site-footer { padding: 25px 72px 32px 20px; text-align: center; color: var(--muted); font-size: .87rem; }

.panel-card { background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: clamp(21px, 5vw, 34px); box-shadow: var(--shadow); }
.panel-card h1 { margin: 0 0 8px; font-size: clamp(1.8rem, 6vw, 2.5rem); line-height: 1.05; letter-spacing: -.045em; }
.panel-card h2 { margin: 0 0 8px; }
.lead { margin: 0 0 25px; color: var(--muted); }
.form-grid { display: grid; gap: 18px; }
.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.field { display: grid; gap: 7px; }
.field label, .field-label { font-weight: 760; }
.field small { color: var(--muted); }
.field input, .field textarea, .field select { width: 100%; border: 1px solid var(--border); border-radius: 14px; background: #fff; color: var(--ink); padding: 12px 14px; }
.field textarea { min-height: 110px; resize: vertical; }
.field input:focus, .field textarea:focus, .field select:focus { outline: 3px solid rgba(156, 20, 2, .16); border-color: var(--brand); }
.money-input { position: relative; }
.money-input > span { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--ink); font-weight: 900; }
.money-input input { padding-left: 31px; }
.password-wrap { position: relative; }
.password-wrap input { padding-right: 52px; }
.password-toggle { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 0; background: transparent; border-radius: 11px; display: grid; place-items: center; color: var(--muted); cursor: pointer; }
.password-toggle:hover { background: var(--surface-soft); color: var(--ink); }
.password-toggle.is-visible { color: var(--brand-dark); }
.checkbox-row { display: flex; align-items: flex-start; gap: 11px; padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-soft); cursor: pointer; }
.checkbox-row input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--brand); }
.checkbox-row strong { display: block; }
.checkbox-row small { display: block; margin-top: 2px; color: var(--muted); }
.button-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.button { min-height: 46px; border: 1px solid transparent; border-radius: 14px; padding: 11px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 800; text-decoration: none; cursor: pointer; }
.button .icon { width: 20px; height: 20px; }
.button-small { min-height: 39px; padding: 8px 12px; border-radius: 11px; font-size: .82rem; }
.button-primary { background: var(--brand); color: #fff; }
.button-primary:hover { background: var(--brand-dark); }
.button-secondary { background: var(--surface); color: var(--ink); border-color: var(--border); }
.button-secondary:hover { border-color: var(--brand); color: var(--brand-dark); }
.form-note { margin-top: 20px; text-align: center; color: var(--muted); }
.form-note a { color: var(--brand-dark); font-weight: 800; }
.form-error { margin: 0; padding: 12px 14px; background: #fff0ee; border: 1px solid #efc3bd; color: #8b2b24; border-radius: 12px; font-weight: 700; }

.dashboard-intro { margin-bottom: 20px; }
.dashboard-intro h1 { margin-bottom: 6px; }
.dashboard-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dashboard-button { min-height: 145px; border: 1px solid var(--border); border-radius: 20px; padding: 20px; background: var(--surface); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; text-decoration: none; box-shadow: 0 9px 24px rgba(71,45,28,.06); }
.dashboard-button:hover { border-color: var(--brand); transform: translateY(-2px); }
.dashboard-button .icon { width: 31px; height: 31px; color: var(--brand-dark); }
.dashboard-button > span { display: grid; gap: 5px; }
.dashboard-button strong { font-size: 1.08rem; }
.dashboard-button small { color: var(--muted); }
.dashboard-button-form { margin: 0; }
.dashboard-button-form .dashboard-button { width: 100%; color: var(--ink); text-align: left; cursor: pointer; }
.dashboard-button-primary { background: var(--brand); border-color: var(--brand); color: #fff; }
.dashboard-button-primary:hover { background: var(--brand-dark); border-color: var(--brand-dark); }
.dashboard-button-primary .icon, .dashboard-button-primary small { color: #fff; }
.dashboard-button-primary small { opacity: .82; }
.notification-dashboard-button.has-notifications { background: #199c02; border-color: #199c02; color: #fff; }
.notification-dashboard-button.has-notifications:hover { background: #147d02; border-color: #147d02; }
.notification-dashboard-button.has-notifications .icon, .notification-dashboard-button.has-notifications small { color: #fff; }

.settings-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.settings-header h1 { margin: 0 0 5px; }
.settings-header p { margin: 0; color: var(--muted); }
.privacy-title { margin: 10px 0 -4px; padding-top: 20px; border-top: 1px solid var(--border); }
.privacy-title p { margin: 4px 0 0; color: var(--muted); font-size: .92rem; }
.header-preview { width: 100%; max-height: 260px; object-fit: cover; border: 1px solid var(--border); border-radius: 14px; margin-top: 10px; }
.upload-label { min-height: 50px; border: 1px dashed #caa6a0; border-radius: 14px; display: flex; justify-content: center; align-items: center; gap: 9px; padding: 13px; background: var(--surface-soft); cursor: pointer; font-weight: 800; }
.upload-label:hover { border-color: var(--brand); }
.upload-label input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }

.central-hero { padding: clamp(35px, 8vw, 72px); background: #ecd8d3; border: 1px solid var(--border); border-radius: 28px; }
.central-hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.4rem, 8vw, 5.5rem); line-height: .95; letter-spacing: -.06em; }
.central-hero p { max-width: 640px; margin: 20px 0 0; color: #5b211a; font-size: 1.08rem; }
.central-link { margin-top: 22px; }

.publication-heading { margin-bottom: 20px; }
.publication-heading h1 { margin: 0 0 5px; font-size: clamp(2rem, 6vw, 3rem); letter-spacing: -.05em; }
.publication-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.publication-type { min-height: 230px; padding: 22px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); color: var(--ink); text-decoration: none; box-shadow: var(--shadow); }
.publication-type:hover { border-color: var(--brand); transform: translateY(-2px); }
.publication-type-icon { width: 50px; height: 50px; flex: 0 0 auto; border-radius: 16px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand); }
.publication-type-venta .publication-type-icon { background: #f8e9e7; color: #9c1402; }
.publication-type-flash .publication-type-icon { background: #fff0dc; color: #c55f00; }
.publication-type-ponele .publication-type-icon { background: #e8f6e4; color: #147c02; }
.publication-type-venta .publication-arrow { color: #9c1402; }
.publication-type-flash .publication-arrow { color: #c55f00; }
.publication-type-ponele .publication-arrow { color: #147c02; }
.publication-type-icon .icon { width: 27px; height: 27px; }
.publication-type strong { display: block; margin-bottom: 5px; font-size: 1.25rem; }
.publication-type small { display: block; color: var(--muted); line-height: 1.5; }
.publication-arrow { width: 22px; height: 22px; color: var(--brand); }
.publication-form-card { width: 100%; }
.publication-form-title { display: flex; align-items: center; gap: 13px; }
.publication-form-title h1 { font-size: clamp(1.55rem, 5vw, 2.2rem); }
.photo-previews { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.photo-preview { aspect-ratio: 1 / 1; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--surface-soft); }
.photo-preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.photo-count { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .87rem; }

.upload-overlay { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(24, 18, 17, .68); backdrop-filter: blur(5px); }
.upload-overlay[hidden] { display: none; }
.upload-dialog { width: min(390px, 100%); padding: 30px 24px; border-radius: 22px; background: #fff; color: var(--ink); box-shadow: 0 24px 70px rgba(0,0,0,.24); text-align: center; }
.upload-dialog strong, .upload-dialog small { display: block; }
.upload-dialog strong { margin-top: 15px; font-size: 1.14rem; }
.upload-dialog small { margin-top: 5px; color: var(--muted); }
.upload-spinner { width: 46px; height: 46px; margin: 0 auto; display: block; border: 5px solid #ecd6d2; border-top-color: var(--brand); border-radius: 50%; animation: upload-spin .8s linear infinite; }
.upload-spinner[hidden] { display: none; }
.upload-recovery { margin-top: 18px; display: grid; gap: 9px; }
.upload-recovery .button { width: 100%; justify-content: center; }
@keyframes upload-spin { to { transform: rotate(360deg); } }

.product-detail { max-width: 1080px; }
.detail-back { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 18px; color: var(--brand-dark); font-weight: 800; text-decoration: none; }
.detail-back .icon { width: 19px; height: 19px; }
.detail-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 28px; align-items: start; }
.detail-gallery { display: grid; gap: 12px; }
.gallery-stage { position: relative; overflow: hidden; aspect-ratio: 1 / 1; border: 1px solid var(--border); border-radius: 22px; background: #fff; }
.gallery-stage > img { width: 100%; height: 100%; display: block; object-fit: contain; }
.gallery-arrow { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; transform: translateY(-50%); border: 1px solid rgba(0,0,0,.12); border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.94); color: var(--ink); box-shadow: 0 7px 20px rgba(0,0,0,.15); cursor: pointer; }
.gallery-arrow-left { left: 12px; }
.gallery-arrow-right { right: 12px; }
.gallery-counter { position: absolute; right: 12px; bottom: 12px; padding: 5px 9px; border-radius: 999px; background: rgba(17,17,17,.85); color: #fff; font-size: .78rem; }
.gallery-thumbnails { display: flex; gap: 9px; overflow-x: auto; padding: 2px; }
.gallery-thumbnail { width: 74px; height: 74px; flex: 0 0 auto; overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 12px; background: #fff; cursor: pointer; }
.gallery-thumbnail.is-active { border-color: var(--brand); }
.gallery-thumbnail img { width: 100%; height: 100%; display: block; object-fit: cover; }
.gallery-empty { aspect-ratio: 1 / 1; border: 1px solid var(--border); border-radius: 22px; display: grid; place-items: center; background: var(--surface-soft); }
.gallery-empty .icon { width: 58px; height: 58px; color: var(--brand); }
.detail-info { position: sticky; top: 86px; padding: 26px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); box-shadow: var(--shadow); }
.detail-badge { position: static; display: inline-block; }
.detail-info h1 { margin: 17px 0 0; font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.05; letter-spacing: -.045em; }
.detail-price { margin: 16px 0 8px; font-size: clamp(1.75rem, 5vw, 2.5rem); font-weight: 900; letter-spacing: -.045em; }
.detail-price small { font-size: .55em; color: var(--muted); }
.detail-usd-price { margin: -2px 0 10px; color: #176a84; font-size: clamp(1.08rem, 4vw, 1.4rem); font-weight: 900; }
.detail-meta { display: flex; gap: 8px; align-items: center; color: var(--muted); }
.detail-meta .icon { width: 19px; height: 19px; }
.detail-countdown { margin-top: 18px; }
.detail-countdown .countdown-label { font-size: .85rem; }
.detail-countdown .countdown > span { min-width: 38px; padding: 7px; font-size: 1rem; }
.detail-description { margin-top: 21px; padding-top: 19px; border-top: 1px solid var(--border); color: #4d4540; white-space: normal; }
.winner-card { margin-top: 18px; padding: 13px 15px; border: 1px solid #d5e9ce; border-radius: 14px; display: flex; align-items: center; gap: 11px; background: #f0faed; color: #145d08; }
.winner-card .icon { width: 31px; height: 31px; }
.winner-card small, .winner-card strong { display: block; }
.winner-card small { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.winner-card strong { font-size: 1.08rem; }
.detail-action-error { margin-top: 18px; }
.product-actions { margin-top: 21px; display: grid; gap: 8px; }
.product-actions small { color: var(--muted); }
.product-action-button { width: 100%; min-height: 54px; font-size: 1.05rem; }
.button-autobuy-central { background: var(--brand); color: #fff; }
.button-autobuy-central:hover { background: var(--brand-dark); }
.button-autobuy-shop { background: #2773f5; color: #fff; }
.button-autobuy-shop:hover { background: #1554a0; }
.button-ponele { background: #199c02; color: #10200c; }
.button-ponele:hover { background: #148001; }
.sold-out-message { margin: 0; padding: 13px; border-radius: 12px; background: var(--surface-soft); color: var(--danger); font-weight: 800; text-align: center; }
.own-store-purchase-note { margin: 0; padding: 13px 14px; border: 1px solid #e4b8b2; border-radius: 12px; background: #fff0ee; color: #7d1a0e; font-weight: 800; line-height: 1.45; text-align: center; }
.share-actions { margin-top: 22px; }
.share-actions > strong { display: block; margin-bottom: 9px; }
.share-actions > div { display: flex; flex-wrap: wrap; gap: 8px; }
.share-button { min-height: 43px; padding: 9px 13px; border-radius: 12px; display: inline-flex; align-items: center; gap: 7px; color: #fff; font-weight: 800; text-decoration: none; }
.share-button .icon { width: 20px; height: 20px; }
.autobuyer-share-actions > div { display: block; }
.autobuyer-share-button { width: 100%; justify-content: center; border: 0; background: #2459a9; cursor: pointer; }
.autobuyer-share-button:hover { background: #194783; }
.linkless-share-central { background: var(--brand); }
.linkless-share-central:hover { background: var(--brand-dark); }
.linkless-share-shop { background: #2773f5; }
.linkless-share-shop:hover { background: #1554a0; }
.autobuyer-share-button:disabled { cursor: wait; opacity: .65; }
.autobuyer-share-actions > small { display: block; margin-top: 8px; color: var(--muted); line-height: 1.45; }
.autobuyer-share-status { margin: 8px 0 0; color: #1554a0; font-size: .82rem; font-weight: 750; }
.autobuyer-share-status:empty { display: none; }
.autobuyer-share-status.is-error { color: var(--danger); }
.shared-products-page { max-width: 820px; }
.shared-products-mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.shared-product-mini { min-width: 0; padding: 7px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); box-shadow: 0 8px 22px rgba(71, 30, 24, .07); }
.shared-product-mini-image { position: relative; aspect-ratio: 1; border-radius: 11px; display: grid; place-items: center; overflow: hidden; background: var(--surface-soft); color: var(--muted); }
.shared-product-mini-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.shared-product-mini-image > span .icon { width: 34px; height: 34px; }
.shared-product-status-tags { position: absolute; z-index: 2; top: 7px; left: 7px; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.shared-product-status-tag { padding: 5px 9px; border-radius: 999px; color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, .2); font-size: .68rem; font-weight: 900; letter-spacing: .04em; line-height: 1; text-transform: uppercase; }
.shared-product-status-tag.is-own-sale { background: #199c02; }
.shared-product-status-tag.is-sold-out { background: #d92d20; }
.shared-product-status-tag.is-stock-left { background: #2773f5; }
.shared-product-mini form { margin: 7px 0 0; }
.shared-product-remove { width: 100%; min-height: 35px; padding: 7px 5px; border: 0; border-radius: 9px; background: var(--brand); color: #fff; font-size: .78rem; font-weight: 850; cursor: pointer; }
.shared-product-remove:hover { background: var(--brand-dark); }
.share-whatsapp { background: #168a42; }
.share-facebook { background: #2459a9; }
.social-share-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.social-share-actions > strong { margin: 0; }
.social-share-actions > .social-share-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
.social-share-circle { width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; display: inline-grid; place-items: center; color: #fff; text-decoration: none; cursor: pointer; box-shadow: 0 7px 18px rgba(28, 22, 21, .16); transition: transform .18s ease, box-shadow .18s ease; }
.social-share-circle:hover { transform: translateY(-2px); box-shadow: 0 10px 23px rgba(28, 22, 21, .22); }
.social-share-circle:focus-visible { outline: 3px solid rgba(39, 115, 245, .28); outline-offset: 3px; }
.social-share-circle .icon { width: 24px; height: 24px; }
.social-share-whatsapp { background: #168a42; }
.social-share-facebook { background: #1877f2; }
.social-share-messenger { background: #1877f2; }

.history-section { margin-top: 30px; padding: clamp(20px, 4vw, 28px); border: 1px solid var(--border); border-radius: 22px; background: var(--surface); box-shadow: 0 9px 26px rgba(71, 30, 24, .06); }
.history-heading { display: flex; justify-content: space-between; gap: 15px; margin-bottom: 14px; }
.history-heading h2 { margin: 0; }
.history-heading p { margin: 2px 0 0; color: var(--muted); }
.history-list { display: grid; }
.product-questions-section { margin-top: 30px; padding: clamp(20px, 4vw, 28px); border: 1px solid var(--border); border-radius: 22px; background: var(--surface); box-shadow: 0 9px 26px rgba(71,30,24,.06); scroll-margin-top: 82px; }
.product-question-list { display: grid; gap: 10px; }
.product-question-card { overflow: hidden; border: 1px solid var(--border); border-radius: 16px; background: #fff; }
.product-question-line, .product-answer-line { padding: 14px 16px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: start; }
.product-question-line { color: var(--ink); }
.product-question-line .icon { width: 21px; height: 21px; color: var(--brand); }
.product-question-line p, .product-answer-line p { margin: 0; color: var(--ink); line-height: 1.5; }
.product-answer-line { border-top: 1px solid var(--border); background: var(--surface-soft); }
.product-answer-line strong { color: var(--brand-dark); font-size: .82rem; }
.product-question-form { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }
.product-question-form .button, .question-login-button { width: fit-content; }
.question-login-button { margin-top: 18px; }
.history-row { min-height: 56px; padding: 10px 0; border-top: 1px solid var(--border); display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; }
.history-row span { color: var(--muted); font-size: .86rem; }
.history-row b { text-align: right; }
.history-empty { margin: 0; padding: 18px; border-radius: 13px; background: var(--surface-soft); color: var(--muted); text-align: center; }
.history-more { margin-top: 16px; }

.action-modal { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 18px; }
.action-modal[hidden] { display: none; }
.action-modal-backdrop { position: absolute; inset: 0; background: rgba(20,15,14,.66); backdrop-filter: blur(4px); }
.action-modal-card { position: relative; z-index: 1; width: min(440px, 100%); padding: 27px; border-radius: 22px; background: #fff; color: var(--ink); box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.action-modal-card h2 { margin: 0 38px 7px 0; font-size: 1.55rem; }
.action-modal-card > p { margin: 0 0 21px; color: var(--muted); }
.modal-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--surface-soft); color: var(--ink); font-size: 1.65rem; line-height: 1; cursor: pointer; }
.notification-modal-card { width: min(570px, 100%); max-height: min(760px, calc(100vh - 36px)); display: flex; flex-direction: column; padding: 24px; }
.notification-modal-heading { padding-right: 45px; display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.notification-modal-heading h2 { margin: 0; }
.notification-modal-heading p { margin: 2px 0 0; color: var(--muted); font-size: .88rem; }
.notification-modal-heading > a { color: var(--brand-dark); font-weight: 800; white-space: nowrap; }
.notification-modal-list { margin: 17px -4px 16px 0; padding-right: 4px; display: grid; gap: 9px; overflow-y: auto; }
.notification-modal-empty { margin: 0; padding: 28px 12px; border-radius: 15px; background: var(--surface-soft); color: var(--muted); text-align: center; }
.notification-modal-item { position: relative; border: 1px solid var(--border); border-left: 4px solid #199c02; border-radius: 15px; background: #fff; overflow: hidden; }
.notification-modal-item > a { padding: 13px 48px 13px 14px; display: grid; gap: 3px; text-decoration: none; }
.notification-modal-item > a:hover { background: #fbf8f7; }
.notification-modal-item strong { line-height: 1.25; }
.notification-modal-item span { color: var(--ink); font-size: .92rem; }
.notification-modal-item small { color: var(--muted); font-size: .76rem; }
.notification-modal-item form { position: absolute; z-index: 2; top: 9px; right: 9px; margin: 0; }
.notification-modal-item form button { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: var(--surface-soft); color: var(--muted); cursor: pointer; }
.notification-modal-item form button:hover { background: var(--brand-soft); color: var(--brand-dark); }
.notification-modal-item form .icon { width: 17px; height: 17px; }
.notification-modal-footer { width: 100%; flex: 0 0 auto; }

.notification-page-list { display: grid; gap: 12px; }
.notification-page-item { position: relative; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); overflow: hidden; }
.notification-page-item.is-unread { border-left: 5px solid #199c02; }
.notification-page-item > a { min-height: 112px; padding: 20px 112px 20px 20px; display: flex; align-items: flex-start; gap: 12px; text-decoration: none; }
.notification-page-item > a:hover { background: #fcf8f7; }
.notification-page-item h2 { margin: 0 0 4px; font-size: 1.08rem; }
.notification-page-item p { margin: 0 0 7px; color: var(--ink); }
.notification-page-item small { color: var(--muted); }
.notification-dot { width: 10px; height: 10px; margin-top: 8px; flex: 0 0 auto; border-radius: 50%; background: #c8bdb9; }
.notification-page-item.is-unread .notification-dot { background: #199c02; box-shadow: 0 0 0 4px #e9f7e6; }
.notification-page-actions { position: absolute; z-index: 2; top: 14px; right: 14px; display: flex; gap: 6px; }
.notification-page-actions form { margin: 0; }
.notification-page-actions button { width: 37px; height: 37px; padding: 0; border: 1px solid var(--border); border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--muted); cursor: pointer; }
.notification-page-actions button:hover { border-color: var(--brand); color: var(--brand-dark); background: var(--surface-soft); }
.notification-page-actions button.notification-delete { color: var(--danger); border-color: #e4b8b2; }
.notification-page-actions .icon { width: 18px; height: 18px; }
.notification-preferences-form fieldset { margin: 0; padding: 0; border: 0; display: grid; gap: 10px; }
.notification-preferences-form legend { margin-bottom: 10px; font-size: 1.05rem; font-weight: 900; }
.preference-check { padding: 14px; border: 1px solid var(--border); border-radius: 15px; display: flex; align-items: flex-start; gap: 11px; background: var(--surface); cursor: pointer; }
.preference-check input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--brand); }
.preference-check span { display: grid; gap: 2px; }
.preference-check small { color: var(--muted); }
.mail-queue-stats { margin: 20px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mail-queue-stats article { padding: 16px 10px; border: 1px solid var(--border); border-radius: 15px; display: grid; place-items: center; background: var(--surface-soft); text-align: center; }
.mail-queue-stats strong { font-size: 1.65rem; color: var(--brand-dark); }
.mail-queue-stats span { color: var(--muted); font-size: .82rem; font-weight: 800; }
.mail-test-form { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--border); }
.mail-process-form { margin: 18px 0 0; display: grid; gap: 7px; }
.mail-process-form small { color: var(--muted); }

.orders-list { display: grid; gap: 13px; }
.order-card { position: relative; padding: 15px 92px 15px 15px; border: 1px solid var(--border); border-radius: 18px; display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; gap: 16px; align-items: center; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.order-card > img { width: 92px; height: 92px; border-radius: 13px; object-fit: cover; background: var(--surface-soft); }
.order-main h2 { margin: 5px 0; font-size: 1.1rem; }
.order-main p { margin: 3px 0; color: var(--muted); }
.order-type { display: inline-block; padding: 4px 8px; border-radius: 999px; background: var(--brand-soft); color: var(--brand-dark); font-size: .72rem; font-weight: 900; }
.order-type-flash { background: #fff0dc; color: #8b4300; }
.order-type-ponele { background: #e8f6e4; color: #146c06; }
.order-type-autobuy { background: #e7f0ff; color: #174d9d; }
.order-contact { display: grid; justify-items: end; gap: 6px; }
.order-contact small { color: var(--muted); }
.order-card-actions { position: absolute; top: 10px; right: 10px; display: flex; gap: 6px; }
.order-action-form { margin: 0; }
.order-action-form button { width: 34px; height: 34px; padding: 0; border: 1px solid var(--border); border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--muted); cursor: pointer; }
.order-action-form button:hover { border-color: var(--brand); color: var(--brand-dark); background: var(--surface-soft); }
.order-action-form .icon { width: 18px; height: 18px; }
.order-delete-form button { color: #8c1607; border-color: #e4b8b2; }
.order-delete-form button:hover { color: #8c1607; border-color: #c87468; background: #fff0ee; }
.autobuy-summary { margin: 16px 0; padding: 13px 14px; border: 1px solid #c9daf8; border-radius: 14px; display: grid; gap: 7px; background: #f2f7ff; }
.autobuy-summary span { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: .88rem; }
.autobuy-summary strong { color: var(--ink); }
.autobuyer-commission { margin: 5px 0 0; color: #1554a0; font-size: .82rem; font-weight: 850; }
.autobuyer-commission-central { color: var(--brand); }
.autobuyer-detail-summary { margin-top: 14px; border-color: #9dc1f6; background: #edf5ff; }
.autobuyer-detail-summary.autobuyer-detail-central { border-color: #deb9b4; background: #fff0ee; }
.autobuyer-detail-summary.autobuyer-detail-central span { color: #7a3027; }
.autobuyer-detail-summary.autobuyer-detail-central strong { color: var(--brand-dark); }
.shared-commission-grid-central { color: var(--brand); }
.shared-commission-grid-shop { color: #1554a0; }
.shared-commission-detail-central { border-color: #deb9b4; background: #fff0ee; }
.shared-commission-detail-central span { color: #7a3027; }
.shared-commission-detail-central strong { color: var(--brand-dark); }
.shared-commission-detail-shop { border-color: #b7cff5; background: #edf5ff; }
.shared-commission-detail-shop span { color: #315983; }
.shared-commission-detail-shop strong { color: #124b94; }
.user-block-picker { position: relative; }
.user-block-suggestions { position: absolute; z-index: 20; top: 76px; left: 0; right: 0; max-height: 245px; padding: 7px; overflow-y: auto; border: 1px solid var(--border); border-radius: 14px; background: #fff; box-shadow: 0 14px 35px rgba(45,31,28,.16); }
.user-block-suggestion { width: 100%; padding: 10px 11px; border: 0; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; gap: 10px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
.user-block-suggestion:hover { background: var(--surface-soft); }
.user-block-suggestion small, .user-block-empty { color: var(--muted); font-size: .78rem; }
.user-block-empty { display: block; padding: 11px; }
.user-block-selected { display: flex; flex-wrap: wrap; gap: 7px; }
.user-block-chip { padding: 6px 6px 6px 10px; border: 1px solid #c9daf8; border-radius: 999px; display: inline-flex; align-items: center; gap: 7px; background: #f2f7ff; color: #1554a0; font-size: .8rem; }
.user-block-chip button { width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: #dceaff; color: #1554a0; cursor: pointer; font-size: 1rem; }

.publication-manager-list { display: grid; gap: 13px; }
.publication-manager-card { padding: 15px; border: 1px solid var(--border); border-radius: 18px; display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: 17px; align-items: center; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.publication-manager-card > img { width: 112px; height: 112px; border-radius: 14px; object-fit: cover; background: var(--surface-soft); }
.publication-manager-main h2 { margin: 7px 0 4px; font-size: 1.13rem; }
.publication-manager-main > p { margin: 3px 0; color: var(--muted); }
.publication-manager-main > small { color: var(--muted); }
.manager-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.manager-badges .publication-badge { position: static; display: inline-block; }
.manager-status { padding: 5px 8px; border-radius: 999px; background: #ece9e7; color: #514a46; font-size: .7rem; font-weight: 900; }
.manager-lock-note { margin-top: 8px !important; color: #7a3500 !important; font-weight: 800; font-size: .86rem; }
.publication-manager-actions { min-width: 155px; display: grid; gap: 7px; }
.publication-manager-actions form { margin: 0; }
.publication-manager-actions .button { width: 100%; }
.question-admin-section { margin-top: 26px; }
.question-admin-list { display: grid; gap: 13px; }
.question-admin-card { padding: 15px; border: 1px solid var(--border); border-radius: 18px; display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 16px; align-items: start; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.question-admin-card > img { width: 92px; height: 92px; border-radius: 13px; object-fit: cover; background: var(--surface-soft); }
.question-admin-content { min-width: 0; }
.question-admin-content > div:first-child { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; }
.question-admin-content a { color: var(--ink); }
.question-admin-content small { color: var(--muted); }
.question-text { margin: 10px 0; color: var(--ink); line-height: 1.5; }
.question-answer-form { gap: 9px; }
.question-answer-form textarea { min-height: 90px; }
.question-answer-form .button { width: fit-content; }
.question-admin-card.is-answered { opacity: .92; }
.question-answer { padding: 12px 14px; border-radius: 13px; background: var(--surface-soft); }
.question-answer strong { color: var(--brand-dark); font-size: .82rem; }
.question-answer p { margin: 5px 0 0; color: var(--ink); line-height: 1.5; }
.button-danger { background: #fff; border-color: #e4b8b2; color: #8c1607; }
.button-danger:hover { background: #fff0ee; border-color: #c87468; }
.current-photo-previews { margin-bottom: 4px; }

.eyebrow { display: inline-block; color: var(--brand-dark); font-size: .74rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.admin-welcome { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.admin-stats { margin: 0 0 20px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.admin-stats article { padding: 17px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); box-shadow: 0 7px 20px rgba(71,30,24,.045); }
.admin-stats strong, .admin-stats span { display: block; }
.admin-stats strong { color: var(--brand-dark); font-size: 1.75rem; letter-spacing: -.04em; }
.admin-stats span { margin-top: 2px; color: var(--muted); font-size: .84rem; font-weight: 750; }
.admin-split { display: grid; grid-template-columns: minmax(290px, .75fr) minmax(0, 1.25fr); gap: 18px; align-items: start; }
.admin-form-card { position: sticky; top: 85px; }
.admin-list { display: grid; gap: 11px; }
.admin-row { padding: 16px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); box-shadow: 0 7px 20px rgba(71,30,24,.045); }
.admin-row.is-inactive { opacity: .62; }
.admin-row h2 { margin: 5px 0; font-size: 1.15rem; }
.admin-row p { margin: 3px 0; color: var(--muted); }
.admin-row small { color: var(--muted); }
.admin-row-edit { display: grid; grid-template-columns: minmax(0, 1fr) 90px auto; gap: 10px; align-items: end; }
.category-admin-labels { margin-bottom: 12px; display: flex; flex-wrap: wrap; gap: 7px; }
.category-image-manager { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.category-image-field { min-width: 0; padding: 13px; border: 1px solid var(--border); border-radius: 15px; display: grid; align-content: start; gap: 9px; background: var(--surface-soft); }
.category-image-field .upload-label { width: 100%; justify-content: center; }
.category-image-preview { width: 100%; aspect-ratio: 1200 / 630; border: 1px solid var(--border); border-radius: 11px; display: block; object-fit: cover; background: #fff; }
.category-image-preview[hidden] { display: none; }
.category-image-field small { color: var(--muted); line-height: 1.35; }
.category-image-save { grid-column: 1 / -1; justify-self: start; }
.category-admin-edit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.category-admin-edit .button { grid-column: 1 / -1; justify-self: end; }
.category-scope-network { background: #e9f6ee; color: #17613c; }
.category-scope-root { background: #f8e9e7; color: var(--brand-dark); }
.admin-row-meta { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.admin-row-meta > span { color: var(--muted); font-size: .84rem; }
.compact-field input { text-align: center; }
.shop-admin-row, .user-admin-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.admin-item-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 7px; }
.admin-item-actions form { margin: 0; }
.user-management { display: grid; justify-items: end; gap: 10px; }
.slug-input { display: flex; align-items: center; overflow: hidden; border: 1px solid var(--border); border-radius: 14px; background: #fff; }
.slug-input:focus-within { outline: 3px solid rgba(156, 20, 2, .16); border-color: var(--brand); }
.slug-input span { padding-left: 13px; color: var(--muted); font-size: .88rem; white-space: nowrap; }
.slug-input input { border: 0; border-radius: 0; padding-left: 2px; }
.slug-input input:focus { outline: 0; }
.role-pill { display: inline-block; padding: 5px 8px; border-radius: 999px; background: var(--surface-soft); color: var(--muted); font-size: .7rem; font-weight: 900; }
.role-general_admin { background: #f8e9e7; color: var(--brand-dark); }
.role-shop_admin { background: #fff0dc; color: #8b4300; }
.role-autobuyer { background: #e7f4ff; color: #1554a0; }
.user-contact { display: grid; justify-items: end; gap: 3px; color: var(--muted); font-size: .88rem; }
.root-main { padding-top: 22px; }
.root-category-row { margin-top: 22px; }
.central-hero .eyebrow { margin-bottom: 15px; }
.product-store { margin-bottom: 7px; display: flex; align-items: center; gap: 5px; color: var(--brand-dark); font-size: .74rem; font-weight: 850; }
.product-store .icon { width: 15px; height: 15px; }
.detail-source { margin: 10px 0 -8px; display: flex; align-items: center; gap: 6px; color: var(--brand-dark); font-size: .82rem; font-weight: 850; }
.detail-source .icon { width: 17px; height: 17px; }

.partner-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.partner-card { position: relative; min-height: 160px; padding: 19px; border: 1px solid var(--border); border-radius: 19px; display: flex; flex-direction: column; justify-content: flex-end; gap: 5px; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); cursor: pointer; }
.partner-card:hover, .partner-card.is-selected { border-color: var(--brand); }
.partner-card.is-selected { background: #fff8f6; box-shadow: 0 0 0 2px rgba(156,20,2,.1); }
.partner-card input { position: absolute; top: 15px; right: 15px; width: 21px; height: 21px; accent-color: var(--brand); }
.partner-check { position: absolute; top: 17px; left: 17px; width: 39px; height: 39px; border-radius: 13px; display: grid; place-items: center; background: var(--brand-soft); color: var(--brand-dark); }
.partner-check .icon { width: 22px; height: 22px; }
.partner-card strong { font-size: 1.08rem; }
.partner-card small { color: var(--muted); line-height: 1.4; }
.partner-option-card { cursor: default; }
.partner-option-card form { margin-top: 9px; }
.partner-option-card .button { width: 100%; }
.partner-option-card.status-pending { border-color: #e8b56a; background: #fffaf2; }
.partner-option-card.status-rejected { border-color: #dcaaa4; background: #fff7f6; }
.partner-status { margin: 8px 0 0; padding: 8px 10px; border-radius: 11px; font-size: .8rem; font-weight: 850; line-height: 1.35; }
.partner-status-approved { background: #e8f6e4; color: #146c06; }
.partner-status-pending { background: #fff0dc; color: #8b4300; }
.partner-status-rejected { background: #f9e5e2; color: #8c1607; }
.partner-requests-section { margin-bottom: 30px; }
.partner-request-list { display: grid; gap: 11px; }
.partner-request-card { position: relative; padding: 17px 17px 17px 70px; border: 1px solid #e8b56a; border-radius: 18px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 15px; background: #fffaf2; box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.partner-request-card .partner-check { top: 15px; }
.partner-request-card strong, .partner-request-card small { display: block; }
.partner-request-card small { margin-top: 3px; color: var(--muted); }
.partner-request-card form { margin: 0; }
.partner-outgoing-section { margin-top: 12px; }
.sticky-save { position: sticky; bottom: 12px; z-index: 8; max-width: 540px; margin: 20px auto 0; padding: 11px 12px 11px 17px; border: 1px solid var(--border); border-radius: 17px; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(54,24,20,.14); backdrop-filter: blur(10px); }
.sticky-save span { color: var(--muted); font-size: .86rem; font-weight: 800; }

.share-settings-list { display: grid; gap: 13px; }
.bulk-share-panel { margin: 0 0 20px; padding: 18px; border: 1px solid #d7b4af; border-radius: 20px; background: linear-gradient(135deg, #fff 0%, #fff7f5 100%); box-shadow: 0 10px 28px rgba(71,30,24,.07); }
.bulk-share-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.bulk-share-heading h2 { margin: 0 0 4px; font-size: 1.12rem; }
.bulk-share-heading p { margin: 0; color: var(--muted); font-size: .87rem; }
.bulk-select-all { min-height: 42px; padding: 9px 13px; border: 1px solid var(--border); border-radius: 12px; display: inline-flex; align-items: center; gap: 8px; background: #fff; font-size: .82rem; font-weight: 850; cursor: pointer; white-space: nowrap; }
.bulk-select-all input, .bulk-product-selector input { width: 18px; height: 18px; accent-color: var(--brand); }
.bulk-share-controls { margin-top: 15px; display: grid; grid-template-columns: minmax(190px, 1fr) 140px auto; gap: 9px; }
.bulk-share-controls select, .bulk-share-controls input { min-height: 46px; width: 100%; border: 1px solid var(--border); border-radius: 12px; padding: 9px 11px; background: #fff; color: var(--ink); }
.bulk-share-actions { display: flex; gap: 8px; }
.bulk-share-actions .button { white-space: nowrap; }
.bulk-share-selection { margin: 11px 0 2px; color: var(--brand-dark); font-size: .86rem; font-weight: 900; }
.bulk-share-panel > small { color: var(--muted); line-height: 1.4; }
.share-setting-card { position: relative; padding: 54px 15px 15px; border: 1px solid var(--border); border-radius: 19px; display: grid; grid-template-columns: 90px minmax(190px, .8fr) minmax(300px, 1.2fr); gap: 16px; align-items: center; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.share-setting-card.is-enabled { border-color: #d7b4af; }
.bulk-product-selector { position: absolute; top: 12px; right: 15px; min-height: 31px; padding: 5px 10px; border: 1px solid var(--border); border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; background: var(--surface-soft); color: var(--ink); font-size: .78rem; font-weight: 850; cursor: pointer; }
.bulk-product-selector:has(input:checked) { border-color: var(--brand); background: #fff0ed; color: var(--brand-dark); }
.share-setting-card > img { width: 90px; height: 90px; border-radius: 13px; object-fit: cover; background: var(--surface-soft); }
.share-setting-info .publication-badge { position: static; display: inline-block; }
.share-setting-info h2 { margin: 6px 0 3px; font-size: 1.05rem; }
.share-setting-info p { margin: 0; color: var(--muted); font-size: .85rem; }
.share-setting-form { display: grid; gap: 9px; }
.commission-fields { display: grid; grid-template-columns: minmax(0, 1fr) 130px; gap: 8px; }
.commission-fields select, .commission-fields input { min-height: 43px; width: 100%; border: 1px solid var(--border); border-radius: 12px; padding: 9px 11px; background: #fff; color: var(--ink); }
.mini-toggle { display: flex; align-items: center; gap: 8px; font-size: .84rem; font-weight: 850; cursor: pointer; }
.mini-toggle input { position: absolute; opacity: 0; }
.mini-toggle span { position: relative; width: 39px; height: 23px; border-radius: 999px; background: #d8d2cf; transition: .2s ease; }
.mini-toggle span::after { content: ''; position: absolute; top: 3px; left: 3px; width: 17px; height: 17px; border-radius: 50%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.16); transition: .2s ease; }
.mini-toggle input:checked + span { background: var(--brand); }
.mini-toggle input:checked + span::after { transform: translateX(16px); }
.mandatory-note { color: var(--brand-dark); font-size: .83rem; }

.partner-products-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.partner-product-card { overflow: hidden; border: 1px solid var(--border); border-radius: 19px; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.partner-product-card.is-selected { border-color: var(--brand); box-shadow: 0 0 0 2px rgba(156,20,2,.09); }
.partner-product-card .product-image { aspect-ratio: 1.15 / 1; }
.partner-product-body { padding: 15px; }
.partner-product-body h2 { margin: 5px 0 7px; font-size: 1.08rem; }
.partner-product-body > small { display: block; min-height: 38px; color: var(--muted); }
.partner-product-body form { margin-top: 13px; }
.partner-product-body .button { width: 100%; }

.partner-products-list { display: grid; gap: 20px; }
.partner-store-products { display: grid; gap: 10px; }
.partner-store-products-header { padding: 12px 14px; border: 1px solid var(--border); border-radius: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--surface-soft); }
.partner-store-products-header > div { min-width: 0; display: flex; align-items: baseline; gap: 7px; }
.partner-store-products-header strong { font-size: 1rem; }
.partner-store-products-header small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.partner-store-products-header > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: #fff; color: var(--brand-dark); font-size: .78rem; font-weight: 900; }
.partner-product-rows { display: grid; gap: 8px; }
.partner-product-row { padding: 9px; border: 1px solid var(--border); border-radius: 15px; display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px; align-items: center; background: var(--surface); box-shadow: 0 5px 15px rgba(71,30,24,.04); }
.partner-product-row.is-selected { border-color: #d7b4af; box-shadow: inset 3px 0 0 var(--brand), 0 5px 15px rgba(71,30,24,.04); }
.partner-product-thumb { width: 72px; height: 72px; overflow: hidden; border-radius: 11px; display: grid; place-items: center; background: var(--surface-soft); }
.partner-product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.partner-product-thumb > span { color: var(--brand); }
.partner-product-thumb .icon { width: 28px; height: 28px; }
.partner-product-info { min-width: 0; }
.partner-product-type { display: inline-block; padding: 3px 7px; border-radius: 999px; font-size: .62rem; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; }
.partner-product-info h3 { overflow: hidden; margin: 4px 0 3px; font-size: .98rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.partner-product-info p { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.partner-product-info p strong { color: var(--brand-dark); font-size: .96rem; }
.partner-product-info p span { color: var(--muted); font-size: .76rem; }
.partner-product-action { margin: 0; }
.partner-product-action .button { min-width: 92px; padding: 10px 13px; }
.partner-product-mandatory { min-width: 92px; padding: 9px 11px; border-radius: 11px; background: var(--brand); color: #fff; font-size: .75rem; font-weight: 900; text-align: center; }

.admin-network-products-list { display: grid; gap: 9px; }
.admin-network-product-row { padding: 9px; border: 1px solid var(--border); border-radius: 16px; display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 12px; align-items: center; background: var(--surface); box-shadow: 0 5px 15px rgba(71,30,24,.04); }
.admin-network-product-row.is-selected { border-color: #d7b4af; box-shadow: inset 3px 0 0 var(--brand), 0 5px 15px rgba(71,30,24,.04); }
.admin-network-product-thumb { width: 72px; height: 72px; overflow: hidden; border-radius: 11px; display: grid; place-items: center; background: var(--surface-soft); color: var(--brand); }
.admin-network-product-thumb img { width: 100%; height: 100%; object-fit: cover; }
.admin-network-product-thumb .icon { width: 28px; height: 28px; }
.admin-network-product-info { min-width: 0; }
.admin-network-product-info > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; }
.admin-network-product-info .product-store { font-size: .72rem; }
.admin-network-product-info .product-store .icon { width: 14px; height: 14px; }
.admin-network-product-info h2 { overflow: hidden; margin: 5px 0 3px; font-size: .98rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.admin-network-product-info p { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 10px; }
.admin-network-product-info p strong { color: var(--brand-dark); }
.admin-network-product-info p span { color: var(--muted); font-size: .76rem; font-weight: 800; }
.admin-network-product-actions { display: flex; align-items: center; gap: 7px; }
.admin-network-product-actions form { margin: 0; }
.admin-network-product-actions .button { min-width: 96px; padding: 10px 12px; }

.shared-sales-section + .shared-sales-section { margin-top: 32px; }
.shared-order-list { display: grid; gap: 11px; }
.shared-order-card { position: relative; padding: 14px; border: 1px solid var(--border); border-radius: 18px; display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; gap: 15px; align-items: center; background: var(--surface); box-shadow: 0 7px 20px rgba(71,30,24,.045); }
.shared-order-card > img { width: 80px; height: 80px; border-radius: 12px; object-fit: cover; background: var(--surface-soft); }
.shared-order-card h3 { margin: 6px 0 3px; font-size: 1.05rem; }
.shared-order-card p { margin: 0 0 3px; color: var(--muted); font-size: .87rem; }
.shared-order-card small { color: var(--muted); }
.shared-order-money { min-width: 205px; display: grid; gap: 5px; }
.shared-order-money > span { display: flex; justify-content: space-between; gap: 14px; color: var(--muted); font-size: .84rem; }
.shared-order-money > span strong { color: var(--ink); }
.shared-order-card .order-card-actions { top: 8px; right: 8px; }
.shared-order-card .shared-order-money { padding-right: 38px; }
.shared-income-summary { margin: 18px 0 24px; padding: 20px 22px; border-radius: 20px; color: #fff; background: var(--brand); box-shadow: 0 12px 30px rgba(111,18,28,.18); }
.shared-income-summary span { display: block; font-size: .82rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; opacity: .82; }
.shared-income-summary strong { display: block; margin: 5px 0; font-size: clamp(1.45rem, 4vw, 2rem); }
.shared-income-summary p { margin: 0; color: rgba(255,255,255,.86); font-size: .9rem; }
.shared-income-summary-blue { color: #fff; background: #2773f5; box-shadow: 0 12px 30px rgba(39,115,245,.22); }

.dashboard-button-ai { border-color: #c4dcc0; background: #f0f8ee; }
.dashboard-button-ai:hover { border-color: #86b47d; background: #e5f3e2; }
.dashboard-button-ai .icon { color: #197a4c; }
.dashboard-button-bulk { border-color: #abc6ef; background: #eef5ff; }
.dashboard-button-bulk:hover { border-color: #6798e1; background: #e2eeff; }
.dashboard-button-bulk .icon { color: #175ebc; }
.dashboard-button-descriptions { border-color: #c8b6eb; background: #f6f1ff; }
.dashboard-button-descriptions:hover { border-color: #9675d6; background: #eee5ff; }
.dashboard-button-descriptions .icon { color: #6540b2; }
.dashboard-button-mass-actions { border-color: #e2aaa3; background: #fff2f0; }
.dashboard-button-mass-actions:hover { border-color: #c76d61; background: #ffe7e3; }
.dashboard-button-mass-actions .icon { color: #9a2819; }
.dashboard-button-mass-prices { border-color: #9ecfb7; background: #effaf4; }
.dashboard-button-mass-prices:hover { border-color: #58a37f; background: #e1f5eb; }
.dashboard-button-mass-prices .icon { color: #176b49; }
.description-main-error { margin-bottom: 18px; }
.description-editor-card { margin-bottom: 18px; display: grid; gap: 17px; }
.description-editor-card textarea { min-height: 125px; }
.description-range-heading { display: grid; gap: 3px; }
.description-range-heading small { color: var(--muted); }
.description-range-controls { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(130px, .7fr) minmax(180px, 1fr); gap: 10px; align-items: end; }
.description-range-controls .button { width: 100%; }
.description-selection-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.description-selection-tools > strong { margin-left: auto; color: var(--brand-dark); }
.description-product-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.description-product-card { min-width: 0; padding: 12px; border: 2px solid var(--border); border-radius: 17px; display: grid; grid-template-columns: 22px 68px minmax(0,1fr) auto; gap: 11px; align-items: center; background: var(--surface); box-shadow: 0 7px 20px rgba(71,30,24,.045); cursor: pointer; }
.description-product-card:hover { border-color: #bba7df; }
.description-product-card.is-selected { border-color: #7954c3; background: #faf7ff; }
.description-product-card > input { width: 20px; height: 20px; margin: 0; accent-color: #6540b2; }
.description-product-card > img, .description-product-placeholder { width: 68px; height: 68px; border-radius: 11px; display: grid; place-items: center; object-fit: cover; background: var(--surface-soft); }
.description-product-placeholder .icon { width: 25px; height: 25px; color: var(--muted); }
.description-product-main { min-width: 0; display: grid; justify-items: start; gap: 4px; }
.description-product-main > strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.description-product-main > small { color: var(--muted); }
.description-id-badge { background: #ece4fb; color: #54349a; }
.description-check-label { color: var(--muted); font-size: .76rem; font-weight: 850; }
.description-product-card.is-selected .description-check-label { color: #54349a; }
.description-final-actions { position: sticky; z-index: 12; bottom: 10px; margin-top: 18px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 17px; display: flex; align-items: center; justify-content: flex-end; gap: 14px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(71,30,24,.16); backdrop-filter: blur(10px); }
.description-final-actions > strong { margin-right: auto; color: var(--brand-dark); }
.mass-selection-panel { margin-bottom: 17px; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mass-selection-panel > strong { color: var(--brand-dark); }
.mass-product-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.mass-product-card { min-width: 0; padding: 12px; border: 2px solid var(--border); border-radius: 17px; display: grid; grid-template-columns: 22px 68px minmax(0,1fr) auto; gap: 11px; align-items: center; background: var(--surface); box-shadow: 0 7px 20px rgba(71,30,24,.045); cursor: pointer; }
.mass-product-card:hover { border-color: #d59b93; }
.mass-product-card.is-selected { border-color: var(--brand); background: #fff7f5; }
.mass-product-card > input { width: 20px; height: 20px; margin: 0; accent-color: var(--brand); }
.mass-product-card > img, .mass-product-placeholder { width: 68px; height: 68px; border-radius: 11px; display: grid; place-items: center; object-fit: cover; background: var(--surface-soft); }
.mass-product-placeholder .icon { width: 25px; height: 25px; color: var(--muted); }
.mass-product-main { min-width: 0; display: grid; justify-items: start; gap: 4px; }
.mass-product-main > strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mass-product-main > small { color: var(--muted); }
.mass-status-visible { background: #e4f5e9; color: #176a35; }
.mass-status-hidden { background: #eeeae8; color: #5d5551; }
.mass-product-statuses { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.mass-status-sold { background: #176f89; color: #fff; }
.mass-final-actions { position: sticky; z-index: 12; bottom: 10px; margin-top: 18px; padding: 12px 14px; border: 1px solid var(--border); border-radius: 17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 9px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(71,30,24,.16); backdrop-filter: blur(10px); }
.mass-final-actions > strong { margin-right: auto; color: var(--brand-dark); }
.mass-price-list { display: grid; gap: 12px; }
.mass-price-card { position: relative; min-width: 0; padding: 17px; border: 2px solid var(--border); border-radius: 18px; display: grid; grid-template-columns: 82px minmax(180px,1fr) minmax(310px,.9fr); gap: 15px; align-items: center; background: var(--surface); box-shadow: 0 8px 22px rgba(71,30,24,.05); }
.mass-price-card.is-selected { border-color: #27875e; background: #f6fcf9; }
.mass-price-selector { position: absolute; top: 10px; right: 12px; min-height: 32px; padding: 5px 10px; border: 1px solid var(--border); border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; background: #fff; font-size: .78rem; font-weight: 850; cursor: pointer; }
.mass-price-selector input { width: 18px; height: 18px; margin: 0; accent-color: #176b49; }
.mass-price-card.is-selected .mass-price-selector { border-color: #65ad8b; background: #e8f7ef; color: #176b49; }
.mass-price-card > img, .mass-price-card > .mass-product-placeholder { width: 82px; height: 82px; border-radius: 12px; object-fit: cover; }
.mass-price-main { min-width: 0; padding-right: 70px; display: grid; justify-items: start; gap: 5px; }
.mass-price-main > strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mass-price-main > small { color: var(--muted); }
.mass-price-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.percentage-input { position: relative; }
.percentage-input input { padding-right: 34px; }
.percentage-input > span { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--ink); font-weight: 900; }
.mass-price-final .button { min-width: 170px; }
.bulk-publish-page { width: min(980px, calc(100% - 28px)); }
.bulk-main-error { margin-bottom: 18px; }
.bulk-product-groups { display: grid; gap: 18px; }
.bulk-product-card { display: grid; gap: 16px; padding: clamp(18px, 4vw, 26px); }
.bulk-product-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 13px; border-bottom: 1px solid var(--border); }
.bulk-product-head strong { font-size: 1.13rem; color: var(--brand-dark); }
.bulk-product-card .photo-previews { margin-top: 10px; }
.bulk-home-option { margin-top: 2px; }
.bulk-publish-actions { position: sticky; z-index: 12; bottom: 10px; margin-top: 18px; padding: 12px; border: 1px solid var(--border); border-radius: 17px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: rgba(255,255,255,.96); box-shadow: 0 12px 32px rgba(71,30,24,.16); backdrop-filter: blur(10px); }
.bulk-publish-actions .button { width: 100%; }
.ai-publish-page { width: min(980px, calc(100% - 28px)); }
.ai-main-error { margin-bottom: 18px; }
.ai-upload-card { max-width: 760px; margin: 0 auto; }
.ai-explainer { margin-bottom: 18px; padding: 15px 17px; border: 1px solid #c9dfc5; border-radius: 15px; background: #f0f8ee; }
.ai-explainer strong { display: block; color: #145c3a; }
.ai-explainer p { margin: 3px 0 0; color: var(--ink); }
.ai-product-groups { display: grid; gap: 14px; }
.ai-product-upload { padding: 16px; border: 2px dashed #d7b8b3; border-radius: 18px; background: #fffdfc; }
.ai-product-upload-head { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ai-product-upload-head strong { font-size: 1.05rem; }
.ai-remove-product { padding: 7px 11px; border: 1px solid #e4b8b2; border-radius: 10px; background: #fff0ee; color: var(--brand-dark); font-weight: 850; cursor: pointer; }
.ai-remove-product:hover { background: #f8ded9; }
.ai-upload-label { width: 100%; justify-content: center; }
.ai-product-upload .photo-previews { margin-top: 12px; }
.ai-upload-actions { margin-top: 18px; }
.ai-privacy-note { margin: 17px 0 0; padding: 13px 15px; border-radius: 13px; background: var(--surface-soft); color: var(--ink); font-size: .87rem; }
.ai-review-form { display: grid; gap: 18px; }
.ai-batch-settings { display: grid; gap: 13px; }
.ai-batch-settings h2 { margin-bottom: 2px; }
.ai-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; align-items: start; }
.ai-review-item { min-width: 0; display: grid; gap: 14px; padding: 20px; transition: opacity .18s ease, filter .18s ease; }
.ai-review-item.is-disabled { opacity: .55; filter: grayscale(.45); }
.ai-review-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ai-review-top > strong { color: var(--brand-dark); }
.ai-include { padding: 8px 11px; border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; background: var(--brand-soft); color: var(--ink); font-weight: 850; cursor: pointer; }
.ai-include input { width: 19px; height: 19px; margin: 0; accent-color: var(--brand); }
.ai-review-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.ai-review-photos img { width: 100%; aspect-ratio: 1; border: 1px solid var(--border); border-radius: 12px; display: block; object-fit: cover; background: var(--surface-soft); }
.ai-warning { margin: 0; padding: 11px 13px; border: 1px solid #f2ce79; border-radius: 12px; background: #fff7dc; color: #573d00; font-weight: 750; }
.ai-retry-box { padding: 13px; border: 1px solid #efc3bd; border-radius: 14px; display: grid; gap: 10px; background: #fff7f5; }
.ai-retry-box .form-error { padding: 0; border: 0; background: transparent; }
.ai-retry-box small { color: var(--ink); }
.ai-final-actions { position: sticky; z-index: 12; bottom: 10px; padding: 12px; border: 1px solid var(--border); border-radius: 17px; justify-content: center; background: rgba(255, 255, 255, .96); box-shadow: 0 12px 32px rgba(71, 30, 24, .16); backdrop-filter: blur(10px); }


@media (min-width: 760px) {
  .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
}

@media (min-width: 1040px) {
  .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .header-inner { min-height: 60px; }
  .icon-button { width: 39px; height: 39px; }
  .header-actions { gap: 1px; }
  .shop-main { padding-top: 13px; }
  .shop-hero { border-radius: 20px; }
  .category-row { grid-template-columns: minmax(0, 1fr); }
  .category-arrow { display: none; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 2px; }
  .product-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .two-columns { grid-template-columns: 1fr; }
  .dashboard-buttons { grid-template-columns: 1fr; }
  .dashboard-button { min-height: 112px; }
  .settings-header { flex-direction: column; }
  .button-row .button { flex: 1 1 auto; }
  .notification-modal { padding: 8px; align-items: end; }
  .notification-modal-card { max-height: calc(100vh - 16px); padding: 20px 16px 16px; border-radius: 22px 22px 14px 14px; }
  .notification-page-item > a { min-height: 145px; padding: 58px 16px 17px; }
  .notification-page-actions { top: 12px; right: 12px; }
  .mail-queue-stats { grid-template-columns: 1fr 1fr 1fr; gap: 6px; }
  .mail-queue-stats article { padding: 12px 4px; }
  .publication-types { grid-template-columns: 1fr; }
  .publication-type { min-height: 150px; }
  .publication-form-title { align-items: flex-start; }
  .publication-form-title .publication-type-icon { width: 44px; height: 44px; border-radius: 14px; }
  .bulk-publish-actions { grid-template-columns: 1fr; }
  .description-range-controls, .description-product-list { grid-template-columns: 1fr; }
  .description-selection-tools > strong { width: 100%; margin-left: 0; }
  .description-product-card { grid-template-columns: 20px 58px minmax(0,1fr); gap: 9px; }
  .description-product-card > img, .description-product-placeholder { width: 58px; height: 58px; }
  .description-check-label { grid-column: 1 / -1; padding-left: 29px; }
  .description-final-actions { align-items: stretch; flex-direction: column; }
  .description-final-actions > strong { margin-right: 0; }
  .mass-product-list { grid-template-columns: 1fr; }
  .mass-product-card { grid-template-columns: 20px 58px minmax(0,1fr); gap: 9px; }
  .mass-product-card > img, .mass-product-placeholder { width: 58px; height: 58px; }
  .mass-product-statuses { grid-column: 2 / -1; justify-self: start; justify-content: flex-start; }
  .mass-final-actions { align-items: stretch; display: grid; grid-template-columns: 1fr; }
  .mass-final-actions > strong { margin-right: 0; }
  .mass-price-card { grid-template-columns: 64px minmax(0,1fr); gap: 11px; padding: 14px; }
  .mass-price-card > img, .mass-price-card > .mass-product-placeholder { width: 64px; height: 64px; }
  .mass-price-main { padding-right: 62px; }
  .mass-price-fields { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .detail-layout { grid-template-columns: 1fr; gap: 15px; }
  .detail-info { position: static; padding: 20px; }
  .countdown-wrap { align-items: flex-start; flex-direction: column; }
  .gallery-arrow { width: 40px; height: 40px; }
  .history-row { grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; }
  .history-row span { grid-column: 1 / -1; }
  .order-card { padding: 56px 15px 15px; grid-template-columns: 72px minmax(0, 1fr); align-items: start; }
  .order-card > img { width: 72px; height: 72px; }
  .order-contact { grid-column: 1 / -1; justify-items: stretch; }
  .publication-manager-card { grid-template-columns: 78px minmax(0, 1fr); align-items: start; }
  .publication-manager-card > img { width: 78px; height: 78px; }
  .publication-manager-actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .question-admin-card { grid-template-columns: 64px minmax(0,1fr); gap: 10px; padding: 11px; }
  .question-admin-card > img { width: 64px; height: 64px; }
  .question-admin-content { grid-column: 1 / -1; }
  .question-admin-card > img + .question-admin-content { grid-column: 2; }
  .question-admin-card > img + .question-admin-content .question-answer-form, .question-admin-card > img + .question-admin-content .question-answer { margin-left: -74px; }
  .question-admin-card > img + .question-admin-content .question-text { margin-left: -74px; margin-top: 18px; }
  .product-question-line, .product-answer-line { padding: 12px; }
  .product-answer-line { grid-template-columns: 1fr; gap: 5px; }
  .admin-welcome { flex-direction: column; }
  .admin-stats { grid-template-columns: 1fr 1fr; }
  .admin-split { grid-template-columns: 1fr; }
  .admin-form-card { position: static; }
  .admin-row-edit { grid-template-columns: minmax(0, 1fr) 76px; }
  .admin-row-edit .button { grid-column: 1 / -1; }
  .category-admin-edit { grid-template-columns: 1fr; }
  .category-image-manager { grid-template-columns: 1fr; }
  .category-image-save { grid-column: auto; width: 100%; }
  .shop-admin-row, .user-admin-row { align-items: flex-start; flex-direction: column; }
  .user-contact { justify-items: start; }
  .user-management { width: 100%; justify-items: stretch; }
  .admin-item-actions { width: 100%; justify-content: stretch; }
  .admin-item-actions .button { flex: 1 1 auto; }
  .partner-grid, .partner-products-grid { grid-template-columns: 1fr; }
  .partner-store-products-header { align-items: flex-start; flex-direction: column; gap: 7px; }
  .partner-product-row { grid-template-columns: 58px minmax(0, 1fr) auto; gap: 8px; padding: 8px; }
  .partner-product-thumb { width: 58px; height: 58px; border-radius: 9px; }
  .partner-product-info h3 { font-size: .88rem; }
  .partner-product-info p { gap: 1px; align-items: flex-start; flex-direction: column; }
  .partner-product-info p strong { font-size: .87rem; }
  .partner-product-info p span { max-width: 100%; font-size: .68rem; }
  .partner-product-action .button { min-width: 68px; padding: 9px 8px; font-size: .75rem; }
  .partner-product-mandatory { min-width: 68px; padding: 8px 6px; font-size: .66rem; }
  .admin-network-product-row { grid-template-columns: 58px minmax(0, 1fr) auto; gap: 8px; padding: 8px; }
  .admin-network-product-thumb { width: 58px; height: 58px; border-radius: 9px; }
  .admin-network-product-info h2 { font-size: .88rem; }
  .admin-network-product-actions { align-items: stretch; flex-direction: column; gap: 5px; }
  .admin-network-product-actions .button { width: 100%; min-width: 76px; padding: 8px 7px; font-size: .69rem; }
  .partner-card { min-height: 135px; }
  .partner-request-card { grid-template-columns: 1fr; }
  .partner-request-card .button-row { justify-content: stretch; }
  .partner-request-card .button-row form, .partner-request-card .button-row .button { width: 100%; }
  .sticky-save { bottom: 8px; }
  .bulk-share-heading { display: grid; gap: 12px; }
  .bulk-select-all { width: 100%; justify-content: center; }
  .bulk-share-controls { grid-template-columns: 1fr 105px; }
  .bulk-share-actions { grid-column: 1 / -1; flex-direction: column; }
  .bulk-share-actions .button { width: 100%; padding-inline: 10px; }
  .share-setting-card { grid-template-columns: 72px minmax(0, 1fr); align-items: start; }
  .share-setting-card > img { width: 72px; height: 72px; }
  .share-setting-form { grid-column: 1 / -1; }
  .commission-fields { grid-template-columns: 1fr 105px; }
  .shared-order-card { padding-top: 52px; grid-template-columns: 64px minmax(0, 1fr); align-items: start; }
  .shared-order-card > img { width: 64px; height: 64px; }
  .shared-order-money { grid-column: 1 / -1; min-width: 0; padding: 10px 0 0; border-top: 1px solid var(--border); }
  .shared-products-mini-grid { gap: 8px; }
  .shared-product-mini { padding: 5px; border-radius: 12px; }
  .shared-product-mini-image { border-radius: 8px; }
  .shared-product-remove { min-height: 32px; margin-top: 1px; font-size: .7rem; }
  .ai-review-grid { grid-template-columns: 1fr; }
  .ai-review-item { padding: 17px; }
  .ai-upload-actions, .ai-final-actions { align-items: stretch; flex-direction: column; }
  .ai-upload-actions .button, .ai-final-actions .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}