:root {
  --ink: #182128;
  --muted: #667078;
  --line: #dfe3e4;
  --paper: #ffffff;
  --soft: #f5f6f4;
  --yellow: #f4c542;
  --yellow-dark: #d8a914;
  --blue: #e8f2fa;
  --green: #e6f3e9;
  --coral: #f9e9e3;
  --violet: #eee9f8;
  --radius: 22px;
  --shadow: 0 16px 48px rgba(24, 33, 40, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
.container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.narrow { max-width: 920px; }
.skip-link { position: fixed; z-index: 100; left: 16px; top: 12px; padding: 10px 14px; background: var(--ink); color: #fff; border-radius: 8px; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

.site-header { position: sticky; z-index: 20; top: 0; background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(223,227,228,.8); backdrop-filter: blur(16px); }
.header-inner { min-height: 76px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 14px; flex: 0 0 auto; }
.brand-name { font-size: 25px; line-height: 1; font-weight: 850; letter-spacing: -.06em; }
.brand-name span { position: relative; z-index: 0; }
.brand-name span::after { content: ""; position: absolute; z-index: -1; left: -2px; right: -4px; bottom: 0; height: 8px; background: var(--yellow); border-radius: 2px; transform: rotate(-1.5deg); }
.brand-note { padding-left: 14px; border-left: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.35; letter-spacing: .03em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.main-nav a { position: relative; padding-block: 27px; font-size: 14px; font-weight: 650; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 20px; height: 2px; background: var(--yellow-dark); transition: right .2s ease; }
.main-nav a:hover::after, .main-nav a[aria-current="page"]::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 9px; padding-left: 20px; border-left: 1px solid var(--line); }
.icon-link { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 10px; border-radius: 12px; font-size: 13px; font-weight: 650; }
.icon-link:hover { background: var(--soft); }
.icon-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.cart-link { background: var(--yellow); }
.cart-link:hover { background: #eebc28; }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; border-radius: 12px; background: var(--soft); }
.menu-toggle > span:not(.sr-only) { display: block; height: 2px; margin: 4px 0; background: var(--ink); border-radius: 2px; }

.hero { overflow: hidden; background: linear-gradient(120deg, #f8f9f6 0%, #f4f6f2 55%, #eef1ec 100%); border-bottom: 1px solid var(--line); }
.hero-grid { min-height: 570px; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); align-items: center; gap: 54px; }
.hero-copy { position: relative; z-index: 2; padding: 78px 0 70px; }
.eyebrow { display: inline-block; margin-bottom: 16px; color: #59625e; font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.hero h1, .feature-hero h1 { max-width: 790px; margin: 0; font-size: clamp(48px, 5.2vw, 76px); line-height: .98; letter-spacing: -.055em; }
.hero h1::after { content: ""; display: block; width: 105px; height: 9px; margin: 22px 0 0 4px; background: var(--yellow); border-radius: 2px; transform: rotate(-1deg); }
.hero-lead { max-width: 680px; margin: 24px 0 31px; color: #4f5a61; font-size: 19px; line-height: 1.55; }
.hero-search { max-width: 760px; }
.hero-search > label { display: block; margin-bottom: 9px; font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.search-row { position: relative; display: flex; padding: 6px; background: #fff; border: 1px solid #d8ddda; border-radius: 15px; box-shadow: 0 10px 30px rgba(24,33,40,.07); }
.search-row:focus-within { border-color: #a58a2c; box-shadow: 0 0 0 4px rgba(244,197,66,.2), var(--shadow); }
.search-icon { display: grid; place-items: center; width: 48px; color: var(--muted); }
.search-icon svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.search-row input { min-width: 0; flex: 1; padding: 12px 4px; border: 0; outline: 0; color: var(--ink); font-size: 16px; }
.search-row input::placeholder { color: #92999b; }
.search-row button, .closing-card button, .guided-form button, .task-form button { min-width: 106px; padding: 0 22px; border: 0; border-radius: 11px; background: var(--yellow); color: var(--ink); font-weight: 800; cursor: pointer; transition: transform .15s, background .15s; }
.search-row button:hover, .closing-card button:hover, .guided-form button:hover, .task-form button:hover { background: #eebb2d; transform: translateY(-1px); }
.hero-search > p { margin: 10px 5px 0; color: #727a7d; font-size: 12px; }
.hero-visual { position: relative; align-self: stretch; }
.hero-visual::before { content: ""; position: absolute; width: 470px; height: 470px; left: 49%; top: 50%; border-radius: 50%; background: #dfe4dd; transform: translate(-50%,-50%); }
.hero-visual::after { content: ""; position: absolute; width: 260px; height: 260px; left: 49%; top: 50%; border-radius: 50%; border: 1px solid rgba(24,33,40,.12); transform: translate(-50%,-50%); }
.hero-visual img { position: absolute; z-index: 2; width: 390px; max-height: 530px; object-fit: contain; left: 49%; bottom: 16px; transform: translateX(-50%) rotate(4deg); filter: drop-shadow(0 28px 25px rgba(0,0,0,.22)); }
.visual-orbit { position: absolute; z-index: 1; left: 49%; top: 50%; border: 1px solid rgba(24,33,40,.1); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 570px; height: 570px; }.orbit-two { width: 370px; height: 370px; }
.visual-label { position: absolute; z-index: 3; padding: 9px 13px; background: rgba(255,255,255,.87); border: 1px solid rgba(255,255,255,.9); border-radius: 99px; box-shadow: 0 8px 25px rgba(24,33,40,.09); backdrop-filter: blur(8px); color: #555f63; font-size: 11px; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }
.label-one { top: 25%; left: 0; }.label-two { right: -6%; bottom: 24%; }

.scenario-section, .categories-section, .brands-section { padding: 88px 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 34px; }
.section-heading.compact { align-items: start; }
.section-heading h2 { margin: 0; font-size: clamp(32px, 3.2vw, 48px); line-height: 1.05; letter-spacing: -.045em; }
.section-heading > p, .section-heading > div + p { max-width: 480px; margin: 0; color: var(--muted); line-height: 1.6; }
.section-heading .eyebrow { margin-bottom: 12px; }
.text-link { font-size: 14px; font-weight: 750; white-space: nowrap; }
.scenario-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.scenario-card { min-height: 338px; display: flex; flex-direction: column; padding: 23px; border: 1px solid rgba(24,33,40,.07); border-radius: var(--radius); transition: transform .2s ease, box-shadow .2s ease; }
.scenario-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.scenario-blue { background: var(--blue); }.scenario-green { background: var(--green); }.scenario-coral { background: var(--coral); }.scenario-violet { background: var(--violet); }
.scenario-number { align-self: end; color: rgba(24,33,40,.35); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.scenario-icon { width: 48px; height: 48px; display: grid; place-items: center; margin: 12px 0 30px; border-radius: 14px; background: rgba(255,255,255,.7); }
.scenario-icon svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.scenario-card h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.15; letter-spacing: -.025em; }
.scenario-card p { margin: 0 0 24px; color: #526067; font-size: 14px; line-height: 1.55; }
.scenario-card a { display: flex; justify-content: space-between; margin-top: auto; padding-top: 17px; border-top: 1px solid rgba(24,33,40,.13); font-size: 13px; font-weight: 800; }
.scenario-card a span { font-size: 18px; transition: transform .2s; }.scenario-card:hover a span { transform: translateX(4px); }

.benefit-strip { border-block: 1px solid var(--line); background: #fbfbfa; }
.benefit-list { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.benefit-list span { display: flex; align-items: center; gap: 9px; color: #4f595f; font-size: 13px; font-weight: 650; }
.benefit-list i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--yellow); color: var(--ink); font-size: 12px; font-style: normal; }

.categories-section { background: var(--soft); }
.category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.category-card { position: relative; overflow: hidden; min-height: 330px; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: transform .2s, box-shadow .2s; }
.category-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
.category-featured { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #ecefeb; }
.category-featured > div { position: relative; z-index: 2; }
.category-featured img { position: absolute; right: 1%; bottom: -13%; width: 48%; height: 120%; object-fit: contain; transform: rotate(72deg); filter: drop-shadow(0 20px 18px rgba(0,0,0,.18)); }
.category-count { color: var(--muted); font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.category-card h3 { margin: 16px 0 10px; font-size: 31px; letter-spacing: -.04em; }
.category-card p { max-width: 390px; margin: 0; color: var(--muted); line-height: 1.55; }
.category-arrow { display: inline-block; margin-top: 42px; font-size: 13px; font-weight: 800; }
.category-all { background: var(--yellow); }
.category-all p { max-width: 240px; }
.category-compact { min-height: 250px; }
.category-blue { background: var(--blue); }
.category-green { background: var(--green); }
.category-yellow { background: #f7e7a8; }
.category-violet { background: var(--violet); }
.round-arrow { position: absolute; right: 28px; bottom: 28px; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: #fff; font-size: 25px; }
.data-note { margin: 16px 0 0; color: #7a8285; font-size: 12px; }

.makmart-section { padding: 0 0 88px; background: var(--soft); }
.makmart-card { min-height: 420px; display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; border-radius: 28px; background: var(--ink); color: #fff; }
.makmart-copy { position: relative; z-index: 2; padding: 65px; }
.partner-label { color: #b9c0c4; font-size: 11px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.makmart-copy h2 { max-width: 580px; margin: 20px 0 18px; font-size: clamp(38px, 4vw, 58px); line-height: 1; letter-spacing: -.05em; }
.makmart-copy h2 span { color: var(--yellow); }
.makmart-copy p { max-width: 610px; margin: 0 0 32px; color: #c4c9cc; font-size: 16px; line-height: 1.6; }
.button-dark { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; border: 0; border-radius: 12px; background: var(--yellow); color: var(--ink); font-size: 13px; font-weight: 800; cursor: pointer; }
.button-outline { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid #cfd5d2; border-radius: 11px; background: #fff; color: var(--ink); font: inherit; font-size: 13px; font-weight: 780; cursor: pointer; }
.button-outline:hover { border-color: #8c9691; }
.makmart-art { position: relative; overflow: hidden; background: radial-gradient(circle at center, #394249 0, #182128 66%); }
.makmart-art::after { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; }
.makmart-art img { position: absolute; z-index: 2; width: 330px; height: 460px; object-fit: contain; left: 45%; bottom: -50px; transform: translateX(-50%) rotate(8deg); filter: drop-shadow(0 24px 18px rgba(0,0,0,.4)); }
.art-word { position: absolute; right: -10px; top: -75px; color: rgba(255,255,255,.035); font-size: 410px; line-height: 1; font-weight: 900; }

.brands-section .section-heading { align-items: center; }
.brand-card { min-height: 118px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 20px; padding: 28px 34px; border: 1px solid var(--line); border-radius: 18px; transition: border-color .2s, transform .2s; }
.brand-card:hover { border-color: #a7adaf; transform: translateX(3px); }
.brand-card strong { font-size: 27px; letter-spacing: -.03em; }.brand-card span { color: var(--muted); }.brand-card i { font-size: 24px; font-style: normal; }
.closing-section { padding: 0 0 88px; }
.closing-card { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 60px; padding: 48px; border-radius: 24px; background: #eef1ed; }
.closing-card h2 { margin: 0 0 8px; font-size: 34px; letter-spacing: -.04em; }.closing-card p { margin: 0; color: var(--muted); }
.closing-card form { display: flex; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 14px; }
.closing-card input { min-width: 0; flex: 1; padding: 13px; border: 0; outline: 0; }.closing-card button { min-height: 46px; }

.feature-hero { padding: 105px 0 90px; border-bottom: 1px solid var(--line); }.feature-green { background: var(--green); }.feature-coral { background: var(--coral); }.feature-violet { background: var(--violet); }
.feature-grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 60px; }
.feature-hero p { max-width: 720px; margin: 26px 0 0; color: #536066; font-size: 19px; line-height: 1.6; }
.feature-mark { color: rgba(24,33,40,.08); font-size: clamp(120px, 18vw, 250px); line-height: .7; font-weight: 900; letter-spacing: -.08em; }
.inline-button { margin-top: 30px; }
.feature-body { padding: 80px 0 100px; }
.steps { display: grid; gap: 14px; }.steps article { display: grid; grid-template-columns: auto 1fr; gap: 24px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; }.steps article > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--green); font-weight: 850; }.steps h2, .pro-grid h2 { margin: 0 0 8px; font-size: 21px; }.steps p, .pro-grid p { margin: 0; color: var(--muted); line-height: 1.55; }
.guided-form, .task-form { margin-top: 26px; padding: 28px; border-radius: 18px; background: var(--soft); }.guided-form label, .task-form label { display: block; margin-bottom: 12px; font-weight: 800; }.guided-form > div { display: flex; gap: 8px; }.guided-form input, .task-form textarea { width: 100%; padding: 15px 16px; border: 1px solid var(--line); border-radius: 12px; outline: 0; background: #fff; }.guided-form input:focus, .task-form textarea:focus { border-color: #9a842f; box-shadow: 0 0 0 4px rgba(244,197,66,.18); }.guided-form button { min-height: 52px; white-space: nowrap; }
.task-form textarea { resize: vertical; min-height: 150px; }.form-help { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; }.form-help span { color: var(--muted); font-size: 12px; }.task-form button { min-height: 48px; }.flow-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 45px; }.flow-line span { flex: 1; padding: 17px; border-radius: 12px; background: var(--coral); text-align: center; font-weight: 750; }.flow-line i { color: var(--muted); font-style: normal; }
.pro-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }.pro-grid article { min-height: 240px; padding: 26px; border: 1px solid var(--line); border-radius: 18px; }.pro-grid article > span { display: block; margin-bottom: 50px; color: #8c829f; font-size: 12px; font-weight: 850; }.roadmap-note { margin: 24px 0 0; padding: 18px 22px; border-radius: 12px; background: var(--soft); color: var(--muted); font-size: 13px; }

.checkout-hero { padding: 70px 0 54px; background: var(--yellow); }
.checkout-hero h1 { margin: 14px 0 12px; font-size: clamp(42px, 6vw, 72px); line-height: .95; letter-spacing: -.055em; }
.checkout-hero p { max-width: 650px; margin: 0; color: #596064; font-size: 17px; line-height: 1.55; }
.checkout-section { padding: 54px 0 92px; background: var(--soft); }
.checkout-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .65fr); align-items: start; gap: 24px; }
.checkout-form { display: grid; gap: 16px; }
.checkout-panel, .order-summary { padding: 30px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.checkout-panel { position: relative; }.checkout-panel h2, .order-summary h2 { margin: 0 0 24px; font-size: 24px; letter-spacing: -.03em; }
.checkout-step { position: absolute; right: 28px; top: 28px; color: #a0a7aa; font-size: 12px; font-weight: 850; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.checkout-panel label { display: grid; gap: 8px; margin-top: 14px; color: #4d575c; font-size: 13px; font-weight: 700; }
.checkout-panel input:not([type="checkbox"]), .checkout-panel select { width: 100%; min-height: 50px; padding: 0 14px; border: 1px solid var(--line); border-radius: 11px; background: #fff; font: inherit; outline: none; }
.checkout-panel input:focus, .checkout-panel select:focus { border-color: #9a842f; box-shadow: 0 0 0 4px rgba(244,197,66,.17); }
.delivery-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.delivery-choice { min-height: 44px; padding: 0 16px; border: 1px solid #aeb5b8; border-radius: 10px; background: #fff; color: var(--ink); font-weight: 750; cursor: pointer; }
.delivery-choice:hover { border-color: var(--ink); }.pvz-box { margin-top: 12px; }
.delivery-result { margin-top: 17px; padding: 15px 16px; border-radius: 11px; background: #eef1ed; color: #4f5b60; font-size: 14px; }
.legal-panel { padding-block: 20px; }.legal-panel .check-row { display: flex; align-items: flex-start; gap: 10px; margin: 9px 0; font-weight: 500; }.check-row input { margin-top: 3px; }
.checkout-submit { min-height: 56px; border-radius: 12px; background: var(--ink); color: #fff; font-size: 15px; font-weight: 850; cursor: pointer; }.checkout-submit:disabled { opacity: .38; cursor: not-allowed; }
.order-summary { position: sticky; top: 92px; }.summary-item { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--line); }.summary-item strong { display: block; font-size: 14px; line-height: 1.35; }.summary-item span { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }.summary-item b { white-space: nowrap; font-size: 13px; }
.summary-total { display: flex; justify-content: space-between; padding-top: 22px; font-size: 18px; }.order-summary > p { margin: 16px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }

:where(a, button, input, select, summary):focus-visible { outline: 3px solid #8b6f08; outline-offset: 3px; }
:where(button, .button-dark):active { transform: scale(.96); }

.catalog-hero { padding: 68px 0 54px; background: linear-gradient(120deg, #f2f4ef, #f7f4e8); border-bottom: 1px solid var(--line); }
.catalog-hero h1 { margin: 0; font-size: clamp(42px, 6vw, 70px); line-height: .98; letter-spacing: -.055em; }
.catalog-hero p { max-width: 760px; margin: 22px 0 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.catalog-guide { padding: 24px 0 0; background: var(--soft); }
.catalog-guide-card { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr); gap: 30px; padding: 26px; border-radius: 20px; background: #17231f; color: #f7f8f2; box-shadow: 0 12px 34px rgba(24,33,40,.11); }
.catalog-guide-card h2 { margin: 6px 0 10px; font-size: clamp(26px,3vw,36px); letter-spacing: -.04em; }.catalog-guide-card header p { margin: 0; color: #c9d2cd; font-size: 14px; line-height: 1.55; }.catalog-guide-card .eyebrow { color: #91d4ad; }
.catalog-guide-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.catalog-guide-steps a { position: relative; display: grid; align-content: start; gap: 7px; min-height: 142px; padding: 17px 42px 17px 17px; border-radius: 14px; background: rgba(255,255,255,.08); transition: transform .15s,background-color .15s; }.catalog-guide-steps a:hover { transform: translateY(-2px); background: rgba(255,255,255,.13); }.catalog-guide-steps strong { font-size: 15px; }.catalog-guide-steps span { color: #c9d2cd; font-size: 12px; line-height: 1.45; }.catalog-guide-steps b { position: absolute; right: 16px; top: 16px; color: var(--yellow); }
.catalog-shell { padding: 46px 0 88px; background: var(--soft); }
.catalog-layout { display: grid; grid-template-columns: 270px minmax(0, 1fr); align-items: start; gap: 30px; }
.catalog-filters { position: sticky; top: 96px; }
.catalog-filters form { display: grid; gap: 9px; padding: 22px; border-radius: 20px; background: #fff; box-shadow: 0 10px 34px rgba(24,33,40,.06); }
.filter-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.filter-heading h2 { margin: 0; font-size: 22px; letter-spacing: -.03em; }.filter-heading a { min-height: 32px; display: inline-flex; align-items: center; color: var(--muted); font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.catalog-filters label { margin-top: 8px; color: #4f595f; font-size: 12px; font-weight: 750; }
.catalog-filters input, .catalog-filters select { width: 100%; min-height: 44px; padding: 0 11px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); font-size: 14px; }
.catalog-filters button { min-height: 48px; margin-top: 10px; border: 0; border-radius: 11px; background: var(--ink); color: #fff; font-weight: 800; cursor: pointer; transition-property: transform, background-color; transition-duration: .15s; }
.catalog-filters button:hover { background: #303b42; }
.results-head { min-height: 58px; display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.results-head .eyebrow { margin-bottom: 7px; }.results-head h2 { margin: 0; font-size: 30px; letter-spacing: -.04em; }.results-head p { margin: 0; color: var(--muted); font-size: 13px; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.product-card { overflow: hidden; display: flex; min-width: 0; flex-direction: column; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.055); transition-property: transform, box-shadow; transition-duration: .2s; }
.product-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.product-image { min-height: 245px; display: grid; place-items: center; padding: 20px; background: #f7f7f4; color: var(--muted); font-size: 13px; }
.product-image img { width: 100%; height: 220px; object-fit: contain; outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; }
.image-load-fallback { max-width: 22ch; color: var(--muted); text-align: center; line-height: 1.45; }
.product-card-body { display: flex; flex: 1; flex-direction: column; padding: 20px; }
.product-brand { color: #767f83; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-card h3 { margin: 10px 0 7px; font-size: 17px; line-height: 1.28; letter-spacing: -.025em; }.product-card h3 a { text-decoration-thickness: 1px; }.product-card h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.product-article { margin: 0; color: var(--muted); font-size: 12px; }
.product-highlights { display: grid; gap: 5px; margin: 16px 0 22px; padding: 0; color: #59646a; font-size: 12px; list-style: none; }.product-highlights li { overflow-wrap: anywhere; }
.product-card-footer { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 17px; border-top: 1px solid var(--line); }
.product-card-footer strong, .product-card-footer small { display: block; }.product-card-footer strong { font-size: 18px; }.product-card-footer small { max-width: 150px; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.35; }.product-card-footer > a { min-height: 40px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.stock-note { display: grid; gap: 3px; margin: 12px 0 0; padding: 11px 12px; border-radius: 10px; background: var(--soft); font-size: 11px; line-height: 1.4; }.stock-note small,.admin-definition-grid dd small { display: block; margin-top: 4px; color: var(--muted); font-weight: 400; }.stock-fresh { color: #356037; }.stock-stale,.stock-unknown { color: #765d13; }
.catalog-empty { padding: 60px 30px; border-radius: 20px; background: #fff; text-align: center; }.catalog-empty h2 { margin: 0 0 8px; }.catalog-empty p { margin: 0 0 24px; color: var(--muted); }
.pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; margin-top: 30px; }.pagination a { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; font-weight: 800; }.pagination a:last-child { justify-self: end; }.pagination strong { font-size: 13px; }

.product-page { padding: 32px 0 90px; background: var(--soft); }.breadcrumbs { min-height: 44px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }.breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; }
.product-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr); gap: 28px; }
.product-gallery, .product-summary, .product-specs { border-radius: 24px; background: #fff; box-shadow: 0 10px 34px rgba(24,33,40,.055); }
.product-gallery { min-height: 560px; display: grid; place-items: center; padding: 42px; }.product-gallery img { width: 100%; max-height: 500px; object-fit: contain; outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; }.product-image-placeholder { color: var(--muted); }
.product-summary { padding: 42px; }.product-summary h1 { margin: 13px 0 10px; font-size: clamp(32px, 4vw, 50px); line-height: 1.03; letter-spacing: -.045em; }.product-description { margin: 24px 0; color: #556168; line-height: 1.65; }
.availability { display: flex; gap: 11px; margin-top: 27px; padding: 17px; border-radius: 14px; background: #f2f4ef; }.availability > span { color: #a07e06; }.availability strong, .availability small { display: block; }.availability small { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }
.price-panel { margin-top: 15px; padding: 22px; border-radius: 16px; background: var(--yellow); }.price-panel > * { display: block; }.price-panel span { font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .08em; }.price-panel strong { margin-top: 7px; font-size: 34px; letter-spacing: -.04em; }.price-panel small { margin-top: 7px; color: #554b27; font-size: 11px; line-height: 1.45; }
.cart-safety { margin-top: 16px; padding: 20px; border: 1px solid #d8dcda; border-radius: 15px; }.cart-safety p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.product-specs { margin-top: 28px; padding: 42px; }.spec-list { margin: 0; }.spec-list > div { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr); gap: 30px; padding: 16px 0; border-bottom: 1px solid var(--line); }.spec-list dt { color: var(--muted); font-size: 13px; }.spec-list dd { margin: 0; }.spec-list dd strong, .spec-list dd small { display: block; }.spec-list dd small { margin-top: 5px; color: #7c8589; font-size: 11px; }
.related-products { margin-top: 28px; padding: 42px; border-radius: 24px; background: #fff; box-shadow: 0 10px 34px rgba(24,33,40,.055); }.related-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.related-product-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--soft); }.related-product-image { min-height: 190px; display: grid; place-items: center; padding: 18px; background: #fff; }.related-product-image img { width: 100%; height: 180px; object-fit: contain; outline: 1px solid oklch(0 0 0 / .08); outline-offset: -1px; }.related-product-body { display: grid; gap: 9px; padding: 18px; }.related-product-body h3 { margin: 0; font-size: 18px; line-height: 1.25; }.related-product-body h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }.related-product-body code { color: var(--muted); font-size: 12px; }.related-product-body .availability { margin: 4px 0 0; }.related-product-body footer { display: flex; align-items: end; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid var(--line); }.related-product-body footer > div strong { font-size: 18px; }.related-product-body footer form { margin: 0; }.related-product-body footer button { min-height: 44px; padding: 10px 14px; white-space: nowrap; }
.conflict-note { margin-bottom: 24px; padding: 18px 20px; border-left: 4px solid #ad4e42; border-radius: 10px; background: #fbefec; }.conflict-note p { margin: 5px 0 0; color: #6e4c48; font-size: 13px; }
.technical-disclosure { margin-top: 28px; border-radius: 16px; background: #f1f3f0; }.technical-disclosure summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 20px; cursor: pointer; font-weight: 800; }.technical-disclosure summary span { color: var(--muted); font-size: 11px; font-weight: 500; }.technical-disclosure > div { padding: 0 20px 20px; color: #59646a; font-size: 13px; line-height: 1.6; }

.technical-disclosure h3 { margin: 18px 0 8px; color: var(--ink); font-size: 15px; }.source-list { display: grid; gap: 7px; margin: 0; padding-inline-start: 20px; }
.selection-context { margin-top: 24px; padding: 20px; border-radius: 16px; background: var(--green); }.selection-context .eyebrow { margin-bottom: 7px; }.selection-context h2 { margin: 0 0 13px; font-size: 20px; letter-spacing: -.025em; }.selection-context ul { display: grid; gap: 6px; margin: 0 0 14px; padding: 0; list-style: none; }.selection-context li { display: flex; gap: 8px; font-size: 13px; line-height: 1.45; }.selection-context li span { font-weight: 900; }.selection-context > strong { display: block; margin: 16px 0 8px; font-size: 13px; }.selection-context a { min-height: 40px; display: inline-flex; align-items: center; font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }

.selector-shell { min-height: 72vh; padding: 58px 0 96px; background: linear-gradient(180deg, #f2f6f1 0, var(--soft) 360px); }.selector-container { max-width: 1080px; }.selector-header { max-width: 790px; margin-bottom: 34px; }.selector-exit { min-height: 40px; display: inline-flex; align-items: center; margin-bottom: 28px; color: var(--muted); font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }.selector-header h1 { margin: 0; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -.052em; }.selector-header > p { max-width: 700px; margin: 19px 0 0; color: #556168; font-size: 17px; line-height: 1.6; }
.selector-progress { display: grid; grid-template-columns: minmax(160px, 300px) auto; align-items: center; gap: 14px; margin-top: 24px; color: var(--muted); font-size: 12px; }.selector-progress::before { content: ""; grid-column: 1; grid-row: 1; height: 6px; border-radius: 99px; background: #dce2dc; }.selector-progress span { z-index: 1; grid-column: 1; grid-row: 1; height: 6px; border-radius: 99px; background: var(--yellow-dark); }.selector-progress .progress-step-1 { width: 14.285%; }.selector-progress .progress-step-2 { width: 28.57%; }.selector-progress .progress-step-3 { width: 42.855%; }.selector-progress .progress-step-4 { width: 57.14%; }.selector-progress .progress-step-5 { width: 71.425%; }.selector-progress .progress-step-6 { width: 85.71%; }.selector-progress .progress-step-7 { width: 100%; }
.selector-step, .selector-limit, .selector-empty { padding: 36px; border-radius: 26px; background: #fff; box-shadow: var(--shadow); }.selector-step fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }.selector-step legend, .selector-limit h2, .selector-empty h2 { margin: 0; padding: 0; font-size: clamp(27px, 3vw, 38px); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }.step-hint { max-width: 720px; margin: 13px 0 27px; color: var(--muted); line-height: 1.55; }
.choice-grid { display: grid; gap: 14px; }.choice-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }.choice-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }.choice-card { position: relative; min-height: 170px; display: flex; flex-direction: column; align-items: start; padding: 22px; border: 2px solid transparent; border-radius: 18px; background: #f4f6f3; box-shadow: inset 0 0 0 1px #dfe3df; cursor: pointer; transition-property: transform, box-shadow, background-color, border-color; transition-duration: .15s; }.choice-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(24,33,40,.09); }.choice-card:active { transform: scale(.96); }.choice-card:has(input:checked) { border-color: var(--yellow-dark); background: #fffaf0; box-shadow: 0 0 0 4px rgba(244,197,66,.18); }.choice-card:focus-within { outline: 3px solid #78620f; outline-offset: 3px; }.choice-card input { position: absolute; width: 1px; height: 1px; opacity: 0; }.choice-card strong { margin-top: auto; font-size: 18px; line-height: 1.25; }.choice-card small { margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.45; }.choice-mark, .angle-mark, .mechanism-mark { display: grid; place-items: center; min-width: 48px; min-height: 48px; padding: 0 9px; border-radius: 14px; background: var(--yellow); font-size: 20px; font-weight: 850; }.choice-unknown { grid-column: 1 / -1; min-height: 118px; }.diagram-choice svg { width: 100%; height: 96px; margin-bottom: 18px; }.cabinet-line { fill: none; stroke: #657078; stroke-width: 4; stroke-linecap: round; }.door-shape { fill: var(--yellow); stroke: var(--ink); stroke-width: 2; }.measure-line { stroke: #b18b05; stroke-width: 2; stroke-dasharray: 4 4; }.compact-choices .choice-card { min-height: 155px; }
.selector-nav { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 28px; }.selector-nav > a { min-height: 44px; display: inline-flex; align-items: center; color: var(--muted); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }.selector-nav button, .selector-actions .button-dark { min-height: 50px; padding: 0 24px; border: 0; border-radius: 13px; background: var(--ink); color: #fff; font-weight: 800; cursor: pointer; transition-property: transform, background-color; transition-duration: .15s; }.selector-nav button:hover, .selector-actions .button-dark:hover { background: #303b42; }.selector-nav button:active, .selector-actions .button-dark:active { transform: scale(.96); }
.selector-limit { display: grid; grid-template-columns: auto 1fr; gap: 20px; }.selector-limit > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--yellow); font-weight: 900; }.selector-limit p, .selector-empty p { max-width: 720px; color: var(--muted); line-height: 1.6; }.selector-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 22px; margin-top: 24px; }.selector-actions > a:not(.button-dark) { min-height: 44px; display: inline-flex; align-items: center; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.selector-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 30px; }.selector-summary > div { padding: 25px; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.05); }.selector-summary h2 { margin: 0 0 15px; font-size: 26px; letter-spacing: -.035em; }.selector-summary p { color: var(--muted); }.selector-summary ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.selector-summary li { display: flex; gap: 9px; line-height: 1.45; }.selector-summary li span { font-weight: 900; }.remaining-list li span { color: #8b6d00; }.selector-summary .confirmed-mismatch { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 12px; line-height: 1.5; }
.selector-result-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 34px 0 20px; }.selector-result-head .eyebrow { margin-bottom: 6px; }.selector-result-head h2 { margin: 0; font-size: 34px; letter-spacing: -.04em; }.selector-result-head > a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.selector-results { display: grid; gap: 18px; }.selector-product { overflow: hidden; display: grid; grid-template-columns: 280px minmax(0, 1fr); border-radius: 22px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.055); }.selector-product-image { min-height: 310px; display: grid; place-items: center; padding: 22px; background: #f7f7f4; }.selector-product-image img { width: 100%; max-height: 260px; object-fit: contain; outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; }.selector-product-body { min-width: 0; padding: 27px; }.selector-product h3 { margin: 8px 0; font-size: 23px; line-height: 1.2; letter-spacing: -.03em; }.selector-product h3 a:hover { text-decoration: underline; text-underline-offset: 3px; }.result-status { width: fit-content; margin: 10px 0 0; padding: 7px 10px; border-radius: 99px; background: #fff4c4; color: #594900; font-size: 12px; font-weight: 850; }.result-status.status-verified { background: #dff3e3; color: #204d29; }.match-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 21px; }.match-columns > div { padding: 16px; border-radius: 13px; background: var(--green); }.match-columns .needs-check { background: #fff8df; }.match-columns .additional-check { background: #edf1f2; }.match-columns strong { font-size: 13px; }.match-columns ul { display: grid; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }.match-columns li { display: flex; gap: 7px; color: #4f5b5f; font-size: 12px; line-height: 1.4; }.match-columns li span { font-weight: 900; }.selector-stock { display: grid; gap: 3px; margin-top: 18px; color: #3f4b50; }.selector-stock span,.selector-stock small { font-size: 12px; }.selector-stock small { color: var(--muted); }.selector-product-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--line); }.selector-product-footer > strong { font-size: 21px; }.selector-product-footer a { min-height: 40px; display: inline-flex; align-items: center; font-size: 13px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.selector-intro-note { margin-top: 34px; padding: 23px; border-radius: 16px; background: var(--green); }.selector-intro-note p { margin: 7px 0 0; color: #506058; line-height: 1.55; }

.site-footer { padding: 58px 0 20px; background: #151d22; color: #fff; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 45px; }
.footer-brand { font-size: 29px; }.footer-grid > div p { max-width: 220px; color: #90999e; font-size: 13px; line-height: 1.5; }
.footer-grid nav { display: flex; flex-direction: column; align-items: start; gap: 12px; }.footer-grid nav strong { margin-bottom: 6px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }.footer-grid nav a { color: #aeb5b9; font-size: 13px; }.footer-grid nav a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 48px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.1); color: #737d82; font-size: 11px; }

@media (max-width: 1100px) {
  .header-inner { gap: 18px; }.brand-note { display: none; }.main-nav { gap: 18px; }.header-actions { padding-left: 10px; }
  .hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); }.hero-visual img { width: 335px; }.hero-visual::before { width: 390px; height: 390px; }.orbit-one { width: 470px; height: 470px; }
  .scenario-grid { grid-template-columns: repeat(2, 1fr); }.scenario-card { min-height: 290px; }
  .pro-grid { grid-template-columns: repeat(2, 1fr); }.pro-grid article { min-height: 210px; }
  .product-grid,.related-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .container { width: min(100% - 32px, 760px); }
  .header-inner { min-height: 68px; }.menu-toggle { display: block; margin-left: auto; }.main-nav { position: absolute; z-index: 30; left: 16px; right: 16px; top: 74px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: var(--shadow); }.main-nav.is-open { display: flex; }.main-nav a { padding: 14px; border-radius: 9px; }.main-nav a:hover { background: var(--soft); }.main-nav a::after { display: none; }
  .header-actions { border: 0; padding: 0; }.account-link { display: none; }.icon-link span { display: none; }.cart-link { width: 42px; justify-content: center; padding: 0; }
  .hero-grid { min-height: 0; grid-template-columns: 1fr; }.hero-copy { padding: 62px 0 34px; }.hero-visual { height: 330px; }.hero-visual::before { width: 330px; height: 330px; }.hero-visual img { width: 290px; height: 350px; bottom: -20px; }.orbit-one { width: 390px; height: 390px; }.label-one { left: 12%; }.label-two { right: 10%; }
  .section-heading, .section-heading.compact { align-items: start; flex-direction: column; gap: 14px; }.scenario-section, .categories-section, .brands-section { padding: 68px 0; }
  .benefit-list { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; padding-block: 22px; }
  .category-grid { grid-template-columns: 1fr; }.category-card { min-height: 290px; }
  .makmart-card { grid-template-columns: 1fr; }.makmart-copy { padding: 48px; }.makmart-art { height: 310px; }.makmart-art img { width: 270px; height: 350px; bottom: -40px; }
  .closing-card { grid-template-columns: 1fr; gap: 30px; }
  .feature-hero { padding: 76px 0 68px; }.feature-grid { grid-template-columns: 1fr; }.feature-mark { display: none; }.flow-line { flex-wrap: wrap; }.flow-line span { min-width: 42%; }.flow-line i { display: none; }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }.footer-grid nav:last-child { display: none; }
  .catalog-guide-card { grid-template-columns: 1fr; }.catalog-layout { grid-template-columns: 1fr; }.catalog-filters { position: static; }.catalog-filters form { grid-template-columns: 1fr 1fr; column-gap: 14px; }.filter-heading, .catalog-filters button { grid-column: 1 / -1; }
  .product-detail-grid { grid-template-columns: 1fr; }.product-gallery { min-height: 420px; }
  .choice-grid-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }.selector-product { grid-template-columns: 230px minmax(0, 1fr); }
}

@media (max-width: 560px) {
  .container { width: calc(100% - 24px); }
  .header-inner { min-height: 62px; }.brand-name { font-size: 22px; }.menu-toggle { margin-left: auto; }.header-actions { gap: 3px; }
  .hero-copy { padding-top: 48px; }.hero h1, .feature-hero h1 { font-size: 43px; }.hero-lead, .feature-hero p { font-size: 16px; }.search-row { padding: 5px; }.search-icon { width: 38px; }.search-row input { font-size: 14px; }.search-row button { min-width: 82px; padding: 0 14px; }.hero-search > p { line-height: 1.45; }
  .hero-visual { height: 285px; }.hero-visual::before { width: 275px; height: 275px; }.hero-visual img { width: 245px; height: 310px; }.orbit-one { width: 325px; height: 325px; }.orbit-two { width: 235px; height: 235px; }.visual-label { font-size: 9px; }.label-one { left: 2%; }.label-two { right: 0; }
  .scenario-grid { grid-template-columns: 1fr; }.scenario-card { min-height: 285px; padding: 22px; }
  .benefit-list { grid-template-columns: 1fr; gap: 14px; }
  .section-heading h2 { font-size: 35px; }.section-heading > p { font-size: 14px; }
  .category-card { min-height: 300px; padding: 26px; }.category-featured { display: block; }.category-featured > div { max-width: 75%; }.category-featured img { right: -10%; bottom: -22%; width: 61%; height: 105%; }.category-card h3 { font-size: 27px; }.category-arrow { margin-top: 28px; }
  .makmart-copy { padding: 36px 26px; }.makmart-art { height: 260px; }.makmart-art img { width: 220px; height: 300px; }.makmart-section { padding-bottom: 68px; }
  .brands-section .section-heading { align-items: start; }.brand-card { grid-template-columns: 1fr auto; padding: 24px; }.brand-card span { grid-column: 1 / -1; grid-row: 2; }.brand-card i { grid-column: 2; grid-row: 1; }
  .closing-section { padding-bottom: 68px; }.closing-card { padding: 28px 22px; }.closing-card h2 { font-size: 29px; }.closing-card form { flex-direction: column; gap: 6px; }.closing-card button { min-height: 48px; }
  .steps article { grid-template-columns: 1fr; }.guided-form > div { flex-direction: column; }.guided-form button { min-height: 50px; }.form-help { align-items: stretch; flex-direction: column; }.task-form button { min-height: 50px; }.flow-line { display: grid; grid-template-columns: 1fr 1fr; }.pro-grid { grid-template-columns: 1fr; }.pro-grid article { min-height: 190px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div { grid-column: 1 / -1; }.footer-grid nav:nth-of-type(2) { display: none; }.footer-bottom { align-items: start; flex-direction: column; gap: 7px; }
  .catalog-hero { padding: 48px 0 40px; }.catalog-guide { padding-top: 12px; }.catalog-guide-card { padding: 22px 18px; }.catalog-guide-steps { grid-template-columns: 1fr; }.catalog-guide-steps a { min-height: 0; }.catalog-shell { padding: 24px 0 60px; }.catalog-filters form { grid-template-columns: 1fr; }.filter-heading, .catalog-filters button { grid-column: auto; }.results-head { align-items: start; flex-direction: column; gap: 7px; }.product-grid { grid-template-columns: 1fr; }.product-image { min-height: 220px; }.product-card-footer { align-items: start; flex-direction: column; }.pagination { grid-template-columns: 1fr auto; }.pagination strong { display: none; }
  .product-page { padding-top: 16px; }.product-gallery { min-height: 320px; padding: 24px; }.product-summary, .product-specs,.related-products { padding: 26px 22px; }.product-summary h1 { font-size: 34px; }.spec-list > div { grid-template-columns: 1fr; gap: 7px; }.technical-disclosure summary { align-items: start; flex-direction: column; justify-content: center; gap: 3px; padding-block: 12px; }.related-product-grid { grid-template-columns: 1fr; }.related-product-body footer { align-items: stretch; flex-direction: column; }.related-product-body footer button { width: 100%; }
  .selector-shell { padding: 28px 0 66px; }.selector-header { margin-bottom: 24px; }.selector-exit { margin-bottom: 18px; }.selector-header h1 { font-size: 39px; }.selector-header > p { font-size: 15px; }.selector-progress { grid-template-columns: minmax(120px, 1fr) auto; }.selector-step, .selector-limit, .selector-empty { padding: 23px 20px; border-radius: 20px; }.choice-grid-two, .choice-grid-three { grid-template-columns: 1fr; }.choice-card { min-height: 145px; }.choice-unknown { grid-column: auto; }.selector-nav { align-items: stretch; flex-direction: column-reverse; }.selector-nav button { width: 100%; }.selector-nav > a { justify-content: center; }.selector-limit { grid-template-columns: 1fr; }.selector-summary { grid-template-columns: 1fr; }.selector-result-head { align-items: start; flex-direction: column; }.selector-product { grid-template-columns: 1fr; }.selector-product-image { min-height: 270px; }.selector-product-body { padding: 22px; }.match-columns { grid-template-columns: 1fr; }.selector-product-footer { align-items: start; flex-direction: column; }
}

@media (max-width: 860px) {
  .checkout-grid { grid-template-columns: 1fr; }
  .order-summary { position: static; grid-row: 1; }
}

@media (max-width: 560px) {
  .checkout-hero { padding: 48px 0 38px; }
  .checkout-hero h1 { font-size: 42px; }
  .checkout-section { padding: 24px 0 60px; }
  .checkout-panel, .order-summary { padding: 22px; }
  .field-grid { grid-template-columns: 1fr; }
  .delivery-actions { display: grid; }
  .delivery-choice { width: 100%; }
}

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

.product-request-link { min-height: 44px; display: inline-flex; align-items: center; margin-top: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.cart-safety form { display: inline; }.cart-safety .button-dark { margin-top: 18px; border: 0; cursor: pointer; }.cart-safety .inline-link { min-height: 44px; display: inline-flex; align-items: center; margin: 10px 0 0 14px; font-size: 13px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }.cart-safety small { display: block; margin-top: 12px; color: var(--muted); line-height: 1.45; }
.inquiry-page, .success-page, .admin-requests { min-height: 65vh; padding: 64px 0 92px; background: var(--soft); }
.inquiry-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(420px,1fr); gap: 56px; align-items: start; }
.inquiry-grid h1, .success-page h1, .admin-requests h1 { margin: 8px 0 18px; font-size: clamp(40px,5vw,64px); line-height: 1; letter-spacing: -.05em; }
.inquiry-grid > div > p { max-width: 550px; color: var(--muted); font-size: 17px; line-height: 1.6; }
.inquiry-product { display: grid; gap: 5px; margin-top: 28px; padding: 22px; border-radius: 18px; background: var(--green); }.inquiry-product span { color: var(--muted); font-size: 13px; }
.inquiry-form { display: grid; gap: 9px; padding: 30px; border-radius: 24px; background: #fff; box-shadow: var(--shadow); }.inquiry-form label { margin-top: 9px; font-size: 13px; font-weight: 800; }.inquiry-form label span { color: var(--muted); font-weight: 500; }.inquiry-form input:not([type=checkbox]), .inquiry-form select, .inquiry-form textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 11px; background: #fff; color: var(--ink); font: inherit; }.inquiry-form textarea { resize: vertical; }.inquiry-form [aria-invalid=true] { border-color: #a32929; box-shadow: 0 0 0 2px rgba(163,41,41,.12); }.field-error,.form-error { margin: 0; color: #8f2020; font-size: 13px; }.consent { display: flex; align-items: start; gap: 11px; line-height: 1.45; }.consent input { width: 20px; height: 20px; flex: 0 0 auto; }.inquiry-form button { min-height: 52px; margin-top: 12px; border: 0; cursor: pointer; }
.success-page .narrow { text-align: center; }.success-mark { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto 20px; border-radius: 50%; background: var(--green); font-size: 30px; }.request-number { display: grid; gap: 5px; width: fit-content; margin: 28px auto; padding: 19px 25px; border-radius: 15px; background: #fff; box-shadow: var(--shadow); }.request-number span { color: var(--muted); font-size: 12px; }.request-number strong { font-size: 22px; letter-spacing: .02em; }
.admin-requests > .container > p { max-width: 820px; color: var(--muted); line-height: 1.55; }.request-list { display: grid; gap: 16px; margin-top: 30px; }.request-list article { padding: 24px; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.05); }.request-list header { display: flex; justify-content: space-between; gap: 15px; }.request-list h2 { margin: 13px 0 8px; font-size: 21px; }.request-list dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.request-list dl div { min-width: 0; }.request-list dt { color: var(--muted); font-size: 12px; }.request-list dd { margin: 3px 0; overflow-wrap: anywhere; }.request-list code { white-space: pre-wrap; }.request-list form { display: flex; align-items: end; gap: 10px; margin: 18px 0 10px; }.request-list form label { display: grid; gap: 4px; }.request-list select,.request-list button { min-height: 42px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }.request-list button { background: var(--ink); color: #fff; cursor: pointer; }
@media (max-width: 860px) { .inquiry-grid { grid-template-columns: 1fr; gap: 28px; } }
@media (max-width: 560px) { .inquiry-page,.success-page,.admin-requests { padding: 38px 0 64px; }.inquiry-form { padding: 22px 18px; }.request-list dl { grid-template-columns: 1fr; }.request-list header,.request-list form { align-items: stretch; flex-direction: column; } }
.journey-report { margin-top: 28px; padding: 24px; border-radius: 18px; background: var(--green); }.journey-report h2 { margin: 0 0 18px; font-size: 24px; }.journey-report > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.journey-report span { display: grid; gap: 4px; padding: 15px; border-radius: 12px; background: rgba(255,255,255,.72); color: var(--muted); font-size: 12px; }.journey-report strong { color: var(--ink); font-size: 25px; }.journey-report small { font-size: 11px; }.journey-report > p { margin: 14px 0 0; color: var(--muted); font-size: 12px; }
@media (max-width: 560px) { .journey-report > div { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.cart-hero { padding: 66px 0 48px; background: linear-gradient(120deg,#f2f4ef,#f7f4e8); border-bottom: 1px solid var(--line); }.cart-hero h1 { margin: 6px 0 12px; font-size: clamp(44px,6vw,70px); line-height: 1; letter-spacing: -.055em; }.cart-hero p { margin: 0; color: var(--muted); }.cart-section { min-height: 48vh; padding: 42px 0 86px; background: var(--soft); }.cart-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 28px; align-items: start; }.cart-items { display: grid; gap: 12px; }.cart-items article { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.05); }.cart-items h2 { margin: 6px 0; font-size: 20px; }.cart-items h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }.cart-items p { margin: 0; color: var(--muted); }.cart-items article > div:last-child { display: grid; justify-items: end; gap: 10px; }.cart-items form button { min-height: 40px; padding: 0; border: 0; background: none; color: var(--muted); text-decoration: underline; cursor: pointer; }.cart-quantity { display: flex; align-items: end; gap: 10px; margin-top: 16px; }.cart-quantity label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; }.cart-quantity input { width: 86px; min-height: 42px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; font: inherit; }.cart-quantity button { padding-inline: 6px !important; }.cart-total { position: sticky; top: 96px; display: grid; gap: 9px; padding: 26px; border-radius: 20px; background: #fff; box-shadow: var(--shadow); }.cart-total > span { color: var(--muted); font-size: 13px; }.cart-total > strong { font-size: 31px; }.cart-total p { color: var(--muted); font-size: 13px; line-height: 1.5; }.cart-total a { justify-content: center; }.cart-pending { margin-top: 10px; padding: 15px; border-radius: 12px; background: #fff6d7; }.cart-pending strong { font-size: 14px; }.cart-pending p { margin: 6px 0 0; }.cart-empty { max-width: 680px; margin: 0 auto; padding: 56px 30px; border-radius: 24px; background: #fff; box-shadow: var(--shadow); text-align: center; }.cart-empty > span { width: 64px; height: 64px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 50%; background: var(--yellow); font-size: 28px; }.cart-empty h2 { margin: 0 0 10px; font-size: 31px; }.cart-empty p { max-width: 520px; margin: 0 auto 24px; color: var(--muted); line-height: 1.55; }
.legal-shell { padding: 56px 0 88px; background: var(--soft); }.legal-document { max-width: 850px; margin: 0 auto; padding: clamp(28px,5vw,64px); border-radius: 24px; background: #fff; box-shadow: var(--shadow); }.legal-document h1 { margin: 8px 0 34px; font-size: clamp(38px,5vw,58px); line-height: 1; letter-spacing: -.05em; }.legal-document h2 { margin: 31px 0 9px; font-size: 21px; letter-spacing: -.025em; }.legal-document p { margin: 0; color: #4f595f; line-height: 1.72; }.legal-document a,.legal-nav a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }.legal-nav { max-width: 850px; display: flex; flex-wrap: wrap; gap: 18px; margin: 20px auto 0; padding: 18px 24px; border-radius: 15px; background: var(--green); font-size: 13px; }
@media (max-width: 860px) { .cart-layout { grid-template-columns: 1fr; }.cart-total { position: static; } }
@media (max-width: 560px) { .cart-hero { padding: 46px 0 36px; }.cart-section,.legal-shell { padding: 24px 0 60px; }.cart-items article { align-items: start; flex-direction: column; }.cart-items article > div:last-child { width: 100%; justify-items: start; }.legal-document { padding: 28px 20px; border-radius: 18px; }.legal-nav { gap: 12px 18px; } }

/* Assortment map */
.admin-map-summary { margin-bottom: 18px; padding: 26px; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.045); }
.admin-map-summary > header,.admin-section-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.admin-map-summary h2,.admin-section-head h2 { margin: 5px 0; font-size: 25px; }
.admin-map-summary dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 20px 0; }
.admin-map-summary dl div,.admin-compact-stats div { padding: 14px; border-radius: 12px; background: var(--soft); }
.admin-map-summary dt,.admin-compact-stats dt { color: var(--muted); font-size: 11px; }
.admin-map-summary dd,.admin-compact-stats dd { margin: 5px 0 0; font-size: 22px; font-weight: 850; }
.admin-map-summary footer { display: flex; flex-wrap: wrap; gap: 8px 22px; color: var(--muted); font-size: 11px; }
.admin-map-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.admin-map-columns + .admin-panel,.admin-map-columns ~ .admin-panel { margin-bottom: 18px; }
.admin-compact-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0; }
.admin-count-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.admin-count-list li { display: flex; justify-content: space-between; gap: 20px; padding: 11px 0; border-block-end: 1px solid var(--line); }
.admin-map-list { display: grid; gap: 10px; }
.admin-map-list article { display: grid; grid-template-columns: minmax(260px,1fr) minmax(360px,1fr); align-items: center; gap: 20px; padding: 16px; border-radius: 13px; background: var(--soft); }
.admin-map-list article > div { min-width: 0; display: grid; gap: 5px; }
.admin-map-list small { color: var(--muted); overflow-wrap: anywhere; }
.admin-map-list strong { overflow-wrap: anywhere; }
.admin-map-list a { width: fit-content; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.admin-map-list form { display: grid; grid-template-columns: minmax(150px,.8fr) minmax(180px,1fr) auto; align-items: end; gap: 10px; }
.admin-map-result { justify-items: start; }
.admin-pipeline { margin-bottom: 18px; padding: 26px; border-radius: 20px; background: #17231f; color: #f7f8f2; }
.admin-pipeline .admin-section-head h2 { color: inherit; }.admin-pipeline .admin-kicker { color: #aebdb5; }
.admin-pipeline-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.admin-pipeline-grid article { display: grid; align-content: start; gap: 8px; min-height: 176px; padding: 18px; border-radius: 14px; background: rgba(255,255,255,.07); }
.admin-pipeline-grid strong { font-size: 22px; line-height: 1.1; }.admin-pipeline-grid p,.admin-pipeline-grid small { margin: 0; color: #c9d2cd; line-height: 1.45; }
.admin-step { color: #91d4ad; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.admin-stock-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.admin-stock-groups article { padding: 18px; border-radius: 14px; background: var(--soft); }.admin-stock-groups article > header { display: flex; justify-content: space-between; gap: 16px; }
.admin-stock-groups dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 16px 0 0; }.admin-stock-groups dl div { min-width: 0; }.admin-stock-groups dt { color: var(--muted); font-size: 11px; }.admin-stock-groups dd { margin: 5px 0 0; font-size: 21px; font-weight: 850; }
.admin-details { margin-top: 18px; }.admin-details > summary { min-height: 44px; padding-block: 12px; font-weight: 800; cursor: pointer; }.admin-details[open] > summary { margin-bottom: 14px; }
.admin-count-list li > span { display: grid; gap: 4px; }.admin-count-list small { color: var(--muted); overflow-wrap: anywhere; }
.admin-proposal-list { display: grid; gap: 16px; }.admin-proposal-card { padding: 20px; border-radius: 16px; background: var(--soft); }
.admin-proposal-card > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 48px; cursor: pointer; }.admin-proposal-card > summary > span:first-child { display: grid; gap: 5px; }.admin-proposal-card > summary > span:first-child > strong { font-size: 22px; }.admin-proposal-body { padding-top: 16px; }.admin-proposal-card p { margin: 0; color: var(--muted); }
.admin-proposal-total { display: grid; justify-items: end; flex: 0 0 auto; }.admin-proposal-total strong { font-size: 28px; }.admin-proposal-total span { color: var(--muted); font-size: 11px; }
.admin-proposal-card form { display: grid; grid-template-columns: minmax(220px,1fr) auto; align-items: end; gap: 14px; margin-top: 18px; }.admin-proposal-card fieldset { grid-column: 1/-1; min-width: 0; margin: 0; padding: 0; border: 0; }.admin-proposal-card legend { margin-bottom: 9px; font-weight: 800; }
.admin-category-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.admin-category-checks label { display: grid; grid-template-columns: 24px 1fr; gap: 10px; align-items: start; min-width: 0; padding: 12px; border-radius: 11px; background: #fff; cursor: pointer; }.admin-category-checks input { width: 20px; height: 20px; margin: 2px 0 0; }.admin-category-checks span { display: grid; gap: 4px; min-width: 0; }.admin-category-checks strong,.admin-category-checks small { overflow-wrap: anywhere; }.admin-category-checks small { color: var(--muted); }
.admin-reason { display: grid; gap: 6px; }.admin-reason span,.admin-map-list form label > span { font-size: 11px; font-weight: 760; color: var(--muted); }
.admin-semantic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.admin-semantic-grid article { display: grid; gap: 5px; min-width: 0; padding: 15px; border-radius: 13px; background: var(--soft); }.admin-semantic-grid strong { font-size: 25px; }.admin-semantic-grid span { font-weight: 800; }.admin-semantic-grid small { color: var(--muted); line-height: 1.4; }
.admin-development-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.admin-development-grid article { display: grid; gap: 15px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--soft); }.admin-development-grid article > header { display: flex; align-items: start; justify-content: space-between; gap: 18px; }.admin-development-grid h3 { margin: 4px 0 0; font-size: 24px; letter-spacing: -.035em; }.admin-development-grid header > strong { white-space: nowrap; font-size: 13px; }.admin-development-progress { width: 100%; height: 8px; overflow: hidden; border: 0; border-radius: 99px; background: #dce2dc; color: var(--yellow-dark); appearance: none; }.admin-development-progress::-webkit-progress-bar { border-radius: inherit; background: #dce2dc; }.admin-development-progress::-webkit-progress-value { border-radius: inherit; background: var(--yellow-dark); }.admin-development-progress::-moz-progress-bar { border-radius: inherit; background: var(--yellow-dark); }.admin-development-grid dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 0; }.admin-development-grid dl div { min-width: 0; padding: 10px; border-radius: 10px; background: #fff; }.admin-development-grid dt { min-height: 29px; color: var(--muted); font-size: 10px; line-height: 1.35; }.admin-development-grid dd { margin: 4px 0 0; font-size: 19px; font-weight: 850; }.admin-development-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }.admin-development-grid footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.admin-development-grid footer > a:last-child { min-height: 40px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.admin-store-state { margin-bottom: 18px; padding: 26px; border-radius: 20px; background: #17231f; color: #f7f8f2; }.admin-store-state .admin-section-head h2 { color: inherit; }.admin-store-state .admin-section-head p { color: #c9d2cd; }.admin-store-state-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.admin-store-state-grid a { display: grid; gap: 6px; min-width: 0; padding: 17px; border-radius: 14px; background: rgba(255,255,255,.08); transition: transform .15s,background-color .15s; }.admin-store-state-grid a:hover { transform: translateY(-2px); background: rgba(255,255,255,.13); }.admin-store-state-grid span { color: #c9d2cd; font-size: 12px; }.admin-store-state-grid strong { font-size: 30px; }.admin-store-state-grid small { color: #aebdb5; line-height: 1.4; }
.admin-process-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }.admin-process-list article { display: grid; gap: 15px; padding: 18px; border-radius: 14px; background: var(--soft); }.admin-process-list article > header { display: flex; align-items: start; justify-content: space-between; gap: 14px; }.admin-process-list h3 { margin: 0; font-size: 19px; }.admin-process-list header p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }.admin-process-list dl { display: grid; gap: 8px; margin: 0; }.admin-process-list dl div { display: grid; grid-template-columns: minmax(120px,.45fr) minmax(0,1fr); gap: 12px; padding-top: 8px; border-top: 1px solid var(--line); }.admin-process-list dt { color: var(--muted); font-size: 11px; }.admin-process-list dd { margin: 0; font-size: 12px; line-height: 1.45; }.admin-process-list article > a { width: fit-content; min-height: 40px; display: inline-flex; align-items: center; font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.admin-process-list progress { width: 100%; height: 10px; overflow: hidden; border: 0; border-radius: 99px; background: #dce2dc; accent-color: var(--yellow-dark); }.admin-process-list progress::-webkit-progress-bar { border-radius: inherit; background: #dce2dc; }.admin-process-list progress::-webkit-progress-value { border-radius: inherit; background: var(--yellow-dark); }.admin-process-list progress::-moz-progress-bar { border-radius: inherit; background: var(--yellow-dark); }
.admin-batch-create { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; gap: 12px; }.admin-batch-create label { display: grid; gap: 5px; }.admin-batch-create label span { color: var(--muted); font-size: 11px; font-weight: 750; }.admin-batch-create label small { color: var(--muted); font-size: 11px; }.admin-batch-create input,.admin-batch-create select { width: 100%; min-height: 44px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.admin-batch-create .admin-confirm { display: flex; align-items: center; gap: 10px; min-height: 44px; grid-column: span 2; }.admin-batch-create .admin-confirm input { width: 20px; min-height: 20px; height: 20px; margin: 0; flex: 0 0 auto; }.admin-batch-create .admin-confirm span { color: var(--ink); font-size: 13px; }.admin-batch-create .admin-reason { grid-column: span 2; }.admin-batch-summaries { display: grid; gap: 8px; margin-top: 18px; }.admin-batch-summaries > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; border-radius: 12px; background: var(--soft); }.admin-batch-summaries > a > span { display: grid; gap: 4px; }.admin-batch-summaries > a > span:last-child { justify-items: end; }.admin-batch-summaries small { color: var(--muted); }
.admin-batch-list { display: grid; gap: 12px; margin-bottom: 18px; }.admin-batch-item { display: grid; grid-template-columns: 28px 100px minmax(0,1fr) 180px; align-items: center; gap: 16px; padding: 16px; border-radius: 15px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.05); }.admin-batch-choice input { width: 22px; height: 22px; }.admin-batch-choice-placeholder { display: block; width: 22px; height: 22px; border: 1px solid var(--line); border-radius: 5px; background: var(--soft); }.admin-batch-item .admin-product-image { min-height: 86px; }.admin-batch-item h2 { margin: 6px 0 8px; font-size: 18px; }.admin-batch-item p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.45; }.admin-batch-publish { display: grid; gap: 14px; }.admin-confirm { display: flex; align-items: start; gap: 10px; font-weight: 750; }.admin-confirm input { width: 20px; height: 20px; margin: 0; }
.admin-batch-progress { display: grid; gap: 12px; }.admin-batch-progress progress { width: 100%; height: 12px; overflow: hidden; border: 0; border-radius: 99px; background: #dce2dc; accent-color: var(--yellow-dark); }.admin-batch-progress progress::-webkit-progress-bar { border-radius: inherit; background: #dce2dc; }.admin-batch-progress progress::-webkit-progress-value { border-radius: inherit; background: var(--yellow-dark); }.admin-batch-progress progress::-moz-progress-bar { border-radius: inherit; background: var(--yellow-dark); }
.admin-batch-filter { display: grid; grid-template-columns: minmax(250px,1fr) minmax(170px,.55fr) minmax(180px,.55fr) auto auto; align-items: end; gap: 10px; }.admin-batch-filter label { display: grid; gap: 6px; }.admin-batch-filter label span { color: var(--muted); font-size: 11px; font-weight: 750; }.admin-batch-filter input,.admin-batch-filter select { width: 100%; min-height: 44px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.admin-batch-filter button,.admin-batch-filter > a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font-weight: 800; }.admin-batch-filter p { grid-column: 1/-1; margin: 0; color: var(--muted); font-size: 12px; }
.admin-batch-exclude { display: grid; gap: 6px; margin-top: 10px; }.admin-batch-exclude input { width: 100%; min-height: 36px; padding: 0 8px; border: 1px solid var(--line); border-radius: 8px; }.admin-batch-exclude button { min-height: 36px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-weight: 750; cursor: pointer; }
.admin-batch-selection:not([hidden]) { position: fixed; z-index: 20; inset-inline: max(16px,calc((100vw - 1180px)/2)); bottom: max(12px,env(safe-area-inset-bottom)); display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--ink); color: #fff; box-shadow: 0 16px 45px rgba(24,33,40,.24); }.admin-batch-selection p { margin: 0; }.admin-batch-selection a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: 10px; background: var(--yellow); color: var(--ink); font-weight: 850; }.admin-batch-publish { scroll-margin-top: 24px; }
.admin-readiness { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 16px 0; }.admin-readiness div { padding: 12px; border-radius: 11px; background: #fff; }.admin-readiness dt { min-height: 30px; color: var(--muted); font-size: 11px; line-height: 1.35; }.admin-readiness dd { margin: 5px 0 0; font-size: 17px; font-weight: 850; }.admin-note { padding: 12px 14px; border-inline-start: 3px solid var(--green); background: rgba(34,99,72,.06); }.admin-examples { display: grid; gap: 3px; margin-top: 5px; color: #36433d; font-size: 11px; line-height: 1.35; }.admin-examples b { font-variant-numeric: tabular-nums; }
@media (max-width: 1100px) { .admin-map-list article { grid-template-columns: 1fr; } }
@media (max-width: 1100px) { .admin-pipeline-grid,.admin-semantic-grid,.admin-store-state-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-stock-groups dl { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-readiness { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 860px) { .admin-map-columns,.admin-stock-groups,.admin-development-grid { grid-template-columns: 1fr; }.admin-map-list form { grid-template-columns: 1fr 1fr; }.admin-map-list form button { grid-column: 1/-1; }.admin-category-checks { grid-template-columns: 1fr; }.admin-batch-create,.admin-batch-filter { grid-template-columns: 1fr 1fr; }.admin-batch-create .admin-confirm,.admin-batch-create .admin-reason,.admin-batch-create button,.admin-batch-filter p { grid-column: 1/-1; }.admin-batch-item { grid-template-columns: 28px 90px minmax(0,1fr); }.admin-batch-item .admin-product-data { grid-column: 3; } }
@media (max-width: 560px) { .admin-map-summary dl,.admin-compact-stats,.admin-map-list form,.admin-pipeline-grid,.admin-proposal-card form,.admin-semantic-grid,.admin-readiness,.admin-development-grid dl,.admin-store-state-grid,.admin-process-list,.admin-batch-create,.admin-batch-filter { grid-template-columns: 1fr; }.admin-map-list form button,.admin-batch-create .admin-confirm,.admin-batch-create .admin-reason,.admin-batch-create button,.admin-batch-filter p { grid-column: auto; }.admin-map-summary > header,.admin-section-head,.admin-proposal-card > summary,.admin-development-grid article > header,.admin-development-grid footer,.admin-process-list article > header,.admin-batch-summaries > a { align-items: start; flex-direction: column; }.admin-pipeline-grid article { min-height: 0; }.admin-proposal-card fieldset { grid-column: auto; }.admin-proposal-total,.admin-batch-summaries > a > span:last-child { justify-items: start; }.admin-readiness dt,.admin-development-grid dt { min-height: 0; }.admin-process-list dl div { grid-template-columns: 1fr; gap: 4px; }.admin-batch-item { grid-template-columns: 28px minmax(0,1fr); align-items: start; }.admin-batch-item .admin-product-image { grid-column: 2; }.admin-batch-item > div { grid-column: 2; }.admin-batch-item .admin-product-data { grid-column: 2; } }
@media (max-width: 560px) { .admin-batch-selection:not([hidden]) { inset-inline: 12px; align-items: stretch; flex-direction: column; gap: 8px; }.admin-batch-selection a { width: 100%; }.admin-batch-selection p { font-size: 13px; } }

/* FurniPro Control */
.admin-body { background: #f3f5f2; }
.admin-body .site-header { background: rgba(24,33,40,.96); border-color: rgba(255,255,255,.08); color: #fff; }
.admin-body .brand-note { border-color: rgba(255,255,255,.18); color: #aeb6ba; }
.admin-body .main-nav a::after { background: var(--yellow); }
.admin-body .menu-toggle { background: rgba(255,255,255,.1); }
.admin-body .menu-toggle > span:not(.sr-only) { background: #fff; }
.admin-actions { border-color: rgba(255,255,255,.16); }
.admin-actions form { margin: 0; }
.admin-actions button { border: 0; color: inherit; background: transparent; cursor: pointer; }
.admin-actions .icon-link:hover { background: rgba(255,255,255,.1); }
.admin-shell { min-height: calc(100vh - 76px); padding: 48px 0 88px; }
.admin-page-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.admin-page-head h1,.admin-product-head h1 { margin: 5px 0 10px; font-size: clamp(38px,4vw,58px); line-height: 1; letter-spacing: -.05em; }
.admin-page-head p,.admin-product-head p { margin: 0; color: var(--muted); line-height: 1.55; }
.admin-primary,.admin-secondary { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 17px; border: 1px solid transparent; border-radius: 11px; font-weight: 780; cursor: pointer; transition-property: transform,background-color,border-color; transition-duration: .15s; }
.admin-primary { background: var(--yellow); color: var(--ink); }
.admin-primary:hover { background: #eebc28; }.admin-primary:active,.admin-secondary:active { transform: scale(.96); }
.admin-secondary { border-color: #cfd5d2; background: #fff; color: var(--ink); }.admin-secondary:hover { border-color: #8c9691; }
.admin-primary:focus-visible,.admin-secondary:focus-visible,.admin-body input:focus-visible,.admin-body select:focus-visible,.admin-body textarea:focus-visible,.admin-body summary:focus-visible,.admin-body a:focus-visible,.admin-body button:focus-visible { outline: 3px solid #d2a800; outline-offset: 3px; }
.admin-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 22px; }
.admin-metrics a { min-height: 154px; display: flex; flex-direction: column; padding: 22px; border-radius: 18px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.045); }
.admin-metrics span { color: var(--muted); font-size: 13px; }.admin-metrics strong { margin: 13px 0 5px; font-size: 36px; letter-spacing: -.04em; }.admin-metrics small { margin-top: auto; font-weight: 700; }
.admin-two-columns { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.admin-panel { padding: 26px; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.045); }
.admin-panel h2 { margin: 6px 0 20px; font-size: 25px; letter-spacing: -.035em; }.admin-panel p { line-height: 1.55; }
.admin-panel-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }.admin-panel-head a,.admin-storefront-link,.admin-back { font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.admin-kicker { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-definition-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }.admin-definition-grid div { padding: 15px; border-radius: 12px; background: var(--soft); }.admin-definition-grid dt,.admin-source-list dt,.notification-state dt { color: var(--muted); font-size: 11px; }.admin-definition-grid dd,.admin-source-list dd,.notification-state dd { margin: 5px 0 0; font-weight: 700; overflow-wrap: anywhere; }
.admin-check-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }.admin-check-list li { display: flex; align-items: start; gap: 10px; line-height: 1.45; }.admin-check-list li span { width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: var(--yellow); font-weight: 900; }
.legacy-panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 18px; }.legacy-panel p { max-width: 660px; margin: 0; color: var(--muted); }.legacy-panel nav { display: flex; flex-wrap: wrap; justify-content: end; gap: 9px; }.legacy-panel nav a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 13px; border-radius: 9px; background: var(--soft); font-size: 13px; font-weight: 700; }
.admin-filter-bar { display: grid; grid-template-columns: minmax(220px,1.25fr) repeat(5,minmax(135px,.65fr)) auto auto; align-items: end; gap: 11px; margin-bottom: 22px; padding: 18px; border-radius: 17px; background: #fff; box-shadow: 0 8px 28px rgba(24,33,40,.04); }
.admin-filter-bar label,.admin-action-grid label,.admin-edit-disclosure label,.request-note-form label,.request-workflow label { display: grid; gap: 6px; min-width: 0; color: #4c585d; font-size: 12px; font-weight: 750; }
.admin-body input,.admin-body select,.admin-body textarea { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #cfd5d2; border-radius: 9px; background: #fff; color: var(--ink); font: inherit; }.admin-body textarea { resize: vertical; }
.admin-product-list { display: grid; gap: 11px; }.admin-product-row { display: grid; grid-template-columns: 96px minmax(0,1fr) 250px; gap: 20px; align-items: center; min-width: 0; padding: 16px; border-radius: 17px; background: #fff; box-shadow: 0 6px 22px rgba(24,33,40,.04); }
.admin-product-image { min-height: 88px; display: grid; place-items: center; overflow: hidden; border-radius: 12px; background: var(--soft); }.admin-product-image img { width: 100%; height: 88px; object-fit: contain; outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; }.image-load-fallback { color: var(--muted); font-size: 11px; text-align: center; }
.admin-product-main { min-width: 0; }.admin-product-main h2 { margin: 7px 0 5px; font-size: 18px; line-height: 1.25; }.admin-product-main h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }.admin-product-main p { margin: 0; color: var(--muted); font-size: 12px; }.admin-row-meta { display: flex; flex-wrap: wrap; gap: 8px 14px; color: var(--muted); font-size: 12px; }.admin-row-meta code { color: var(--ink); }
.admin-statuses { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }.status-pill { display: inline-flex; align-items: center; min-height: 25px; padding: 3px 9px; border-radius: 999px; background: #ecefed; font-size: 11px; font-weight: 780; overflow-wrap: anywhere; }.status-success,.status-completed,.status-sent { background: var(--green); color: #235c35; }.status-warning,.status-unconfigured,.status-needs_clarification { background: #fff0bd; color: #725800; }.status-danger,.status-failed { background: #fce3df; color: #8f2020; }.status-running,.status-new { background: var(--blue); color: #245472; }
.admin-product-data { display: grid; justify-items: end; gap: 5px; text-align: end; }.admin-product-data strong { font-size: 19px; }.admin-product-data small,.admin-product-data span { color: var(--muted); font-size: 11px; }.admin-product-data a { margin-top: 7px; font-size: 13px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.admin-pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-top: 22px; }.admin-pagination a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 750; }.admin-pagination a:last-child { justify-self: end; }
.admin-checkout-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
.admin-page-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.admin-checkout-alert { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: center; margin-bottom: 20px; padding: 18px 20px; border: 1px solid rgba(143,32,32,.22); border-radius: 16px; background: #fff6f4; }
.admin-checkout-alert a { min-height: 40px; display: inline-flex; align-items: center; font-weight: 800; }
.admin-checkout-filters { grid-template-columns: minmax(220px,1.4fr) minmax(190px,1fr) minmax(190px,1fr) auto auto; margin-top: 18px; }
.admin-result-summary { margin: 18px 0 12px; color: var(--muted); font-size: 13px; }
.admin-checkout-list { display: grid; gap: 14px; padding: 14px; }
.admin-checkout-card { display: grid; gap: 16px; padding: 20px; border-radius: 17px; background: var(--soft); box-shadow: inset 0 0 0 1px rgba(24,33,40,.05); }
.admin-checkout-card.is-unsafe { box-shadow: inset 4px 0 0 #a93131, inset 0 0 0 1px rgba(169,49,49,.18); }
.admin-checkout-product { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 16px; align-items: center; }
.admin-checkout-product img,.admin-checkout-product .admin-image-placeholder { width: 92px; height: 92px; border-radius: 12px; background: #fff; object-fit: contain; outline: 1px solid oklch(0 0 0 / .1); }
.admin-checkout-product .admin-image-placeholder { display: grid; place-items: center; color: var(--muted); font: 800 28px/1 Georgia,serif; }
.admin-checkout-product h2 { margin: 5px 0; font-size: 20px; line-height: 1.18; }
.admin-checkout-product p { margin: 8px 0 0; font-weight: 800; }
.admin-checkout-gates { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.admin-checkout-gates > div { min-width: 0; padding: 13px; border-radius: 12px; background: #fff; }
.admin-checkout-gates small { display: block; margin-top: 8px; color: var(--muted); line-height: 1.4; overflow-wrap: anywhere; }
.admin-checkout-card footer { display: flex; gap: 12px; align-items: center; padding-top: 14px; border-top: 1px solid var(--line); }
.admin-checkout-card footer > div { display: grid; gap: 3px; min-width: 0; margin-right: auto; }
.admin-checkout-card footer > div span { color: var(--muted); font-size: 12px; }
.admin-checkout-card footer > a { min-height: 44px; display: inline-flex; align-items: center; }
.admin-checkout-card footer > form { margin: 0; }
.admin-checkout-card footer > form button { min-height: 44px; white-space: nowrap; }
.admin-checkout-rules { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 28px; margin-top: 24px; }
.admin-checkout-rules ol { margin: 0; padding-left: 20px; }.admin-checkout-rules li + li { margin-top: 8px; }.admin-checkout-rules > p { grid-column: 2; margin: 0; color: var(--muted); }
.admin-empty { display: grid; gap: 7px; justify-items: start; padding: 34px; border-radius: 17px; background: #fff; color: var(--muted); }.admin-empty strong { color: var(--ink); font-size: 20px; }.admin-empty a { margin-top: 8px; font-weight: 750; text-decoration: underline; }.admin-empty.compact { padding: 20px; background: var(--soft); }.admin-empty.compact strong { font-size: 16px; }
.admin-back { min-height: 44px; display: inline-flex; align-items: center; margin-bottom: 16px; }.admin-product-head { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 28px; align-items: center; margin-bottom: 22px; }.admin-product-hero-image { min-height: 170px; display: grid; place-items: center; overflow: hidden; padding: 12px; border-radius: 18px; background: #fff; }.admin-product-hero-image img { max-height: 145px; object-fit: contain; outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; }.admin-storefront-link { min-height: 44px; display: inline-flex; align-items: center; margin-top: 12px; }
.admin-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 18px; align-items: start; }.admin-detail-main { display: grid; gap: 18px; }.admin-detail-side { position: sticky; top: 96px; }.admin-action-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }.admin-action-grid form,.admin-edit-disclosure form { display: grid; gap: 12px; padding: 18px; border-radius: 14px; background: var(--soft); }.admin-warning,.admin-error { color: #8f2020; }.admin-note,.admin-muted { color: var(--muted); font-size: 12px; line-height: 1.5; }
.admin-spec-list { display: grid; }.admin-spec-list > div { display: grid; grid-template-columns: minmax(160px,.8fr) minmax(0,1.2fr); gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--line); }.admin-spec-list dt { color: var(--muted); }.admin-spec-list dd { display: grid; gap: 3px; margin: 0; }.admin-spec-list small { color: var(--muted); line-height: 1.4; }
.admin-edit-disclosure,.admin-raw { margin-top: 22px; }.admin-edit-disclosure summary,.admin-raw summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 750; }.admin-edit-disclosure form p { margin: 0; color: var(--muted); font-size: 12px; }.admin-source-list { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; }.admin-source-list dd { margin-top: 0; }.admin-raw pre { max-height: 420px; overflow: auto; padding: 14px; border-radius: 10px; background: #182128; color: #e8eeee; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 11px; }
.admin-history { display: grid; gap: 10px; }.admin-history article { padding: 15px; border-radius: 12px; background: var(--soft); }.admin-history header { display: flex; align-items: start; justify-content: space-between; gap: 18px; }.admin-history time { color: var(--muted); font-size: 11px; }.admin-history p { margin: 10px 0 5px; overflow-wrap: anywhere; }.admin-history del { color: #8f2020; }.admin-history ins { color: #235c35; text-decoration: none; }.admin-history small { color: var(--muted); }
.admin-notice { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 16px; margin-bottom: 20px; padding: 16px 19px; border-radius: 14px; background: var(--blue); line-height: 1.5; }.admin-notice.warning { background: #fff0bd; }.admin-notice.success { background: var(--green); }.admin-notice span { color: #4e5b61; }
.admin-import-list { display: grid; gap: 13px; margin-top: 18px; }.admin-import-list article { padding: 22px; border-radius: 17px; background: #fff; box-shadow: 0 6px 22px rgba(24,33,40,.04); }.admin-import-list header { display: flex; justify-content: space-between; gap: 20px; }.admin-import-list h2 { margin: 6px 0 0; font-size: 20px; }.admin-import-list dl { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: 18px 0; }.admin-import-list dl div { padding: 12px; border-radius: 10px; background: var(--soft); }.admin-import-list dt { color: var(--muted); font-size: 10px; }.admin-import-list dd { margin: 4px 0 0; font-size: 18px; font-weight: 800; }.admin-import-list footer { display: flex; flex-wrap: wrap; gap: 9px 25px; color: var(--muted); font-size: 11px; }
.admin-import-head form { flex: 0 0 auto; }.admin-import-head button { min-height: 48px; }.admin-primary:disabled { cursor: not-allowed; opacity: .58; transform: none; }
.admin-import-action { display: flex; align-items: end; gap: 10px; }.admin-import-action label { display: grid; gap: 5px; }.admin-import-action label span { color: var(--muted); font-size: 11px; font-weight: 750; }.admin-import-action select { min-height: 44px; padding: 0 10px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); }
.admin-import-monitor { display: grid; gap: 15px; margin-bottom: 30px; padding: 28px; border-radius: 22px; background: #fff; box-shadow: 0 12px 38px rgba(24,33,40,.07); }.admin-import-monitor > header { display: flex; align-items: start; justify-content: space-between; gap: 20px; }.admin-import-monitor h2 { margin: 6px 0 0; font-size: clamp(25px,3vw,36px); letter-spacing: -.04em; }.admin-import-monitor > p { margin: 0; color: var(--muted); }.admin-import-monitor progress { width: 100%; height: 16px; overflow: hidden; border: 0; border-radius: 999px; background: #e4e9e5; accent-color: var(--yellow-dark); }.admin-import-monitor progress::-webkit-progress-bar { border-radius: 999px; background: #e4e9e5; }.admin-import-monitor progress::-webkit-progress-value { border-radius: 999px; background: var(--yellow-dark); }.admin-import-monitor progress::-moz-progress-bar { border-radius: 999px; background: var(--yellow-dark); }.status-surface-completed progress { accent-color: #3f8b57; }.status-surface-failed progress { accent-color: #b83b36; }
.admin-progress-meta { display: grid; grid-template-columns: auto repeat(3,minmax(0,1fr)); align-items: center; gap: 10px 22px; color: var(--muted); font-size: 12px; }.admin-progress-meta > strong { color: var(--ink); font-size: 28px; font-variant-numeric: tabular-nums; }.admin-progress-meta b { color: var(--ink); }.admin-import-funnel,.admin-import-history { margin-top: 30px; }.admin-import-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 11px; }.admin-import-metrics article { min-height: 142px; display: flex; flex-direction: column; padding: 19px; border-radius: 16px; background: #fff; box-shadow: 0 7px 24px rgba(24,33,40,.045); }.admin-import-metrics span,.admin-import-metrics small { color: var(--muted); font-size: 12px; line-height: 1.4; }.admin-import-metrics strong { margin: 13px 0 8px; font-size: 31px; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }.admin-import-metrics small { margin-top: auto; }
.admin-import-columns { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-top: 30px; }.admin-source-files { display: grid; gap: 9px; }.admin-source-files article { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px; border-radius: 12px; background: var(--soft); }.admin-source-files article > div { display: grid; gap: 4px; }.admin-source-files article > div:last-child { justify-items: end; color: var(--muted); font-size: 11px; text-align: end; }.admin-source-files code { color: var(--muted); font-size: 11px; }.admin-source-files b { color: #235c35; }.admin-source-files .source-file-stale b,.admin-source-files .source-file-missing b { color: #8f2020; }.admin-safety-list { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }.admin-safety-list li { position: relative; padding-inline-start: 25px; line-height: 1.45; }.admin-safety-list li::before { content: "✓"; position: absolute; inset-inline-start: 0; color: #235c35; font-weight: 900; }.admin-import-list h3 { margin: 6px 0 4px; font-size: 20px; }.admin-import-list header p { margin: 0; color: var(--muted); font-size: 12px; }
.request-card > header,.request-title { display: flex; align-items: start; justify-content: space-between; gap: 18px; }.request-card > header > div { display: flex; align-items: center; gap: 8px; }.request-title { margin-top: 17px; }.request-title h2 { margin-top: 5px; }.request-title p { margin: 0; }.request-card dl .wide { grid-column: 1/-1; }.request-workflow,.request-history-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 18px; }.request-workflow > section,.request-history-grid > section { padding: 18px; border-radius: 14px; background: var(--soft); }.request-workflow h3,.request-history-grid h3 { margin: 0 0 14px; font-size: 16px; }.request-workflow form { align-items: end; margin: 0; }.notification-state { margin: 0 0 12px!important; }.request-note-form { display: grid!important; align-items: stretch!important; }.request-note { margin-top: 10px; padding: 12px; border-radius: 10px; background: #fff; }.request-note p { margin: 0 0 6px; }.request-note small { color: var(--muted); }.request-events { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }.request-events li { display: grid; gap: 3px; padding-inline-start: 14px; border-inline-start: 3px solid var(--yellow); }.request-events span,.request-events small { color: var(--muted); font-size: 12px; }.request-context { display: grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; gap: 8px!important; margin-top: 8px; padding: 14px; border-radius: 12px; background: var(--soft); }.request-context > div { padding: 8px 10px; border-inline-start: 3px solid var(--yellow); background: #fff; }.request-context dt { font-weight: 750; }.request-context dd { line-height: 1.45; }

@media (max-width: 1100px) { .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-filter-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-filter-bar .admin-primary,.admin-filter-bar .admin-secondary { align-self: stretch; }.admin-detail-grid { grid-template-columns: minmax(0,1fr) 300px; }.admin-product-row { grid-template-columns: 84px minmax(0,1fr) 210px; }.admin-import-list dl { grid-template-columns: repeat(3,minmax(0,1fr)); }.admin-checkout-gates { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1100px) { .admin-import-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }.admin-progress-meta { grid-template-columns: auto repeat(2,minmax(0,1fr)); }.admin-import-columns { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .admin-body .main-nav { background: #182128; border-color: rgba(255,255,255,.12); }.admin-actions { padding: 0; }.admin-actions .icon-link:first-child { display: none; }.admin-page-head,.legacy-panel { align-items: start; flex-direction: column; }.admin-page-actions { width: 100%; }.admin-page-actions > a { flex: 1 1 190px; justify-content: center; }.admin-two-columns,.admin-detail-grid { grid-template-columns: 1fr; }.admin-detail-side { position: static; }.admin-product-row { grid-template-columns: 80px minmax(0,1fr); }.admin-product-data { grid-column: 2; justify-items: start; text-align: start; }.admin-action-grid { grid-template-columns: 1fr; }.admin-checkout-alert { grid-template-columns: 1fr; }.admin-checkout-card footer { align-items: stretch; flex-direction: column; }.admin-checkout-card footer > div { margin-right: 0; }.admin-checkout-card footer > a,.admin-checkout-card footer > form button { width: 100%; justify-content: center; }.admin-checkout-rules { grid-template-columns: 1fr; }.admin-checkout-rules > p { grid-column: 1; } }
@media (max-width: 560px) { .admin-shell { padding: 30px 0 62px; }.admin-page-head { margin-bottom: 20px; }.admin-page-head h1,.admin-product-head h1 { font-size: 38px; }.admin-metrics { grid-template-columns: 1fr; }.admin-metrics a { min-height: 126px; }.admin-filter-bar { grid-template-columns: 1fr; padding: 14px; }.admin-product-row { grid-template-columns: 68px minmax(0,1fr); gap: 13px; padding: 13px; }.admin-product-image,.admin-product-image img { min-height: 68px; height: 68px; }.admin-product-data { grid-column: 1/-1; padding-top: 10px; border-top: 1px solid var(--line); }.admin-product-head { grid-template-columns: 1fr; }.admin-product-hero-image { min-height: 240px; }.admin-product-hero-image img { max-height: 210px; }.admin-spec-list > div { grid-template-columns: 1fr; gap: 5px; }.admin-definition-grid { grid-template-columns: 1fr; }.admin-import-list dl { grid-template-columns: repeat(2,minmax(0,1fr)); }.admin-import-list header,.admin-history header { flex-direction: column; }.admin-notice { grid-template-columns: 1fr; gap: 5px; }.request-workflow,.request-history-grid { grid-template-columns: 1fr; }.request-card dl .wide { grid-column: auto; }.admin-pagination strong { font-size: 12px; }.admin-checkout-product { grid-template-columns: 68px minmax(0,1fr); }.admin-checkout-product img,.admin-checkout-product .admin-image-placeholder { width: 68px; height: 68px; }.admin-checkout-gates { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .admin-import-head form,.admin-import-head button,.admin-import-action select { width: 100%; }.admin-import-action { align-items: stretch; flex-direction: column; }.admin-import-monitor { padding: 20px; border-radius: 18px; }.admin-import-monitor > header { flex-direction: column; }.admin-progress-meta { grid-template-columns: 1fr 1fr; }.admin-progress-meta > strong { grid-column: 1/-1; }.admin-import-metrics { grid-template-columns: 1fr 1fr; }.admin-source-files article { align-items: start; flex-direction: column; }.admin-source-files article > div:last-child { justify-items: start; text-align: start; } }
@media (max-width: 420px) { .admin-import-metrics { grid-template-columns: 1fr; }.admin-progress-meta { grid-template-columns: 1fr; }.admin-progress-meta > strong { grid-column: auto; } }
.admin-table-wrap{overflow-x:auto;margin-top:18px}.admin-table{width:100%;min-width:1100px;border-collapse:collapse;text-align:left}.admin-table th{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600}.admin-table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:13px}.admin-table td small{display:block;margin-top:5px;color:var(--muted);line-height:1.35}.admin-table td a{color:inherit}
.admin-batch-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem;margin:.75rem 0}.admin-batch-facts div{min-width:0}.admin-batch-facts dt{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.admin-batch-facts dd{margin:.12rem 0 0;font-size:.9rem;line-height:1.4}
@media(max-width:720px){.admin-batch-facts{grid-template-columns:1fr}}

/* FurniPro PRO */
.pro-hero{padding:74px 0 48px;background:#182128;color:#fff}.pro-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:end}.pro-hero h1{max-width:760px;margin:12px 0 18px;font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.055em}.pro-hero p{max-width:690px;margin:0;color:#c4ccca;line-height:1.6}.pro-add{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;padding:22px;border-radius:18px;background:#fff;color:var(--ink)}.pro-add label,.pro-item-actions label,.pro-save-link{display:grid;gap:6px}.pro-add label span,.pro-item-actions label span,.pro-save-link span{font-size:12px;font-weight:750}.pro-add input,.pro-item-actions input,.pro-save-link input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cfd5d2;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.pro-add button{grid-column:1/-1}.pro-section{padding:46px 0 86px;background:#f3f5f2}.pro-message{margin-bottom:18px;padding:15px 18px;border-radius:13px}.pro-message.success{background:var(--green)}.pro-message.error{background:#fce3df;color:#8f2020}.pro-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.pro-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.pro-section-head h2{margin:6px 0 0;font-size:30px;letter-spacing:-.04em}.pro-items{min-width:0}.pro-card{display:grid;grid-template-columns:108px minmax(0,1fr) 190px;gap:20px;align-items:start;margin-bottom:12px;padding:17px;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(24,33,40,.045)}.pro-card-image{height:100px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:var(--soft);color:var(--muted);font-size:12px;text-align:center}.pro-card-image img{width:100%;height:100%;object-fit:contain;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.pro-sku{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.pro-card h3{margin:7px 0 10px;font-size:19px;line-height:1.3}.pro-card h3 a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.pro-card h3 a:hover{text-decoration-color:currentColor}.pro-card-facts{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:12px}.pro-card-facts b{color:var(--ink);font-size:16px}.pro-card-facts small{flex-basis:100%}.pro-change,.pro-warning{padding:10px 12px;border-radius:10px;background:#fff0bd;color:#725800;line-height:1.4}.pro-details{margin-top:12px}.pro-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:750}.pro-details dl{margin:0}.pro-details dl div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;padding:8px 0;border-top:1px solid var(--line)}.pro-details dt{color:var(--muted);font-size:12px}.pro-details dd{margin:0;font-size:12px}.pro-details small{display:block;margin-top:2px;color:var(--muted)}.pro-item-actions{display:grid;gap:8px}.pro-line-total{font-weight:800;text-align:right}.pro-remove{min-height:40px;border:0;background:transparent;color:#8f2020;font:inherit;font-weight:750;cursor:pointer}.pro-summary{position:sticky;top:96px;display:grid;gap:13px;padding:23px;border-radius:18px;background:#fff;box-shadow:0 7px 24px rgba(24,33,40,.045)}.pro-summary>strong{font-size:33px;letter-spacing:-.04em}.pro-summary p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.pro-summary form,.pro-summary button{width:100%}.pro-summary button:disabled{cursor:not-allowed;opacity:.48}.pro-save-link{margin-top:7px}.pro-summary>small{color:var(--muted);font-size:11px;line-height:1.45}.pro-compare{margin-top:30px;padding:25px;border-radius:19px;background:#fff}.pro-table-wrap{overflow:auto}.pro-table-wrap:focus-visible{outline:3px solid #d2a800;outline-offset:3px}.pro-table-wrap table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.pro-table-wrap th,.pro-table-wrap td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}.pro-table-wrap thead th{color:var(--muted);font-size:11px}.pro-empty{max-width:760px;padding:42px;border-radius:20px;background:#fff}.pro-empty h2{margin:8px 0;font-size:34px;letter-spacing:-.04em}.pro-empty p{color:var(--muted);line-height:1.6}.pro-empty a{min-height:44px;display:inline-flex;align-items:center;font-weight:800;text-decoration:underline;text-underline-offset:3px}.pro-add input:focus-visible,.pro-item-actions input:focus-visible,.pro-save-link input:focus-visible,.pro-details summary:focus-visible,.pro-remove:focus-visible{outline:3px solid #d2a800;outline-offset:3px}
@media(max-width:980px){.pro-hero-grid,.pro-layout{grid-template-columns:1fr}.pro-hero-grid{gap:34px}.pro-add{max-width:620px}.pro-summary{position:static}.pro-card{grid-template-columns:92px minmax(0,1fr) 170px}.pro-compare{padding:20px}}
@media(max-width:640px){.pro-hero{padding:48px 0 34px}.pro-hero h1{font-size:43px}.pro-add,.pro-card{grid-template-columns:1fr}.pro-add{padding:16px}.pro-card-image{height:210px}.pro-item-actions{grid-template-columns:1fr 1fr}.pro-item-actions label,.pro-line-total{grid-column:1/-1}.pro-line-total{text-align:left}.pro-details dl div{grid-template-columns:1fr;gap:3px}.pro-section-head{align-items:start;flex-direction:column}.pro-empty{padding:28px 20px}.pro-compare{padding:18px 0}.pro-compare .pro-section-head{padding:0 18px}.pro-table-wrap{padding:0 18px}}
.order-metrics article{min-height:118px;display:grid;align-content:center;padding:20px;border-radius:16px;background:#fff}.order-metrics span{color:var(--muted);font-size:12px}.order-metrics strong{margin-top:5px;font-size:28px}.order-items-table{min-width:760px}.order-totals{display:grid;gap:8px;max-width:360px;margin:22px 0 0 auto}.order-totals div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}.order-totals dd{margin:0;font-weight:800}.order-status-form,.order-note-form{display:grid;gap:12px;margin-top:18px}.payment-events{display:grid;gap:9px}.payment-events article{display:grid;gap:3px;padding:12px;border-radius:10px;background:var(--soft)}.payment-events span,.payment-events small{color:var(--muted);font-size:12px}.refund-form{display:grid;gap:14px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.refund-form fieldset{display:grid;gap:10px;margin:0;padding:14px;border:0;border-radius:12px;background:var(--soft)}.refund-form legend{padding:0 4px;font-size:13px;font-weight:800}.refund-mode label,.refund-check,.refund-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45}.refund-form :where(input[type="radio"],input[type="checkbox"]){width:20px;min-height:20px;flex:0 0 20px;margin:0}.refund-items>label:not(.refund-check){display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:12px;align-items:center}.refund-items label span{display:grid;gap:3px;min-width:0}.refund-items label small,.refund-items>small{color:var(--muted);font-size:11px;line-height:1.45}.refund-items>small{margin-top:3px}.refund-confirm{padding:13px;border-radius:11px;background:#fff0bd}.refund-form .admin-warning{margin:0}.refund-form button{width:100%}@media(max-width:560px){.refund-items>label:not(.refund-check){grid-template-columns:1fr}.refund-items>label:not(.refund-check) input{max-width:100%}}

/* Unified journal and preserved legacy links */
.editorial-hero{padding:72px 0 54px;background:#182128;color:#fff}.editorial-hero h1{margin:10px 0 16px;font-size:clamp(46px,7vw,82px);line-height:.95;letter-spacing:-.055em}.editorial-hero p{max-width:700px;margin:0;color:#c5ceca;font-size:18px;line-height:1.6}.editorial-section{min-height:48vh;padding:48px 0 90px;background:var(--soft)}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.editorial-card{display:grid;align-content:start;min-height:260px;padding:30px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.editorial-card>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.editorial-card h2{margin:14px 0 12px;font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.04em}.editorial-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}.editorial-card p{margin:0 0 24px;color:var(--muted);line-height:1.65}.editorial-card>.text-link{margin-top:auto}.editorial-article{padding:46px 0 90px;background:var(--soft)}.editorial-article article{max-width:860px;margin:24px auto 0;padding:clamp(28px,6vw,70px);border-radius:26px;background:#fff;box-shadow:var(--shadow)}.editorial-article h1{margin:12px 0 20px;font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.055em}.article-lead{color:#48545a;font-size:20px;line-height:1.6}.article-body{margin-top:36px;color:#39464b;font-size:17px;line-height:1.8;white-space:pre-line}.editorial-article footer{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}.saved-product-page .cart-safety{background:#fff6d7}.not-found{min-height:65vh;display:grid;place-items:center;padding:80px 0;background:var(--soft);text-align:center}.not-found h1{margin:10px 0 14px;font-size:clamp(48px,8vw,84px);letter-spacing:-.06em}.not-found p{max-width:620px;margin:0 auto 28px;color:var(--muted);font-size:18px;line-height:1.6}.not-found>div>div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}
@media(max-width:700px){.editorial-grid{grid-template-columns:1fr}.editorial-hero{padding:50px 0 38px}.editorial-card{min-height:0;padding:24px}.editorial-article{padding:28px 0 62px}.editorial-article article{padding:28px 20px;border-radius:18px}.article-lead{font-size:18px}.article-body{font-size:16px}.not-found{padding:56px 0}.not-found>div>div{flex-direction:column}}

/* Unified staff sign-in */
.staff-login{min-height:calc(100vh - 84px);display:grid;align-items:center;padding:72px 0 92px;background:linear-gradient(125deg,#182128 0,#182128 48%,#eef1ec 48%,#f7f5ee 100%)}.staff-login-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:clamp(54px,9vw,130px);align-items:center}.staff-login-intro{max-width:720px;color:#fff}.staff-login-intro .eyebrow{color:#f4c542}.staff-login-intro h1{max-width:690px;margin:16px 0 22px;font-size:clamp(50px,6.6vw,88px);line-height:.92;letter-spacing:-.065em}.staff-login-intro>p{max-width:620px;margin:0;color:#c5ceca;font-size:18px;line-height:1.65}.staff-login-intro ul{display:grid;gap:12px;margin:34px 0 0;padding:0;list-style:none}.staff-login-intro li{display:flex;align-items:center;gap:13px;color:#e9eeec}.staff-login-intro li span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#f4c542;font-size:10px;font-weight:850}.staff-login-card{display:grid;gap:24px;padding:clamp(28px,4vw,48px);border:1px solid rgba(24,33,40,.08);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(12,22,27,.18)}.staff-login-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--yellow);color:var(--ink);font-size:28px;font-weight:900}.staff-login-card h2{margin:9px 0 8px;font-size:clamp(32px,4vw,46px);line-height:1;letter-spacing:-.05em}.staff-login-card p{margin:0;color:var(--muted);line-height:1.55}.staff-login-card form{display:grid;gap:10px}.staff-login-card label{font-size:13px;font-weight:800}.staff-login-card input{width:100%;min-height:52px;padding:0 15px;border:1px solid #bdc5c1;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.staff-login-card button{min-height:52px;margin-top:5px;border:0;border-radius:12px;font:inherit;font-weight:850;cursor:pointer}.staff-login-error{padding:13px 15px;border-radius:11px;background:#fce3df;color:#8f2020;font-size:13px;font-weight:700}.staff-login-back{min-height:44px;display:inline-flex;align-items:center;justify-self:start;color:var(--muted);font-size:13px;font-weight:750;text-decoration:underline;text-underline-offset:4px}.staff-login-card :where(input,button,a):focus-visible{outline:3px solid #8b6f08;outline-offset:3px}
@media(max-width:900px){.staff-login{min-height:0;padding:54px 0 72px;background:linear-gradient(180deg,#182128 0,#182128 43%,#f3f4ef 43%,#f7f5ee 100%)}.staff-login-grid{grid-template-columns:1fr;gap:42px}.staff-login-intro{max-width:680px}.staff-login-intro h1{font-size:clamp(44px,10vw,72px)}.staff-login-card{width:min(100%,560px);justify-self:center}}
@media(max-width:520px){.staff-login{padding:40px 0 56px;background:linear-gradient(180deg,#182128 0,#182128 40%,#f4f4ef 40%)}.staff-login-intro h1{font-size:43px}.staff-login-intro>p{font-size:16px}.staff-login-intro ul{margin-top:24px}.staff-login-card{gap:20px;padding:25px 20px;border-radius:20px}.staff-login-card h2{font-size:34px}}

.staff-login-intro>p{max-width:520px}
@media(max-width:900px){.staff-login{overflow:hidden;background:#f4f4ef}.staff-login-intro{position:relative;isolation:isolate}.staff-login-intro::before{content:"";position:absolute;z-index:-1;inset:-54px calc((100vw - 100%)/-2) -42px;background:#182128}}
@media(max-width:520px){.staff-login-intro::before{inset:-40px calc((100vw - 100%)/-2) -36px}}

.admin-login-body{min-height:100vh;background:#182128}.admin-login-body>main{min-height:100vh}.staff-login-topbar{position:absolute;z-index:2;inset:0 0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);color:#c5ceca}.staff-login-brand{min-height:48px;display:inline-flex;align-items:center;gap:12px;color:#fff}.staff-login-brand>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--yellow);color:var(--ink);font-size:21px;font-weight:900}.staff-login-brand strong{display:grid;font-size:18px;line-height:1}.staff-login-brand small{margin-top:5px;color:#aeb8b4;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.staff-login-topbar>span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.admin-login-body .staff-login{min-height:100vh;padding-top:112px;padding-bottom:64px}.admin-login-body .staff-login-back{color:#59646a}.staff-login-brand:focus-visible{outline:3px solid #f4c542;outline-offset:3px}
@media(max-width:900px){.staff-login-topbar{position:relative;background:#182128}.admin-login-body .staff-login{min-height:calc(100vh - 76px);padding-top:48px}.admin-login-body .staff-login-intro::before{inset:-48px calc((100vw - 100%)/-2) -42px}}
@media(max-width:520px){.staff-login-topbar{min-height:68px;padding-inline:16px}.staff-login-topbar>span{font-size:9px}.staff-login-brand>span{width:38px;height:38px}.admin-login-body .staff-login{min-height:calc(100vh - 68px);padding-top:38px}.admin-login-body .staff-login-intro::before{inset:-38px calc((100vw - 100%)/-2) -36px}}

/* Product relation review queue */
.admin-relation-list{display:grid;gap:14px}.admin-relation-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--soft)}.admin-relation-card>header{display:flex;align-items:start;justify-content:space-between;gap:18px}.admin-relation-card h3{margin:5px 0 0;font-size:19px}.admin-relation-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}.admin-relation-direction{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);align-items:center;gap:16px;margin:18px 0;padding:16px;border-radius:13px;background:#fff}.admin-relation-direction>span{color:var(--muted);font-size:12px}.admin-relation-direction>b{font-size:24px}.admin-relation-direction>div{display:grid;gap:4px}.admin-relation-direction a{font-size:12px;font-weight:750;text-decoration:underline;text-underline-offset:3px}.admin-relation-card .admin-definition-grid code{max-width:220px;display:block;overflow:hidden;text-overflow:ellipsis}.admin-relation-form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.admin-relation-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px}.admin-danger{min-height:44px;border:1px solid #a63a3a;border-radius:10px;padding:10px 15px;color:#8a2525;background:transparent;font-weight:750;cursor:pointer}.admin-danger:focus-visible{outline:3px solid #8a2525;outline-offset:3px}
.relation-crawl{margin-bottom:22px}.relation-crawl .admin-panel-head{align-items:flex-start}.relation-crawl .status-pill{white-space:nowrap}.relation-crawl-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin:18px 0 20px;padding:18px;border-radius:15px;background:var(--soft)}.relation-crawl-summary>strong{font-size:clamp(34px,5vw,56px);line-height:1;font-variant-numeric:tabular-nums}.relation-crawl-summary>div{display:grid;gap:10px}.relation-crawl-summary span{font-weight:700}.relation-crawl-bar{width:100%;height:14px;border-radius:999px;overflow:hidden;background:#e6e8e4}.relation-crawl-bar>i{display:block;height:100%;border-radius:inherit;background:var(--yellow)}
@media(max-width:700px){.relation-crawl .admin-panel-head{flex-direction:column}.relation-crawl-summary{grid-template-columns:1fr;gap:10px}.admin-relation-card>header{flex-direction:column}.admin-relation-direction,.admin-relation-form{grid-template-columns:1fr}.admin-relation-direction>b{transform:rotate(90deg);justify-self:start}.admin-relation-actions{grid-column:auto}.admin-relation-actions button{width:100%}}