/* Online Stores — the only application stylesheet. Keep all shared and page styles here. */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap");

/* Base, storefront and interactions */
:root {
  color-scheme: light;
  --bg: #f5f5f7;
  --surface: #fff;
  --soft: #f5f5f6;
  --ink: #20212b;
  --muted: #70717d;
  --line: #e7e7ec;
  --brand: #5b4bdb;
  --header: 64px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 80px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; color: var(--ink); background: var(--bg); font: 14px/1.6 "Cairo", Tahoma, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
button, input { font: inherit; }
input { min-width: 0; font-size: 16px; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { cursor: pointer; color: inherit; background: none; border: 0; padding: 0; }
a { color: inherit; text-decoration: none; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
[hidden] { display: none !important; }
.shell { width: min(960px, calc(100% - 32px)); margin-inline: auto; }
.topbar { position: sticky; top: 0; z-index: 50; background: var(--surface); border-bottom: 1px solid var(--line); }
.topbar__inner { min-height: var(--header); display: flex; align-items: center; gap: 20px; }
.brand { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; }
.brand__mark { width: 32px; height: 32px; flex-shrink: 0; }
.brand__name { font-size: 18px; font-weight: 800; white-space: nowrap; direction: ltr; }
.search { position: relative; flex: 1; min-width: 0; margin-inline: 12px; }
.search svg { position: absolute; inset-inline-start: 12px; top: 12px; width: 18px; height: 18px; color: var(--muted); }
.search input { width: 100%; height: 42px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); padding: 0 38px 0 12px; color: var(--ink); }
.top-actions { margin-inline-start: auto; display: flex; gap: 2px; flex: 0 0 auto; }
.icon-btn { display: grid; place-items: center; width: 42px; height: 44px; position: relative; border-radius: 10px; }
.icon-btn svg { width: 22px; height: 22px; }
.badge { position: absolute; top: 2px; inset-inline-end: 0; display: grid; place-items: center; min-width: 18px; height: 18px; padding-inline: 4px; border: 2px solid #fff; border-radius: 20px; color: #fff; background: var(--brand); font-size: 10px; font-weight: 700; }
.page { display: grid; grid-template-columns: minmax(0, 640px) 280px; align-items: start; gap: 20px; padding-block: 16px 28px; }
.main-column { min-width: 0; }
.stories { padding: 12px 14px 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.section-head h2 { font-size: 14px; margin: 0; font-weight: 800; }
.section-head a { font-size: 12px; font-weight: 700; color: var(--brand); }
.stories__rail { display: flex; gap: 10px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding: 2px 1px; }
.stories__rail::-webkit-scrollbar { display: none; }
.story { display: block; flex: 0 0 66px; width: 66px; min-width: 0; text-align: center; }
.story__ring { display: grid; width: 60px; height: 60px; aspect-ratio: 1; margin: 0 auto; padding: 3px; border: 1px solid #cfd0d6; border-radius: 50%; background: #fff; overflow: hidden; }
.story__avatar { display: grid; place-items: center; width: 100%; height: 100%; min-height: 0; aspect-ratio: 1; border-radius: 50%; background: #f0f0f3; color: #52535f; font-size: 20px; font-weight: 700; line-height: 1; overflow: hidden; }
.story__name { display: block; width: 100%; margin-top: 5px; font-size: 11px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hero-strip { position: relative; isolation: isolate; display: flex; align-items: center; justify-content: flex-end; min-height: 186px; margin: 12px 0; padding: 20px; border-radius: 12px; overflow: hidden; background: #e9dfd3 url("../../media.php?file=hero-jewelry.png") center 60% / cover no-repeat; }
.hero-strip::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(252,245,234,.97) 0%, rgba(252,245,234,.88) 32%, rgba(252,245,234,0) 66%); }
.hero-strip__copy { width: 48%; color: #3d312c; }
.hero-strip__eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .3px; color: #705f50; }
.hero-strip h1 { font-size: 25px; line-height: 1.45; margin: 4px 0 6px; font-weight: 800; }
.hero-strip p { font-size: 11px; line-height: 1.6; margin: 0; }
.hero-strip__button { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; margin-top: 10px; padding: 5px 16px; color: #fff; background: #4d3d34; border-radius: 8px; font-size: 11px; font-weight: 700; }
.feed-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 2px; margin: 12px 0 8px; }
.feed-head h2 { display: flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 800; margin: 0; }
.demo-label { font-size: 9px; font-weight: 600; color: var(--muted); border: 1px solid var(--line); border-radius: 5px; padding: 1px 4px; white-space: nowrap; }
.filters { display: flex; gap: 3px; }
.filter { min-height: 36px; padding: 5px 10px; color: var(--muted); border-radius: 7px; font-size: 11px; }
.filter.is-active { color: var(--brand); background: #edeafa; font-weight: 700; }
.feed { display: grid; gap: 12px; }
.post { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.post__header { display: flex; align-items: center; gap: 9px; min-height: 58px; padding: 8px 14px; }
.avatar { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #dedee4; border-radius: 50%; color: #53545e; background: #f3f3f5; font-size: 14px; font-weight: 800; line-height: 1; }
.merchant { min-width: 0; }
.merchant__row { display: flex; align-items: center; gap: 5px; }
.merchant__name { font-size: 12px; font-weight: 800; }
.verified { width: 14px; height: 14px; flex-shrink: 0; color: var(--brand); }
.merchant__meta { font-size: 10px; color: var(--muted); }
.more { margin-inline-start: auto; display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; }
.more svg { width: 20px; height: 20px; }
.post__media { display: block; position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; background: #f2ebe3; cursor: zoom-in; user-select: none; -webkit-user-select: none; }
.post__media img { display: block; width: 100%; height: 100%; object-fit: cover; transform: none; }
.double-like-heart { --heart-jump: -78px; --heart-sway: 19deg; position: absolute; top: 56%; left: 50%; width: 54px; height: 54px; display: grid; place-items: center; color: #ed243b; opacity: 0; pointer-events: none; filter: drop-shadow(0 6px 8px rgba(110, 20, 35, .24)); transform: translate(-50%, -50%) scale(.7); }
.double-like-heart svg { width: 100%; height: 100%; fill: currentColor; stroke: #fff; stroke-width: .7; }
.double-like-heart.is-visible { animation: joyfulImageHeart 1.6s ease-in-out forwards; }
@keyframes joyfulImageHeart {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.7); }
  10% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  18% { opacity: 1; transform: translate(-50%, -40%) scale(1.1, .85); }
  36% { opacity: 1; transform: translate(-50%, calc(-50% + var(--heart-jump))) rotate(0) scale(1.1); }
  44%, 60% { opacity: 1; transform: translate(-50%, calc(-50% + var(--heart-jump))) rotate(calc(-1 * var(--heart-sway))) scale(1.1); }
  52%, 68% { opacity: 1; transform: translate(-50%, calc(-50% + var(--heart-jump))) rotate(var(--heart-sway)) scale(1.1); }
  80% { opacity: 1; transform: translate(-50%, -50%) rotate(0) scale(1.08, .9); }
  88% { opacity: 1; transform: translate(-50%, -68%) scale(1); }
  94% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(.9); }
}
@media (prefers-reduced-motion: reduce) { .double-like-heart { --heart-jump: -24px; --heart-sway: 7deg; } }
.post__actions { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 2px 14px; border-bottom: 1px solid #f1f1f4; }
.action { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; border-radius: 6px; font-size: 11px; font-weight: 600; }
.action svg { width: 22px; height: 22px; flex-shrink: 0; }
.action.is-liked, .action.is-liked:hover { color: #ed243b; }
.action.is-liked svg { fill: currentColor; }
.favorite-action svg { transform-origin: 50% 70%; }
.favorite-action .heart-celebrating { animation: happyHeart 900ms ease-in-out both; }
@keyframes happyHeart {
  0%, 100% { transform: translateY(0) rotate(0) scale(1); }
  12% { transform: translateY(2px) rotate(0) scale(1.12, .85); }
  30% { transform: translateY(-17px) rotate(-16deg) scale(1.22); }
  42% { transform: translateY(-17px) rotate(17deg) scale(1.22); }
  53% { transform: translateY(-14px) rotate(-14deg) scale(1.18); }
  64% { transform: translateY(-11px) rotate(11deg) scale(1.12); }
  75% { transform: translateY(1px) rotate(-6deg) scale(1.12, .9); }
  87% { transform: translateY(-4px) rotate(3deg) scale(1.04); }
}
@keyframes gentleHappyHeart {
  0%, 100% { transform: translateY(0) rotate(0); }
  30%, 55% { transform: translateY(-5px) rotate(-6deg); }
  42%, 68% { transform: translateY(-5px) rotate(6deg); }
}
@media (prefers-reduced-motion: reduce) { .favorite-action .heart-celebrating { animation-name: gentleHappyHeart; } }
.likes { margin-inline-start: auto; color: var(--muted); font-size: 10px; white-space: nowrap; }
.post__body { padding: 10px 14px 12px; }
.product-title { margin: 0 0 4px; font-size: 16px; font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.description { color: #656570; margin: 0; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.product-specs { display: grid; grid-template-columns: 1.3fr 1fr 1fr; margin: 10px 0; padding: 10px 0; border-block: 1px solid var(--line); background: #fafafb; border-radius: 8px; }
.product-specs__item { min-width: 0; padding: 0 8px; text-align: center; }
.product-specs__item + .product-specs__item { border-inline-start: 1px solid #dedee5; }
.product-specs dt { color: var(--muted); font-size: 10px; margin: 0 0 1px; }
.product-specs dd { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.5; }
.product-specs small { font-size: 11px; font-weight: 600; }
.spec-price dd { color: var(--brand); font-size: 17px; font-weight: 800; }
.add-cart { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 8px 14px; background: var(--brand); color: #fff; border-radius: 8px; font-size: 13px; font-weight: 700; }
.add-cart svg { width: 20px; height: 20px; flex-shrink: 0; }
.add-cart .cart-arrow { width: 17px; margin-inline-start: auto; }
.add-cart > span { margin-inline-end: auto; }
.add-cart.is-added { background: #197249; }
.shipping { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 8px; font-size: 10px; color: var(--muted); }
.shipping svg { width: 16px; height: 16px; flex-shrink: 0; }
.comments-panel { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 10px; }
.comments-note { color: var(--muted); font-size: 11px; margin: 0 0 8px; }
.comment-list { list-style: none; padding: 0; margin: 0; }
.comment-list li { padding: 7px 9px; background: var(--soft); border-radius: 8px; margin-bottom: 6px; font-size: 12px; overflow-wrap: anywhere; }
.comment-form { display: flex; gap: 8px; }
.comment-form input { flex: 1; width: 0; min-height: 44px; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: #fff; }
.comment-form button { min-width: 54px; min-height: 44px; padding: 8px; color: var(--brand); background: #eeebfc; border-radius: 8px; font-weight: 700; }
.sidebar { position: sticky; top: calc(var(--header) + 16px); display: grid; gap: 12px; min-width: 0; }
.side-card { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.welcome__title { font-size: 14px; margin: 0 0 5px; font-weight: 800; }
.welcome p { font-size: 11px; color: var(--muted); margin: 0; line-height: 1.8; }
.welcome__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.btn { min-height: 40px; display: grid; place-items: center; border-radius: 8px; font-size: 12px; font-weight: 700; }
.btn--primary { background: var(--brand); color: #fff; }
.btn--soft { background: #f0edfc; color: var(--brand); }
.side-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.side-title h3 { font-size: 13px; margin: 0; }
.side-title a { font-size: 10px; color: var(--brand); }
.suggestion { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.suggestion__copy { min-width: 0; }
.suggestion__name { font-size: 12px; font-weight: 700; }
.suggestion__type { font-size: 10px; color: var(--muted); }
.follow { margin-inline-start: auto; min-height: 36px; color: var(--brand); font-size: 11px; font-weight: 700; }
.cart-summary__row { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; font-size: 12px; }
.cart-summary__note { font-size: 10px; line-height: 1.8; color: var(--muted); margin-top: 10px; }
.side-footer { font-size: 10px; color: var(--muted); line-height: 2; }
.side-footer a { margin-inline-end: 10px; }
.mobile-nav { display: none; }
.empty-toast { position: fixed; z-index: 100; bottom: calc(76px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: max-content; max-width: calc(100% - 24px); padding: 10px 16px; border-radius: 9px; color: #fff; background: #262532; font-size: 12px; text-align: center; opacity: 0; pointer-events: none; transition: opacity .15s; }
.empty-toast.is-visible { opacity: 1; }
.feed-empty { border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 20px; text-align: center; color: var(--muted); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (hover: hover) {
  .icon-btn:hover, .more:hover { background: var(--soft); }
  .action:hover, .follow:hover { color: var(--brand); }
  .add-cart:hover { background: #4c3bc9; }
  .add-cart.is-added:hover { background: #197249; }
}
@media (max-width: 900px) {
  .page { grid-template-columns: minmax(0, 640px); justify-content: center; }
  .sidebar { display: none; }
  .topbar__inner { gap: 12px; }
  .search { margin-inline: 0; }
}
@media (max-width: 680px) {
  :root { --header: 56px; }
  body { background: #fff; }
  .shell { width: 100%; }
  .topbar__inner { padding-inline: 12px; gap: 8px; }
  .brand__name { font-size: 17px; }
  .brand__mark { width: 29px; height: 29px; }
  .search, .top-actions .icon-btn:first-child { display: none; }
  .top-actions { gap: 0; }
  .icon-btn { width: 38px; }
  .page { display: block; padding: 0 0 calc(68px + env(safe-area-inset-bottom)); }
  .stories { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 10px 12px 8px; }
  .section-head h2 { font-size: 13px; }
  .section-head { margin-bottom: 6px; }
  .stories__rail { gap: 8px; }
  .story { width: 64px; flex-basis: 64px; }
  .hero-strip { margin: 10px 12px; min-height: 160px; padding: 14px; border-radius: 10px; }
  .hero-strip__copy { width: 50%; }
  .hero-strip h1 { font-size: 21px; }
  .hero-strip p { font-size: 10px; }
  .hero-strip__button { margin-top: 8px; min-height: 32px; padding-inline: 12px; }
  .feed-head { margin: 0; padding: 0 12px 6px; }
  .feed-head h2 { font-size: 14px; }
  .feed { gap: 8px; background: #f4f4f6; }
  .post { border-radius: 0; border-inline: 0; }
  .post__header { min-height: 54px; padding-inline: 12px; }
  .post__actions { padding-inline: 12px; }
  .post__body { padding: 8px 12px 10px; }
  .product-title { font-size: 15px; }
  .description { font-size: 12px; }
  .mobile-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: fixed; inset-inline: 0; bottom: 0; z-index: 60; border-top: 1px solid var(--line); background: #fff; padding: 5px 4px calc(5px + env(safe-area-inset-bottom)); }
  .mobile-nav__item { display: flex; min-width: 0; min-height: 48px; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--muted); font-size: 9px; line-height: 1.2; }
  .mobile-nav__item svg { width: 21px; height: 21px; }
  .mobile-nav__item.is-active { color: var(--brand); font-weight: 800; }
}
@media (max-width: 359px) {
  .brand__name { font-size: 15px; }
  .brand { gap: 6px; }
  .topbar__inner { padding-inline: 10px; }
  .hero-strip h1 { font-size: 19px; }
  .demo-label { display: none; }
  .post__actions { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}
.tax-info {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 7px 0 0;
  padding: 5px 9px;
  border: 1px solid #e2ddff;
  border-radius: 999px;
  background: #f5f3ff;
  color: #5749c9;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
.tax-info--cart {
  display: flex;
  margin: 10px 0 0;
  border-radius: 9px;
}

/* Forms, commerce and account components */
.platform-shell{width:min(960px,calc(100% - 28px));margin:20px auto 88px}.platform-nav{display:flex;gap:16px;margin-inline-start:auto;font-size:12px;font-weight:700}.platform-shell h1{font-size:23px;margin:0 0 12px}.platform-shell h2{font-size:18px}.platform-shell h3{font-size:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:16px}.muted{font-size:12px;color:var(--muted);line-height:1.9}.notice{padding:12px 14px;background:#f0ecff;border-radius:8px;font-size:13px;color:#493bb2}.notice.error{color:#9b2339;background:#fff0f2}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.primary{background:var(--brand);color:#fff}.secondary{background:#f0edfc;color:var(--brand);border:1px solid #e1dcf6}.primary:disabled{background:#aaa;cursor:not-allowed}.text-link{display:inline-block;color:var(--brand);font-size:13px;margin:12px 0;min-height:32px}.button-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.panel label{display:flex;flex-direction:column;gap:6px;font-size:13px;margin-bottom:14px}.panel input:not([type=checkbox]),.panel textarea,.panel select,.catalog-search input,.catalog-search select{width:100%;border:1px solid #dbdbe4;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;min-height:44px;font:inherit;font-size:16px;box-sizing:border-box}.panel textarea{min-height:96px;resize:vertical}.panel .check{flex-direction:row;align-items:center;gap:8px;margin-top:16px}.check input{width:19px;height:19px;accent-color:var(--brand)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.auth-panel{max-width:470px;margin:32px auto}.auth-panel .primary{width:100%}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:start;padding:12px 8px;border-bottom:1px solid var(--line)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.tags span,.tags a{font-size:12px;border-radius:18px;background:#f2f2f5;padding:4px 12px}.variant-editor{background:#fafafb;border:1px solid var(--line);border-radius:10px;padding:14px;margin:14px 0}.variant-editor h3{margin:0 0 14px}.admin-store,.cart-line{border-top:1px solid var(--line);padding:18px 0}.cart-line h2{margin:6px 0;font-size:16px}.cart-line small{color:var(--brand)}.cart-line input{max-width:110px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}.price-row strong{color:var(--brand);font-size:18px}.product-detail{max-width:680px;margin-inline:auto}.detail-image{width:100%;max-height:540px;aspect-ratio:1;object-fit:cover;border-radius:8px;margin:10px 0 20px}.product-detail fieldset{padding:12px 0;border:0;margin:0}.product-detail legend{font-weight:800;font-size:15px}.option-rail{display:flex;flex-wrap:wrap;gap:8px}.choice{min-width:76px;min-height:48px;padding:10px 16px;border:1px solid #d8d8e1;border-radius:8px;background:#fff;font-weight:700}.choice.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.choice:disabled{opacity:.45;text-decoration:line-through;cursor:not-allowed}.product-detail .primary{width:100%}.product-detail details{margin:18px 0;border-top:1px solid var(--line);padding-top:14px}.product-detail summary{font-weight:700;cursor:pointer}.editor-thumb{width:100px;height:100px;object-fit:cover;border-radius:8px;margin-bottom:16px}.shop-layout{display:grid;grid-template-columns:minmax(0,640px) 280px;gap:20px}.catalog-search{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.catalog-search input{flex:1;min-width:160px}.catalog-search select{width:100%}.empty-state{text-align:center;padding:40px 20px}.mobile-nav__item>span{font-size:23px;line-height:1.2}.post__media{touch-action:manipulation;cursor:pointer}
.auth-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-provider{min-height:42px;border:1px solid #dcdce4;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--ink);font-size:12px;font-weight:700;text-align:center}.auth-provider--phone{grid-column:1/-1;color:var(--brand);border-color:#cfc7f3}.auth-provider.is-disabled{color:#9493a0;background:#fafafd;cursor:default}.service-status{display:flex;flex-wrap:wrap;gap:8px}.service-status span{padding:7px 10px;border-radius:99px;font-size:12px}.service-status .is-ready{background:#e7f8ef;color:#18784a}.service-status .is-waiting{background:#f4f2fb;color:#68607f}
.auth-phone-primary{margin-top:20px;padding:18px;border:1px solid #d9d3f3;border-radius:12px;background:#faf9ff}.auth-phone-primary h2{margin:0 0 6px;font-size:17px}.auth-phone-primary .muted{margin-top:0}
.phone-number-input{display:flex;direction:ltr;align-items:stretch;width:100%;overflow:hidden;border:1px solid #dbdbe4;border-radius:10px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.phone-number-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(100,78,218,.12)}.phone-number-input__code{display:flex;align-items:center;justify-content:center;min-width:68px;padding:0 11px;border-inline-end:1px solid #e3e0ef;background:#f7f5ff;color:#4f4384;font-weight:800;font-size:14px}.panel .phone-number-input input{min-width:0;border:0;border-radius:0;box-shadow:none;text-align:left;letter-spacing:.04em}.panel .phone-number-input input:focus{outline:0;box-shadow:none}
.checkout-store{border:1px solid #e5e4eb;border-radius:12px;padding:18px;margin:18px 0;background:#fff}.checkout-store h3{margin:0 0 14px}.checkout-item,.checkout-line,.order-list-item{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:10px 0}.checkout-item{border-bottom:1px solid #eeedf2;font-size:14px}.checkout-item>strong,.checkout-line>b{white-space:nowrap}.checkout-line{font-size:13px}.order-list-item{border-top:1px solid #eeedf2;align-items:center}.order-reference{font-family:monospace;overflow-wrap:anywhere;font-size:13px;direction:ltr;unicode-bidi:isolate}.order-status{display:inline-block;padding:4px 12px;border-radius:30px;background:#f1effa;color:#584990;font-size:12px}.address-toggle{cursor:pointer;padding:18px 0;font-weight:700}.shipping-heading{margin:18px 14px}.checkout-store .muted{margin:5px 0}.platform-shell .primary{max-width:100%;text-align:center}
.address-country{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #dbdbe4;border-radius:8px;background:#f8f8fc;font-size:14px}.address-country bdi{font-weight:800;color:var(--brand)}.address-city-picker{position:relative}.address-city-results{position:absolute;z-index:12;inset-inline:0;top:calc(100% - 33px);max-height:238px;overflow:auto;border:1px solid #d8d3ef;border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(36,29,71,.14)}.address-city-results button{display:flex;width:100%;justify-content:space-between;gap:14px;padding:11px 12px;border:0;border-bottom:1px solid #f0eef7;background:#fff;color:var(--ink);text-align:start;font:inherit;font-size:13px;cursor:pointer}.address-city-results button:hover,.address-city-results button:focus{background:#f4f1ff;outline:0}.address-city-results small{margin:0;color:var(--muted);white-space:nowrap}.address-city-picker>small,.panel label>small{color:var(--muted);font-size:11px;line-height:1.6}
.national-address-lookup{width:max-content;min-height:36px;padding:6px 11px;margin-top:2px}.national-address-status{min-height:17px;color:var(--muted);font-size:11px;line-height:1.6}.national-address-status.is-error{color:#a62f47}.national-address-status.is-success{color:#19724b}
@media(max-width:480px){.checkout-store{padding:12px}.checkout-item{gap:10px;font-size:12px}.checkout-item .muted{font-size:11px}.order-list-item{display:block}.order-list-item .text-link{max-width:100%}}
@media(max-width:900px){.shop-layout{display:block;max-width:640px;margin-inline:auto}.shop-layout .sidebar{display:none}}
@media(max-width:680px){.platform-shell{width:100%;margin:12px auto 88px}.panel{padding:16px;border-radius:0;border-inline:0}.platform-nav{gap:12px;font-size:11px}.platform-nav>a:first-child{display:none}.platform-shell .stories{border-radius:0}.catalog-search,.platform-shell .feed-head{margin-inline:12px}.platform-shell .feed-head{padding-inline:0}.platform-shell h1{font-size:20px}.form-grid{grid-template-columns:1fr}.variant-editor .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.variant-editor label{font-size:11px}.variant-editor input,.variant-editor select{padding:8px}.product-detail .primary{position:sticky;bottom:72px;z-index:5}.product-detail .detail-image{max-height:none}.platform-shell .sidebar{display:none}}
.admin-dashboard{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.admin-sidebar{position:sticky;top:86px;padding:18px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.admin-sidebar__brand{display:flex;align-items:center;gap:9px;padding:6px 8px 18px;color:var(--ink);font-weight:800;border-bottom:1px solid var(--line)}.admin-sidebar__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;font-size:11px}.admin-sidebar__user{padding:13px 8px 6px;margin:0;color:var(--muted);font-size:12px}.admin-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav a{padding:10px 12px;border-radius:8px;color:#505062;font-size:13px;font-weight:700}.admin-sidebar nav a:hover,.admin-sidebar nav a.is-active{background:#f0edfc;color:var(--brand)}.admin-sidebar__label{padding:15px 12px 5px;color:#9a99a7;font-size:10px;font-weight:800}.admin-main{min-width:0}.admin-heading{display:flex;justify-content:space-between;align-items:start;gap:18px;margin:4px 0 20px}.admin-heading h1{margin:2px 0 5px}.admin-heading p{margin:0;color:var(--muted);font-size:13px}.admin-eyebrow{letter-spacing:.08em;font-size:10px!important;font-weight:800;color:var(--brand)!important}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-metrics article{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-metrics span,.admin-metrics small{display:block;color:var(--muted);font-size:11px}.admin-metrics strong{display:block;margin:8px 0 4px;color:var(--ink);font-size:24px;line-height:1.2}.admin-metrics article:last-child strong{font-size:17px;padding-top:5px}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.admin-panel{margin-bottom:16px}.admin-panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.admin-panel__head h2{margin:0}.admin-panel__head>span{color:var(--muted);font-size:11px}.admin-panel__head>a{font-size:12px;color:var(--brand);font-weight:700}.admin-checklist{padding:0;margin:0;list-style:none;counter-reset:steps}.admin-checklist li{display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.admin-checklist li:last-child{border:0}.admin-checklist li:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;grid-row:span 2;width:24px;height:24px;border-radius:99px;background:#f0edfc;color:var(--brand);font-size:11px;font-weight:800}.admin-checklist b{font-size:13px}.admin-checklist span{grid-column:2;color:var(--muted);font-size:11px;line-height:1.7}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.admin-list-row:last-child{border:0}.admin-list-row b,.admin-list-row small{display:block}.admin-list-row b{font-size:13px}.admin-list-row small{margin-top:3px;color:var(--muted);font-size:10px}.admin-status{display:inline-flex;align-items:center;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:800;white-space:nowrap;background:#f4f2fb;color:#68607f}.admin-status--active{background:#e7f8ef;color:#18784a}.admin-status--suspended{background:#fff0f2;color:#9b2339}.admin-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-alerts p{margin:0;padding:13px;border-radius:8px;font-size:12px}.admin-alerts .is-ok{background:#e7f8ef;color:#18784a}.admin-alerts .is-warn{background:#fff6df;color:#806010}.admin-store{display:grid;grid-template-columns:minmax(160px,.35fr) 1fr;gap:18px;border-top:1px solid var(--line);padding:18px 0}.admin-store:first-of-type{border-top:0}.admin-store h3{margin:0}.admin-store form{margin:0}.admin-store .form-grid{align-items:end}.admin-store .check{padding-bottom:12px}@media(max-width:760px){.admin-dashboard{display:block}.admin-sidebar{position:static;margin-bottom:14px;padding:10px;border-radius:0;border-inline:0}.admin-sidebar__brand{padding:6px 4px 12px}.admin-sidebar__user,.admin-sidebar__label{display:none}.admin-sidebar nav{display:flex;overflow-x:auto;flex-direction:row;padding-top:8px}.admin-sidebar nav a{white-space:nowrap;font-size:11px}.admin-heading{margin:16px 14px}.admin-heading .primary{display:none}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 12px 14px}.admin-metrics article{padding:13px}.admin-grid{display:block}.admin-alerts{grid-template-columns:1fr}.admin-store{display:block}.admin-store .form-grid{grid-template-columns:1fr}.admin-store .check{padding-bottom:0}}

/* Shared site navigation */
/* Shared chrome, loaded last on both the homepage and portal pages. */
.site-topbar .icon-btn{color:var(--ink);text-decoration:none;cursor:pointer}
.platform-announcement{position:relative;z-index:60;display:flex;align-items:center;min-height:34px;padding:0 12px;background:#c92634;color:#fff;overflow:hidden;direction:rtl}.platform-announcement__viewport{flex:1;min-width:0;overflow:hidden}.platform-announcement__track{display:flex;width:max-content;min-width:100%;margin:0;white-space:nowrap;animation:platform-announcement-scroll 24s linear infinite}.platform-announcement__track span{display:inline-block;padding-inline-end:96px;font-size:12px;font-weight:800;line-height:34px}.platform-announcement__close{display:grid;place-items:center;flex:none;width:25px;height:25px;margin-inline-start:8px;padding:0;border:1px solid #ffffff73;border-radius:50%;background:#ffffff1c;color:#fff;font:700 20px/1 system-ui,sans-serif;cursor:pointer}.platform-announcement__close:hover,.platform-announcement__close:focus-visible{background:#fff;color:#b91e2e;outline:0}@keyframes platform-announcement-scroll{from{transform:translateX(0)}to{transform:translateX(50%)}}@media(prefers-reduced-motion:reduce){.platform-announcement__track{animation:none}}@media(max-width:680px){.platform-announcement{min-height:32px;padding-inline:9px}.platform-announcement__track span{padding-inline-end:64px;font-size:10px;line-height:32px}.platform-announcement__close{width:23px;height:23px;margin-inline-start:6px;font-size:18px}}
.site-topbar .icon-btn.is-active{color:var(--brand)}
.site-topbar .brand__mark{display:block}
.site-search{margin-block:0}
.site-search input[type=search]{font:inherit;font-size:13px}
.site-topbar .site-search svg{pointer-events:none}
.site-notifications{position:relative}
.site-notifications summary{list-style:none}
.site-notifications summary::-webkit-details-marker{display:none}
.site-notifications__panel{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:240px;max-width:calc(100vw - 24px);padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:13px;box-shadow:0 8px 28px #19142612}
.site-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-sr-only:focus{position:static;width:auto;height:auto;clip:auto;padding:8px;margin:0}
.site-bottom-nav .mobile-nav__item>span{font-size:9px;line-height:1.2}
.site-bottom-nav .mobile-nav__item svg{width:21px;height:21px;flex-shrink:0;display:block}
.site-topbar a:focus-visible,.site-topbar summary:focus-visible,.site-bottom-nav a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}
@media(max-width:680px){.site-topbar .site-notifications{display:none}.site-topbar .top-actions>a.icon-btn{display:grid}.platform-shell{margin-bottom:calc(88px + env(safe-area-inset-bottom))}}

/* Unified design tokens, dashboards and responsive layouts */
/* Online Stores: shared UI tokens, controls and dashboard layout. */
:root {
  --bg: #f6f7fb;
  --surface: #fff;
  --soft: #f6f5fb;
  --ink: #222438;
  --muted: #696d80;
  --line: #e7e9f1;
  --brand: #6350d9;
  --brand-hover: #5140bb;
  --brand-soft: #f0edff;
  --ui-radius: 16px;
  --ui-shadow: 0 3px 16px #24214505;
}
.os-ui { background: var(--bg); line-height: 1.75; }
.os-ui :is(button,input,select,textarea) { font-family: inherit; }
.os-ui :is(select,textarea) { min-width: 0; }
.os-ui :is(h1,h2,h3,p,label) { overflow-wrap: anywhere; }
.os-ui :is(h1,h2,h3) { color: var(--ink); line-height: 1.6; }
.os-ui .platform-shell { width: min(1080px,calc(100% - 40px)); margin: 28px auto 96px; min-width: 0; }
.os-ui .shell { width: min(1080px,calc(100% - 40px)); }
.os-ui .site-topbar { background: #fffffff5; backdrop-filter: blur(14px); }
.os-ui .topbar__inner { min-height: 72px; gap: 24px; }
.os-ui .brand__name { font-size: 18px; letter-spacing: -.5px; }
.os-ui .brand__mark { width: 34px; height: 34px; }
.os-ui .site-search { max-width: 560px; margin-inline: auto; }
.os-ui .site-search input { background: #f6f7fb; border-color: transparent; height: 44px; border-radius: 12px; }
.os-ui .icon-btn { border-radius: 12px; }
.os-ui .icon-btn.is-active { background: var(--brand-soft); }
.os-ui :is(.panel,.side-card,.stories,.post) { border: 1px solid var(--line); border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); background: #fff; min-width: 0; }
.os-ui .panel { padding: 26px; margin: 0 0 20px; }
.os-ui .panel>h1 { margin: 0 0 10px; font-size: 25px; font-weight: 800; }
.os-ui .panel>h2 { margin: 0 0 16px; font-size: 17px; }
.os-ui .panel>p.muted { margin: 0 0 20px; }
.os-ui .muted { color: var(--muted); font-size: 13px; line-height: 1.9; }
.os-ui :is(.primary,.secondary,.add-cart,.btn,.auth-provider,.choice) { min-height: 44px; border-radius: 11px; font-size: 13px; font-weight: 700; transition: background .15s,border-color .15s,box-shadow .15s; gap: 8px; text-align: center; }
.os-ui :is(.primary,.add-cart,.btn--primary) { background: var(--brand); color: #fff; border: 1px solid transparent; box-shadow: 0 3px 7px #6350d914; }
.os-ui .secondary { background: #fff; border: 1px solid #dcdaea; color: #4f4772; }
.os-ui .text-link { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; margin: 4px 0; font-weight: 700; overflow-wrap: anywhere; }
.os-ui :is(.primary,.secondary,.text-link) svg { width: 18px; height: 18px; flex: none; }
.os-ui .primary:disabled { background: #b7b3c8; color: #fff; box-shadow: none; cursor: not-allowed; }
.os-ui .button-row { align-items: center; gap: 10px; margin-block: 12px; }
.os-ui .button-row form { margin: 0; }
.os-ui .section-head { flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 18px; }
.os-ui .section-head :is(h1,h2) { margin: 0; }
.os-ui .section-head a.primary { color: #fff; }
.os-ui .panel .phone-number-input input { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.os-ui .panel label { gap: 8px; font-size: 13px; font-weight: 600; margin-bottom: 20px; min-width: 0; }
.os-ui .panel label small { font-weight: 400; font-size: 11px; color: var(--muted); }
.os-ui .panel :is(input:not([type=checkbox]):not([type=hidden]),select,textarea),
.os-ui .catalog-search :is(input,select),.os-ui .platform-admin__panel-head input {
  min-width: 0; max-width: 100%; min-height: 46px; padding: 10px 13px; color: var(--ink);
  background: #fff; border: 1px solid #dfe1eb; border-radius: 10px; font: inherit; font-size: 14px;
  transition: border-color .15s,box-shadow .15s;
}
.os-ui input::placeholder,.os-ui textarea::placeholder { color: #9296a8; font-weight: 400; }
.os-ui .panel input[type=file] { padding: 7px; font-size: 12px; }
.os-ui input[type=file]::file-selector-button { border: 0; padding: 7px 10px; border-radius: 6px; background: var(--brand-soft); color: var(--brand); margin-inline-end: 9px; font: inherit; }
.os-ui .panel textarea { min-height: 110px; line-height: 1.9; }
.os-ui :is(a,button,summary,input,select,textarea):focus-visible { outline: 3px solid #aba0f2; outline-offset: 3px; }
.os-ui .panel :is(input,select,textarea):focus { border-color: #9a8de5; box-shadow: 0 0 0 3px #6350d90b; }
.os-ui .panel .check { margin-top: 0; padding: 12px; min-height: 48px; background: #f8f9fc; border: 1px solid var(--line); border-radius: 10px; font-weight: 500; }
.os-ui .check input { flex: none; accent-color: var(--brand); width: 18px; height: 18px; }
.os-ui .form-grid { gap: 0 20px; min-width: 0; }
.os-ui .notice { border: 1px solid #e3ddfc; border-inline-start: 3px solid #9987e9; background: #f5f2ff; color: #5e4d95; border-radius: 10px; padding: 13px 16px; line-height: 1.9; }
.os-ui .notice.error { background: #fff4f5; border-color: #f4ced5; color: #982f44; }
.merchant-change-approval__timer{margin:8px 0;color:var(--muted);font-size:12px}.merchant-change-approval__countdown{display:inline-block;min-width:4.4em;padding:2px 7px;border-radius:999px;background:#fff;color:#51409c;font-weight:800;text-align:center;direction:ltr}
.platform-services-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#f4f0ff,#fff)}.platform-services-hero>div>span{color:var(--brand);font-size:11px;font-weight:800}.platform-services-hero h2{margin:4px 0}.platform-services-hero p{max-width:720px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}.platform-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-service-card{margin:0}.platform-service-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.platform-service-card>header>div{min-width:0}.platform-service-card>header h3{margin:3px 0}.platform-service-card>header small{color:var(--muted);font-size:10px}.platform-service-card>header p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.platform-service-card form{margin:0}.platform-service-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-service-settings{border-top:1px solid var(--line);padding-top:12px}.platform-service-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #d8d2f3;border-radius:10px;background:#fff;color:var(--brand);cursor:pointer;font-weight:800;list-style:none}.platform-service-settings>summary::-webkit-details-marker{display:none}.platform-service-settings>summary:after{content:'+';font-size:18px;line-height:1}.platform-service-settings[open]>summary:after{content:'−'}.platform-service-settings>summary small{margin-inline-start:auto;color:var(--muted);font-size:10px;font-weight:500}.platform-service-settings__body{display:grid;gap:13px;padding-top:14px}.platform-service-description{grid-column:1/-1}.platform-service-description textarea{min-height:105px;resize:vertical;line-height:1.7}
.cart-recovery-settings{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.cart-recovery-settings__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.cart-recovery-settings__head>div{display:grid;gap:4px}.cart-recovery-settings__head small{color:var(--muted);font-size:11px;line-height:1.7}.cart-recovery-settings__head>span{flex:none;padding:5px 8px;border-radius:99px;background:#f0edff;color:var(--brand);font-size:10px;font-weight:800}.cart-recovery-channels{display:grid;gap:8px}.cart-recovery-channel{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.cart-recovery-channel>span{display:grid;gap:2px;flex:1}.cart-recovery-channel small{color:var(--muted);font-size:10px}.cart-recovery-channel em{font-style:normal;font-size:10px;color:#18784a}.cart-recovery-channel.is-disabled{background:#f8f8fb;color:#8c8997}.cart-recovery-channel.is-disabled em{color:#8c8997}
.pickup-branches{display:grid;gap:14px}.pickup-branch-form,.pickup-branch-card,.checkout-pickup-options{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.pickup-branch-form h3,.pickup-branch-card h3,.checkout-pickup-options h3{margin:0 0 6px}.pickup-branch-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pickup-branch-card header p{margin:3px 0;color:var(--muted);font-size:12px}.pickup-branch-card header>span{padding:4px 9px;border-radius:999px;background:#e8f7ee;color:#1e764a;font-size:11px;font-weight:700}.pickup-branch-card details{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.pickup-branch-card summary{cursor:pointer;font-weight:700}.pickup-branch-inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.pickup-branch-inventory label{display:grid;gap:4px;margin:0;padding:9px;border-radius:10px;background:#fff;font-size:12px}.pickup-branch-inventory small{color:var(--muted)}.checkout-pickup-options{display:grid;gap:10px;margin:12px 0}.checkout-pickup-options p{margin:0}.checkout-pickup-options label{display:grid;gap:6px;font-size:13px;font-weight:700}.checkout-pickup-options select{min-height:42px;border:1px solid #dbdbe4;border-radius:8px;background:#fff;padding:8px;font:inherit}
.os-ui .impersonation-notice { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 20px; }
.os-ui .impersonation-notice form { margin-inline-start: auto; }
.os-ui .table-scroll { min-width: 0; max-width: 100%; overflow: auto; overscroll-behavior-inline: contain; border: 1px solid var(--line); border-radius: 12px; }
.os-ui table { font-size: 13px; width: 100%; border-collapse: collapse; }
.os-ui th { background: #f8f9fc; color: #6b6e81; font-size: 11px; font-weight: 700; white-space: nowrap; }
.os-ui :is(th,td) { padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.os-ui td { overflow-wrap: anywhere; }
.os-ui tbody tr:last-child td { border-bottom: 0; }
.os-ui .tags { gap: 8px; }
.os-ui .tags :is(a,span) { border: 1px solid #e7e4f3; background: #f7f5fd; color: #6a5d90; border-radius: 8px; padding: 5px 11px; }
.os-ui .variant-editor { padding: 20px; margin-block: 18px; background: #fafbfe; border: 1px solid var(--line); border-radius: 13px; min-width: 0; }
.os-ui .variant-editor h3 { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.os-ui .auth-panel { max-width: 460px; margin: 48px auto; padding: 34px; }
.os-ui .auth-panel h1 { font-size: 26px; }
.os-ui .auth-panel>.text-link { display: flex; margin-top: 14px; }
.os-ui .auth-provider { border-color: var(--line); }
.os-ui .account-panel { max-width: 700px; margin-inline: auto; }
.os-ui .account-avatar { display: grid; place-items: center; width: 60px; height: 60px; color: var(--brand); background: var(--brand-soft); border-radius: 20px; margin-bottom: 18px; }
.os-ui .account-avatar svg { width: 30px; height: 30px; }
.os-ui .account-panel>p[dir=ltr] { text-align: start; color: var(--muted); overflow-wrap: anywhere; }
.os-ui .shop-layout { grid-template-columns: minmax(0,700px) minmax(220px,1fr); gap: 24px; align-items: start; }
.os-ui .page { grid-template-columns: minmax(0,700px) minmax(220px,1fr); gap: 24px; }
.os-ui .stories { padding: 18px 20px 14px; }
.os-ui .stories .section-head { margin-bottom: 10px; }
.os-ui .stories__rail { padding-block: 4px; gap: 14px; }
.os-ui .story__ring { border-color: #d7d9e3; }
.os-ui .side-card { padding: 22px; }
.os-ui .side-card .primary { width: 100%; margin-top: 10px; }
.os-ui .catalog-search { padding: 10px; border: 1px solid var(--line); background: #fff; border-radius: 13px; margin-block: 16px; }
.os-ui .catalog-search input { border: 0; background: #fafbfe; }
.os-ui .feed { gap: 20px; }
.os-ui .feed-head { margin-block: 20px 14px; }
.os-ui .feed-head h1 { font-size: 20px; margin: 0; }
.os-ui .post__header { padding: 12px 18px; min-height: 64px; }
.os-ui .post__actions { padding-inline: 18px; }
.os-ui .post__body { padding: 16px 18px 20px; }
.os-ui .post .merchant__name { font-size: 13px; }
.os-ui .post .product-title { font-size: 18px; margin-bottom: 5px; }
.os-ui .description { font-size: 13px; }
.os-ui .price-row { min-width: 0; flex-wrap: wrap; padding-block: 14px; }
.os-ui .price-row strong { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.os-ui .tax-info { display: inline-flex; gap: 6px; max-width: 100%; color: #53695d; background: #f2f8f4; border: 1px solid #dfebe3; padding: 5px 10px; font-size: 11px; line-height: 1.8; border-radius: 7px; margin: 0 0 14px; }
.os-ui .tax-info::before { content: ''; width: 6px; height: 6px; background: #739c83; border-radius: 50%; flex: none; align-self: center; }
.os-ui .tax-info--cart { display: flex; margin-block: 4px 14px; }
.os-ui .product-detail { max-width: 730px; }
.os-ui .detail-image { border-radius: 12px; object-fit: contain; background: #faf9f7; }
.os-ui .product-detail .price-row { border-top: 1px solid var(--line); margin-top: 18px; padding-bottom: 8px; }
.os-ui .product-detail legend { font-size: 14px; }
.os-ui .choice { border-color: #dedde8; background: #fff; }
.os-ui .choice.selected { background: var(--brand-soft); color: var(--brand); border-color: #9e8fea; box-shadow: inset 0 0 0 1px #9e8fea; }
.os-ui .cart-panel { max-width: 820px; margin-inline: auto; }
.os-ui .cart-line { padding: 22px 0; }
.os-ui .cart-line>small { display: inline-flex; border: 1px solid var(--line); border-radius: 6px; padding: 3px 9px; background: #f9f9fc; color: var(--muted); }
.os-ui .cart-line>strong { font-size: 20px; color: var(--ink); font-variant-numeric: tabular-nums; }
.os-ui .cart-line .button-row { margin-bottom: 0; }
.os-ui .cart-line .button-row form:first-child { display: flex; align-items: end; gap: 8px; }
.os-ui .cart-line .button-row label { margin: 0; }
.os-ui .cart-line .button-row form:last-child { margin-inline-start: auto; }
.os-ui .cart-line .button-row form:last-child button { color: #a64355; padding-inline: 10px; }
.os-ui .cart-panel>.price-row { border-top: 1px solid var(--line); margin-top: 12px; padding-top: 22px; }
.os-ui .cart-panel>.primary { width: 100%; }
.os-ui .checkout-store { padding: 20px; background: #fcfcfe; border-radius: 13px; }
.os-ui .checkout-line { align-items: center; }
.os-ui .checkout-item>div { min-width: 0; }
.os-ui .checkout-item>strong { flex: none; }
.os-ui .order-list-item { gap: 20px; padding-block: 18px; }
.customer-orders { max-width: 940px; margin-inline: auto; }
.customer-orders__hero { display:flex; justify-content:space-between; align-items:start; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.customer-orders__hero>div { display:grid; gap:4px; }.customer-orders__hero span { color:var(--brand); font-size:11px; font-weight:800; }.customer-orders__hero h1 { margin:0; }.customer-orders__hero p { margin:0; color:var(--muted); font-size:13px; }
.customer-orders__summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:20px 0; }.customer-orders__summary article { display:grid; gap:2px; padding:14px; border:1px solid var(--line); border-radius:13px; background:#fcfcfe; }.customer-orders__summary small,.customer-order-card__date { color:var(--muted); font-size:11px; }.customer-orders__summary b { font-size:24px; color:var(--ink); font-variant-numeric:tabular-nums; }.customer-orders__summary span { color:var(--muted); font-size:10px; }
.customer-orders__filters { display:flex; gap:7px; overflow:auto; padding-bottom:4px; margin-bottom:14px; }.customer-orders__filters a { display:inline-flex; align-items:center; gap:6px; flex:none; padding:8px 10px; border:1px solid var(--line); border-radius:9px; color:var(--muted); background:#fff; font-size:11px; white-space:nowrap; }.customer-orders__filters a.is-active { color:var(--brand); border-color:#b9adec; background:var(--brand-soft); font-weight:800; }.customer-orders__filters b { display:grid; place-items:center; min-width:17px; height:17px; border-radius:99px; background:#eeedf4; color:inherit; font-size:10px; }
.customer-orders__list { display:grid; gap:10px; }.customer-order-card { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:16px; border:1px solid var(--line); border-radius:14px; background:#fff; }.customer-order-card__main { min-width:0; flex:1; }.customer-order-card__head { display:flex; justify-content:space-between; align-items:start; gap:15px; }.customer-order-card__head>div { display:grid; gap:8px; min-width:0; }.customer-order-card__head strong { white-space:nowrap; font-size:15px; font-variant-numeric:tabular-nums; }.customer-order-card .order-reference { display:block; color:var(--ink); font-weight:800; }.customer-order-card__stores { margin:10px 0 3px; color:var(--ink); font-size:12px; }.customer-order-card__stores small { color:var(--muted); }.customer-order-card__date { margin:0; }.customer-order-card__action { flex:none; white-space:nowrap; }.order-status--draft { color:#876116; background:#fff6dc; }.order-status--paid,.order-status--processing { color:#245e8e; background:#eaf5ff; }.order-status--shipped { color:#5e468c; background:#f2edff; }.order-status--completed { color:#22714a; background:#ecf8f1; }.order-status--cancelled,.order-status--returned { color:#9a3f4d; background:#fff0f2; }.customer-orders__empty { display:grid; justify-items:start; gap:6px; padding:28px 0; }.customer-orders__empty h2,.customer-orders__empty p { margin:0; }.customer-orders__empty p { color:var(--muted); }.customer-orders__more { display:inline-block; margin-top:16px; }.customer-reorder { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; padding:16px; border:1px solid #d9d3f4; border-radius:14px; background:#faf9ff; }.customer-reorder h2 { margin:0 0 4px; font-size:15px; }.customer-reorder p { margin:0; color:var(--muted); font-size:12px; }.customer-reorder form { margin:0; flex:none; }.customer-reorder .secondary { white-space:nowrap; }
@media(max-width:640px){.customer-orders__hero{align-items:stretch;flex-direction:column}.customer-orders__hero .secondary,.customer-reorder .secondary{width:100%;text-align:center}.customer-orders__summary{grid-template-columns:1fr 1fr}.customer-orders__summary article:last-child{grid-column:1/-1}.customer-order-card,.customer-reorder{align-items:stretch;flex-direction:column;gap:12px}.customer-order-card__action{width:100%;text-align:center}.customer-order-card__head{gap:8px}.customer-order-card__head strong{font-size:13px}}
.customer-support { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:14px 0; padding:14px; border:1px solid #cde9dc; border-radius:13px; background:#f5fcf8; }.customer-support>div,.delivered-review>div { display:grid; gap:3px; }.customer-support span,.delivered-review>div>span { color:#24734b; font-size:10px; font-weight:800; }.customer-support h3,.customer-support p,.delivered-review h3,.delivered-review p { margin:0; }.customer-support h3,.delivered-review h3 { font-size:14px; }.customer-support p,.delivered-review p { color:var(--muted); font-size:11px; }.customer-support nav { display:flex; gap:7px; flex-wrap:wrap; }.customer-support .secondary { white-space:nowrap; }.delivered-review { display:grid; gap:11px; margin:9px 0 17px; padding:14px; border:1px solid #ddd7f4; border-radius:13px; background:#fbfaff; }.delivered-review form { display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:end; gap:9px; margin:0; }.delivered-review label { display:grid; gap:5px; margin:0; font-size:11px; color:var(--muted); }.delivered-review textarea { min-height:42px; resize:vertical; }.delivered-review .primary { min-height:40px; white-space:nowrap; }
@media(max-width:640px){.customer-support{align-items:stretch;flex-direction:column}.customer-support .secondary{width:100%;text-align:center}.delivered-review form{grid-template-columns:1fr}.delivered-review .primary{width:100%}}
.os-ui .service-status { gap: 10px; }
.order-chat { max-width:820px; margin-inline:auto; }.order-chat__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid var(--line); }.order-chat__head>div { display:grid; gap:4px; }.order-chat__head span { color:var(--brand); font-size:10px; font-weight:800; }.order-chat__head h1,.order-chat__head p { margin:0; }.order-chat__head p { color:var(--muted); font-size:12px; }.order-chat__messages { display:grid; gap:9px; max-height:520px; overflow:auto; padding:16px 2px; }.order-chat__empty { margin:18px 0; color:var(--muted); text-align:center; }.order-chat__message { width:min(82%,560px); justify-self:start; padding:11px 13px; border:1px solid var(--line); border-radius:14px 14px 14px 3px; background:#f9f9fc; }.order-chat__message.is-mine { justify-self:end; border-color:#d9d1fb; border-radius:14px 14px 3px 14px; background:#f1eeff; }.order-chat__message b,.order-chat__message small { display:block; }.order-chat__message b { font-size:11px; color:var(--brand); }.order-chat__message p { margin:5px 0; white-space:normal; overflow-wrap:anywhere; font-size:13px; line-height:1.7; }.order-chat__message small { color:var(--muted); font-size:9px; }.order-chat>form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; margin-top:10px; }.order-chat>form label { display:grid; gap:5px; margin:0; color:var(--muted); font-size:11px; }.order-chat textarea { min-height:64px; resize:vertical; }.order-chat>form .primary { min-height:42px; white-space:nowrap; }
@media(max-width:640px){.order-chat__head{flex-direction:column}.order-chat__head .secondary,.order-chat>form .primary{width:100%;text-align:center}.order-chat__message{width:92%}.order-chat>form{grid-template-columns:1fr}}
.os-ui .service-status span { border-radius: 8px; font-size: 12px; }

/* Both roles share one shell, including their editor and order pages. */
.os-ui.is-dashboard .platform-shell,.os-ui.is-dashboard .topbar__inner { width: min(1400px,calc(100% - 48px)); }
.dashboard { display: grid; grid-template-columns: 236px minmax(0,1fr); gap: 28px; align-items: start; min-width: 0; }
.dashboard-sidebar { position: sticky; top: 96px; min-width: 0; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--ui-shadow); }
.dashboard-identity { display: flex; align-items: center; gap: 11px; padding: 22px 17px; border-bottom: 1px solid var(--line); }
.dashboard-avatar { display: grid; place-items: center; width: 40px; height: 40px; flex: none; background: var(--brand-soft); color: var(--brand); border-radius: 13px; }
.dashboard-identity>div { min-width: 0; flex: 1; }
.dashboard-identity strong { display: block; font-size: 14px; }
.dashboard-identity>div>span { display: block; margin-top: 2px; font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
.dashboard-toggle { display: none; }
.dashboard-menu { display: grid; gap: 3px; padding: 14px 12px 12px; max-height: calc(100dvh - 224px); overflow-y: auto; scrollbar-width: thin; }
.dashboard-menu-label { font-size: 10px; font-weight: 700; color: #8a8ea2; padding: 0 12px 9px; }
.dashboard-link { display: flex; align-items: center; gap: 11px; padding: 10px 12px; min-height: 43px; border-radius: 10px; font-size: 12px; font-weight: 600; color: #5e6275; line-height: 1.7; }
.dashboard-link>span { min-width: 0; overflow-wrap: anywhere; }
.dashboard-link svg { width: 19px; height: 19px; flex: none; color: #898ba0; }
.dashboard-link.is-active { color: var(--brand); background: var(--brand-soft); font-weight: 800; }
.dashboard-link.is-active svg { color: var(--brand); }
.dashboard-link.is-active::after { content: ''; width: 5px; height: 5px; background: var(--brand); border-radius: 50%; margin-inline-start: auto; flex: none; }
.dashboard-menu-footer { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.dashboard-content { min-width: 0; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 24px; min-width: 0; }
.dashboard-heading>div { min-width: 0; }
.dashboard-heading .primary { flex: none; }
.os-ui .dashboard-heading h1 { margin: 4px 0; font-size: 28px; font-weight: 800; }
.dashboard-heading p { margin: 0; font-size: 12px; color: var(--muted); }
.dashboard-heading .dashboard-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #878a9e; font-size: 10px; }
.dashboard-breadcrumb>span { color: #c2c3cd; }
.os-ui :is(.merchant-metrics,.platform-admin__metrics) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-bottom: 24px; }
.os-ui :is(.merchant-metrics,.platform-admin__metrics) article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--ui-shadow); }
.os-ui :is(.merchant-metrics,.platform-admin__metrics) article:first-child { background: #f4f1ff; border-color: #e3dcfc; }
.os-ui :is(.merchant-metrics,.platform-admin__metrics) span { display: block; font-size: 12px; font-weight: 600; color: #74778b; }
.os-ui :is(.merchant-metrics,.platform-admin__metrics) strong { display: block; margin: 12px 0 6px; font-size: clamp(22px,2.3vw,32px); font-weight: 800; line-height: 1.5; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.os-ui :is(.merchant-metrics,.platform-admin__metrics) small { display: block; font-size: 10px; color: #9295a4; }
.os-ui .merchant-metrics article:nth-child(3) strong { font-size: 23px; }
.os-ui .merchant-metrics article:last-child strong { font-size: 17px; color: #487361; }
.os-ui :is(.merchant-grid,.platform-admin__grid) { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 20px; }
.os-ui :is(.merchant-panel,.platform-admin__panel) { min-width: 0; }
.merchant-list { display: grid; }
.merchant-list article,.platform-admin__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.merchant-list article:last-child,.platform-admin__row:last-child { border-bottom: 0; padding-bottom: 0; }
.merchant-list article>div { min-width: 0; }
.merchant-list :is(b,a),.platform-admin__row b { font-size: 13px; overflow-wrap: anywhere; }
.merchant-list article>div:last-child { flex-shrink: 0; }
.merchant-list small,.platform-admin__row span { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; overflow-wrap: anywhere; }
.merchant-status,.order-status { display: inline-flex; border-radius: 7px; padding: 4px 9px; color: #62518f; background: #f3effa; font-size: 11px; }
.merchant-list .merchant-status { margin-inline-end: 8px; }
.platform-admin__links { display: grid; gap: 10px; }
.platform-admin__links a { display: flex; align-items: center; justify-content: space-between; padding: 14px; border: 1px solid var(--line); border-radius: 10px; font-size: 13px; color: #605783; }
.platform-admin__links a::after { content: '←'; color: #9789cb; margin-inline-start: 12px; }
.platform-admin__store { display: grid; grid-template-columns: minmax(150px,.38fr) minmax(0,1fr); gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); }
.platform-admin__store>div { min-width: 0; }
.platform-admin__store :is(b,small) { display: block; overflow-wrap: anywhere; }
.platform-admin__store small { font-size: 11px; color: var(--muted); margin: 4px 0 12px; }
.platform-admin__store form { min-width: 0; }
.platform-admin__store>div .text-link { border: 1px solid #e3dcf6; background: #faf8ff; border-radius: 8px; padding: 6px 12px; }
.platform-admin__next { background: #faf8f1; color: #8a7544; border: 1px solid #eee6d0; padding: 16px; border-radius: 11px; font-size: 12px; line-height: 1.9; }
.platform-admin__panel-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; }
.platform-admin__panel-head h2 { margin: 0; }
.platform-admin__panel-head form { display: flex; min-width: 0; gap: 8px; }
.merchant-permissions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.merchant-permissions>div { min-width: 0; padding: 16px; background: #fafbfe; border: 1px solid var(--line); border-radius: 12px; }
.merchant-permissions :is(b,span) { display: block; overflow-wrap: anywhere; }
.merchant-permissions b { font-size: 13px; }
.merchant-permissions span { font-size: 12px; color: var(--muted); margin-top: 6px; }
@media(hover:hover) {
  .os-ui :is(.primary,.add-cart,.btn--primary):not(:disabled):hover { background: var(--brand-hover); }
  .os-ui .secondary:hover { background: #f6f4ff; border-color: #bfb4ec; }
  .dashboard-link:hover { background: #f7f6fb; color: var(--brand); }
  .os-ui tbody tr:hover td { background: #fcfbff; }
  .os-ui .platform-admin__links a:hover { background: #faf8ff; border-color: #e0d8f9; }
}
@media(max-width:1150px) {
  .dashboard { grid-template-columns: 210px minmax(0,1fr); gap: 20px; }
  .os-ui :is(.merchant-metrics,.platform-admin__metrics) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .os-ui :is(.merchant-grid,.platform-admin__grid) { grid-template-columns: minmax(0,1fr); gap: 0; }
  .platform-admin__store { grid-template-columns: minmax(0,1fr); gap: 16px; }
}
@media(max-width:900px) {
  .os-ui .shop-layout,.os-ui .page { display: block; max-width: 700px; margin-inline: auto; }
  .os-ui .sidebar { display: none; }
  .dashboard { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .dashboard-sidebar { position: static; border-radius: 14px; }
  .dashboard-identity { padding: 14px; border-bottom: 0; }
  .dashboard-avatar { width: 36px; height: 36px; border-radius: 10px; }
  .dashboard-sidebar[data-menu-ready] .dashboard-toggle { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 10px; color: var(--brand); background: #faf9fe; }
  .dashboard-menu { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: none; padding-top: 0; overflow: visible; }
  [data-menu-ready] .dashboard-menu { display: none; }
  [data-menu-open] .dashboard-menu { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-menu-label,.dashboard-menu-footer { grid-column: 1/-1; }
  .dashboard-menu-footer { display: flex; flex-wrap: wrap; margin-top: 8px; padding-top: 8px; }
  .dashboard-link { font-size: 12px; }
  .dashboard-heading { margin-bottom: 18px; }
  .os-ui .dashboard-heading h1 { font-size: 25px; }
}
@media(max-width:680px) {
  .os-ui { background: #f6f7fb; }
  .os-ui .platform-shell,.os-ui.is-dashboard .platform-shell { width: calc(100% - 24px); margin: 16px auto calc(88px + env(safe-area-inset-bottom)); }
  .os-ui .shell,.os-ui.is-dashboard .topbar__inner { width: 100%; }
  .os-ui .topbar__inner { min-height: 60px; gap: 8px; padding-inline: 14px; }
  .os-ui .brand__name { font-size: 16px; }
  .os-ui .brand__mark { width: 30px; height: 30px; }
  .os-ui .panel { border: 1px solid var(--line); padding: 18px; border-radius: 14px; margin-bottom: 16px; }
  .os-ui .panel>h1 { font-size: 22px; }
  .os-ui .panel>h2 { font-size: 16px; }
  .os-ui .panel :is(input:not([type=checkbox]),select,textarea) { font-size: 16px; }
  .os-ui .form-grid { grid-template-columns: minmax(0,1fr); }
  .os-ui .variant-editor .form-grid { grid-template-columns: minmax(0,1fr); }
  .os-ui .variant-editor { padding: 14px; }
  .os-ui .auth-panel { margin: 24px auto; padding: 26px 22px; }
  .os-ui :is(.merchant-metrics,.platform-admin__metrics) { gap: 10px; margin-bottom: 16px; }
  .os-ui :is(.merchant-metrics,.platform-admin__metrics) article { padding: 15px; border-radius: 13px; }
  .os-ui :is(.merchant-metrics,.platform-admin__metrics) strong { font-size: 26px; margin-block: 8px 4px; }
  .os-ui .merchant-metrics article:nth-child(3) strong { font-size: 20px; }
  .os-ui .merchant-metrics article:last-child strong { font-size: 16px; }
  .dashboard-heading { align-items: start; flex-wrap: wrap; gap: 14px; }
  .os-ui .dashboard-heading h1 { font-size: 24px; }
  .dashboard-heading .primary { min-height: 40px; padding: 8px 14px; font-size: 12px; }
  .merchant-permissions { grid-template-columns: minmax(0,1fr); }
  .merchant-list article { flex-wrap: wrap; gap: 8px 12px; }
  .platform-admin__panel-head { align-items: stretch; flex-direction: column; }
  .platform-admin__panel-head form { width: 100%; }
  .os-ui .platform-admin__panel-head input { flex: 1; width: 0; }
  .os-ui :is(th,td) { padding: 12px; }
  .os-ui .table-scroll table { min-width: 490px; }
  .os-ui .impersonation-notice form { width: 100%; }
  .os-ui .impersonation-notice button { width: 100%; }
  .os-ui[data-page=shop] .platform-shell { width: 100%; }
  .os-ui .stories { border-radius: 0; border-inline: 0; padding: 14px; }
  .os-ui .catalog-search { margin: 12px; padding: 8px; }
  .os-ui .feed-head { margin: 18px 14px 12px; padding: 0; }
  .os-ui .post { border-radius: 0; border-inline: 0; }
  .os-ui .feed { gap: 12px; background: transparent; }
  .os-ui .post__header,.os-ui .post__actions { padding-inline: 14px; }
  .os-ui .post__body { padding: 12px 14px 16px; }
  .os-ui .post .product-title { font-size: 16px; }
  .os-ui .price-row strong { font-size: 20px; }
  .os-ui .detail-image { margin-top: 12px; }
  .os-ui .cart-line .button-row { gap: 8px; }
  .os-ui .checkout-store { padding: 14px; }
  .os-ui .checkout-item { flex-wrap: wrap; }
  .os-ui .site-bottom-nav { background: #fffffff7; backdrop-filter: blur(12px); box-shadow: 0 -4px 20px #25244105; padding-inline: 8px; }
  .os-ui .site-bottom-nav .mobile-nav__item { gap: 5px; min-height: 50px; }
  .os-ui .site-bottom-nav .is-active { position: relative; }
  .os-ui .site-bottom-nav .is-active::before { content: ''; position: absolute; top: 0; width: 18px; height: 2px; border-radius: 2px; background: var(--brand); }
}

/* Merchant verification is controlled by the platform administrator. */
.store-verified { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-inline-start: 4px; vertical-align: -3px; color: #6354db; }
.store-verified svg { width: 100%; height: 100%; fill: currentColor; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.story__name .store-verified { width: 14px; height: 14px; margin-inline-start: 2px; vertical-align: -2px; }
.merchant__name .store-verified { margin-inline-start: 5px; }

/* Account screen: compact identity, clear status and purposeful shortcuts. */
.os-ui .account-panel { max-width: 720px; padding: 0; overflow: hidden; }
.account-hero { display: flex; align-items: center; gap: 16px; padding: 28px; border-bottom: 1px solid #e7e2fb; background: radial-gradient(circle at 88% 0,#e9e3ff 0,transparent 34%),linear-gradient(135deg,#fff 0%,#f7f5ff 100%); }
.os-ui .account-avatar { flex: none; width: 66px; height: 66px; margin: 0; border-radius: 22px; box-shadow: 0 8px 20px #5b4bdb14; }
.account-hero__copy { min-width: 0; }
.account-hero__badge { margin-inline-start: auto; padding: 7px 10px; border: 1px solid #d9d1fb; border-radius: 999px; background: #fff; color: var(--brand); font-size: 11px; font-weight: 800; }
.account-eyebrow { margin: 0 0 2px; color: var(--brand); font-size: 12px; font-weight: 800; }
.os-ui .account-hero h1 { margin: 0; font-size: 24px; }
.account-email { margin: 3px 0 0; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.account-verification { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 24px; padding: 15px 16px; border: 1px solid var(--line); border-radius: 14px; }
.account-verification>div { display: grid; gap: 2px; }
.account-verification b { font-size: 13px; }
.account-verification span { color: var(--muted); font-size: 12px; }
.account-verification.is-verified { border-color: #cde7da; background: #f2faf6; }
.account-verification.is-verified b { color: #28734d; }
.account-verification.is-pending { border-color: #dfd8f7; background: #f8f6ff; }
.account-verification .secondary { flex: none; min-height: 38px; padding: 7px 12px; white-space: nowrap; }
.account-shortcuts { padding-bottom: 4px; }
.account-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; padding: 0 24px 14px; }
.account-section-heading span { color: var(--brand); font-size: 11px; font-weight: 800; }
.os-ui .account-section-heading h2 { margin: 2px 0 0; font-size: 17px; }
.account-section-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.account-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; padding: 0 24px 22px; }
.account-actions>a { display: grid; gap: 9px; min-height: 116px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); background: #fff; transition: transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.account-actions>a:hover,.account-actions>a:focus-visible { border-color: #cfc8f4; box-shadow: 0 8px 18px #2524410c; transform: translateY(-1px); }
.account-actions svg { width: 22px; height: 22px; color: var(--brand); }
.account-actions span { display: grid; gap: 1px; min-width: 0; }
.account-actions b { font-size: 13px; }
.account-actions small { color: var(--muted); font-size: 10px; line-height: 1.5; }
.account-documents { display: flex; align-items: center; gap: 12px; margin: 0 24px 22px; padding: 15px; border: 1px solid #e4e0f3; border-radius: 14px; background: #fbfaff; }
.account-documents>svg { flex: none; width: 22px; height: 22px; color: var(--brand); }
.account-documents>div:first-child { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: #eeeaff; color: var(--brand); }
.account-documents>div:first-child svg { width: 20px; height: 20px; }
.account-documents>div:nth-child(2) { display: grid; gap: 2px; min-width: 0; }
.account-documents b { font-size: 13px; }
.account-documents small { color: var(--muted); font-size: 11px; }
.account-documents .secondary { flex: none; min-height: 38px; padding: 7px 11px; white-space: nowrap; }
.account-merchant-application { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 24px; padding: 20px; border: 1px solid #d8cffc; border-radius: 16px; background: linear-gradient(135deg,#f9f7ff,#f1edff); }
.account-merchant-application>div { min-width: 0; }
.account-merchant-application span { color: var(--brand); font-size: 11px; font-weight: 800; }
.os-ui .account-merchant-application h2 { margin: 3px 0 5px; font-size: 17px; }
.account-merchant-application p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.account-merchant-application .primary { flex: none; white-space: nowrap; }
.account-management { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 24px; border-top: 1px solid var(--line); background: #fbfbfd; }
.account-management>div { min-width: 0; }
.account-management span { color: var(--brand); font-size: 11px; font-weight: 800; }
.os-ui .account-management h2 { margin: 3px 0; font-size: 17px; }
.account-management p { margin: 0; color: var(--muted); font-size: 12px; }
.account-management .primary { flex: none; white-space: nowrap; }
.account-logout { width: calc(100% - 48px); min-height: 42px; margin: 20px 24px 24px; border: 1px solid #f1d6da; border-radius: 10px; color: #a54555; background: #fffafa; font-size: 13px; font-weight: 700; }
.account-logout:hover,.account-logout:focus-visible { border-color: #dfafb8; background: #fff4f5; }
@media(max-width:680px) {
  .os-ui .account-panel { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
  .account-hero { padding: 22px 18px; }
  .os-ui .account-avatar { width: 58px; height: 58px; border-radius: 19px; }
  .os-ui .account-hero h1 { font-size: 21px; }
  .account-verification { align-items: stretch; flex-direction: column; margin: 14px; padding: 14px; }
  .account-verification .secondary { width: 100%; }
  .account-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 0; background: var(--line); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .account-actions>a { min-height: 104px; padding: 13px 10px; border: 0; border-radius: 0; }
  .account-actions small { font-size: 9px; }
  .account-section-heading { align-items: start; padding: 16px 14px 12px; }
  .account-section-heading p { max-width: 130px; text-align: end; line-height: 1.6; }
  .account-documents { margin: 16px 14px; padding: 13px; }
  .account-documents small { display: none; }
  .account-documents .secondary { margin-inline-start: auto; }
  .account-merchant-application { align-items: stretch; flex-direction: column; margin: 18px 14px; padding: 16px; }
  .account-merchant-application .primary { width: 100%; }
  .account-management { align-items: stretch; flex-direction: column; padding: 20px 14px; }
  .account-management .primary { width: 100%; }
  .account-logout { width: calc(100% - 28px); margin: 16px 14px 20px; }
}
@media(max-width:359px) {
  .dashboard-link { padding-inline: 8px; gap: 7px; font-size: 11px; }
  .os-ui .panel { padding: 14px; }
  .os-ui .auth-providers { grid-template-columns: minmax(0,1fr); }
}

/* Store thumbnail catalog and quick product selection. */
.os-ui .shop-layout--store { display: block; max-width: 960px; margin-inline: auto; }
.store-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.store-grid>.empty-state { grid-column: 1/-1; }
.store-product { min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.store-product__image { display: block; aspect-ratio: 1; overflow: hidden; background: #f5f4f7; }
.store-product__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.store-product__body { padding: 10px; }
.os-ui .store-product h2 { margin: 0 0 5px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.store-product [data-feed-price] { display: block; min-height: 40px; color: var(--brand); font-size: 13px; line-height: 1.6; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.store-product__add { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; border: 1px solid #e0daf6; border-radius: 8px; background: var(--brand-soft); color: var(--brand); font-size: 12px; font-weight: 700; }
.store-product__add svg { width: 17px; height: 17px; }
.store-product__add[aria-busy=true] { opacity: .55; cursor: progress; }
.os-ui .store-grid-tax { margin-bottom: 12px; }
body.quick-shop-open { overflow: hidden; }
.quick-shop { inset: 0; margin: auto; width: min(520px,calc(100% - 24px)); max-height: calc(100dvh - 48px); padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; color: var(--ink); overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 24px 80px #18132b30; }
.quick-shop[open] { animation: quick-shop-enter .18s ease-out; }
.quick-shop::backdrop { background: #17122580; backdrop-filter: blur(3px); }
.quick-shop__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.os-ui .quick-shop__head h2 { margin: 0; font-size: 17px; }
.quick-shop__close { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px; background: #f7f7fb; font-size: 26px; color: var(--muted); cursor: pointer; }
.quick-shop__summary { display: flex; gap: 14px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--line); margin-bottom: 16px; }
.quick-shop__summary>div { min-width: 0; }
.quick-shop__summary img { flex: none; width: 88px; height: 88px; object-fit: cover; border-radius: 12px; background: #f7f6fa; }
.quick-shop__summary h3 { margin: 0 0 5px; font-size: 15px; }
.quick-shop__summary strong { display: block; color: var(--brand); font-size: 19px; overflow-wrap: anywhere; }
.os-ui .quick-shop .tax-info { margin: 6px 0 0; font-size: 10px; padding: 3px 6px; }
.quick-shop fieldset { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
.quick-shop legend { padding: 0; margin-bottom: 8px; font-size: 13px; font-weight: 700; }
.quick-shop .choice { min-width: 56px; padding: 7px 12px; }
.quick-shop label { display: grid; gap: 8px; margin-bottom: 14px; }
.quick-shop select { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 16px; background: #fff; }
.quick-shop__footer { position: sticky; bottom: -22px; background: #fff; display: grid; gap: 5px; padding: 14px 0 4px; border-top: 1px solid var(--line); }
.quick-shop__footer .primary { width: 100%; }
@keyframes quick-shop-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media(max-width:680px) {
  .store-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; padding: 0 10px 16px; }
  .store-product { border-radius: 8px; }
  .store-product__body { padding: 7px 6px; }
  .os-ui .store-product h2 { font-size: 11px; }
  .store-product [data-feed-price] { font-size: 11px; min-height: 36px; }
  .store-product__add { min-height: 36px; font-size: 11px; }
  .os-ui .store-grid-tax { margin-inline: 10px; font-size: 10px; }
  .quick-shop { padding: 16px; max-height: calc(100dvh - 24px); }
  .quick-shop__footer { bottom: -16px; }
}
@media(prefers-reduced-motion:reduce) { .quick-shop[open] { animation: none; } }

/* Shared contextual search, directly below the header. */
.os-ui .top-actions { margin-inline-start: auto; }
.os-ui .site-bottom-nav { grid-template-columns: repeat(4,minmax(0,1fr)); }
.search-anchor { height: 0; }
.search-inline-open .search-anchor { height: 65px; }
.search-panel { position: relative; z-index: 49; background: #fff; border-bottom: 1px solid var(--line); }
.instant-search { display: flex; gap: 8px; align-items: center; width: min(1080px,100%); height: 64px; margin: 0 auto; padding: 8px 14px; }
.os-ui .instant-search input[type=search] { flex: 1; min-width: 0; width: 0; height: 48px; border: 1px solid var(--line); border-radius: 10px; background: #f8f8fb; padding: 10px 12px; font: inherit; font-size: 16px; }
.instant-search button { flex: none; min-height: 42px; }
.instant-search svg { width: 20px; height: 20px; display: block; }
.search-close { display: none; font-size: 26px; }
.search-panel--drawer { display: none; }
.os-ui.search-enhanced:not(.search-away) .site-topbar .search-toggle { display: none; }
.search-enhanced .search-panel.is-open { display: block; position: fixed; inset-inline: 0; top: 73px; }
.search-panel.is-open .search-close { display: grid; }
.search-suggestions { position: absolute; top: 100%; inset-inline: 0; margin: 0 auto; max-width: 1080px; max-height: min(60dvh,520px); overflow-y: auto; overscroll-behavior: contain; background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 24px #25244115; }
.search-suggestions[hidden] { display: none; }
.search-suggestions h3,.search-suggestions>p { margin: 0; padding: 8px 14px; font-size: 13px; background: #f8f8fb; }
.search-result { display: flex; align-items: center; gap: 10px; padding: 10px 14px; min-height: 44px; color: var(--ink); border-bottom: 1px solid var(--line); }
.search-result:hover,.search-result:focus-visible { background: var(--brand-soft); }
.search-result img { flex: none; object-fit: cover; border-radius: 6px; }
.search-result small { display: block; color: var(--muted); }
.search-filter-summary { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid var(--line); }
@media(max-width:680px) { .search-enhanced .search-panel.is-open { top: 61px; } }

/* Edge-to-edge customer pages on mobile; retain control spacing and nav clearance. */
@media(max-width:680px) {
  .os-ui:not(.is-dashboard) { background: #fff; }
  .os-ui:not(.is-dashboard) .platform-shell {
    width: 100%; margin: 0; padding: 0 0 calc(64px + env(safe-area-inset-bottom));
  }
  .os-ui:not(.is-dashboard) .page { padding-top: 0; }
  .os-ui:not(.is-dashboard) :is(.panel,.stories,.post) {
    margin: 0; border: 0; border-bottom: 1px solid var(--line);
    border-radius: 0; box-shadow: none;
  }
  .os-ui:not(.is-dashboard) .panel { padding: 14px; }
  .os-ui:not(.is-dashboard) .panel>p.muted { margin-bottom: 12px; }
  .os-ui:not(.is-dashboard) .stories { padding: 10px 14px; }
  .os-ui:not(.is-dashboard) .catalog-search {
    margin: 0; padding: 8px 14px; border: 0;
    border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: none;
  }
  .os-ui:not(.is-dashboard) .feed-head {
    margin: 0; padding: 10px 14px; background: #fff;
    border-bottom: 1px solid var(--line);
  }
  .os-ui:not(.is-dashboard) .feed { gap: 0; }
  .os-ui:not(.is-dashboard) .detail-image {
    display: block; width: calc(100% + 28px); max-width: none;
    margin: 10px -14px 14px; border-radius: 0;
  }
  .os-ui:not(.is-dashboard) .cart-panel>.price-row { margin-top: 10px; padding-top: 14px; }
  .os-ui:not(.is-dashboard) .cart-panel>:last-child { margin-bottom: 0; }
  .os-ui:not(.is-dashboard) .store-grid { gap: 1px; padding: 0; background: var(--line); }
  .os-ui:not(.is-dashboard) .store-product { border: 0; border-radius: 0; }
  .os-ui:not(.is-dashboard) .store-grid-tax { margin: 0; padding: 6px 14px; border-radius: 0; }
}

/* Store-only controls and optional photo-overlay product cards. */
.store-browse-controls { display: flex; align-items: center; gap: 8px; padding: 12px 14px; margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:#fff; }
.store-browse-controls__label{margin-inline-end:auto;color:var(--muted);font-size:12px;font-weight:700}.store-control { display: inline-flex; align-items: center; justify-content: center; gap:6px; min-height: 38px; padding:7px 11px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); font-size: 12px; font-weight: 700; }
.store-control svg { width: 18px; height: 18px; }
.store-control:hover,.store-control:focus-visible { color: var(--brand); border-color: #cfc8f4; background: var(--brand-soft); }
.store-filter-modal { inset: 0; width: min(460px,calc(100% - 28px)); max-height: calc(100dvh - 48px); margin: auto; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: #fff; color: var(--ink); box-shadow: 0 24px 80px #18132b30; overflow-y: auto; }
.store-filter-modal::backdrop { background: #17122580; backdrop-filter: blur(3px); }
.store-filter-modal__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.os-ui .store-filter-modal__head h2 { margin: 0; font-size: 17px; }
.store-filter-options { display: grid; gap: 8px; }
.store-filter-option { min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); font-size: 13px; font-weight: 700; }
.store-filter-option:hover,.store-filter-option:focus-visible,.store-filter-option.is-selected { color: var(--brand); border-color: #cfc8f4; background: var(--brand-soft); }
.store-filter-modal form { display: grid; gap: 16px; }
.store-filter-modal label { display: grid; gap: 7px; font-size: 13px; font-weight: 700; }
.store-filter-modal select { width: 100%; min-height: 44px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; font: inherit; font-size: 16px; }
.store-card-style { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; }
.store-card-style legend { margin-bottom: 4px; font-size: 13px; font-weight: 800; }
.store-card-style label { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font-weight: 600; }
.store-card-style input { width: 18px; height: 18px; accent-color: var(--brand); }
/* The regular card keeps its clean layout, with a compact add icon beside the price. */
.store-grid:not(.store-grid--overlay) .store-product__body { display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 5px 8px; align-items: center; }
.store-grid:not(.store-grid--overlay) .store-product__title { grid-column: 1/-1; min-width: 0; }
.store-grid:not(.store-grid--overlay) .store-product [data-feed-price] { min-height: 0; padding: 0; line-height: 1.45; }
.store-grid:not(.store-grid--overlay) .store-product__add { width: 34px; min-height: 34px; padding: 0; border-radius: 50%; color: var(--brand); background: var(--brand-soft); }
.store-grid:not(.store-grid--overlay) .store-product__add svg { width: 18px; height: 18px; }
.store-grid:not(.store-grid--overlay) .store-product__add-text { display: none; }
.store-grid--overlay .store-product { position: relative; }
.store-grid--overlay .store-product__body { position: absolute; inset-inline: 0; bottom: 0; display: grid; grid-template-columns: minmax(0,1fr) 34px; gap: 5px 8px; align-items: end; min-height: 72px; padding: 26px 8px 8px; color: var(--ink); background: linear-gradient(transparent 0%,rgba(255,255,255,.78) 47%,rgba(255,255,255,.98) 100%); backdrop-filter: blur(5px); }
.store-grid--overlay .store-product__title { grid-column: 1/-1; min-width: 0; color: var(--ink); }
.store-grid--overlay .store-product h2 { margin: 0; color: inherit; text-shadow: none; }
.store-grid--overlay .store-product [data-feed-price] { min-height: 0; padding: 0; color: var(--brand); font-weight: 800; line-height: 1.4; text-shadow: none; }

/* Platform home: a social-discovery rhythm, inspired by story rails and feeds. */
.os-ui .platform-home-hero { min-height: 248px; margin: 18px 0 14px; padding: 28px; border: 1px solid #e7ddcf; border-radius: 20px; box-shadow: var(--ui-shadow); background-position: center; }
.os-ui .platform-home-hero::before { background: linear-gradient(90deg, rgba(255,250,243,.98) 0%, rgba(255,250,243,.9) 40%, rgba(255,250,243,.18) 74%); }
.os-ui .platform-home-hero .hero-strip__copy { width: min(52%, 360px); }
.os-ui .platform-home-hero h1 { font-size: 27px; line-height: 1.55; letter-spacing: -.02em; }
.os-ui .platform-home-hero p { font-size: 12px; line-height: 1.9; }
.os-ui .platform-home-hero .hero-strip__button { min-height: 42px; margin-top: 16px; padding-inline: 20px; border-radius: 11px; background: var(--brand); }
.platform-home-promises { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 22px; }
.platform-home-promises article { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--ui-shadow); }
.platform-home-promises b,.platform-home-promises span { display: block; }
.platform-home-promises b { font-size: 12px; }
.platform-home-promises span { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.7; }
.platform-home-side > span { display: block; margin-bottom: 8px; color: var(--brand); font-size: 10px; font-weight: 800; letter-spacing: .08em; direction: ltr; }
.platform-home-side--steps h2 { margin: 0 0 8px; font-size: 14px; }
.platform-home-side--steps ol { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; counter-reset: home-steps; }
.platform-home-side--steps li { display: grid; grid-template-columns: 24px 1fr; gap: 8px; align-items: center; color: var(--muted); font-size: 11px; }
.platform-home-side--steps li::before { counter-increment: home-steps; content: counter(home-steps); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: var(--brand); background: #f0edfc; font-weight: 800; }
.desktop-footer { margin-top: 36px; padding: 42px 0 18px; border-top: 1px solid var(--line); color: var(--muted); background: #fff; }
.desktop-footer__grid { display: grid; grid-template-columns: minmax(230px,1.5fr) repeat(2,minmax(130px,.75fr)) minmax(180px,1fr); gap: 30px; }
.desktop-footer h2 { margin: 0 0 12px; color: var(--ink); font-size: 13px; }
.desktop-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.desktop-footer nav a,.desktop-footer__help a { color: var(--muted); font-size: 12px; }
.desktop-footer a:hover { color: var(--brand); }
.desktop-footer__brand { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); }
.desktop-footer__mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #fff; background: var(--brand); font-size: 10px; font-weight: 800; direction: ltr; }
.desktop-footer__intro p,.desktop-footer__help p { max-width: 250px; margin: 12px 0 0; font-size: 11px; line-height: 1.9; }
.desktop-footer__help a { display: inline-block; margin-top: 12px; color: var(--brand); font-weight: 800; }
.desktop-footer__bottom { display: flex; justify-content: space-between; gap: 16px; margin-top: 30px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 10px; }
@media(max-width:680px) {
  .os-ui .platform-home-hero { min-height: 198px; margin: 12px 14px; padding: 20px; border-radius: 16px; }
  .os-ui .platform-home-hero .hero-strip__copy { width: 62%; }
  .os-ui .platform-home-hero h1 { font-size: 20px; }
  .os-ui .platform-home-hero p { font-size: 10px; }
  .os-ui .platform-home-hero .hero-strip__button { min-height: 36px; margin-top: 10px; }
  .platform-home-promises { margin: 0 14px 18px; gap: 7px; }
  .platform-home-promises article { padding: 10px; border-radius: 11px; }
  .platform-home-promises b { font-size: 10px; }
  .platform-home-promises span { font-size: 9px; }
  .desktop-footer { display: none; }
}
.store-grid--overlay .store-product__add { width: 34px; min-height: 34px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: var(--brand); box-shadow: 0 2px 8px #5b4bdb40; }
.store-grid--overlay .store-product__add svg { width: 18px; height: 18px; }
.store-grid--overlay .store-product__add-text { display: none; }
@media(max-width:680px) {
  .store-browse-controls { padding: 8px 14px; }
  .store-control { height: 38px; padding: 0; }
  .store-filter-modal { padding: 16px; border-radius: 16px; }
  .store-grid--overlay .store-product__body { min-height: 63px; padding: 22px 6px 6px; gap: 3px 5px; }
  .store-grid:not(.store-grid--overlay) .store-product__body { grid-template-columns: minmax(0,1fr) 30px; gap: 4px 6px; }
  .store-grid:not(.store-grid--overlay) .store-product [data-feed-price] { min-height: 0; font-size: 11px; }
  .store-grid:not(.store-grid--overlay) .store-product__add { width: 30px; min-height: 30px; }
  .store-grid:not(.store-grid--overlay) .store-product__add svg { width: 16px; height: 16px; }
  .store-grid--overlay .store-product h2 { font-size: 10px; }
  .store-grid--overlay .store-product [data-feed-price] { min-height: 0; font-size: 10px; }
  .store-grid--overlay .store-product__add { width: 30px; min-height: 30px; }
  .store-grid--overlay .store-product__add svg { width: 16px; height: 16px; }
}
/* Product media: responsive local video and Cloudflare Stream embeds. */
.product-video{display:block;width:100%;aspect-ratio:16/9;margin:14px 0;border:0;border-radius:16px;background:#171626;object-fit:cover}.product-video-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.product-video-list span{padding:6px 10px;border-radius:999px;background:#f1efff;color:#5f4cdc;font-size:.84rem}
/* Product detail favorite uses the same interaction language as the feed. */
.product-favorite{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 0;border-block:1px solid #efedf5}.product-favorite .favorite-action{margin:0}.product-favorite .likes{color:#807a90;font-size:.9rem}
/* Quantity controls: large touch targets, no editable field or mobile focus zoom. */
.quantity-field{display:grid;gap:8px;margin:16px 0;color:var(--ink,#242136);font-weight:700}.quantity-stepper{display:grid;grid-template-columns:52px minmax(72px,1fr) 52px;align-items:stretch;max-width:260px;border:1px solid #dedaf1;border-radius:14px;background:#fff;overflow:hidden;direction:ltr}.quantity-stepper button{appearance:none;border:0;background:#f4f1ff;color:#5d49d7;font:700 1.55rem/1 Cairo,system-ui,sans-serif;min-height:50px;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none}.quantity-stepper button:active{background:#e8e3ff;transform:scale(.96)}.quantity-stepper input{width:100%;min-width:0;border:0!important;border-inline:1px solid #dedaf1!important;border-radius:0!important;background:#fff!important;color:#27233d!important;font:700 1rem/1 Cairo,system-ui,sans-serif!important;text-align:center!important;pointer-events:none;-moz-appearance:textfield}.quantity-stepper input::-webkit-outer-spin-button,.quantity-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-field--cart{margin:0}.quantity-field--cart>span{font-size:.84rem;color:#777186;font-weight:600}.quantity-field--cart .quantity-stepper{max-width:190px;grid-template-columns:44px 62px 44px;border-radius:12px}.quantity-field--cart .quantity-stepper button{min-height:44px;font-size:1.3rem}.merchant-product-visibility{display:grid;gap:4px;margin:14px 0;padding:12px 14px;border:1px solid #e4dffb;border-radius:14px;background:#faf9ff}.merchant-product-visibility small{color:#756f87}
.cart-remove-icon{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #f0d9de;border-radius:12px;background:#fff;color:#aa4155;cursor:pointer;touch-action:manipulation}.cart-remove-icon svg{width:19px;height:19px}.cart-remove-icon:active{background:#fff1f3;transform:scale(.96)}.cart-remove-icon:focus-visible{outline:2px solid #aa4155;outline-offset:2px}
.cart-line__summary{display:flex;align-items:center;gap:12px}.cart-line__image{display:block;flex:0 0 76px;width:76px;height:76px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f6f5fa}.cart-line__image img{display:block;width:100%;height:100%;object-fit:cover}.cart-line__image--empty{background:linear-gradient(135deg,#f8f7fb,#eceaf5)}.cart-line__details{min-width:0;flex:1}.cart-line__details h2{overflow-wrap:anywhere}.cart-line__details .muted{margin:3px 0 0}
.product-image-editor{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 16px}.product-image-editor .editor-thumb{margin:0}.product-gallery{display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:14px;align-items:start;margin:10px 0 18px}.product-gallery__stage{min-width:0;background:#faf9f7;border-radius:12px;overflow:hidden}.product-gallery .detail-image{display:block;width:100%;height:auto;max-height:500px;aspect-ratio:1/1;object-fit:contain;margin:0;border-radius:0}.product-gallery__thumbs{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding:2px;scrollbar-width:thin}.product-gallery__thumbs button{flex:0 0 58px;width:58px;height:58px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#f5f4f9;cursor:pointer}.product-gallery__thumbs button.is-selected{border-color:var(--brand)}.product-gallery__thumbs img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:680px){.product-gallery{display:flex;flex-direction:column;gap:10px;margin-inline:0}.product-gallery__stage{width:100%}.product-gallery .detail-image{max-height:none}.product-gallery__thumbs{flex-direction:row;max-width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 0 10px;width:100%}}
.product-feedback{display:inline-flex;align-items:center;gap:4px;color:#6c6579;font-size:12px;font-weight:700;line-height:1.4;direction:rtl}.product-feedback b{color:var(--ink)}.product-feedback__star{color:#efb334;font-size:16px}.product-feedback__out-of{color:#8b8496;font-weight:600}.product-feedback__comment{display:inline-grid;place-items:center;margin-inline-start:9px}.product-feedback__comment svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}.store-product .product-feedback{margin-top:2px}.post .product-feedback{display:flex;margin:0}.post__actions .product-feedback{margin-inline-start:4px}.product-review__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:12px}.product-review__actions form{display:flex;align-items:center;gap:6px;margin:0}.product-review__actions form+form{flex:1}.product-review__actions input{min-width:150px;flex:1;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font:inherit}.review-action{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5e576c;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.review-action.is-liked{color:#b34764;border-color:#e8cbd4;background:#fff6f8}.product-review__reply{margin:12px 0 0;padding:10px 12px;border-inline-start:3px solid #dcd7f3;background:#faf9ff;border-radius:0 10px 10px 0}.product-review__reply p{margin:4px 0 0}.product-reviews blockquote{margin:12px 0 0}
.product-image-tools{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid #e4e0f5;border-radius:16px;background:#faf9ff}.product-image-tools h3{margin:0;font-size:16px}.product-image-tools p{margin:4px 0 0}.image-editor-source{max-width:430px}.image-editor-stage{display:grid;gap:12px}.image-editor-stage canvas{display:block;width:min(100%,460px);max-height:440px;margin-inline:auto;border:1px solid #dfdbed;border-radius:12px;background:#f6f5fa;touch-action:none}.image-editor-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-editor-controls label{display:grid;gap:5px;margin:0;font-size:12px;font-weight:700}.image-editor-controls select,.image-editor-controls input{width:100%;margin:0}.image-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.image-editor-actions button{min-height:40px;padding:8px 12px}.image-editor-actions .primary{margin-inline-start:auto}.image-editor-stage [data-image-editor-status]{min-height:20px;color:#665f79;font-size:12px}
.product-media-manager{display:grid;gap:12px;margin:20px 0;padding:16px;border-top:1px solid var(--line)}.product-media-manager h3{margin:0;font-size:17px}.product-media-manager__main,.product-media-manager__item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:13px;background:#fff}.product-media-manager__main>img,.product-media-manager__item>img{width:68px;height:68px;flex:none;border-radius:9px;object-fit:cover;background:#f5f4f9}.product-media-manager__main small,.product-media-manager__item small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.product-media-manager__list{display:grid;gap:8px}.product-media-manager__item{cursor:grab}.product-media-manager__item.is-dragging{opacity:.45;border-style:dashed}.product-media-manager__drag{color:#878197;font-size:18px;line-height:1;cursor:grab}.product-media-manager__info{min-width:0;flex:1}.product-media-manager__linked{font-size:12px;color:#6950d5}.product-media-manager__actions{display:flex;gap:6px;flex-wrap:wrap}.product-media-manager__actions form{margin:0}.product-media-manager__actions button{min-height:36px;padding:6px 9px;font-size:12px}.media-delete{border:1px solid #f0d9de;border-radius:10px;background:#fff;color:#aa4155;cursor:pointer}
@media(max-width:640px){.product-image-tools{margin-inline:-2px;padding:14px}.image-editor-controls{grid-template-columns:minmax(0,1fr)}.image-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.image-editor-actions .primary{grid-column:1/-1;margin:0}.image-editor-stage canvas{width:100%;max-height:360px}}
@media(max-width:640px){.product-media-manager{padding:14px 0}.product-media-manager__item{align-items:flex-start;gap:8px}.product-media-manager__main>img,.product-media-manager__item>img{width:56px;height:56px}.product-media-manager__actions{margin-inline-start:auto;flex-direction:column}.product-media-manager__actions button{width:100%}}
.merchant-product-list{display:grid;gap:10px}.merchant-product{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.merchant-product:last-child{border-bottom:0}.merchant-product__image{display:block;width:76px;height:76px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f6f5fa}.merchant-product__image img{display:block;width:100%;height:100%;object-fit:cover}.merchant-product__details{min-width:0}.merchant-product__details h3{margin:0 0 5px;overflow-wrap:anywhere}.merchant-product__details p{margin:0;color:var(--muted);font-size:12px}.merchant-product__state{font-weight:800}.merchant-product__state--visible{color:#208451}.merchant-product__state--hidden{color:#8a7180}.merchant-product__state--archived{color:#9a6432}.merchant-product__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.merchant-product__actions form{margin:0}.merchant-product__actions .secondary,.merchant-product__archive{min-height:38px;padding:7px 11px;font-size:12px}.merchant-product__archive{border:1px solid #f0d9de;border-radius:10px;background:#fff;color:#aa4155;cursor:pointer}
.merchant-product-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.merchant-product-summary>a{display:block;min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--ui-shadow,0 12px 32px rgba(25,20,45,.06));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.merchant-product-summary>a:hover,.merchant-product-summary>a:focus-visible{transform:translateY(-2px);border-color:#cfc5ff}.merchant-product-summary>a:nth-child(3){background:#fffaf0;border-color:#f4dfab}.merchant-product-summary>a:nth-child(4){background:#fff5f6;border-color:#f1d8dd}.merchant-product-summary span,.merchant-product-summary small{display:block;color:var(--muted);font-size:11px}.merchant-product-summary strong{display:block;margin:6px 0;color:var(--ink);font-size:27px;line-height:1}.merchant-products-panel{display:grid;gap:16px}.merchant-products-panel .section-head{align-items:flex-start}.merchant-product-filters{display:grid;grid-template-columns:minmax(180px,1.55fr) repeat(3,minmax(120px,.65fr)) auto auto;gap:8px;align-items:center;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.merchant-product-filters input,.merchant-product-filters select{width:100%;min-width:0;margin:0;height:42px}.merchant-product-filters button{min-height:42px;white-space:nowrap}.merchant-product-filters .text-link{padding:8px;white-space:nowrap;text-align:center}.merchant-product-search{margin:0!important}.merchant-product-list--dashboard{gap:0;border-top:1px solid var(--line)}.merchant-product--dashboard{padding:14px 0}.merchant-product__title{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.merchant-product__title h3{margin:0}.merchant-product__title .merchant-product__state{flex:none;padding:4px 7px;border-radius:999px;background:#f5f4f9;font-size:10px}.merchant-product__meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.merchant-product__meta>span{padding:4px 7px;border-radius:8px;background:#f7f6fb;color:#625c72;font-size:10px;font-weight:700}.merchant-product__meta>.merchant-stock--available{background:#eef8f1;color:#27774c}.merchant-product__meta>.merchant-stock--low{background:#fff8e6;color:#9b6a12}.merchant-product__meta>.merchant-stock--out{background:#fff0f2;color:#a54053}
.merchant-inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.merchant-inventory-summary>article,.merchant-inventory-summary>a{display:block;min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--ui-shadow,0 12px 32px rgba(25,20,45,.06))}.merchant-inventory-summary>a{transition:transform .18s ease,border-color .18s ease}.merchant-inventory-summary>a:hover,.merchant-inventory-summary>a:focus-visible{transform:translateY(-2px);border-color:#cfc5ff}.merchant-inventory-summary>a:nth-child(2){background:#fff5f6;border-color:#f1d8dd}.merchant-inventory-summary>a:nth-child(3){background:#fffaf0;border-color:#f4dfab}.merchant-inventory-summary span,.merchant-inventory-summary small{display:block;color:var(--muted);font-size:11px}.merchant-inventory-summary strong{display:block;margin:6px 0;color:var(--ink);font-size:27px;line-height:1}.merchant-inventory-panel{display:grid;gap:16px}.merchant-inventory-panel .section-head,.merchant-inventory-history .section-head{align-items:flex-start}.merchant-inventory-filters{display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(2,minmax(130px,.7fr)) auto auto;gap:8px;align-items:center;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.merchant-inventory-filters label{margin:0}.merchant-inventory-filters input,.merchant-inventory-filters select{width:100%;min-width:0;height:42px;margin:0}.merchant-inventory-filters button{min-height:42px}.merchant-inventory-filters .text-link{padding:8px;text-align:center}.merchant-inventory-list{display:grid;gap:11px}.merchant-inventory-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.merchant-inventory-card header{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px}.merchant-inventory-card header img{width:58px;height:58px;border-radius:11px;border:1px solid var(--line);object-fit:cover;background:#f6f5fa}.merchant-inventory-card header a{color:var(--ink);font-weight:800;text-decoration:none}.merchant-inventory-card header small{display:block;margin-top:4px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.merchant-inventory-card header .merchant-stock{padding:6px 9px;border-radius:999px;background:#f1edff;color:var(--brand);font-size:11px;font-weight:800}.merchant-inventory-card header .merchant-stock--available{background:#eef8f1;color:#27774c}.merchant-inventory-card header .merchant-stock--low{background:#fff8e6;color:#9b6a12}.merchant-inventory-card header .merchant-stock--out{background:#fff0f2;color:#a54053}.merchant-inventory-card__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.merchant-inventory-card__details p{margin:0;padding:10px;border-radius:11px;background:#fafbfe}.merchant-inventory-card__details span,.merchant-inventory-card__details b{display:block}.merchant-inventory-card__details span{margin-bottom:4px;color:var(--muted);font-size:10px}.merchant-inventory-card__details b{font-size:13px}.merchant-inventory-card form{margin:0}.merchant-inventory-card__form{display:grid;grid-template-columns:repeat(2,minmax(110px,.65fr)) minmax(170px,1.5fr) auto;align-items:end;gap:9px;padding-top:12px;border-top:1px solid var(--line)}.merchant-inventory-card__form label{display:grid;gap:5px;margin:0;color:var(--ink);font-size:12px;font-weight:700}.merchant-inventory-card__form input{width:100%;min-width:0;margin:0;height:40px}.merchant-inventory-card__form small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.35}.merchant-inventory-card__form button{min-height:40px;white-space:nowrap}.merchant-inventory-history{display:grid;gap:14px;margin-top:16px}.merchant-inventory-history__list{display:grid;gap:9px}.merchant-inventory-history__list>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.merchant-inventory-history__delta{display:grid;place-items:center;width:48px;height:38px;border-radius:10px;background:#f1edff;color:var(--brand);font-size:13px;font-weight:800}.merchant-inventory-history__delta.is-positive{background:#eaf7ef;color:#24764c}.merchant-inventory-history__delta.is-negative{background:#fff0f2;color:#a83f53}.merchant-inventory-history__list b,.merchant-inventory-history__list small{display:block;overflow-wrap:anywhere}.merchant-inventory-history__list small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.merchant-inventory-history__list>article>div:last-child{text-align:end}
.merchant-store-profile{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.55fr);gap:14px;margin-bottom:16px}.merchant-store-profile__preview{position:relative;display:grid;min-height:176px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f3f0ff,#fafbfe)}.merchant-store-profile__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}.merchant-store-profile__identity{position:relative;z-index:1;display:flex;align-items:end;gap:12px;padding:18px}.merchant-store-profile__identity>img,.merchant-store-profile__identity>span{display:grid;place-items:center;width:70px;height:70px;flex:none;border:3px solid #fff;border-radius:18px;background:#eeeaff;color:var(--brand);box-shadow:0 5px 20px #33235d1a;object-fit:cover;font-size:28px;font-weight:900}.merchant-store-profile__identity b,.merchant-store-profile__identity small{display:block}.merchant-store-profile__identity b{font-size:20px}.merchant-store-profile__identity small{margin-top:5px;color:#605b70;font-size:12px}.merchant-store-profile__actions{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff}.merchant-store-profile__actions b,.merchant-store-profile__actions small{display:block}.merchant-store-profile__actions small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.merchant-store-settings{display:grid;gap:15px}.merchant-store-settings form{display:grid;gap:14px;margin:0}.merchant-store-settings textarea{min-height:112px;resize:vertical}.merchant-store-settings__orders{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);gap:14px;padding:15px;border:1px solid #ded8fa;border-radius:15px;background:#faf9ff}.merchant-store-settings__orders h3{margin:0;font-size:16px}.merchant-store-settings__orders p{margin:5px 0 0;line-height:1.7}.merchant-store-settings__orders .check{align-self:start;margin:0}.merchant-store-settings__orders>label:last-of-type{grid-column:1/-1;margin:0}.merchant-store-settings__platform{margin-top:16px}.store-public-profile{position:relative;display:grid;gap:0;overflow:hidden;margin:0 0 14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(29,22,53,.05)}.store-public-profile__cover{display:block;width:100%;height:164px;object-fit:cover;background:#f4f2ff}.store-public-profile__content{position:relative;display:flex;gap:14px;align-items:flex-start;margin-top:-38px;padding:0 18px 18px}.store-public-profile__logo,.store-public-profile__initial{display:grid;place-items:center;width:76px;height:76px;flex:none;border:4px solid #fff;border-radius:20px;background:#eeebff;color:var(--brand);object-fit:cover;font-size:28px;font-weight:900;box-shadow:0 7px 20px #30225a22}.store-public-profile__details{min-width:0;flex:1;padding-top:42px}.store-public-profile__identity{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.store-public-profile__identity h1{margin:0;font-size:21px;line-height:1.3}.store-public-profile__content p{margin:7px 0 0;line-height:1.65}.store-public-profile__browse{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:10px;padding:7px 12px;border-radius:10px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;text-decoration:none}.store-public-profile__paused{margin-top:8px!important;padding:8px 10px;border-radius:10px;background:#fff4e7;color:#8b611d;font-size:12px;font-weight:700}.store-public-profile__links{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.store-public-profile__links a{font-size:11px;font-weight:800;color:var(--brand);text-decoration:none}
.image-link-group{display:grid;gap:6px;margin-top:18px}.image-link-group:first-child{margin-top:0}.image-link-group>h3{margin:0;font-size:16px}.color-image-link{padding:14px 0;border-top:1px solid var(--line)}.color-image-link h4{margin:0 0 10px;font-size:14px}.color-image-link__choices{display:flex;gap:8px;overflow-x:auto;padding:2px}.color-image-link__choice,.color-image-link__none{position:relative;display:grid!important;align-items:center;gap:8px;flex:0 0 168px;margin:0!important;padding:7px!important;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.color-image-link__choice{grid-template-columns:58px minmax(88px,1fr)}.color-image-link__none{grid-template-columns:minmax(120px,1fr);min-height:58px}.color-image-link__choice:has(input:checked),.color-image-link__none:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.color-image-link__choice input,.color-image-link__none input{position:absolute;opacity:0;inset:0;cursor:pointer}.color-image-link__choice img{display:block;width:58px;height:58px;border-radius:8px;object-fit:cover}.color-image-link__choice span,.color-image-link__none span{font-size:11px;color:var(--muted);line-height:1.5}
@media (max-width:640px){.quantity-stepper{max-width:none;grid-template-columns:58px minmax(80px,1fr) 58px}.quantity-stepper button{min-height:54px}.button-row:has(.quantity-field--cart){align-items:end}.quantity-update{display:none}}
@media(max-width:900px){.merchant-product-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-product-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-product-search{grid-column:1/-1}.merchant-product-filters .text-link{justify-self:start}}
@media(max-width:980px){.merchant-inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-inventory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-inventory-filters label{grid-column:1/-1}.merchant-inventory-card__form{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-inventory-card__reason{grid-column:1/-1}.merchant-inventory-card__form button{grid-column:1/-1}}
@media(max-width:820px){.merchant-store-profile{grid-template-columns:minmax(0,1fr)}.merchant-store-profile__actions{flex-direction:row;align-items:center}.merchant-store-settings__orders{grid-template-columns:minmax(0,1fr)}.merchant-store-settings__orders>label:last-of-type{grid-column:auto}}
@media (max-width:640px){.merchant-product{grid-template-columns:64px minmax(0,1fr);gap:10px}.merchant-product__image{width:64px;height:64px}.merchant-product__actions{grid-column:1/-1;justify-content:stretch}.merchant-product__actions>a,.merchant-product__actions form{flex:1}.merchant-product__actions button,.merchant-product__actions .secondary{width:100%}.merchant-product-summary{gap:8px;margin-inline:-2px}.merchant-product-summary>a{padding:12px;border-radius:13px}.merchant-product-summary strong{font-size:23px}.merchant-product-summary small{line-height:1.35}.merchant-product-filters{grid-template-columns:minmax(0,1fr);padding:10px}.merchant-product-search{grid-column:auto}.merchant-product-filters .text-link{justify-self:stretch}.merchant-product__title{display:block}.merchant-product__title .merchant-product__state{display:inline-block;margin-top:5px}.merchant-product__meta{gap:5px}}
@media(max-width:640px){.merchant-inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline:-2px}.merchant-inventory-summary>article,.merchant-inventory-summary>a{padding:12px;border-radius:13px}.merchant-inventory-summary strong{font-size:23px}.merchant-inventory-summary small{line-height:1.35}.merchant-inventory-filters{grid-template-columns:minmax(0,1fr);padding:10px}.merchant-inventory-filters label{grid-column:auto}.merchant-inventory-filters .text-link{text-align:center}.merchant-inventory-card{padding:12px}.merchant-inventory-card header{grid-template-columns:52px minmax(0,1fr)}.merchant-inventory-card header img{width:52px;height:52px}.merchant-inventory-card header .merchant-stock{grid-column:1/-1;justify-self:start}.merchant-inventory-card__details{grid-template-columns:minmax(0,1fr)}.merchant-inventory-card__form{grid-template-columns:minmax(0,1fr)}.merchant-inventory-card__reason,.merchant-inventory-card__form button{grid-column:auto}.merchant-inventory-history__list>article{grid-template-columns:42px minmax(0,1fr);align-items:start}.merchant-inventory-history__delta{width:42px}.merchant-inventory-history__list>article>div:last-child{grid-column:2;text-align:start}}
@media(max-width:640px){.merchant-store-profile{margin-inline:-2px}.merchant-store-profile__preview{min-height:150px}.merchant-store-profile__identity{padding:13px}.merchant-store-profile__identity>img,.merchant-store-profile__identity>span{width:58px;height:58px;border-radius:15px;font-size:23px}.merchant-store-profile__identity b{font-size:17px}.merchant-store-profile__actions{align-items:flex-start;flex-direction:column;padding:14px}.merchant-store-settings__orders{padding:13px}.store-public-profile__cover{height:112px}.store-public-profile__content{padding:11px}.store-public-profile__logo,.store-public-profile__initial{width:48px;height:48px;border-radius:13px;font-size:20px}}
.merchant-order-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.merchant-order-metrics article{min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--ui-shadow,0 12px 32px rgba(25,20,45,.06))}.merchant-order-metrics article:nth-child(2){background:#f4f1ff;border-color:#e4dcff}.merchant-order-metrics span,.merchant-order-metrics small{display:block;color:var(--muted);font-size:11px}.merchant-order-metrics strong{display:block;margin:7px 0;font-size:26px;color:var(--ink)}.merchant-orders-panel .section-head{align-items:flex-start}.merchant-order-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.merchant-order-filters a{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#5f6070;font-size:12px;font-weight:700;text-decoration:none}.merchant-order-filters a.is-active{background:var(--brand-soft,#f1edff);border-color:#dfd7ff;color:var(--brand)}.merchant-order-filters span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#f3f1fb;color:#6d5bd8;font-size:10px}.merchant-order-list{display:grid;gap:12px}.merchant-order-card{display:grid;gap:13px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.merchant-order-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.merchant-order-card header small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.merchant-order-card__body{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.merchant-order-card__body p{min-width:0;margin:0;padding:11px;border-radius:12px;background:#fafbfe}.merchant-order-card__body span,.merchant-order-card__body b{display:block;overflow-wrap:anywhere}.merchant-order-card__body span{margin-bottom:4px;color:var(--muted);font-size:10px}.merchant-order-card__body b{font-size:13px;color:var(--ink)}.merchant-order-card footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:2px}.merchant-order-card footer .primary,.merchant-order-card footer .secondary{min-height:38px;padding:7px 12px;font-size:12px}@media(max-width:900px){.merchant-order-metrics,.merchant-order-card__body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.merchant-order-metrics,.merchant-order-card__body{grid-template-columns:minmax(0,1fr)}.merchant-order-card header{flex-direction:column}.merchant-order-card footer .primary,.merchant-order-card footer .secondary{width:100%;text-align:center}}
.bank-account-list{display:grid;gap:14px}.bank-account-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.bank-account-card form{margin:0}.bank-account-card__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.bank-account-card__head img{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid var(--line)}.bank-account-card__head b,.bank-account-card__head small{display:block}.bank-account-card__head small{color:var(--muted);font-size:12px}.payment-settings{display:grid;gap:14px}.saudi-bank-select{display:flex;align-items:center;gap:9px}.saudi-bank-select select{min-width:0;flex:1}.saudi-bank-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:var(--bank-tone,#64748b);color:#fff;font:800 10px/1 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 4px 10px color-mix(in srgb,var(--bank-tone,#64748b) 28%,transparent)}@media(max-width:680px){.bank-account-card{padding:13px}.payment-settings .form-grid{grid-template-columns:minmax(0,1fr)}}
.bank-transfer-box{display:grid;gap:12px;margin:18px 0;padding:16px;border:1px solid #ddd7f7;border-radius:16px;background:#faf9ff}.bank-transfer-box h2{margin:0}.bank-transfer-options{display:grid;gap:9px}.bank-transfer-option{position:relative;display:flex!important;align-items:center;gap:10px;margin:0!important;padding:12px!important;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.bank-transfer-option:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.bank-transfer-option>input{width:auto;margin:0}.bank-transfer-option img{width:46px;height:46px;object-fit:contain;border-radius:10px}.bank-transfer-option span{min-width:0}.bank-transfer-option b,.bank-transfer-option small{display:block}.bank-transfer-option small{margin-top:3px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
.payment-review-list{display:grid;gap:14px;margin-top:16px}.payment-review-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.payment-review-card--pending{border-color:#d9d1ff;box-shadow:0 8px 24px #5f4bdd0d}.payment-review-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-review-card>header>div{display:flex;align-items:center;gap:10px;min-width:0}.payment-review-card>header img{width:46px;height:46px;flex:none;border:1px solid var(--line);border-radius:11px;background:#fff;object-fit:contain}.payment-review-card>header b,.payment-review-card>header small{display:block}.payment-review-card>header small{color:var(--muted);font-size:11px}.payment-review-status{flex:none;padding:7px 10px;border-radius:999px;background:#f2efff;color:var(--brand);font-size:12px;font-weight:800}.payment-review-card--approved .payment-review-status{background:#eaf7ef;color:#24764c}.payment-review-card--rejected .payment-review-status{background:#fff0f2;color:#a93d52}.payment-proof-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-proof-meta p{min-width:0;margin:0;padding:10px;border-radius:11px;background:#f8f8fb}.payment-proof-meta span,.payment-proof-meta small{display:block;margin-bottom:4px;color:var(--muted);font-size:11px}.payment-proof-meta b,.payment-proof-meta strong,.payment-proof-meta bdi{display:block;overflow-wrap:anywhere}.payment-proof-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.payment-proof-links small{color:var(--muted);overflow-wrap:anywhere}.payment-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:14px;border-top:1px solid var(--line)}.payment-review-actions form{display:grid;align-content:start;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:#faf9ff}.payment-review-actions label{display:grid;gap:6px;margin:0}.payment-review-actions textarea{min-height:90px}.payment-reject{min-height:44px;border:1px solid #efcfd6;border-radius:11px;background:#fff;color:#a83f53;font:700 13px Cairo,system-ui,sans-serif;cursor:pointer}.payment-reject:hover,.payment-reject:focus-visible{background:#fff1f3}.payment-review .platform-admin__panel-head select{min-width:190px}
@media(max-width:760px){.payment-review .platform-admin__panel-head{align-items:stretch}.payment-review .platform-admin__panel-head form,.payment-review .platform-admin__panel-head select{width:100%}.payment-proof-meta{grid-template-columns:minmax(0,1fr)}.payment-review-actions{grid-template-columns:minmax(0,1fr)}.payment-review-card{padding:13px}.payment-review-card>header{align-items:flex-start}.payment-review-status{font-size:10px}.payment-proof-links .secondary{width:100%;text-align:center}}
.shipment-card{display:grid;gap:12px;margin-top:16px;padding:14px;border:1px solid #dcd6f7;border-radius:14px;background:#faf9ff}.shipment-card__head,.shipment-tracking{display:flex;align-items:center;justify-content:space-between;gap:12px}.shipment-card__head span,.shipment-tracking small{display:block;color:var(--muted);font-size:11px}.shipment-card__head strong,.shipment-tracking bdi{display:block;margin-top:3px;font-weight:800;overflow-wrap:anywhere}.shipment-status{max-width:55%;padding:7px 10px;border-radius:999px;background:#ece8ff;color:var(--brand)!important;font-size:11px!important;font-weight:800;text-align:center}.shipment-tracking .primary{flex:none;margin:0;min-height:40px;padding:8px 14px}.shipment-manager{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px dashed #d8d3eb;border-radius:14px;background:#fff}.shipment-manager h3{margin:0;font-size:16px}.shipment-manager form{margin:0}.shipment-manager form+form{margin-top:8px}.carrier-admin-list{display:grid;gap:12px}.carrier-admin-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.carrier-admin-card form{margin:0}.carrier-template{grid-column:1/-1}.carrier-template input{font-size:13px}
@media(max-width:680px){.shipment-card__head,.shipment-tracking{align-items:stretch;flex-direction:column}.shipment-status{max-width:none;width:100%}.shipment-tracking .primary{width:100%;text-align:center}.shipment-manager{padding:12px}.carrier-admin-card{padding:12px}.carrier-template{grid-column:auto}}
.shipping-origin{display:grid;gap:14px}.shipping-origin .section-head{align-items:flex-start}.shipping-balance{display:inline-flex;align-items:center;gap:4px;flex:none;padding:8px 11px;border:1px solid #dcd6f7;border-radius:999px;background:#f3f0ff;color:var(--brand);font-size:12px;font-weight:700}.shipping-balance b{font-size:15px}.smsa-create{display:grid;gap:12px;padding:14px;border:1px solid #dcd6f7;border-radius:13px;background:#faf9ff}.smsa-create__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.smsa-create__head b,.smsa-create__head small{display:block}.smsa-create__head small{margin-top:4px;color:var(--muted);font-size:11px}.shipping-label-link{display:block;width:max-content;max-width:100%;text-align:center}.shipment-card--cancelled{border-color:#efd4d9;background:#fff8f9}.shipment-card--cancelled .shipment-status{background:#ffeaee;color:#a33e52!important}.shipment-cancel{min-height:42px;padding:9px 13px;border:1px solid #efcfd6;border-radius:11px;background:#fff;color:#a83f53;font:700 13px Cairo,system-ui,sans-serif;cursor:pointer}.shipment-cancel:hover,.shipment-cancel:focus-visible{background:#fff1f3}.shipping-credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shipping-credit-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.shipping-credit-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.shipping-credit-card header span{padding:6px 9px;border-radius:999px;background:#efedff;color:var(--brand);font-size:11px}.shipping-credit-card header strong{font-size:16px}.shipping-credit-card form{margin:0}.credit-delta{font-weight:900}.credit-delta.is-positive{color:#23794d}.credit-delta.is-negative{color:#a43f52}
@media(max-width:680px){.shipping-origin .section-head,.smsa-create__head{align-items:stretch;flex-direction:column}.shipping-balance{width:max-content}.shipping-credit-list{grid-template-columns:minmax(0,1fr)}.shipping-credit-card{padding:12px}.shipping-label-link{width:100%}}
.fulfillment-card{display:grid;gap:15px;margin:16px 0;padding:16px;border:1px solid #ddd8ef;border-radius:16px;background:#fff}.fulfillment-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.fulfillment-card>header span{display:block;color:var(--muted);font-size:11px}.fulfillment-card>header strong{display:block;margin-top:3px;font-size:17px}.fulfillment-badge{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;padding:7px 10px;border-radius:999px;background:#f0edff;color:var(--brand)!important;font-size:11px!important;font-weight:800;white-space:nowrap}.fulfillment-badge--awaiting_payment{background:#f2f1f5;color:#6f6a7c!important}.fulfillment-badge--paid{background:#eaf7ef;color:#23784c!important}.fulfillment-badge--preparing,.fulfillment-badge--ready{background:#fff6df;color:#916616!important}.fulfillment-badge--shipped{background:#eaf2ff;color:#3564a8!important}.fulfillment-badge--delivered{background:#e5f7ed;color:#167244!important}.fulfillment-badge--delivery_failed,.fulfillment-badge--cancelled,.fulfillment-badge--returned{background:#fff0f2;color:#a43f52!important}.fulfillment-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.fulfillment-timeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;min-height:48px;padding:0 0 13px}.fulfillment-timeline li:not(:last-child)::before{content:"";position:absolute;inset-inline-start:7px;top:15px;bottom:-1px;width:2px;background:#e4e0f1}.fulfillment-timeline li>span{position:relative;z-index:1;width:16px;height:16px;border:4px solid #e4e0f1;border-radius:50%;background:#fff}.fulfillment-timeline li.is-current>span{border-color:var(--brand);box-shadow:0 0 0 4px #eeeaff}.fulfillment-timeline b,.fulfillment-timeline small{display:block}.fulfillment-timeline small{margin-top:2px;color:var(--muted);font-size:10px}.fulfillment-timeline p{margin:4px 0 0;color:#5e586d;font-size:12px}.fulfillment-package{padding:13px;border:1px solid var(--line);border-radius:13px;background:#faf9ff}.fulfillment-package summary{cursor:pointer;font-weight:800}.fulfillment-package form{margin:14px 0 0}.fulfillment-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fulfillment-actions form{display:grid;align-content:start;gap:8px;margin:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.fulfillment-actions label{display:grid;gap:5px;margin:0;font-size:11px}.fulfillment-actions button{width:100%;margin:0}.fulfillment-actions button:disabled{cursor:not-allowed;opacity:.5}.fulfillment-actions small{color:#9a6338;font-size:10px}.fulfillment-admin td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.fulfillment-admin .secondary{min-height:36px;padding:6px 10px;font-size:11px}.fulfillment-admin .platform-admin__panel-head select{min-width:190px}
@media(max-width:680px){.fulfillment-card{padding:13px}.fulfillment-card>header{align-items:flex-start}.fulfillment-actions{grid-template-columns:minmax(0,1fr)}.fulfillment-package .form-grid{grid-template-columns:minmax(0,1fr)}.fulfillment-admin .platform-admin__panel-head{align-items:stretch}.fulfillment-admin .platform-admin__panel-head form,.fulfillment-admin .platform-admin__panel-head select{width:100%}}
.return-request{margin:8px 0 14px;padding:10px 12px;border:1px solid #e2deef;border-radius:12px;background:#faf9ff}.return-request summary{cursor:pointer;color:var(--brand);font-size:12px;font-weight:800}.return-request form{display:grid;gap:12px;margin:12px 0 0}.return-request textarea{min-height:90px}.return-list{display:grid;gap:9px}.return-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-decoration:none}.return-list__item:hover,.return-list__item:focus-visible{border-color:#cdc5f5;background:#fbfaff}.return-list__item>div{min-width:0}.return-list__item>div:last-child{text-align:end}.return-list__item b,.return-list__item strong,.return-list__item span{display:block}.return-list__item span{margin-top:3px;color:var(--muted);font-size:11px}.return-status{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;margin-top:5px!important;padding:6px 9px;border-radius:999px;background:#f0edff;color:var(--brand)!important;font-size:10px!important;font-weight:800;white-space:nowrap}.return-status--requested,.return-status--reviewing{background:#fff5dc;color:#8b6419!important}.return-status--approved,.return-status--awaiting_return,.return-status--in_transit,.return-status--received,.return-status--inspected,.return-status--replacement_processing,.return-status--replacement_shipped{background:#eaf2ff;color:#365f9b!important}.return-status--refund_pending{background:#f1edff;color:#634bc4!important}.return-status--refunded,.return-status--completed{background:#e7f7ed;color:#1d7548!important}.return-status--rejected,.return-status--cancelled{background:#fff0f2;color:#a23f52!important}.return-detail{display:grid;gap:16px}.return-detail>.section-head{align-items:flex-start}.return-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.return-summary p{margin:0;padding:11px;border-radius:12px;background:#f8f8fb}.return-summary span,.return-summary b{display:block}.return-summary span{margin-bottom:4px;color:var(--muted);font-size:10px}.return-summary b{overflow-wrap:anywhere}.return-evidence,.return-shipments,.return-history,.return-actions,.return-shipment-form,.refund-confirm,.refund-ledger{display:grid;gap:11px;padding-top:15px;border-top:1px solid var(--line)}.return-evidence h2,.return-shipments h2,.return-history h2,.return-actions h2,.return-shipment-form h2,.refund-confirm h2,.refund-ledger h2{margin:0;font-size:17px}.return-evidence{grid-template-columns:repeat(2,minmax(0,1fr))}.return-evidence h2{grid-column:1/-1}.return-evidence .secondary{text-align:center}.return-shipments>a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;color:var(--ink);text-decoration:none}.return-shipments>a span{color:var(--muted);font-size:11px}.return-history article{position:relative;display:grid;grid-template-columns:17px minmax(0,1fr);gap:10px;min-height:48px}.return-history article:not(:last-child)::before{content:"";position:absolute;inset-inline-start:7px;top:15px;bottom:-5px;width:2px;background:#e4e0f1}.return-history article>span{position:relative;z-index:1;width:15px;height:15px;border:4px solid #dcd6f7;border-radius:50%;background:#fff}.return-history b,.return-history small{display:block}.return-history small{margin-top:3px;color:var(--muted);font-size:10px}.return-history p{margin:4px 0 0;font-size:12px}.return-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.return-actions h2{grid-column:1/-1}.return-actions form,.return-shipment-form form,.refund-confirm form{display:grid;gap:10px;margin:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:#faf9ff}.return-actions textarea{min-height:76px}.refund-ledger .return-summary b{color:var(--brand)}.returns-admin td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.returns-admin .platform-admin__panel-head select{min-width:190px}
@media(max-width:680px){.return-list__item{align-items:flex-start}.return-summary{grid-template-columns:minmax(0,1fr)}.return-evidence,.return-actions{grid-template-columns:minmax(0,1fr)}.return-evidence h2,.return-actions h2{grid-column:auto}.return-shipments>a{align-items:flex-start;flex-direction:column}.returns-admin .platform-admin__panel-head{align-items:stretch}.returns-admin .platform-admin__panel-head form,.returns-admin .platform-admin__panel-head select{width:100%}}
/* Finance and settlement ledger. */
.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.finance-metrics article{display:grid;gap:5px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.finance-metrics span,.finance-metrics small{color:var(--muted);font-size:11px}.finance-metrics strong{color:var(--ink);font-size:20px;overflow-wrap:anywhere}.finance-store-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-store-card{display:grid;gap:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fafbfe}.finance-store-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.finance-store-card>header b,.finance-store-card>header small,.finance-store-card>header span{display:block}.finance-store-card>header small,.finance-store-card>header span{margin-top:3px;color:var(--muted);font-size:10px}.finance-store-card>header>div:last-child{text-align:end}.finance-store-card form{display:grid;gap:10px;margin:0;padding-top:12px;border-top:1px solid var(--line)}.finance-store-card label{margin:0}.finance-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:6px 9px;border-radius:999px;background:#f0edff;color:var(--brand);font-size:10px;font-weight:800;white-space:nowrap}.finance-status--on_hold,.finance-status--pending{background:#fff5dc;color:#8b6419}.finance-status--available{background:#e8f7ee;color:#1e764a}.finance-status--processing{background:#eaf2ff;color:#365f9b}.finance-status--paid{background:#e5f7ed;color:#167244}.finance-status--disputed{background:#fff0f2;color:#a33e52}.finance-payout-list{display:grid;gap:10px}.finance-payout-list>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);align-items:start;gap:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}.finance-payout-list b,.finance-payout-list span,.finance-payout-list small{display:block}.finance-payout-list small{margin-top:4px;color:var(--muted);font-size:10px}.finance-payout-list>article>div:last-child{display:grid;justify-items:end;gap:7px}.finance-payout-list form{display:grid;gap:8px;width:100%;margin:0}.finance-payout-list form label{margin:0}.platform-admin__panel table td>form{display:grid;gap:6px;min-width:145px;margin:0}.platform-admin__panel table td>form input{min-height:36px;padding:7px 9px;font-size:12px}.platform-admin__panel table td>form button{min-height:36px;padding:7px 9px;font-size:11px}
.merchant-finance-balance{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.merchant-finance-balance>article,.merchant-finance-notices>article{display:grid;gap:6px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--ui-shadow,0 12px 32px rgba(25,20,45,.06))}.merchant-finance-balance span,.merchant-finance-balance small,.merchant-finance-notices span{color:var(--muted);font-size:11px;line-height:1.5}.merchant-finance-balance strong,.merchant-finance-notices strong{color:var(--ink);font-size:23px;overflow-wrap:anywhere}.merchant-finance-balance__main{background:linear-gradient(135deg,#6550db,#7d69ed)!important;border-color:#6550db!important;color:#fff}.merchant-finance-balance__main span,.merchant-finance-balance__main strong,.merchant-finance-balance__main p{color:#fff}.merchant-finance-balance__main p{margin:0;opacity:.88;font-size:12px;line-height:1.7}.merchant-finance-balance__main>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.merchant-finance-balance__main .primary{background:#fff;color:#5f4bd5}.merchant-finance-balance__main .secondary{border-color:#cdc4ff;background:#ffffff24;color:#fff}.merchant-finance-notices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.merchant-finance-notices>article{grid-template-columns:minmax(0,1fr) auto;align-items:center;background:#fafbfe}.merchant-finance-notices span{grid-column:1/-1}.merchant-finance-notices strong{font-size:18px;text-align:end}.merchant-finance-policy{margin-bottom:16px}.merchant-settlements{display:grid;gap:15px}.merchant-settlements .section-head{align-items:flex-start}.merchant-finance-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.merchant-finance-filters select{min-width:170px;height:42px;margin:0}.merchant-finance-filters button{min-height:42px}.merchant-finance-filters .text-link{padding:8px}.merchant-settlement-list{display:grid;gap:11px}.merchant-settlement-card{display:grid;gap:13px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.merchant-settlement-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.merchant-settlement-card header small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.merchant-settlement-card__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.merchant-settlement-card__values p{min-width:0;margin:0;padding:10px;border-radius:12px;background:#fafbfe}.merchant-settlement-card__values span,.merchant-settlement-card__values b,.merchant-settlement-card__values small{display:block;overflow-wrap:anywhere}.merchant-settlement-card__values span,.merchant-settlement-card__values small{color:var(--muted);font-size:10px}.merchant-settlement-card__values b{margin:4px 0;color:var(--ink);font-size:14px}.merchant-settlement-card__values .merchant-settlement-card__net{background:#f1edff}.merchant-settlement-card__net b{color:var(--brand)}.merchant-settlement-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px;color:var(--muted);font-size:10px}.merchant-settlement-card footer>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.merchant-settlement-card footer .secondary{min-height:36px;padding:6px 10px;font-size:11px}.merchant-payouts{display:grid;gap:14px;margin-top:16px}.merchant-payouts .section-head{align-items:flex-start}
@media(max-width:920px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-store-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){.merchant-finance-balance{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-finance-balance__main{grid-column:1/-1}.merchant-settlement-card__values{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-settlement-card__values .merchant-settlement-card__net{grid-column:1/-1}}
@media(max-width:640px){.finance-metrics{grid-template-columns:minmax(0,1fr);gap:8px}.finance-metrics article{padding:13px}.finance-store-card{padding:12px}.finance-store-card>header{flex-direction:column}.finance-store-card>header>div:last-child{text-align:start}.finance-payout-list>article{grid-template-columns:minmax(0,1fr);gap:10px}.finance-payout-list>article>div:last-child{justify-items:start}.finance-payout-list form{width:100%}}
@media(max-width:640px){.merchant-finance-balance,.merchant-finance-notices{grid-template-columns:minmax(0,1fr);gap:8px}.merchant-finance-balance__main{grid-column:auto}.merchant-finance-balance>article,.merchant-finance-notices>article{padding:14px}.merchant-finance-notices>article{grid-template-columns:minmax(0,1fr)}.merchant-finance-notices strong{text-align:start}.merchant-finance-filters{display:grid;grid-template-columns:minmax(0,1fr);padding:10px}.merchant-finance-filters select{width:100%;min-width:0}.merchant-finance-filters .text-link{text-align:center}.merchant-settlement-card{padding:13px}.merchant-settlement-card header{flex-direction:column}.merchant-settlement-card__values{grid-template-columns:minmax(0,1fr)}.merchant-settlement-card__values .merchant-settlement-card__net{grid-column:auto}.merchant-settlement-card footer{align-items:flex-start;flex-direction:column}.merchant-payouts .section-head{gap:8px}.merchant-payouts .section-head .text-link{padding:0}}
@media(max-width:760px){.platform-services-hero{align-items:stretch;flex-direction:column}.platform-services-hero .secondary{width:100%}.platform-service-grid,.platform-service-metrics{grid-template-columns:minmax(0,1fr)}}
/* Invoice documents */
.invoice-document{max-width:980px;margin:0 auto;padding:clamp(12px,3vw,28px)}
.invoice-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}
.invoice-paper{background:#fff;border:1px solid #e7e3f3;border-radius:18px;padding:clamp(18px,4vw,34px);box-shadow:0 18px 50px rgba(25,20,45,.06);color:#201d2f}
.invoice-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #ece8f7;padding-bottom:18px;margin-bottom:18px}
.invoice-header span{display:block;color:#6b5ee7;font-weight:800;letter-spacing:0}
.invoice-header h1{margin:6px 0 0;font-size:clamp(26px,5vw,42px);line-height:1.15}
.invoice-header bdi{display:block;font-weight:900;font-size:20px;color:#111827;text-align:left}
.invoice-header small,.invoice-header em{display:block;color:#777285;font-style:normal;text-align:left;margin-top:4px}
.invoice-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.invoice-meta p{border:1px solid #ece8f7;border-radius:14px;padding:12px;margin:0;background:#faf9ff}
.invoice-meta span,.invoice-store small{display:block;color:#858091;font-size:13px}
.invoice-meta b,.invoice-meta bdi{display:block;margin-top:5px;font-size:16px;color:#211f2f}
.invoice-store{margin-top:18px}
.invoice-store h2{font-size:18px;margin:0 0 10px}
.invoice-store table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}
.invoice-store th,.invoice-store td{border-bottom:1px solid #ece8f7;padding:12px;text-align:right;vertical-align:top}
.invoice-store th{background:#f6f4ff;color:#5a526c;font-size:13px}
.invoice-store td small{margin-top:4px}
.invoice-totals{max-width:420px;margin:22px 0 0 auto;border:1px solid #ece8f7;border-radius:16px;overflow:hidden}
.invoice-total-row{display:flex;justify-content:space-between;gap:18px;padding:12px 14px;border-bottom:1px solid #ece8f7}
.invoice-total-row:last-child{border-bottom:0;background:#f7f4ff;color:#5f4de2;font-weight:900}
.invoice-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #ece8f7;color:#777285;font-size:13px}
.invoice-link,.invoice-links{margin-top:12px}
.invoice-links{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:700px){.invoice-meta{grid-template-columns:1fr}.invoice-header,.invoice-footer{display:block}.invoice-header bdi,.invoice-header small,.invoice-header em{text-align:right}.invoice-store table{font-size:13px}.invoice-store th,.invoice-store td{padding:9px 7px}.invoice-totals{max-width:none}}
@media print{body{background:#fff!important}.site-header,.bottom-nav,.invoice-toolbar{display:none!important}.app-shell,.page-shell,.invoice-document{padding:0!important;margin:0!important;max-width:none!important}.invoice-paper{border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.invoice-header h1{font-size:30px}.invoice-store th,.invoice-store td{padding:8px}.invoice-footer{position:fixed;bottom:0;left:0;right:0}}
.checkout-line--discount{color:#b54d64}.checkout-line--discount b{color:#b54d64}.merchant-coupon-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.merchant-coupon-intro article{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f7f4ff)}.merchant-coupon-intro span,.merchant-coupon-intro small{display:block;color:var(--muted)}.merchant-coupon-intro strong{display:block;margin:6px 0;font-size:1.5rem;color:var(--primary)}.merchant-coupon-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.merchant-coupon-cards article{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.merchant-coupon-cards header{display:flex;align-items:center;justify-content:space-between;gap:10px}.merchant-coupon-cards header bdi{font-weight:800;letter-spacing:.04em;color:var(--primary)}.merchant-coupon-cards p{margin:14px 0 6px}.merchant-coupon-cards small{display:block;min-height:38px;color:var(--muted);line-height:1.7}.merchant-coupon-cards form{margin-top:14px}.merchant-coupon-form select[multiple]{min-height:130px}@media(max-width:700px){.merchant-coupon-intro{grid-template-columns:1fr}.merchant-coupon-form .form-grid{grid-template-columns:1fr}.merchant-coupon-cards{grid-template-columns:1fr}}
.merchant-analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.merchant-analytics-toolbar p{margin:0}.merchant-analytics-toolbar nav{display:flex;flex-wrap:wrap;gap:7px}.merchant-analytics-toolbar nav a{padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.88rem}.merchant-analytics-toolbar nav a.is-active{color:var(--primary);border-color:#cfc4ff;background:#f5f2ff;font-weight:800}.merchant-analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.merchant-analytics-metrics article{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f8f6ff)}.merchant-analytics-metrics span,.merchant-analytics-metrics small{display:block;color:var(--muted)}.merchant-analytics-metrics strong{display:block;color:var(--primary);font-size:1.35rem;margin:8px 0}.merchant-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.merchant-analytics-bars{height:190px;display:flex;align-items:end;gap:7px;padding-top:12px;overflow:auto}.merchant-analytics-bars>div{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.merchant-analytics-bars i{display:block;width:100%;max-width:34px;min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#7d68ee,#5e49d7)}.merchant-analytics-bars span{font-size:.68rem;color:var(--muted);white-space:nowrap}.merchant-analytics-list{display:grid;gap:10px}.merchant-analytics-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.merchant-analytics-list article:last-child{border-bottom:0}.merchant-analytics-list b,.merchant-analytics-list bdi{color:var(--primary);font-weight:800;min-width:28px}.merchant-analytics-list strong,.merchant-analytics-list small{display:block}.merchant-analytics-list small{color:var(--muted);margin-top:3px}.merchant-analytics-list em{font-style:normal;font-weight:800;white-space:nowrap}.merchant-analytics-stock{display:grid;gap:9px}.merchant-analytics-stock a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:12px}.merchant-analytics-stock a:hover{background:#f7f5ff}.merchant-analytics-stock img{width:42px;height:42px;object-fit:cover;border-radius:10px;background:#f3f1f8}.merchant-analytics-stock b,.merchant-analytics-stock small{display:block}.merchant-analytics-stock small{margin-top:3px;color:var(--muted)}.merchant-analytics-stock em{font-style:normal;font-weight:800;color:#b54d64}@media(max-width:900px){.merchant-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-analytics-grid{grid-template-columns:1fr}}@media(max-width:600px){.merchant-analytics-toolbar{align-items:stretch;flex-direction:column}.merchant-analytics-toolbar nav{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.merchant-analytics-toolbar nav a{white-space:nowrap}.merchant-analytics-metrics{grid-template-columns:1fr 1fr;gap:10px}.merchant-analytics-metrics article{padding:14px}.merchant-analytics-metrics strong{font-size:1.05rem}.merchant-analytics-bars{height:165px}.merchant-analytics-stock a{padding-inline:0}}
.merchant-marketing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.merchant-marketing-summary article{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f8f6ff)}.merchant-marketing-summary span,.merchant-marketing-summary small{display:block;color:var(--muted)}.merchant-marketing-summary strong{display:block;color:var(--primary);font-size:1.4rem;margin:7px 0}.merchant-campaigns-list{margin-top:18px}.merchant-campaign-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.merchant-campaign-cards article{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.merchant-campaign-cards header{display:flex;justify-content:space-between;gap:10px;align-items:start}.merchant-campaign-cards h3{margin:0;font-size:1rem}.merchant-campaign-cards header small,.merchant-campaign-cards>small{display:block;margin-top:4px;color:var(--muted);line-height:1.6}.merchant-campaign-card__metrics{display:flex;gap:12px;padding:10px 0;border-block:1px solid var(--line);color:var(--muted);font-size:.86rem}.merchant-campaign-card__metrics span{display:grid;gap:2px}.merchant-campaign-card__metrics b{color:var(--text)}.merchant-campaign-cards input[readonly]{font-size:.78rem;background:#f8f7fc;color:#5b5680;cursor:copy}.merchant-campaign-cards form{margin-top:auto}@media(max-width:900px){.merchant-marketing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.merchant-marketing-summary{grid-template-columns:1fr 1fr;gap:10px}.merchant-marketing-summary article{padding:14px}.merchant-marketing-summary strong{font-size:1.08rem}.merchant-campaign-cards{grid-template-columns:1fr}.merchant-campaign-card__metrics{justify-content:space-between}}
/* Campaign creative center: uses the same restrained cards and responsive form language. */
.merchant-campaign-content{display:grid;gap:14px;margin:18px 0;padding:16px;border:1px solid #e3def7;border-radius:16px;background:#faf9ff}.merchant-campaign-content h3{margin:0;color:var(--ink);font-size:17px}.merchant-campaign-content textarea{min-height:88px;resize:vertical}.merchant-campaign-card__creative{display:grid;gap:4px;padding:11px;border-radius:12px;background:#faf9ff}.merchant-campaign-card__creative b{font-size:.92rem}.merchant-campaign-card__creative small{color:var(--muted);font-size:.78rem}.platform-marketing-campaign{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,.62fr);align-items:start!important;gap:14px}.platform-marketing-campaign__details{display:grid;gap:5px;min-width:0}.platform-marketing-campaign__details>small{color:var(--muted);line-height:1.6}.platform-marketing-campaign form{display:grid;gap:9px;margin:0}.platform-marketing-campaign form>div{display:flex;flex-wrap:wrap;gap:7px}.campaign-review-copy{display:grid;gap:5px;margin-top:6px;padding:12px;border-radius:12px;background:#faf9ff}.campaign-review-copy strong{font-size:.94rem}.campaign-review-copy p{margin:0;color:#5e586f;font-size:.85rem;line-height:1.7}.campaign-review-copy small{color:var(--muted);line-height:1.6}.campaign-review-assets{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.campaign-review-assets img{width:68px;height:68px;border:1px solid var(--line);border-radius:10px;object-fit:cover;background:#f4f2f9}.campaign-review-assets span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid #ddd7f2;border-radius:10px;background:#f6f3ff;color:var(--brand);font-size:11px;font-weight:800}
@media(max-width:720px){.merchant-campaign-content{padding:13px}.merchant-campaign-content .form-grid{grid-template-columns:1fr}.platform-marketing-campaign{grid-template-columns:1fr}.platform-marketing-campaign form>div>*{flex:1}.campaign-review-assets img{width:58px;height:58px}}
/* Post-submission creative editing stays compact inside the existing campaign card. */
.merchant-campaign-editor{border:1px solid var(--line);border-radius:13px;background:#fafbfe}.merchant-campaign-editor>summary{padding:12px 13px;color:var(--brand);font-size:13px;font-weight:800;cursor:pointer;list-style:none}.merchant-campaign-editor>summary::-webkit-details-marker{display:none}.merchant-campaign-editor>summary::after{content:'⌄';float:left;color:#7b7394;font-size:16px;line-height:.8}.merchant-campaign-editor[open]>summary{border-bottom:1px solid var(--line)}.merchant-campaign-editor[open]>summary::after{transform:rotate(180deg)}.merchant-campaign-editor__body{display:grid;gap:13px;padding:14px}.merchant-campaign-editor__body>form{display:grid;gap:12px;margin:0}.merchant-campaign-editor__body textarea{min-height:84px;resize:vertical}.campaign-creative-manager{display:grid;gap:10px;padding-top:13px;border-top:1px solid var(--line)}.campaign-creative-manager .section-head{align-items:flex-start}.campaign-creative-manager h3{margin:0;font-size:15px}.campaign-creative-manager__list{display:grid;gap:8px}.campaign-creative-manager__list>article{display:grid;grid-template-columns:auto 54px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:grab}.campaign-creative-manager__list>article.is-dragging{opacity:.45;border-style:dashed}.campaign-creative-manager__list img,.campaign-creative-manager__video{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:9px;background:#f4f2fb;object-fit:cover}.campaign-creative-manager__video{color:var(--brand);font-size:10px;font-weight:800}.campaign-creative-manager__list b,.campaign-creative-manager__list small{display:block}.campaign-creative-manager__list small{margin-top:3px;color:var(--muted);font-size:10px}.campaign-creative-manager__list form{margin:0}.campaign-creative-manager__list .media-delete{min-height:36px;padding:6px 10px;font-size:11px}.campaign-creative-manager>form{margin:0}.campaign-creative-manager>form .secondary{min-height:38px;font-size:11px}
@media(max-width:620px){.merchant-campaign-editor__body{padding:12px}.merchant-campaign-editor__body .form-grid{grid-template-columns:1fr}.campaign-creative-manager__list>article{grid-template-columns:auto 48px minmax(0,1fr);align-items:start}.campaign-creative-manager__list img,.campaign-creative-manager__video{width:48px;height:48px}.campaign-creative-manager__list form{grid-column:2/-1}.campaign-creative-manager__list .media-delete{width:100%}}
.suite-panel { margin-block:1.25rem; padding:clamp(1rem,3vw,2rem); }
.suite-panel h2 { margin-block:0 1rem; }
.suite-panel form { margin-block:1rem; }
.suite-panel input:not([type=checkbox]),.suite-panel select,.suite-panel textarea { width:100%; box-sizing:border-box; }
.suite-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:1rem; }
.suite-card { border:1px solid #e2e8f0; border-radius:16px; padding:1.25rem; margin-block:.75rem; background:#fff; overflow-wrap:anywhere; }
.suite-card h3 { margin-top:0; }
.suite-card strong { color:#123d35; }
.platform-analytics{display:grid;gap:18px;min-width:0}.platform-analytics .platform-admin__panel{margin:0}.analytics-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;align-items:end;margin:18px 0 10px}.analytics-filters label{display:grid;gap:6px;font-size:12px}.analytics-filters input,.analytics-filters select{width:100%;min-width:0;box-sizing:border-box}.analytics-metrics{margin:0;gap:12px}.analytics-metrics article{min-width:0}.analytics-metrics strong{overflow-wrap:anywhere}.analytics-alerts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.analytics-alerts a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:12px;text-decoration:none}.analytics-alerts b{color:var(--brand);font-size:20px}.analytics-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px}.analytics-chart{max-height:340px;overflow:auto;padding:4px}.analytics-day{display:grid;grid-template-columns:82px minmax(30px,1fr) 150px;gap:10px;align-items:center;margin:12px 0;font-size:11px}.analytics-day time{direction:ltr}.analytics-day small{font-size:11px}.analytics-bar{height:12px;background:#f1eefb;border-radius:8px;overflow:hidden}.analytics-bar span{display:block;height:100%;background:var(--brand,#6651dc);border-radius:8px}.analytics-statuses>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.platform-analytics table{white-space:nowrap}.platform-analytics .muted{line-height:1.8;font-size:12px}@media(max-width:800px){.analytics-columns{grid-template-columns:1fr}.analytics-day{grid-template-columns:76px minmax(20px,1fr) 130px;gap:6px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.analytics-filters{grid-template-columns:1fr}.analytics-day{grid-template-columns:76px 1fr}.analytics-day small{grid-column:2}.analytics-metrics{grid-template-columns:1fr}}
.product-admin{max-width:1360px}.product-admin__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.product-admin__heading h2{margin:.15rem 0 .35rem}.product-admin__heading p:not(.dashboard-eyebrow){max-width:720px;margin:0;color:var(--muted);line-height:1.75}.product-admin__count{flex:0 0 auto;padding:8px 11px;border:1px solid #ddd7f7;border-radius:999px;background:#f8f6ff;color:var(--brand);font-size:12px;font-weight:800}.product-admin__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:13px}.product-admin-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;min-width:0;padding:10px;border:1px solid #e7e4ee;border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(31,24,60,.035)}.product-admin-card__image{position:relative;display:block;width:92px;height:92px;overflow:hidden;border-radius:12px;background:#f4f2f9}.product-admin-card__image img{width:100%;height:100%;object-fit:cover}.product-admin-card__image span{position:absolute;inset-inline:6px;bottom:6px;padding:4px;border-radius:7px;background:rgba(18,17,33,.7);color:#fff;text-align:center;font-size:10px;font-weight:800;opacity:0;transition:opacity .15s}.product-admin-card__image:hover span,.product-admin-card__image:focus-visible span{opacity:1}.product-admin-card__content{min-width:0}.product-admin-card__meta,.product-admin-card__signals{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-admin-card__meta small{color:var(--muted);font-size:10px}.product-admin-card__state{padding:3px 7px;border-radius:999px;background:#f3f1f7;color:#615b72;font-size:10px;font-weight:800}.product-admin-card__state--published{background:#eaf8f1;color:#17734c}.product-admin-card__state--blocked{background:#fff0f1;color:#b42335}.product-admin-card__state--archived{background:#f2f3f5;color:#626a77}.product-admin-card h3{overflow:hidden;margin:7px 0 2px;color:var(--text);font-size:14px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.product-admin-card h3+p{overflow:hidden;margin:0;color:var(--muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.product-admin-card__signals{margin-top:8px;color:#6c6680;font-size:10px}.product-admin-card__signals a{color:var(--brand);font-weight:800;text-decoration:none}.product-admin-card__controls{margin-top:10px;border-top:1px solid #eeebf4}.product-admin-card__controls summary{padding-top:9px;color:var(--brand);font-size:11px;font-weight:800;cursor:pointer;list-style:none}.product-admin-card__controls summary::-webkit-details-marker{display:none}.product-admin-card__controls summary::after{content:'⌄';float:left;font-size:15px;line-height:.7}.product-admin-card__controls[open] summary::after{transform:rotate(180deg)}.product-admin-card__controls form{display:grid;gap:9px;margin:10px 0 0}.product-admin-card__checks{display:flex;flex-wrap:wrap;gap:6px 12px}.product-admin-card__checks .check{font-size:11px}.product-admin-card__reason{display:grid;gap:4px;color:var(--muted);font-size:11px}.product-admin-card__reason input{min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:11px}.product-admin-card__controls .primary{min-height:36px;padding:7px 10px;font-size:11px}@media(max-width:620px){.product-admin__heading{display:block}.product-admin__count{display:inline-block;margin-top:10px}.product-admin__grid{grid-template-columns:1fr;gap:10px}.product-admin-card{grid-template-columns:82px minmax(0,1fr)}.product-admin-card__image{width:82px;height:82px}}
.marketing-preferences { display:grid; gap:16px; margin:22px 24px; padding:20px; border:1px solid #e3ddfa; border-radius:18px; background:linear-gradient(145deg,#fff,#fbfaff); }
.marketing-preferences>header>span { color:var(--brand); font-size:11px; font-weight:800; }
.os-ui .marketing-preferences h2 { margin:3px 0 5px; font-size:18px; }
.marketing-preferences>header>p { margin:0; color:var(--muted); font-size:12px; line-height:1.8; }
.marketing-preferences__notice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; border:1px solid #eadfb6; border-radius:12px; background:#fffaf0; }
.marketing-preferences__notice>div { display:grid; gap:2px; }
.marketing-preferences__notice b { color:#856315; font-size:12px; }
.marketing-preferences__notice small { color:#897c59; font-size:11px; }
.marketing-preferences__notice form { margin:0; }
.marketing-preferences__email-setup { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; padding:17px 18px; }
.marketing-preferences__email-setup>div { align-self:auto; gap:5px; }
.marketing-preferences__email-setup>div b { font-size:14px; }
.marketing-preferences__email-setup>div small { max-width:620px; line-height:1.8; }
.marketing-preferences__email-setup form { display:grid; grid-template-columns:minmax(0,1fr); align-items:end; gap:10px; width:100%; }
.marketing-preferences__email-setup label { display:grid; gap:6px; margin:0; font-size:12px; font-weight:700; color:#665c42; }
.marketing-preferences__email-setup input { min-width:0; height:44px; padding-inline:12px; border-color:#d9d2ed; background:#fff; box-shadow:0 1px 2px rgba(62,47,106,.04); }
.marketing-preferences__email-setup input:focus { border-color:var(--brand); box-shadow:0 0 0 3px rgba(91,75,219,.12); outline:0; }
.marketing-preferences__email-setup .secondary { justify-self:start; min-height:44px; padding:8px 15px; border-color:#cfc3ed; background:#fff; }
.marketing-preferences__notice .secondary { min-height:38px; padding:7px 11px; white-space:nowrap; }
.marketing-preferences form { display:grid; gap:12px; margin:0; }
.marketing-preferences__channels { display:grid; gap:9px; }
.marketing-preference-card { display:grid!important; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; margin:0!important; padding:13px 14px; border:1px solid var(--line); border-radius:13px; background:#fff; cursor:pointer; }
.marketing-preference-card:has(input:checked) { border-color:#bbb1ef; background:#faf9ff; }
.marketing-preference-card input { width:18px; height:18px; margin:0; accent-color:var(--brand); }
.marketing-preference-card span { display:grid; gap:2px; min-width:0; }
.marketing-preference-card b { font-size:13px; }
.marketing-preference-card small { color:var(--muted); font-size:11px; }
.marketing-preference-card em { padding:4px 7px; border-radius:99px; background:#ecf8f1; color:#237149; font-size:10px; font-style:normal; font-weight:800; white-space:nowrap; }
.marketing-preference-card.is-disabled { cursor:not-allowed; background:#f8f8fa; opacity:.7; }
.marketing-preference-card.is-disabled em { background:#f0eff4; color:#757080; }
@media(max-width:680px){.marketing-preferences{margin:18px 14px;padding:16px}.marketing-preferences__notice{align-items:stretch;flex-direction:column}.marketing-preferences__email-setup{gap:12px;padding:15px}.marketing-preferences__email-setup form{grid-template-columns:1fr}.marketing-preferences__email-setup .secondary,.marketing-preferences__notice .secondary{width:100%;justify-self:stretch}.marketing-preference-card{padding:12px}.marketing-preference-card em{align-self:start}}
.suite-tag { display:inline-block; border-radius:999px; background:#edf6f2; color:#205243; padding:.25rem .65rem; margin-inline:.5rem; font-size:.8rem; }
.suite-details { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1rem; }
.suite-details dt { color:#64748b; font-size:.85rem; }
.suite-details dd { margin:0; overflow-wrap:anywhere; }
.suite-panel blockquote { border-inline-start:3px solid #b8d9cd; margin-inline:0; padding:1rem; background:#f7faf9; }
/* Public storefront: edge-to-edge cover and consistently aligned catalog cards. */
.os-ui .shop-layout--store .store-showcase { padding:0; margin:0 0 20px; border:0; border-radius:18px; background:transparent; box-shadow:none; overflow:hidden; }
.shop-layout--store .store-public-profile { min-height:280px; margin:0; border:0; border-radius:18px; background:#f1eef8; isolation:isolate; }
.shop-layout--store .store-public-profile__cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.shop-layout--store .store-public-profile::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(255,255,255,.98),rgba(255,255,255,.9) 30%,rgba(255,255,255,.08) 80%); z-index:-1; }
.shop-layout--store .store-public-profile__content { align-self:end; align-items:center; margin:0; padding:26px; gap:16px; }
.shop-layout--store .store-public-profile__details { padding:0; }
.shop-layout--store .store-public-profile__identity h1 { margin:0; font-size:24px; }
.shop-layout--store .store-public-profile__logo,.shop-layout--store .store-public-profile__initial { width:76px; height:76px; background:#fff; }
.shop-layout--store .store-public-profile__links:empty { display:none; }
.shop-layout--store .store-browse-controls { margin:0 0 20px; padding:12px 16px; gap:10px; }
.shop-layout--store .store-control { min-height:44px; cursor:pointer; }
.os-ui .shop-layout--store .store-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; background:transparent; align-items:start; direction:rtl; scroll-margin-top:150px; }
.os-ui .shop-layout--store .store-product { border:1px solid var(--line); border-radius:16px; background:#fff; }
.shop-layout--store .store-product__image img { object-fit:contain; background:#fff; }
.store-product__social { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:2px 14px; border-bottom:1px solid var(--line); background:#fff; }
.store-product__social .action { margin:0; min-height:44px; }
.store-product__social .action svg { width:21px; height:21px; }
.store-product__feedback { display:inline-flex; align-items:center; min-height:44px; color:inherit; }
.store-product__social .product-feedback { margin:0; white-space:nowrap; }
.shop-layout--store .store-grid .store-product__body { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:10px; padding:14px; align-items:center; }
.shop-layout--store .store-product__title,.store-product__description { grid-column:1/-1; min-width:0; }
.os-ui .shop-layout--store .store-product h2 { margin:0; font-size:16px; line-height:1.6; white-space:normal; overflow-wrap:anywhere; }
.store-product__description { margin:0; color:var(--muted); font-size:12px; line-height:1.8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.shop-layout--store .store-grid .store-product [data-feed-price] { grid-column:1; grid-row:auto; min-width:0; min-height:0; padding:0; font-size:15px; line-height:1.6; overflow-wrap:normal; word-break:normal; }
.shop-layout--store .store-grid .store-product__add { grid-column:2; width:44px; min-height:44px; border-radius:12px; padding:0; }
.shop-layout--store .store-grid--overlay .store-product__body { bottom:49px; padding-top:24px; }
.shop-layout--store :is(.store-product__feedback,.store-product__title,.store-product__add,.favorite-action,.store-public-profile__browse):focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
@media(max-width:680px) {
  .os-ui .shop-layout--store .store-showcase { margin-bottom:16px; border-radius:0; }
  .shop-layout--store .store-public-profile { min-height:240px; border-radius:0; }
  .shop-layout--store .store-public-profile__content { padding:18px 14px; gap:12px; }
  .shop-layout--store .store-public-profile__logo,.shop-layout--store .store-public-profile__initial { width:60px; height:60px; border-radius:16px; }
  .shop-layout--store .store-public-profile__identity h1 { font-size:19px; }
  .shop-layout--store .store-browse-controls { margin:0 10px 16px; padding:8px 10px; flex-wrap:wrap; gap:6px; }
  .shop-layout--store .store-browse-controls__label { font-size:11px; }
  .shop-layout--store .store-control { padding:6px 8px; font-size:11px; }
  .os-ui .shop-layout--store .store-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0 10px 16px; }
  .shop-layout--store .store-grid .store-product__body { padding:10px; gap:8px; grid-template-columns:minmax(0,1fr) 44px; }
  .store-product__social { padding:2px 8px; gap:6px; }
  .store-product__social .product-feedback { font-size:10px; gap:3px; }
  .store-product__social .product-feedback__comment { margin-inline-start:4px; }
  .shop-layout--store .store-grid .store-product [data-feed-price] { grid-column:1/-1; font-size:13px; }
  .shop-layout--store .store-grid .store-product__add { grid-column:1/-1; width:100%; }
  .shop-layout--store .store-grid .store-product__add-text { display:inline; }
  .os-ui .shop-layout--store .store-product h2 { font-size:14px; }
  .store-product__description { font-size:11px; }
}
/* Mobile store browsing: photo grid or full product feed. Desktop is unchanged. */
.store-mobile-views { display:none; }
.shop-layout--store .store-product__image { position:relative; }
.shop-layout--store .store-grid .store-product .store-product__image-price { display:none; }
@media(max-width:680px) {
  .store-mobile-views:not([hidden]) { display:flex; margin:0 10px 12px; border-block:1px solid var(--line); background:#fff; }
  .store-mobile-views button { display:flex; flex:1; justify-content:center; align-items:center; gap:8px; min-height:48px; padding:8px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font:inherit; font-size:12px; cursor:pointer; }
  .store-mobile-views svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
  .store-mobile-views button[aria-pressed="true"] { color:var(--brand); border-bottom-color:var(--brand); font-weight:800; }
  .store-mobile-views button:focus-visible { outline:2px solid var(--brand); outline-offset:-4px; }
  .os-ui .shop-layout--store .store-grid[data-mobile-layout="grid"] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; padding:0 3px 16px; }
  .os-ui .shop-layout--store .store-grid[data-mobile-layout="grid"] .store-product { border:0; border-radius:0; }
  .shop-layout--store .store-grid[data-mobile-layout="grid"] :is(.store-product__social,.store-product__body) { display:none; }
  .shop-layout--store .store-grid[data-mobile-layout="grid"] .store-product .store-product__image-price { display:block; position:absolute; inset-inline:0; bottom:0; padding:16px 4px 5px; background:linear-gradient(transparent,rgba(0,0,0,.75)); color:#fff; font-size:11px; font-weight:700; line-height:1.5; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.5); pointer-events:none; }
  .os-ui .shop-layout--store .store-grid[data-mobile-layout="feed"] { grid-template-columns:minmax(0,1fr); gap:18px; padding:0 0 16px; }
  .os-ui .shop-layout--store .store-grid[data-mobile-layout="feed"] .store-product { width:100%; border:0; border-radius:0; box-shadow:none; scroll-margin-top:80px; }
  .shop-layout--store .store-grid[data-mobile-layout="feed"] .store-product__body { position:static; padding:14px; background:#fff; backdrop-filter:none; }
  .shop-layout--store .store-grid[data-mobile-layout="feed"] .store-product__social { padding:2px 14px; gap:14px; }
  .shop-layout--store .store-grid[data-mobile-layout="feed"] .product-feedback { font-size:12px; gap:4px; }
  .os-ui .shop-layout--store .store-grid[data-mobile-layout="feed"] .store-product h2 { font-size:17px; }
  .shop-layout--store .store-grid[data-mobile-layout="feed"] .store-product__description { font-size:13px; }
  .shop-layout--store .store-grid[data-mobile-layout="feed"] [data-feed-price] { font-size:17px; }
}
/* Product detail: give the image and purchasing decision equal, clear space. */
.os-ui .product-detail { max-width:1120px; padding:0; overflow:hidden; border-radius:18px; }
.product-detail__store { display:flex; align-items:center; gap:7px; min-height:52px; padding:0 26px; border-bottom:1px solid var(--line); color:var(--ink); font-size:13px; font-weight:800; }
.product-detail__store>span { margin-inline-start:auto; color:var(--brand); font-size:11px; }
.product-detail__layout { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr); align-items:start; }
.product-detail__media { min-width:0; padding:22px; background:linear-gradient(135deg,#faf9ff,#f7f7fa); border-inline-end:1px solid var(--line); }
.product-detail__media .product-gallery { margin:0; }
.product-detail__media .product-gallery__stage { border:1px solid #eceaf2; box-shadow:0 8px 22px rgba(39,30,70,.05); }
.product-detail__media .product-video { display:block; width:100%; aspect-ratio:16/9; margin-top:14px; border:0; border-radius:12px; background:#17151f; }
.product-detail__summary { min-width:0; padding:30px; }
.product-detail__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:17px; border-bottom:1px solid var(--line); }
.os-ui .product-detail__heading h1 { margin:0 0 8px; font-size:28px; line-height:1.35; }
.product-detail__feedback { display:inline-flex; color:inherit; }
.product-detail__feedback:hover { color:var(--brand); }
.product-detail__heading .product-favorite { flex:none; margin:0; }
.product-detail__heading .favorite-action { display:inline-flex; align-items:center; gap:6px; min-width:48px; min-height:48px; padding:0 11px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.product-detail__description { margin:17px 0 22px; color:#5c5869; font-size:14px; line-height:2; }
.product-detail__summary #product-options { margin-bottom:4px; }
.product-detail__summary .price-row { margin-top:14px; padding:16px 0 10px; }
.product-detail__summary .price-row strong { font-size:23px; }
.product-detail__summary .tax-info { margin-bottom:12px; }
.product-detail__summary .quantity-field { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; padding:12px 0; border-top:1px solid var(--line); }
.product-detail__summary .quantity-field>span { font-size:13px; font-weight:800; }
.product-detail__summary #product-add { min-height:52px; border-radius:12px; font-size:15px; }
.product-detail__extra { display:flex; align-items:center; gap:20px; padding:0 30px 22px; }
.product-detail__extra details { flex:1; margin:0; }
.product-detail__extra .tags { margin:0; justify-content:flex-end; }
@media(max-width:760px) {
  .os-ui:not(.is-dashboard) .product-detail { padding:0; border-radius:0; }
  .product-detail__store { min-height:48px; padding-inline:16px; }
  .product-detail__layout { display:block; }
  .product-detail__media { padding:0; border:0; background:#faf9ff; }
  .product-detail__media .product-gallery__stage { border:0; box-shadow:none; border-radius:0; }
  .product-detail__media .product-gallery__thumbs { padding:10px 16px 13px; }
  .product-detail__media .product-gallery__thumbs button { flex-basis:62px; width:62px; height:62px; }
  .product-detail__media .product-video { border-radius:0; margin:0; }
  .product-detail__summary { padding:22px 16px; }
  .os-ui .product-detail__heading h1 { font-size:23px; }
  .product-detail__description { font-size:13px; margin:14px 0 18px; }
  .product-detail__summary .price-row strong { font-size:20px; }
  .product-detail__extra { display:block; padding:0 16px 18px; }
  .product-detail__extra .tags { margin-top:14px; justify-content:flex-start; }
}
.invoice-paper { max-width:900px; margin-inline:auto; }
.invoice-paper table { width:100%; border-collapse:collapse; }
.invoice-paper thead { background:#f1f5f4; }
.invoice-paper th,.invoice-paper td { padding:.85rem; text-align:start; border-bottom:1px solid #e2e8f0; }
.invoice-paper small { display:block; margin-block:.3rem; }
@media print { .invoice-paper { font-size:11pt; box-shadow:none; border:0; } .invoice-paper thead { display:table-header-group; } .invoice-paper tr,.invoice-meta,.invoice-totals { break-inside:avoid; } }

/* Keep phone form controls above Safari's auto-zoom threshold without disabling user zoom. */
@media(max-width:760px) {
  .os-ui :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),select,textarea) {
    font-size:17px !important;
    -webkit-text-size-adjust:100%;
  }
}

/* Match the phone-login form width to the email-login fields on mobile. */
@media(max-width:680px) {
  .os-ui[data-page="login"] .auth-phone-primary,
  .os-ui[data-page="login"] .auth-phone-primary form,
  .os-ui[data-page="login"] .auth-phone-primary label,
  .os-ui[data-page="login"] .auth-phone-primary .phone-number-input,
  .os-ui[data-page="login"] .auth-phone-primary .primary {
    width:100%;
    max-width:none;
    min-width:0;
    box-sizing:border-box;
  }
  .os-ui[data-page="login"] .auth-phone-primary { margin-inline:0; }
}

/* Store staff uses the shared dashboard panels, forms and color palette. */
.staff-panel{display:grid;gap:18px;min-width:0}.staff-panel>form{display:grid;gap:12px;margin:0;padding-bottom:16px;border-bottom:1px solid var(--line)}.staff-panel .form-grid>*{min-width:0}.staff-list{display:grid;gap:12px;min-width:0}.staff-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.staff-card__identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.staff-card__identity>div{flex:1;min-width:0}.staff-card__identity b,.staff-card__identity bdi{display:block;overflow-wrap:anywhere}.staff-card__identity bdi{margin-top:4px;color:var(--muted);font-size:12px;direction:ltr;text-align:start}.staff-card__identity>.merchant-status{margin-inline-start:auto}.staff-card .muted{margin:0;font-size:12px}.staff-card__actions{display:flex;gap:8px;flex-wrap:wrap}.staff-card__actions form{margin:0}.staff-card__actions .secondary{min-height:40px;padding:8px 12px;font-size:12px;touch-action:manipulation}.staff-login form{display:grid;gap:14px}.staff-login .phone-number-input{width:100%;min-width:0}.staff-login-link{display:block;margin-top:16px;text-align:center}.staff-login .text-link{display:block;margin-top:14px}
@media(max-width:680px){.staff-panel .form-grid{grid-template-columns:minmax(0,1fr)}.staff-card{padding:13px}.staff-card__identity .dashboard-avatar{width:38px;height:38px;flex:none}.staff-card__actions>form{flex:1}.staff-card__actions .secondary{width:100%}.staff-login input{font-size:16px}.staff-panel .phone-number-input{min-width:0;width:100%}}
/* Store-scoped staff contribution and commission panels. */
.staff-commission-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staff-commission-metrics article{display:grid;gap:7px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:#faf9ff}.staff-commission-metrics span{color:var(--muted);font-size:12px}.staff-commission-metrics strong{color:var(--brand);font-size:19px;overflow-wrap:anywhere}.staff-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px}.staff-photo-grid img{display:block;width:100%;max-height:200px;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:11px}.staff-photo-grid small{color:var(--muted);overflow-wrap:anywhere}.staff-panel table small{display:block;color:var(--muted);font-size:11px}.staff-panel>.panel{margin:0}.staff-task{border:1px solid var(--line);border-radius:13px;overflow:hidden}.staff-task>summary{padding:14px;color:var(--brand);font-weight:800;cursor:pointer;background:#faf9ff}.staff-task>form{display:grid;gap:13px;padding:14px;margin:0}.staff-panel select,.staff-panel input{min-width:0;max-width:100%}.staff-share-result{width:100%;font-size:13px!important}.staff-panel+.staff-panel{margin-top:16px}
@media(max-width:680px){.staff-commission-metrics{grid-template-columns:minmax(0,1fr)}.staff-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-photo-grid .staff-card{padding:9px}.staff-photo-grid .staff-card__actions{display:grid;grid-template-columns:1fr}.staff-photo-grid button{width:100%;min-width:0;font-size:12px}.staff-task>form{padding:12px}.staff-commission-metrics strong{font-size:18px}}
/* Quick capture shares the site's typography, colors and single stylesheet. */
.quick-capture-page{display:grid;gap:16px;width:min(100%,760px);margin:0 auto;min-width:0}.quick-capture{max-width:760px;margin-inline:auto;min-width:0;width:100%}.quick-capture-heading{text-align:center;margin-bottom:18px}.quick-capture-heading h2{margin:8px 0;font-size:22px}.quick-capture-heading p{margin:0;color:var(--muted);font-size:13px}.quick-capture-badge{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--brand-soft,#f1edff);color:var(--brand);font-size:11px;font-weight:800}.quick-capture form{display:grid;gap:16px}.quick-capture [hidden]{display:none!important}.quick-capture-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}.quick-capture-steps li{padding:10px;border-bottom:2px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;text-align:center}.quick-capture-steps li.is-active{border-color:var(--brand);color:var(--brand)}.quick-capture-modes{display:flex;justify-content:center;gap:8px;margin:0 0 12px}.quick-capture-modes button{min-height:40px;min-width:88px;padding:7px 14px}.quick-capture-modes [aria-pressed=true]{color:var(--brand);border-color:var(--brand);background:var(--brand-soft,#f1edff)}.quick-capture-stage{position:relative;display:grid;place-items:center;aspect-ratio:4/5;max-height:560px;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#f8f7fc}.quick-capture-stage>video,.quick-capture-stage>img{width:100%;height:100%;min-height:0;max-height:560px;object-fit:contain}.quick-capture-placeholder{display:grid;place-items:center;align-content:center;gap:11px;padding:22px;text-align:center;color:var(--muted)}.quick-capture-placeholder svg{width:58px;height:58px;color:var(--brand);opacity:.65}.quick-capture-placeholder strong{color:var(--ink);font-size:16px}.quick-capture-placeholder span{font-size:12px}.quick-capture-controls{display:grid;grid-template-columns:1fr 78px 1fr;gap:12px;align-items:center;margin:16px 0 8px}.quick-capture-controls .secondary{min-height:44px;padding:9px 10px;font-size:12px}.quick-capture-shutter{display:grid;place-items:center;width:74px;height:74px;border:3px solid var(--brand);border-radius:50%;background:#fff;padding:5px;cursor:pointer;touch-action:manipulation;justify-self:center}.quick-capture-shutter>span{width:52px;height:52px;border-radius:50%;background:var(--brand);transition:border-radius .15s ease,transform .15s ease}.quick-capture-shutter:disabled{opacity:.4;cursor:default}.quick-capture-shutter:active:not(:disabled)>span{transform:scale(.9)}.quick-capture.is-recording .quick-capture-shutter{border-color:#d8445c}.quick-capture.is-recording .quick-capture-shutter>span{width:30px;height:30px;border-radius:8px;background:#d8445c}.quick-capture-timer{position:absolute;top:12px;inset-inline-start:12px;padding:5px 9px;border-radius:999px;background:#fff;color:#b62f48;box-shadow:0 2px 12px #201b3215;font:700 14px/1.5 system-ui;direction:ltr}.quick-capture-alternatives{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.quick-capture-alternatives button{border:0;background:none;min-height:44px;cursor:pointer;font:inherit;font-size:12px;color:var(--brand);touch-action:manipulation}.quick-capture-file{display:grid;gap:8px}.quick-capture.is-enhanced .quick-capture-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quick-capture-status{margin:0;min-height:24px;color:var(--brand);font-size:12px;line-height:1.8}.quick-capture-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;margin:0 0 14px;touch-action:manipulation}.quick-capture-history{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.quick-capture-thumb{display:block;width:100%;height:220px;border:1px solid var(--line);border-radius:12px;background:#f8f7fc;object-fit:contain}.quick-capture-history small{color:var(--muted);overflow-wrap:anywhere}.quick-capture-history form{margin:0}.quick-capture-history .staff-card__actions>*{flex:1;min-height:44px;font-size:12px}.quick-capture button{touch-action:manipulation}.quick-capture [data-qc-step="2"]{display:grid;gap:14px}.quick-capture [data-qc-next]{width:100%;margin-top:8px}
@media(max-width:680px){.quick-capture-page{gap:12px}.quick-capture-heading h2{font-size:19px}.quick-capture-stage{border-radius:13px;max-height:490px}.quick-capture-stage>video,.quick-capture-stage>img{max-height:490px}.quick-capture-controls{grid-template-columns:1fr 70px 1fr;gap:8px}.quick-capture-shutter{width:66px;height:66px}.quick-capture-shutter>span{width:46px;height:46px}.quick-capture-controls .secondary{font-size:11px;padding-inline:6px}.quick-capture .form-grid{grid-template-columns:minmax(0,1fr)}.quick-capture input,.quick-capture select{font-size:16px}.quick-capture-history{grid-template-columns:minmax(0,1fr)}.quick-capture-thumb{height:260px}.quick-capture [data-qc-step="2"] .button-row{display:grid;grid-template-columns:1fr}.quick-capture-entry{width:100%}}