[data-preorderRequestView] .pr-rv,
.tab-preorderRequestView .pr-rv{
  padding: 16px;
  display: grid;
  gap: 14px;
}
[data-preorderRequestView] .pr-rv__meta,
.tab-preorderRequestView .pr-rv__meta{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  background: rgba(255,255,255,.55);
}
[data-preorderRequestView] .pr-rv__metaItem,
.tab-preorderRequestView .pr-rv__metaItem{
  min-width: 180px;
}
[data-preorderRequestView] .pr-rv__k,
.tab-preorderRequestView .pr-rv__k{
  font-size: 12px;
  opacity: .7;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 4px;
}
[data-preorderRequestView] .pr-rv__v,
.tab-preorderRequestView .pr-rv__v{
  font-weight: 600;
}
[data-preorderRequestView] .pr-rv__grid,
.tab-preorderRequestView .pr-rv__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
[data-preorderRequestView] .pr-rv__card,
.tab-preorderRequestView .pr-rv__card{
  padding: 16px;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 16px;
  background: rgba(255,255,255,.55);
}
[data-preorderRequestView] .pr-rv__card--full,
.tab-preorderRequestView .pr-rv__card--full{
  grid-column: 1 / -1;
}
[data-preorderRequestView] .pr-rv__h,
.tab-preorderRequestView .pr-rv__h{
  margin: 0 0 10px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .85;
}
[data-preorderRequestView] .pr-rv__dl,
.tab-preorderRequestView .pr-rv__dl{
  margin: 0;
}
[data-preorderRequestView] .pr-rv__row,
.tab-preorderRequestView .pr-rv__row{
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(0,0,0,.05);
}
[data-preorderRequestView] .pr-rv__row:first-child,
.tab-preorderRequestView .pr-rv__row:first-child{
  border-top: 0;
  padding-top: 0;
}
[data-preorderRequestView] .pr-rv__row dt,
.tab-preorderRequestView .pr-rv__row dt{
  font-weight: 600;
  opacity: .75;
}
[data-preorderRequestView] .pr-rv__row dd,
.tab-preorderRequestView .pr-rv__row dd{
  margin: 0;
}
[data-preorderRequestView] .pr-rv__msg,
.tab-preorderRequestView .pr-rv__msg{
  white-space: pre-wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.7);
  min-height: 110px;
}
@media (max-width: 900px){
  [data-preorderRequestView] .pr-rv__grid,
  .tab-preorderRequestView .pr-rv__grid{
    grid-template-columns: 1fr;
  }
  [data-preorderRequestView] .pr-rv__card--full,
  .tab-preorderRequestView .pr-rv__card--full{
    grid-column: auto;
  }
  [data-preorderRequestView] .pr-rv__row,
  .tab-preorderRequestView .pr-rv__row{
    grid-template-columns: 110px 1fr;
  }
}
[data-tickets] .pr-table th:last-child,
.tab-tickets .pr-table th:last-child,
[data-tickets] .pr-table td:last-child,
.tab-tickets .pr-table td:last-child{
  text-align: right;
  white-space: nowrap;
}
[data-tickets] .pr-table th:first-child,
.tab-tickets .pr-table th:first-child,
[data-tickets] .pr-table td:first-child,
.tab-tickets .pr-table td:first-child{
  white-space: nowrap;
  width: 90px;
}
[data-tickets] .pr-table td:nth-child(6),
.tab-tickets .pr-table td:nth-child(6){
  white-space: nowrap;
}
[data-preorderRequests] .pr-table th:last-child,
.tab-preorderRequests .pr-table th:last-child,
[data-preorderRequests] .pr-table td:last-child,
.tab-preorderRequests .pr-table td:last-child{
  text-align: right;
  white-space: nowrap;
}
[data-preorderRequests] .pr-table th:first-child,
.tab-preorderRequests .pr-table th:first-child,
[data-preorderRequests] .pr-table td:first-child,
.tab-preorderRequests .pr-table td:first-child{
  white-space: nowrap;
  width: 190px;
}
[data-preorderRequests] .pr-table td:nth-child(2),
.tab-preorderRequests .pr-table td:nth-child(2){
  white-space: nowrap;
}
[data-catalogRequests] .pr-table th:last-child,
.tab-catalogRequests .pr-table th:last-child,
[data-catalogRequests] .pr-table td:last-child,
.tab-catalogRequests .pr-table td:last-child{
  text-align: right;
  white-space: nowrap;
}
[data-catalogRequests] .pr-table th:first-child,
.tab-catalogRequests .pr-table th:first-child,
[data-catalogRequests] .pr-table td:first-child,
.tab-catalogRequests .pr-table td:first-child{
  white-space: nowrap;
  width: 90px;
}
.pr-modal {
  max-width: 720px;
  width: min(720px, calc(100% - 32px));
  border: 0;
  border-radius: 18px;
  padding: 0;
}

.pr-modal[open]{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.pr-modal::backdrop {
  background: rgba(0, 0, 0, .35);
  backdrop-filter: blur(4px);
}

.pr-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 12px;
}

.pr-modal__body {
  padding: 0 16px 16px;
  max-height: min(70vh, 560px);
  overflow: auto;
}

.pr-dropdownMenu--modal {
  max-height: 60vh;
  overflow: auto;
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  padding: 0;
  box-shadow: none;
}

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  * { margin: 0; }
  body { min-height: 100vh; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
  img, picture { max-width: 100%; display: block; }
  button, input, textarea, select { font: inherit; }
  a { color: inherit; text-decoration: none; }
}

/* Admin Stocks - premium layout */
.stocks-toolbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--s-2);
  padding: var(--s-3);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: none;
  align-items: center;
  margin-bottom: var(--s-3);
}

.stocks-toolbar__form {
  display: grid;
  grid-template-columns: 1.6fr auto auto;
  gap: var(--s-1);
  align-items: end;
}

.stocks-toolbar__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.stocks-toolbar__field--compact {
  min-width: 140px;
}

.stocks-label {
  font-size: var(--fs-xs);
  color: var(--clr-muted);
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.stocks-input,
.stocks-select {
  height: 42px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-border);
  padding: 0 12px;
  font-size: var(--fs-sm);
  background: #fff;
}

.stocks-select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--clr-muted) 50%), linear-gradient(135deg, var(--clr-muted) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.stocks-toolbar__actions {
  display: flex;
  justify-content: flex-end;
}

.stocks-toolbar__right {
  display: flex;
  gap: var(--s-1);
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding-top: 30px;
}

.stocks-btn {
  height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.stocks-btn--primary {
  background: var(--clr-ink);
  color: #fff;
  border-color: var(--clr-ink);
}

.stocks-status {
  display: grid;
  gap: 2px;
  min-width: 160px;
  font-size: var(--fs-xs);
  color: var(--clr-muted);
}

.stocks-status__error {
  color: #b42318;
}

.m-stockList {
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  background: #fff;
  overflow: hidden;
}

.stocks-card {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.stocks-card + .stocks-card {
  border-top: 1px solid var(--clr-border);
}

.stocks-card summary {
  list-style: none;
  cursor: pointer;
}

.stocks-card summary::-webkit-details-marker { display: none; }

.stocks-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--s-3);
  padding: var(--s-3) var(--s-4);
  align-items: center;
  transition: background 140ms ease;
}

.stocks-row:hover {
  background: rgba(251, 241, 247, 0.35);
}

.stocks-row__main {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--s-3);
  align-items: center;
}

.stocks-row__titles {
  display: grid;
  gap: 5px;
}

.stocks-sku {
  font-weight: 700;
  font-size: var(--fs-base);
  letter-spacing: 0.01em;
  color: var(--clr-ink);
}

.stocks-name {
  color: var(--clr-muted);
  font-size: var(--fs-sm);
  line-height: 1.5;
}

.stocks-row__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.stocks-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0.5rem 0.8rem;
  border-radius: var(--radius-sm);
  background: rgba(11, 11, 14, 0.06);
  border: 1px solid rgba(230, 225, 219, 0.8);
  font-weight: 700;
  font-size: var(--fs-sm);
  color: var(--clr-ink);
}

.stocks-badge i {
  opacity: 0.6;
}

.stocks-chipRow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.stocks-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0.4rem 0.65rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-border);
  font-size: var(--fs-xs);
  font-weight: 600;
  color: var(--clr-muted);
  background: #fff;
  line-height: 1;
}

.stocks-chip--on {
  background: rgba(253, 241, 247, 0.6);
  color: #c01063;
  border-color: rgba(235, 14, 115, 0.3);
}

.stocks-chip--off {
  background: #f6f6f8;
  color: var(--clr-muted);
}

.stocks-chip--status {
  min-width: 88px;
  justify-content: center;
}

.stocks-row__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--clr-border);
  color: var(--clr-ink);
  background: #fff;
  transition: background 140ms ease, border-color 140ms ease;
}

.stocks-row__toggle:hover {
  background: rgba(251, 241, 247, 0.5);
  border-color: rgba(235, 14, 115, 0.25);
}

.stocks-card[open] .stocks-row__toggle i {
  transform: rotate(180deg);
  transition: transform 160ms ease;
}

.stocks-row__toggle i { 
  transition: transform 160ms ease;
}

.stocks-card summary:focus-visible {
  outline: none;
}

.stocks-card summary:focus-visible .stocks-row__toggle {
  box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.25);
  border-color: rgba(235, 14, 115, 0.4);
}

.stocks-acc {
  border-top: 1px solid var(--clr-border);
  background: rgba(251, 250, 247, 0.5);
  padding: var(--s-3) var(--s-4);
}

.stocks-acc__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-2);
  margin-bottom: var(--s-2);
}

.stocks-acc__title {
  font-weight: 700;
  font-size: var(--fs-sm);
  color: var(--clr-ink);
}

.stocks-acc__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.stocks-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-sm);
}

.stocks-table th,
.stocks-table td {
  padding: 0.7rem;
  border-bottom: 1px solid var(--clr-border);
  text-align: left;
}

.stocks-table th {
  color: var(--clr-muted);
  font-weight: 600;
  font-size: var(--fs-xs);
  letter-spacing: 0.02em;
}

.stocks-table tr:last-child td {
  border-bottom: none;
}

.m-pagination {
  margin-top: var(--s-2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--s-1);
}

.m-pagination__links {
  display: flex;
  gap: 10px;
  align-items: center;
}

.m-pagination__links a {
  color: var(--clr-ink);
  border: 1px solid var(--clr-border);
  padding: 0.45rem 0.8rem;
  border-radius: var(--radius-sm);
  font-size: var(--fs-xs);
}

.m-pagination__current {
  font-size: var(--fs-xs);
  color: var(--clr-muted);
}

/* Admin Pages Editor */
.a-pageForm {
  display: flex;
  flex-direction: column;
  gap: var(--s-2);
}

.a-pageHead {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--s-2);
  padding: var(--s-2);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: var(--shadow-crisp);
}

.a-pageHead__title {
  font-size: var(--fs-lg);
  font-weight: 700;
}

.a-pageHead__meta {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--clr-muted);
  font-size: var(--fs-sm);
}

.a-pageHead__route {
  font-weight: 600;
  color: var(--clr-ink);
}

.a-pageHead__actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.a-pageBody {
  display: block;
}

.a-grid--editor {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap: var(--s-2);
}

.a-grid__col {
  display: grid;
  gap: var(--s-2);
}

.a-card {
  background: #fff;
  border: 1px solid var(--clr-border);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(11,11,14,0.06);
  padding: var(--s-2);
}

.a-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--s-1);
}

.a-card__title {
  font-weight: 700;
  font-size: var(--fs-md);
}

.a-card__body {
  display: grid;
  gap: var(--s-1);
}

.a-space {
  gap: var(--s-1);
}

.a-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.a-label {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--clr-muted);
}

.a-help {
  font-size: 12px;
  color: var(--clr-muted);
}

.a-input,
.a-select,
.a-textarea {
  width: 100%;
  border: 1px solid var(--clr-border);
  border-radius: 12px;
  font-size: var(--fs-sm);
  padding: 0.65rem 0.9rem;
  background: #fff;
  transition: border-color 140ms ease, box-shadow 140ms ease;
}

.a-input:focus,
.a-select:focus,
.a-textarea:focus {
  outline: none;
  border-color: rgba(235,14,115,0.45);
  box-shadow: 0 0 0 3px rgba(235,14,115,0.18);
}

.a-select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--clr-muted) 50%), linear-gradient(135deg, var(--clr-muted) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

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

.a-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s-1);
}

.a-row--center {
  align-items: center;
}

.a-row--wrap {
  display: flex;
  flex-wrap: wrap;
}

.a-row--gap {
  gap: 8px;
}
.cat-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 900px) {
  .cat-grid {
    grid-template-columns: 1fr;
  }

  [data-users-list] .ul-actionsWrap{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
  }

  /* USERS CREATE (cockpit) */
  [data-users-create]{
    display: grid;
    gap: var(--s-3);
  }
  [data-users-create] .uc-headActions{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  [data-users-create] .uc-form{
    display: grid;
    gap: 14px;
  }
  [data-users-create] .uc-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  [data-users-create] .uc-grid .uc-span-2{
    grid-column: 1 / -1;
  }

  /* USERS EDIT (cockpit) */
  [data-users-edit]{
    display: grid;
    gap: var(--s-3);
  }
  [data-users-edit] .ue-headActions{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  [data-users-edit] .ue-form{
    display: grid;
    gap: 14px;
  }
  [data-users-edit] .ue-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  [data-users-edit] .ue-grid .ue-span-2{
    grid-column: 1 / -1;
  }
  [data-users-edit] .ue-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
  }
  [data-users-edit] .a-input,
  [data-users-edit] .a-select,
  [data-users-edit] .a-textarea{
    border-radius: 14px;
  }
  @media (max-width: 760px){
    [data-users-create] .uc-grid{
      grid-template-columns: 1fr;
    }
    [data-users-create] .uc-grid .uc-span-2{
      grid-column: auto;
    }
    [data-users-edit] .ue-grid{
      grid-template-columns: 1fr;
    }
    [data-users-edit] .ue-grid .ue-span-2{
      grid-column: auto;
    }
  }
  [data-users-create] .uc-actions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding-top: 8px;
  }
  [data-users-create] .a-input,
  [data-users-create] .a-select{
    border-radius: 14px;
  }

  /* ===== DASHBOARD (premium cockpit override) ===== */
  [data-dashboard-app] a.a-metric,
  [data-dashboard-app] a.a-ledger__row,
  [data-dashboard-app] a.a-quicklink,
  [data-dashboard-app] a.a-split__action{
    color: inherit;
    text-decoration: none;
  }
  [data-dashboard-app] a.a-metric:focus-visible,
  [data-dashboard-app] a.a-ledger__row:focus-visible,
  [data-dashboard-app] a.a-quicklink:focus-visible,
  [data-dashboard-app] a.a-split__action:focus-visible{
    outline: 2px solid rgba(176,18,91,0.35);
    outline-offset: 3px;
    border-radius: 14px;
  }
  [data-dashboard-app] .a-dash{
    gap: var(--s-3);
  }
  [data-dashboard-app] .a-surface{
    background: rgba(255,255,255,.40);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
    overflow: hidden;
  }
  [data-dashboard-app] .a-surface--metrics{
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }
  @media (max-width: 980px){
    [data-dashboard-app] .a-surface--metrics{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 560px){
    [data-dashboard-app] .a-surface--metrics{ grid-template-columns: 1fr; }
  }
  [data-dashboard-app] .a-metric{
    background: rgba(255,255,255,.40);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
    padding: 16px;
    border-left: 0;
  }
  [data-dashboard-app] .a-metric:hover{
    background: rgba(255,255,255,.52);
  }
  [data-dashboard-app] .a-surface--split{
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  @media (max-width: 980px){
    [data-dashboard-app] .a-surface--split{ grid-template-columns: 1fr; }
  }
  [data-dashboard-app] .a-split__col{
    background: rgba(255,255,255,.40);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
    padding: 16px;
    border-left: 0;
  }
  [data-dashboard-app] .a-split__head{
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  [data-dashboard-app] .a-ledger__row{
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  [data-dashboard-app] .a-alertledger__row{
    border-top: 1px solid rgba(0,0,0,.06);
  }
  [data-dashboard-app] .a-surface--actions{
    padding: 16px;
  }
  [data-dashboard-app] .a-quicklinks{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  @media (max-width: 980px){
    [data-dashboard-app] .a-quicklinks{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 560px){
    [data-dashboard-app] .a-quicklinks{ grid-template-columns: 1fr; }
  }
  [data-dashboard-app] .a-quicklink{
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.40);
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
    padding: 14px;
  }
  [data-dashboard-app] .a-quicklink:hover{
    background: rgba(255,255,255,.55);
  }
  @media (max-width: 520px){
    [data-catalog-builder] .cb-mediaPreview{
      grid-template-columns: 1fr;
      min-height: auto;
    }
    [data-catalog-builder] .cb-mediaPreview img[data-media-preview]{
      width: 100%;
      height: 240px;
    }
  }

  /* USERS LIST (cockpit) */
  [data-users-list]{
    display: grid;
    gap: var(--s-3);
  }
  [data-users-list] .ul-headActions{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  [data-users-list] .a-table th:last-child,
  [data-users-list] .a-table td:last-child{
    text-align: right;
  }
  [data-users-list] .ul-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
  }
  [data-users-list] .ul-actions .a-select{
    min-width: 140px;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
  }
  [data-users-list] .ul-email{
    font-weight: 700;
    color: var(--pc-ink);
  }

  /* USERS APPLICATIONS (cockpit) */
  [data-users-applications]{
    display: grid;
    gap: var(--s-3);
  }
  [data-users-applications] .ua-headActions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  [data-users-applications] .ua-actions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  [data-users-applications] .ua-email{
    font-weight: 700;
    color: var(--pc-ink);
  }
  [data-users-applications] .a-table th:last-child,
  [data-users-applications] .a-table td:last-child{
    text-align: right;
  }
  [data-users-applications] .pc-panel__body--table{
    overflow-x: auto;
  }
  [data-users-applications] .ua-subrow{
    padding: 10px 0 12px;
    color: var(--pc-ink2, #4a3b4e);
    font-size: 13px;
  }
}
.cat-card--missing-sku {
  border: 1px solid rgba(220, 38, 38, 0.55);
}
.cat-card--missing-image {
  border: 1px solid rgba(234, 179, 8, 0.55);
}
.cat-suggest {
  position: relative;
}
.cat-suggest__list {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 4px);
  z-index: 30;
  background: #fff;
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  box-shadow: 0 10px 26px rgba(11,11,14,0.12);
  overflow: hidden;
}
.cat-suggest__item {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.cat-suggest__item + .cat-suggest__item {
  border-top: 1px solid var(--clr-border);
}
.cat-suggest__item:hover {
  background: rgba(251, 241, 247, 0.35);
}
.cat-suggest__sku {
  font-weight: 700;
  color: var(--clr-ink);
  font-size: var(--fs-sm);
}
.cat-suggest__meta {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--clr-muted);
  font-size: var(--fs-xs);
  margin-top: 2px;
}
.cat-suggest__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(220, 38, 38, 0.08);
  color: #b42318;
  border: 1px solid rgba(220, 38, 38, 0.25);
  font-weight: 600;
}

.a-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.55rem 1.1rem;
  border-radius: 999px;
  border: 1px solid var(--clr-border);
  background: #fff;
  color: var(--clr-ink);
  cursor: pointer;
  transition: box-shadow 160ms ease, transform 160ms ease, border-color 160ms ease;
}

.a-btn--sm {
  padding: 0.5rem 1rem;
  font-size: var(--fs-xs);
}

.a-btn--primary {
  background: var(--clr-primary);
  border-color: rgba(235,14,115,0.35);
  color: #fff;
  box-shadow: 0 10px 28px rgba(235,14,115,0.25);
}

.a-btn--primary:hover {
  box-shadow: 0 12px 34px rgba(235,14,115,0.3);
  transform: translateY(-1px);
}

.a-btn--ghost {
  background: #fff;
  color: var(--clr-ink);
}

.a-btn:focus-visible {
  outline: 2px solid rgba(235,14,115,0.55);
  outline-offset: 2px;
}

.a-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  font-size: 12px;
  border: 1px solid transparent;
}

.a-pill--success {
  background: #e7f7ef;
  color: #147b4b;
  border-color: #c8eddc;
}

.a-pill--muted {
  background: #f4f4f6;
  color: var(--clr-muted);
  border-color: #e4e4ea;
}

.a-grid--widgets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--s-1);
}

.a-widgetCard {
  border: 1px solid var(--clr-border);
  border-radius: 14px;
  padding: var(--s-1);
  background: #fff;
  display: grid;
  gap: var(--s-1);
}

.a-widgetCard__title {
  font-weight: 600;
  color: var(--clr-ink);
}

.a-grid--trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--s-1);
}

.a-trustItem {
  border: 1px solid var(--clr-border);
  border-radius: 14px;
  padding: var(--s-1);
  background: #fff;
  display: grid;
  gap: var(--s-1);
}

.a-trustItem__title {
  font-weight: 600;
  font-size: var(--fs-xs);
  color: var(--clr-ink);
}

.a-collCard {
  border: 1px solid var(--clr-border);
  border-radius: 14px;
  padding: var(--s-1);
  background: #fff;
  display: grid;
  gap: var(--s-1);
  margin-top: var(--s-1);
}

.a-collCard__title {
  font-weight: 600;
  font-size: var(--fs-xs);
  color: var(--clr-ink);
}

.a-preview {
  margin-top: 8px;
}

.a-preview__img,
.a-preview__video {
  max-width: 220px;
  border-radius: 12px;
  display: block;
}

.a-actionsSticky {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--s-1);
  padding: var(--s-2);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(8px);
  box-shadow: 0 -6px 20px rgba(11,11,14,0.06);
  margin-top: var(--s-2);
}

.a-actionsSticky__info {
  font-size: var(--fs-xs);
  color: var(--clr-muted);
}

.a-actionsSticky__actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

@media (max-width: 980px) {
  .a-grid--editor {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .a-row {
    grid-template-columns: 1fr;
  }
  .a-grid--widgets {
    grid-template-columns: 1fr;
  }
  .a-grid--trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .a-pageHead {
    flex-direction: column;
  }
  .a-pageHead__actions {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Hero - Premium Full Bleed with Seamless Action Strip */
.heroX--bleed {
  position: relative;
  min-height: clamp(580px, 75vh, 920px);
  background: #0b0b0e;
  color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Background Media - True Full Bleed */
.heroX__bgVideo,
.heroX__bgFallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-size: cover;
  background-position: center;
  z-index: 1;
}

/* Premium Overlay - Tasteful Gradient */
.heroX__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(11,11,14,0.35) 0%,
    rgba(11,11,14,0.5) 50%,
    rgba(11,11,14,0.75) 100%
  );
  z-index: 2;
}

/* Content Container - Centered, Not Full Width */
.heroX__container {
  position: relative;
  z-index: 3;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  max-width: var(--max-wide);
  margin: 0 auto;
  padding: clamp(var(--s-6), 8vw, 100px) var(--gutter) clamp(var(--s-4), 6vw, 80px);
  width: 100%;
}

.heroX__inner {
  width: 100%;
}

.heroX__content {
  max-width: 58ch;
}

.heroX__headline {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.5vw, 4rem);
  font-weight: 300;
  letter-spacing: -0.015em;
  line-height: 1.02;
  text-wrap: balance;
  text-shadow: 0 14px 36px rgba(0,0,0,0.55);
  margin-bottom: clamp(18px, 2.5vw, 24px);
  position: relative;
  padding-bottom: clamp(12px, 1.5vw, 16px);
}

/* Premium hairline accent under headline */
.heroX__headline::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 72px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(235,14,115,0.95) 0%,
    rgba(235,14,115,0.15) 100%
  );
}

.heroX__subtext {
  font-size: clamp(0.8rem, 1.4vw, 0.95rem);
  color: rgba(255,255,255,0.9);
  max-width: 58ch;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  margin-bottom: clamp(var(--s-3), 3vw, var(--s-4));
}

/* Brand accent on "Remsa" */
.heroX__brand {
  color: rgba(235,14,115,0.9);
  font-style: normal;
}

.heroX__cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0.9rem 1.8rem;
  border-radius: 999px;
  background: var(--clr-primary);
  color: #fff;
  border: 1px solid rgba(235, 14, 115, 0.35);
  box-shadow: 0 14px 40px rgba(235,14,115,0.28);
  font-weight: 600;
  font-size: var(--fs-base);
  transition: all 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.heroX__cta:hover {
  box-shadow: 0 18px 52px rgba(235,14,115,0.36);
  transform: translateY(-2px);
}

.heroX__cta:focus-visible {
  outline: 2px solid rgba(235,14,115,0.7);
  outline-offset: 4px;
}

/* Bottom-centered hero content (homepage) */
.heroX--bleed .heroX__container{
  align-items: flex-end;
}
.heroX__content--bottomCenter{
  max-width: none;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-family: var(--font-sans);
  padding-bottom: 15%;
}
.heroX__byline{
  display: inline-flex;
  gap: 10px;
  align-items: baseline;
  justify-content: center;
  font-family: var(--font-sans);
  font-size: 18px !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.92);
  margin-bottom: 10px;
}
.heroX__by{
  color: rgba(255,255,255,0.92);
}
.heroX__brand{
  color: rgba(235,14,115,0.95);
}
.heroX__title{
  font-family: var(--font-sans);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin: 0 0 10px;
  text-shadow: 0 14px 36px rgba(0,0,0,0.55);
}
.heroX__tagline{
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,0.88);
  max-width: 62ch;
  margin: 0 auto;
}

/* Homepage hero typography overrides */
body.is-home .heroX__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: 36px;
  font-weight: 500;
}
body.is-home .heroX__byline{
  font-family: var(--font-sans) !important;
  text-transform: none !important;
  letter-spacing: 0.06em;
  text-shadow: 0 12px 28px rgba(0,0,0,0.45);
}
body.is-home .heroX__byline .heroX__by,
body.is-home .heroX__byline .heroX__brand{
  font-family: var(--font-sans) !important;
}
body.is-home .heroX__byline .heroX__by:first-child{
  font-size: 18px;
  font-weight: 600;
  opacity: 0.85;
}
body.is-home .heroX__brand{
  color: rgba(235,14,115,0.95);
  font-weight: 700;
}

/* Homepage: soften header wordmark only when overlaying hero (not scrolled) */
body.is-home:not(.home-scrolled) .c-header .c-brandmark,
body.is-home:not(.home-scrolled) .c-header .c-brandmark__text,
body.is-home:not(.home-scrolled) .c-header .c-brandmark__text--remsa{
  opacity: 0.9;
}
body.is-home.home-scrolled .c-header .c-brandmark,
body.is-home.home-scrolled .c-header .c-brandmark__text,
body.is-home.home-scrolled .c-header .c-brandmark__text--remsa{
  opacity: 1;
}

/* Homepage: enforce single-line on desktop, allow wrap on mobile */
@media (min-width: 901px){
  body.is-home .heroX__byline,
  body.is-home .heroX__title,
  body.is-home .heroX__tagline{
    white-space: nowrap;
  }
  body.is-home .heroX__tagline{
    max-width: none;
  }
}
@media (max-width: 900px){
  body.is-home .heroX__byline,
  body.is-home .heroX__tagline{
    white-space: normal;
  }
}

/* Keep centered alignment for homepage hero text */
body.is-home .heroX__content--bottomCenter{
  margin-inline: auto;
  text-align: center;
}
body.is-home .heroX__tagline{
  text-shadow: 0 12px 28px rgba(0,0,0,0.45);
}

/* ===== Homepage Best Sellers Rail ===== */
body.is-home .home-bs{
  background: var(--clr-bg);
  width: 100%;
}
body.is-home .home-bs__inner{
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(28px, 6vw, 60px) var(--gutter);

  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 40px);
  align-items: center;
}
@media (max-width: 900px){
  body.is-home .home-bs__inner{
    grid-template-columns: 1fr;
  }
}
body.is-home .home-bs__copy{
  display: grid;
  gap: 10px;
  color: #0b0b0e;
}
body.is-home .home-bs__meta{
  font-family: var(--font-sans);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #5a4f5a;
}
body.is-home .home-bs__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
}
body.is-home .home-bs__desc{
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.5;
  color: #2d252d;
  margin: 0 0 6px;
}
body.is-home .home-bs__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 34px;
  background: var(--clr-primary);
  color: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 0;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  text-decoration: none;
  width: fit-content;
}
body.is-home .home-bs__btn:hover{
  filter: brightness(0.95);
}
body.is-home .home-bs__btn:focus-visible{
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 2px;
}

/* ===== Homepage Apply Banner ===== */
body.is-home .home-apply{
  background: var(--clr-bg);
  width: 100%;
}
body.is-home .home-apply::before{
  content: "";
  position: absolute;
  inset: -25%;
  background:
    radial-gradient(closest-side at 50% 35%,
      rgba(255,255,255,0.72),
      rgba(255,255,255,0.0) 66%);
  opacity: .9;
  pointer-events: none;
}
body.is-home .home-apply__inner{
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 var(--gutter);
  text-align: center;
}
body.is-home .home-apply__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 500;
  font-size: clamp(26px, 2.8vw, 40px);
  line-height: 1.12;
  margin: 0 0 8px;
}
body.is-home .home-apply__desc{
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.55;
  color: rgba(0,0,0,0.68);
  max-width: 70ch;
  margin: 0 auto 16px;
}
body.is-home .home-apply__link{
  display: inline-block;
  margin-top: 10px;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: rgba(0,0,0,0.55);
  text-decoration: none;
}
body.is-home .home-apply__link:hover{
  color: var(--clr-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 900px){
  body.is-home .home-apply{
    padding: 44px 0;
  }
  body.is-home .home-apply__desc{
    font-size: 14px;
  }
}

/* Collections bleed padding & text color overrides */
.c-collections--bleed{
  padding: 30px 0 !important;
}
.c-collections--bleed .c-collections__kicker,
.c-collections--bleed .c-collections__desc{
  color: var(--clr-bg) !important;
}

/* ===== Homepage: Become a Retailer (refined, cream, flat) ===== */
body.is-home .home-b2b-split{
  background: var(--clr-bg);
  padding: clamp(48px, 6vw, 90px) 0;
}
body.is-home .home-b2b-split__bg{ display: none !important; }
body.is-home .home-b2b-split__inner{
  width: 100%;
  max-width: var(--max-wide);
  margin: 0 auto;
  padding: 0 var(--gutter);
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
body.is-home .home-b2b-split__head{
  gap: 12px;
  margin-bottom: clamp(18px, 3vw, 30px);
}
body.is-home .home-b2b-split__eyebrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.55);
}
body.is-home .home-b2b-split__head h2{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -0.01em;
  font-weight: 400;
  color: #0b0b0e;
}
body.is-home .home-b2b-split__head p{
  color: rgba(0,0,0,0.65);
  line-height: 1.55;
  max-width: 760px;
  margin: 0 auto;
}
body.is-home .home-b2b-split__rule{ display:none; }
body.is-home .home-b2b-split__grid{
  margin-top: clamp(14px, 2.5vw, 24px);
  gap: clamp(18px, 3vw, 28px);
}
body.is-home .home-b2b-split__card{
  background: transparent;
  border: 0 !important;
  border-radius: 0 !important;
  padding: clamp(10px, 2vw, 14px);
  box-shadow: none !important;
  backdrop-filter: none !important;
  cursor: default;
}
body.is-home .home-b2b-split__card::before{ display:none; }
body.is-home .home-b2b-split__card:hover,
body.is-home .home-b2b-split__card.is-active{
  transform: none;
  box-shadow: none;
  background: transparent;
  border-color: transparent;
}
body.is-home .home-b2b-split__label{
  gap: 8px;
  padding: 0;
  background: transparent;
  border: 0;
  color: #0b0b0e;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}
body.is-home .home-b2b-split__label i{ color: rgba(0,0,0,0.7); }
body.is-home .home-b2b-split__kicker{
  color: rgba(0,0,0,0.6);
  font-weight: 500;
  letter-spacing: 0.01em;
}
body.is-home .home-b2b-split__body{
  color: #0b0b0e;
  line-height: 1.55;
}
body.is-home .home-b2b-split__list{
  gap: 8px;
  color: #0b0b0e;
}
body.is-home .home-b2b-split__list li{
  gap: 8px;
  font-size: 0.95rem;
}
body.is-home .home-b2b-split__list i{
  color: rgba(235,14,115,0.75);
}
body.is-home .home-b2b-split__actions{
  gap: 10px;
}
body.is-home .home-b2b-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 24px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-decoration: none;
  border-radius: 6px;
  border: 1px solid transparent;
}
body.is-home .home-b2b-btn--primary{
  background: #eb0e73;
  color: #fff;
  border-color: #eb0e73;
}
body.is-home .home-b2b-btn--primary:hover{
  filter: brightness(0.95);
}
body.is-home .home-b2b-btn--primary:focus-visible{
  outline: 2px solid rgba(255,255,255,0.55);
  outline-offset: 2px;
}
body.is-home .home-b2b-btn--secondary{
  background: transparent;
  color: rgba(0,0,0,0.75);
  border: 0;
}
body.is-home .home-b2b-btn--secondary:hover{
  text-decoration: none;
}
body.is-home .home-b2b-btn--secondary:focus-visible{
  outline: 2px solid rgba(0,0,0,0.55);
  outline-offset: 2px;
}

/* ===== HOME: Our Fabrics (full-bleed, seamless) ===== */
body.is-home .home-fabrics{
  width: 100%;
  padding: clamp(34px, 4vw, 52px) 0 0;
}

/* Head stays nicely constrained, but grid is full-bleed */
body.is-home .home-fabrics__head{
  max-width: var(--wrap, 1200px);
  margin: 0 auto 18px;
  padding: 0 var(--gutter, 24px);
  text-align: center;
}

body.is-home .home-fabrics__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.05;
  margin: 0 auto;
  font-weight: 400;
}

body.is-home .home-fabrics__sub{
  margin: 10px auto 0;
  font-family: var(--font-sans, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.68);
  max-width: 62ch;
  text-align: center;
}

/* Full-bleed grid: no gaps, no padding/margins, no borders */
body.is-home .home-fabrics__grid{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0;
  padding: 0;
}

/* Tile is the clickable unit */
body.is-home .home-fabrics__tile{
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}

body.is-home .home-fabrics__tile img{
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 16 / 9; /* prevents layout shift; adjust if needed */
  object-fit: cover;
}

/* Mask overlay */
body.is-home .home-fabrics__mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 62%);
}

/* Label */
body.is-home .home-fabrics__label{
  position: absolute;
  left: 18px;
  bottom: 16px;
  font-family: var(--font-sans, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
}

/* Optional: tiny premium hover, but no spacing changes */
@media (hover:hover){
  body.is-home .home-fabrics__tile:hover .home-fabrics__mask{
    background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0) 62%);
  }
}

/* Responsive: keep seamless */
@media (max-width: 900px){
  body.is-home .home-fabrics__grid{ grid-template-columns: repeat(2, 1fr); }
  body.is-home .home-fabrics__tile img{ aspect-ratio: 4 / 3; }
}

@media (max-width: 560px){
  body.is-home .home-fabrics__grid{ grid-template-columns: 1fr; }
}

body.is-home .home-retailer__lead{
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.55;
  color: rgba(0,0,0,0.68);
  margin: 10px auto 0;
  max-width: 70ch;
  text-align: center;
}
body.is-home .home-bs__rail{
  position: relative;
  overflow: visible;
  min-width: 0;
}
body.is-home .home-bs__track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: clamp(200px, 18vw, 280px);
  gap: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 10px 0;
  scrollbar-width: none;
  width: 100%;
  max-width: 100%;
}
body.is-home .home-bs__track::-webkit-scrollbar{ display: none; }

body.is-home .home-bs__item{
  display: grid;
  gap: 10px;
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;
}
body.is-home .home-bs__item--ph{
  pointer-events: none;
}

@media (min-width: 1100px){
  body.is-home .home-bs__rail{
    padding-right: calc(var(--gutter) * 0.25);
  }
}
body.is-home .home-bs__img{
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #f0ebe4;
  display: grid;
  place-items: center;
  overflow: hidden;
}
body.is-home .home-bs__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.is-home .home-bs__ph{
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f7f2ec, #e8dfd5);
}
body.is-home .home-bs__sku{
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.is-home .heroX__actionStrip{
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .heroX__cta {
    transition: none;
  }
  .heroX__cta:hover {
    transform: none;
  }
}

/* Action Strip - Seamless Premium Glass Panel */
.heroX__actionStrip {
  position: relative;
  z-index: 4;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(255,255,255,0.08);
}

.heroX__stripViewport {
  overflow: visible;
}

.heroX__stripTrack {
  max-width: var(--max-wide);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  transition: transform 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .heroX__stripTrack {
    transition-duration: 0ms;
  }
}

/* Segment - One Third of Merged Strip */
.heroX__segment {
  position: relative;
  padding: clamp(var(--s-3), 4vw, var(--s-5));
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 1.2vw, 12px);
  align-items: flex-start;
  min-height: 140px;
}

/* Subtle divider between segments (not a border) */
.heroX__segment::before {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  bottom: 20%;
  width: 1px;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.12) 50%,
    rgba(255,255,255,0) 100%
  );
  pointer-events: none;
}

.heroX__segment:last-child::before {
  display: none;
}

/* Kicker - Small Label */
.heroX__segmentKicker {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.65);
  font-weight: 500;
}

/* Title - Main Text */
.heroX__segmentTitle {
  font-size: clamp(0.95rem, 1.6vw, 1.15rem);
  font-weight: 600;
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  line-height: 1.35;
}

.heroX__segmentTitle i {
  font-size: 0.9em;
  opacity: 0.85;
}

/* Button - Premium Fuchsia */
.heroX__segmentBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0.6rem 1.35rem;
  border-radius: 999px;
  background: linear-gradient(120deg, #f75aa5 0%, #eb0e73 48%, #d30c67 100%);
  color: #fff;
  font-weight: 600;
  font-size: clamp(0.8rem, 1.4vw, 0.9rem);
  border: 1px solid rgba(235,14,115,0.4);
  box-shadow: 0 8px 20px rgba(235,14,115,0.24);
  transition: all 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
  margin-top: auto;
}

.heroX__segmentBtn:hover {
  box-shadow: 0 12px 28px rgba(235,14,115,0.32);
  transform: translateY(-1px);
  border-color: rgba(235,14,115,0.5);
}

.heroX__segmentBtn:focus-visible {
  outline: 2px solid rgba(235,14,115,0.75);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .heroX__segmentBtn {
    transition: none;
  }
  .heroX__segmentBtn:hover {
    transform: none;
  }
}

/* Tablet: 2 + 1 Grid */
@media (max-width: 980px) {
  .heroX--bleed {
    min-height: clamp(520px, 70vh, 760px);
  }
  
  .heroX__stripTrack {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .heroX__segment:nth-child(3) {
    grid-column: 1 / -1;
  }
  
  .heroX__segment:nth-child(3)::before {
    display: none;
  }
  
  /* Horizontal divider for third segment */
  .heroX__segment:nth-child(3)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.12) 50%,
      rgba(255,255,255,0) 100%
    );
  }
}

/* Mobile: Single Card Carousel */
@media (max-width: 640px) {
  .heroX--bleed {
    min-height: clamp(480px, 65vh, 680px);
  }
  
  .heroX__container {
    padding: clamp(var(--s-5), 10vw, 80px) var(--gutter) clamp(var(--s-3), 5vw, 60px);
  }
  
  .heroX__headline {
    font-size: clamp(1.85rem, 8vw, 2.5rem);
    letter-spacing: -0.01em;
  }
  
  .heroX__subtext {
    font-size: 0.85rem;
    letter-spacing: 0.06em;
  }
  
  /* Carousel Structure */
  .heroX__stripViewport {
    overflow: hidden;
  }
  
  .heroX__stripTrack {
    display: flex;
    width: 300%;
    max-width: none;
  }
  
  .heroX__segment {
    flex: 0 0 33.333%;
    padding: var(--s-3);
    min-height: auto;
  }
  
  /* Remove dividers on mobile carousel */
  .heroX__segment::before,
  .heroX__segment::after {
    display: none;
  }
  
  /* Dots Container */
  .heroX__stripDots {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: var(--s-2) 0;
  }
  
  .heroX__stripDots[hidden] {
    display: none;
  }
  
  /* Dot Button */
  .heroX__stripDot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    background: transparent;
    cursor: pointer;
    transition: all 220ms ease;
    padding: 0;
  }
  
  .heroX__stripDot[aria-current="true"] {
    background: rgba(235,14,115,0.9);
    border-color: rgba(235,14,115,0.9);
    width: 24px;
    border-radius: 4px;
  }
  
  .heroX__stripDot:hover:not([aria-current="true"]) {
    background: rgba(255,255,255,0.2);
  }
  
  .heroX__stripDot:focus-visible {
    outline: 2px solid rgba(235,14,115,0.7);
    outline-offset: 3px;
  }
}

@media (max-width: 980px) {
  .stocks-toolbar {
    grid-template-columns: 1fr;
  }
  .stocks-toolbar__form {
    grid-template-columns: 1fr 1fr;
  }
  .stocks-row {
    grid-template-columns: 1fr auto;
    gap: var(--s-2);
  }
  .stocks-row__main {
    grid-template-columns: 1fr;
    gap: var(--s-2);
  }
}

@media (max-width: 640px) {
  .stocks-toolbar__form {
    grid-template-columns: 1fr;
  }
  .stocks-toolbar__actions {
    justify-content: flex-start;
  }
  .stocks-toolbar__right {
    justify-content: flex-start;
  }
  .stocks-row {
    padding: var(--s-2) var(--s-3);
  }
  .stocks-acc {
    padding: var(--s-2) var(--s-3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .stocks-row,
  .stocks-row__toggle,
  .stocks-row__toggle i {
    transition: none;
  }
}

@layer base {
  :root {
    --clr-primary: #eb0e73;
    --clr-primary-strong: #d10a65;
    --clr-primary-soft: #f7e3ee;
    --clr-ink: #0b0b0e;
    --clr-ink-soft: #1f1f26;
    --clr-muted: #6f6f7a;
    --clr-border: #e6e1db;
    --clr-bg: #fbfaf7;
    --clr-surface: #ffffff;
    --clr-surface-muted: #f5f1ed;
    --shadow-glow: 0 22px 80px rgba(235, 14, 115, 0.28);

    --font-sans: "Inter", "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-display: "Cormorant Garamond", "Times New Roman", serif;
    --font-serif: "EB Garamond", serif;

    --fs-xs: clamp(0.78rem, 0.25vw + 0.72rem, 0.9rem);
    --fs-sm: clamp(0.9rem, 0.3vw + 0.82rem, 1rem);
    --fs-base: clamp(1rem, 0.35vw + 0.92rem, 1.08rem);
    --fs-md: clamp(1.08rem, 0.5vw + 0.96rem, 1.3rem);
    --fs-lg: clamp(1.4rem, 0.8vw + 1.1rem, 1.8rem);
    --fs-xl: clamp(1.85rem, 1.2vw + 1.4rem, 2.4rem);
    --fs-xxl: clamp(2.6rem, 1.8vw + 2rem, 3.4rem);

    --s-1: clamp(0.5rem, 0.7vw, 0.8rem);
    --s-2: clamp(0.75rem, 1vw, 1.2rem);
    --s-3: clamp(1rem, 1.6vw, 1.6rem);
    --s-4: clamp(1.35rem, 2vw, 2.1rem);
    --s-5: clamp(1.8rem, 2.6vw, 2.8rem);
    --s-6: clamp(2.4rem, 3.4vw, 3.6rem);
    --gutter: clamp(1.2rem, 4vw, 2.6rem);

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;

    --shadow-soft: 0 18px 40px rgba(11, 11, 14, 0.12);
    --shadow-crisp: 0 1px 0 rgba(11, 11, 14, 0.08);
    --shadow-outline: 0 0 0 1px rgba(235, 14, 115, 0.25), 0 0 0 4px rgba(235, 14, 115, 0.15);

    --max-width: 1180px;
    --max-wide: 1280px;
  }

  ::selection { background: rgba(235, 14, 115, 0.16); color: var(--clr-ink); }

  body.theme-public {
    font-family: var(--font-sans);
    font-size: var(--fs-base);
    line-height: 1.6;
    background: var(--clr-bg);
    color: var(--clr-ink);
  }

  main { display: block; }

  .u-skip {
    position: absolute;
    inset: 0 auto auto 0;
    padding: var(--s-1) var(--s-2);
    background: var(--clr-primary);
    color: #fff;
    transform: translateY(-120%);
    transition: transform 180ms ease;
    z-index: 30;
  }
  .u-skip:focus { transform: translateY(0); }
}

@layer components {
  .c-topbar {
    --topbar-h: 38px;
    height: var(--topbar-h);
    background: #d8d8d8;
    color: var(--clr-ink);

    /* make it feel premium but compact */
    font-size: 11px;
    letter-spacing: 0.10em;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.12);
  }

  .c-topbar.-gradient-{
    background: #d8d8d8;
  }

  .c-topbar__inner {
    max-width: var(--max-wide);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--gutter);
    text-align: center;

    /* NEVER wrap */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1;
  }

  @media (max-width: 768px){
    .c-topbar{
      --topbar-h: 50px;
      font-size: 11px;          /* keep small so it never wraps */
      letter-spacing: 0.08em;   /* reduce width pressure on small screens */
    }
  }

  :root{
    --hdr-cream: var(--clr-bg);
    --hdr-ink: #322732;
    --hdr-line: rgba(50,39,50,.12);
  }

  /* BRUTE FORCE: Header must NEVER be boxed */
  .c-header{
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  /* FORCE full viewport width (prevents boxed header even if header is inside a container) */
  .c-header--bleed{
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /* Avoid accidental horizontal scroll from 100vw rounding */
  html, body{ overflow-x: clip; }

  .c-header.c-header--black{
    background: #000;
    color: var(--clr-bg);
    border-bottom: 1px solid rgba(255,255,255,.14);
  }

  .c-header--black .c-header__top{ background: #000; }
  .c-header--black .c-header__bottom{ background: #000; border-top: 1px solid rgba(255,255,255,.10); }

  .c-header__wrap{
    max-width: var(--max-wide);
    margin: 0 auto;
    padding: 14px var(--gutter);
  }

  .c-header__grid{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
  }

  .c-lang{
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 12px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .c-lang:hover{ border-color: rgba(235,14,115,.6); color: #eb0e73; }

  .c-brandmark{
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
  }
  .c-brandmark__img{
    height: 34px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
  }
  .c-brandmark__text{
    font-family: var(--font-display);
    letter-spacing: .18em;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    white-space: nowrap;
  }

  .c-headActions{
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  .c-iconbtn.c-iconbtn--header{
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    box-shadow: none;
  }
  .c-iconbtn.c-iconbtn--header:hover{
    border-color: rgba(235,14,115,.8);
    color: #eb0e73;
    transform: none;
  }

  .c-subnav{
    max-width: var(--max-wide);
    margin: 0 auto;
    padding: 10px var(--gutter);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    flex-wrap: nowrap;
  }
  .c-subnav a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: .10em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 8px 6px;
  }
  .c-subnav a:hover{ color: #eb0e73; }

  .c-mnav{ display: none; justify-self: end; position: relative; }
  .c-mnav summary{
    list-style: none;
    cursor: pointer;
  }
  .c-mnav summary::-webkit-details-marker{ display:none; }

  .c-mnav summary i.fa-xmark{ display:none; }
  .c-mnav[open] summary i.fa-bars{ display:none; }
  .c-mnav[open] summary i.fa-xmark{ display:inline-block; }

  .c-mnav__overlay{
    position: fixed;
    inset: 0;
    background: #fff;
    color: #000;
    padding: 86px 18px 18px;
    overflow: auto;
    z-index: 1000;
  }

  .c-mnav[open] summary{
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1001;
    color: #000;
    border-color: rgba(0,0,0,.12);
  }
  .c-mnav[open] summary:hover{ border-color: rgba(235,14,115,.6); color:#eb0e73; }

  .c-mnav__top{ margin-bottom: 18px; }
  .c-mnav__primary{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 46px;
    border-radius: 14px;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }
  .c-mnav__primary:hover{ background:#eb0e73; }

  .c-mnav__links{
    display: grid;
    gap: 10px;
  }
  .c-mnav__links a{
    color: #000;
    text-decoration: none;
    padding: 14px 12px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.10);
    font-weight: 650;
  }
  .c-mnav__links a:hover{
    border-color: rgba(235,14,115,.35);
    color: #eb0e73;
  }

  .c-header.c-header--cream{
    background: var(--hdr-cream);
    color: var(--hdr-ink);
    border-bottom: 1px solid var(--hdr-line);
  }
  .c-header--cream .c-header__top{ background: transparent !important; }
  .c-header--cream .c-header__bottom{ background: transparent !important; border-top: 0; }
  
  /* CRITICAL: Wrap must be FULL WIDTH (no max-width centering) */
  .c-header--cream .c-header__wrap{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px var(--gutter) !important;
    background: transparent !important;
  }
  
  .c-header--cream .c-brandmark,
  .c-header--cream .c-brandmark__text{ color: var(--hdr-ink); }
  .c-header--cream .c-iconbtn.c-iconbtn--header{
    color: var(--hdr-ink);
  }
  .c-header--cream .c-lang{
    border-color: rgba(50,39,50,.16);
    color: var(--hdr-ink);
  }

  /* ===== Homepage header overlay (transparent over hero) ===== */
  body.is-home:not(.home-scrolled) .c-header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent !important;
    border-bottom: 0 !important;
    z-index: 1000;
  }
  body.is-home:not(.home-scrolled) .c-header__top{
    background: transparent !important;
  }
  body.is-home:not(.home-scrolled) .c-header__bottom{
    background: transparent !important;
    border-top: 0 !important;
  }

  /* Restore black header when scrolled */
  body.is-home.home-scrolled .c-header.c-header--black{
    background: #000;
    border-bottom: 1px solid rgba(255,255,255,.14);
  }
  body.is-home.home-scrolled .c-header--black .c-header__top{
    background: #000;
  }

  /* Hero padding when header overlays */
  body.is-home .heroX__container{
    padding-top: calc(var(--hdr-top-h, 72px) + 24px);
  }

  /* Full-height hero when header overlays */
  body.is-home .heroX--bleed{
    min-height: 100vh;
  }
  /* Home: full viewport hero with modern viewport units */
  @supports (height: 100svh){
    body.is-home .heroX--bleed{ min-height: 100svh; }
  }
  @supports (height: 100dvh){
    body.is-home .heroX--bleed{ min-height: 100dvh; }
  }

  /* Black header: ensure icons/burger/wordmark use cream tone */
  .c-header--black .c-burger{
    color: var(--clr-bg);
    background: transparent;
    border: 0;
  }
  .c-header--black .c-burger:hover{
    background: rgba(255,255,255,.08);
  }
  .c-header--black .c-iconbtn.c-iconbtn--header{
    color: var(--clr-bg);
    background: transparent;
  }
  .c-header--black .c-brandmark,
  .c-header--black .c-brandmark__text{
    color: var(--clr-bg);
  }

  .c-brandmark__text--remsa{
    font-family: "EB Garamond", var(--font-display), serif;
    font-size: 35px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
  }
  @media (max-width: 768px){
    .c-brandmark__text--remsa{ font-size: 35px; }
  }
  .c-header--cream .c-header__grid{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
    height: var(--hdr-top-h);
  }
  .c-header--cream .c-mnav{
    display: none;
  }
  .c-header--cream .c-mnav summary{
    color: var(--hdr-ink);
    border: 0;
    background: transparent;
  }
  .c-header--cream .c-mnav[open] summary{
    color: var(--hdr-ink);
    border: 0;
  }
  .c-header--cream .c-mnav__overlay{
    background: var(--hdr-cream);
    color: var(--hdr-ink);
    padding: 86px 18px 24px;
  }
  .c-header--cream .c-mnav__primary{
    background: var(--hdr-ink);
    color: var(--hdr-cream);
    border: 1px solid var(--hdr-ink);
  }
  .c-header--cream .c-mnav__primary:hover{
    background: #4b3a4b;
    color: var(--hdr-cream);
  }
  .c-header--cream .c-mnav__links{
    gap: 12px;
  }
  .c-header--cream .c-mnav__links a{
    color: var(--hdr-ink);
    border: 0;
    border-radius: 12px;
    padding: 14px 12px;
    background: transparent;
  }
  .c-header--cream .c-mnav__links a:hover{
    background: rgba(50,39,50,.06);
    color: var(--hdr-ink);
  }
  .c-header--cream .c-mnav__bottom{
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid var(--hdr-line);
  }
  .c-header--cream .c-mnav__lang{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 46px;
    padding: 0 4px;
    background: transparent;
    border: 0;
    color: var(--hdr-ink);
    font-weight: 700;
    letter-spacing: .04em;
  }
  .c-header--cream .c-mnav__lang:hover{
    background: rgba(50,39,50,.04);
  }
  .c-header--cream .c-brandmark{
    justify-self: center;
    color: var(--hdr-ink);
  }
  .c-header--cream .c-brandmark__img{
    height: 60px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
    display: block;
  }
  .c-header--cream .c-brandmark__text{
    color: var(--hdr-ink);
  }
  .c-header--cream .c-headActions{
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 12px;
  }
  .c-header--cream .c-headActions__item{
    color: var(--hdr-ink);
    font-weight: 600;
    letter-spacing: .02em;
  }
  .c-header--cream .c-iconbtn.c-iconbtn--header{
    width: auto;
    height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--hdr-ink);
    box-shadow: none;
  }
  .c-header--cream .c-iconbtn.c-iconbtn--header:hover{
    color: var(--hdr-ink);
    background: rgba(50,39,50,.06);
  }
  .c-header--cream .c-iconbtn.c-iconbtn--header:focus-visible{
    outline: none;
    box-shadow: var(--shadow-outline);
  }
  .c-header--cream .c-headActions__lang{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--hdr-ink);
  }
  .c-header--cream .c-headActions__lang:hover{
    background: rgba(50,39,50,.06);
  }
  .c-header--cream .c-headActions__lang:focus-visible{
    outline: none;
    box-shadow: var(--shadow-outline);
  }

  /* Header icon buttons: strip visual affordances (scope to header only) */
  .c-headActions .c-iconbtn.c-iconbtn--header{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    border-radius: 0 !important;
    color: inherit;
  }
  .c-headActions .c-iconbtn.c-iconbtn--header:hover,
  .c-headActions .c-iconbtn.c-iconbtn--header:active,
  .c-headActions .c-iconbtn.c-iconbtn--header:focus-visible{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
    color: inherit !important;
  }

  .c-burger{
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 10px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--hdr-ink);
    box-shadow: none;
    cursor: pointer;
  }
  .c-burger:hover{ background: rgba(50,39,50,.06); }
  .c-burger:focus-visible{
    outline: none;
    box-shadow: var(--shadow-outline);
  }

  .c-backdrop{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(4px);
    z-index: 9998;
  }

  .c-drawer{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 380px;
    max-width: 88vw;
    background: var(--hdr-cream);
    color: var(--hdr-ink);
    transform: translateX(-105%);
    transition: transform .28s cubic-bezier(.2,.8,.2,1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(50,39,50,.10);
  }

  html.is-drawer-open .c-drawer{ transform: translateX(0); }
  html.is-drawer-open .c-burger{
    opacity: 0;
    pointer-events: none;
  }
  html.is-drawer-open,
  html.is-drawer-open body{
    overflow: hidden;
  }

  .c-drawer__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 16px 12px;
  }
  .c-drawer__title{
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .8;
  }
  .c-drawer__close{
    border: 0;
    background: transparent;
    color: var(--hdr-ink);
    height: 44px;
    padding: 0 10px;
    border-radius: 12px;
    cursor: pointer;
  }
  .c-drawer__close:hover{ background: rgba(50,39,50,.06); }
  .c-drawer__close:focus-visible{
    outline: none;
    box-shadow: var(--shadow-outline);
  }

  .c-drawer__nav{
    padding: 6px 10px 10px;
    overflow: auto;
    position: relative;
  }
  .c-drawer__nav a{
    display: flex;
    align-items: center;
    padding: 12px 12px;
    border-radius: 14px;
    color: var(--hdr-ink);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    text-decoration: none;
    position: relative;
	font-size: 16px;
  }
  .c-drawer__nav a:hover,
  .c-drawer__nav a:focus-visible{
    background: transparent !important;
  }
  .c-drawer__nav a .c-drawer__label{
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
  }

  .c-drawer__indicator{
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(
      90deg,
      rgba(235,14,115,0) 0%,
      rgba(235,14,115,1) 18%,
      rgba(235,14,115,1) 82%,
      rgba(235,14,115,0) 100%
    );
    opacity: 0;
    transform: translate3d(0,0,0);
    transition:
      transform .22s ease,
      width .22s ease,
      opacity .14s ease;
    filter: drop-shadow(0 0 8px rgba(235,14,115,.35))
            drop-shadow(0 0 16px rgba(235,14,115,.18));
    pointer-events: none;
    will-change: transform, width, opacity;
  }

  .c-drawer__nav.is-indicator-active .c-drawer__indicator{
    transition:
      transform .70s cubic-bezier(.2,.8,.2,1),
      width .70s cubic-bezier(.2,.8,.2,1),
      opacity .18s ease;
  }

  @media (prefers-reduced-motion: reduce){
    .c-drawer__indicator{ transition: none; }
    .c-drawer__nav.is-indicator-active .c-drawer__indicator{ transition: none; }
  }

/* HOME: Force full-viewport hero (wins over desktop calc rule) */
body.is-home .heroX--bleed{
  min-height: 100vh !important;
}
/* stable viewport height for mobile UI bars */
@supports (height: 100svh){
  body.is-home .heroX--bleed{ min-height: 100svh !important; }
}
/* dynamic viewport height for modern mobile browsers */
@supports (height: 100dvh){
  body.is-home .heroX--bleed{ min-height: 100dvh !important; }
}

  .c-drawer__meta{
    padding: 10px 16px 14px;
  }
  .c-drawer__primary{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 46px;
    border-radius: 0;
    border: 1px solid var(--berry, #eb0e73);
    background: var(--berry, #eb0e73);
    color: #fff;
    box-shadow: none;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
  }
  .c-drawer__primary:hover{
    background: var(--berry, #eb0e73);
    color: #fff;
    filter: brightness(.94);
  }

  .c-drawer__lang{
    margin-top: auto;
    padding: 10px 16px 16px;
  }
  .c-drawer__divider{
    height: 1px;
    background: var(--hdr-line);
    margin-bottom: 12px;
  }
  .c-drawer__langBtn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    background: transparent;
    color: var(--hdr-ink);
    padding: 12px 10px;
    border-radius: 14px;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    cursor: pointer;
  }
  .c-drawer__langBtn:hover{ background: rgba(50,39,50,.06); }
  .c-drawer__langBtn:focus-visible{
    outline: none;
    box-shadow: var(--shadow-outline);
  }

  @media (min-width: 901px){
    :root{
      --topbar-h: 38px;
      --hdr-top-h: 72px;
      --hdr-bot-h: 44px;
    }

    .c-header__top{ height: var(--hdr-top-h); }
    .c-header__wrap{
      height: var(--hdr-top-h);
      padding: 0 var(--gutter);
      align-items: center;
    }

    .c-header__bottom{ height: var(--hdr-bot-h); }
    .c-subnav{
      height: var(--hdr-bot-h);
      padding: 0 var(--gutter);
      align-items: center;
    }

    .heroX--bleed{
      min-height: calc(100vh - var(--topbar-h) - var(--hdr-top-h) - var(--hdr-bot-h));
      width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: calc(50% - 50vw);
    }

    .heroX__bgVideo,
    .heroX__bgFallback{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 30%;
      display: block;
    }
  }

  @media (max-width: 900px){
    .c-header__wrap{ padding: 12px var(--gutter); }
    .c-header__grid{ grid-template-columns: auto 1fr auto; }
    .c-headActions{ display: none; }
    .c-header__bottom{ display: none; }
    .c-mnav{ display: block; }
    .c-brandmark{ justify-self: center; }
    .c-brandmark__img{ height: 30px; }
    .c-brandmark__text{ font-size: 35px; letter-spacing: .16em; }
    .c-lang{ height: 36px; padding: 0 10px; font-size: 11px; }
  }

  @media (max-width: 900px){
    .c-header--cream .c-header__grid{ grid-template-columns: 1fr auto 1fr; }
    .c-header--cream .c-headActions{
      display: inline-flex;
      gap: 6px;
    }
    .c-header--cream .c-headActions__lang,
    .c-header--cream .c-headActions__account{ display: none; }
    .c-header--cream .c-brandmark__img{
      height: 40px;
      max-width: 200px;
    }
    .c-header--cream .c-brandmark__text{
      font-size: 16px;
      letter-spacing: .16em;
    }
  }

  /* Minimal buttons (Lyra-inspired) */
  .c-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.85rem 1.8rem;
    font-size: var(--fs-sm);
    font-weight: 500;
    letter-spacing: 0.02em;
    border-radius: 2px;
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    transition: opacity 200ms ease, background 200ms ease, border-color 200ms ease;
  }

  .c-btn--primary {
    background: var(--clr-ink);
    color: #fff;
    border-color: var(--clr-ink);
  }

  .c-btn--primary:hover {
    background: var(--clr-ink-soft);
  }

  .c-btn:focus-visible { 
    outline: 2px solid var(--clr-primary); 
    outline-offset: 2px;
  }
  .c-btn--sm { padding: 0.55rem 1.1rem; font-size: var(--fs-xs); }

  .c-iconbtn {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--clr-border);
    background: rgba(255, 255, 255, 0.85);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--clr-ink);
    box-shadow: 0 8px 20px rgba(11, 11, 14, 0.06);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
  }
  .c-iconbtn:hover {
    transform: translateY(-1px);
    border-color: rgba(235, 14, 115, 0.6);
    box-shadow: var(--shadow-outline);
  }
  .c-iconbtn:focus-visible { outline: none; box-shadow: var(--shadow-outline); }
  .c-iconbtn--solid {
    background: #fff;
    border-color: rgba(235, 14, 115, 0.4);
  }

  /* Hero: Editorial 3-up mosaic (Lyra-inspired) */
  .c-hero {
    margin: 0;
    padding: 0;
  }

  .c-hero__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    min-height: clamp(480px, 70vh, 720px);
  }

  .c-hero__tile {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }

  .c-hero__tile--main {
    grid-column: span 1;
  }
  .c-hero__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .c-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 400ms ease;
  }

  .c-hero__tile:hover .c-hero__media img:not([style*="display: none"]) {
    transform: scale(1.02);
  }

  /* Light placeholders (Lyra-inspired) */
  [data-placeholder] {
    position: relative;
    display: block;
    background: 
      repeating-linear-gradient(
        45deg,
        transparent 0,
        transparent 3px,
        rgba(235, 14, 115, 0.015) 3px,
        rgba(235, 14, 115, 0.015) 6px
      ),
      linear-gradient(
        135deg,
        #f9f8f6 0%,
        rgba(235, 14, 115, 0.02) 50%,
        #fefdfb 100%
      );
  }

  /* Subtle watermark only */
  [data-placeholder]::after {
    content: 'REMSA';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--font-display);
    font-size: clamp(4rem, 10vw, 7rem);
    font-weight: 300;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(235, 14, 115, 0.03);
    pointer-events: none;
    z-index: 0;
  }

  .c-card__media[data-placeholder]::after {
    font-size: clamp(2.5rem, 6vw, 4rem);
  }

  [data-placeholder] img:not([style*="display: none"]) {
    position: relative;
    z-index: 2;
  }

  .c-hero__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(var(--s-3), 5vw, var(--s-5));
    background: linear-gradient(180deg, transparent 40%, rgba(11, 11, 14, 0.55) 100%);
    color: #fff;
    z-index: 3;
    gap: var(--s-2);
  }

  .c-hero__kicker {
    font-size: var(--fs-xs);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
  }

  .c-hero__headline {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.01em;
    max-width: 18em;
    text-wrap: balance;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .c-hero__tile--main .c-hero__headline {
    font-size: clamp(2rem, 4vw, 3rem);
  }

  .c-hero__content .c-btn {
    margin-top: auto;
  }

  /* Trust strip (premium) */
  /* Trust Bar - Premium Slim Inline Highlight Bar */
  .c-trustBar {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: linear-gradient(
      180deg,
      rgba(248,248,249,0.5) 0%,
      rgba(255,255,255,0.3) 100%
    );
    border-top: 1px solid rgba(0,0,0,0.04);
    border-bottom: 1px solid rgba(0,0,0,0.04);
    padding: clamp(16px, 2.5vw, 24px) 0;
  }

  .c-trustBar__inner {
    max-width: var(--max-wide);
    margin: 0 auto;
    padding: 0 var(--gutter);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(var(--s-4), 6vw, var(--s-6));
    flex-wrap: wrap;
  }

  .c-trustBar__item {
    display: flex;
    align-items: center;
    gap: clamp(8px, 1.2vw, 12px);
    position: relative;
  }

  /* Subtle divider between items (not on last) */
  .c-trustBar__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: calc(-1 * clamp(var(--s-4), 6vw, var(--s-6)) / 2);
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0.08) 50%,
      rgba(0,0,0,0) 100%
    );
  }

  .c-trustBar__icon {
    font-size: 18px;
    color: rgba(235,14,115,0.85);
    flex-shrink: 0;
  }

  .c-trustBar__label {
    font-size: clamp(0.85rem, 1.4vw, 0.95rem);
    font-weight: 500;
    color: var(--clr-ink);
    letter-spacing: 0.01em;
    line-height: 1.3;
    white-space: nowrap;
  }

  /* Mobile: 2 rows, centered */
  @media (max-width: 640px) {
    .c-trustBar__inner {
      gap: clamp(var(--s-3), 8vw, var(--s-4));
      justify-content: space-around;
    }
    
    .c-trustBar__item {
      flex: 0 1 auto;
    }
    
    .c-trustBar__item:not(:last-child)::after {
      display: none;
    }
    
    .c-trustBar__icon {
      font-size: 16px;
    }
    
    .c-trustBar__label {
      font-size: 0.85rem;
    }
  }

  /* Sections */
  .c-section {
    padding: clamp(var(--s-6), 10vw, 120px) var(--gutter) 0;
  }

  .c-section__head {
    max-width: var(--max-width);
    margin: 0 auto var(--s-6);
    text-align: center;
  }

  .c-section__title {
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 300;
    color: var(--clr-ink);
    letter-spacing: -0.01em;
    line-height: 1.2;
  }
  .c-link {
    font-size: var(--fs-sm);
    color: var(--clr-primary);
    border-bottom: 1px solid rgba(235, 14, 115, 0.4);
    padding-bottom: 2px;
  }

  .c-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: var(--fs-xs);
    font-weight: 600;
    color: var(--clr-primary);
  }

  .c-kpi__grid {
    max-width: var(--max-width);
    margin: var(--s-3) auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--s-2);
  }
  .c-kpi {
    display: flex;
    gap: var(--s-2);
    align-items: center;
    padding: var(--s-2);
    border-radius: var(--radius-md);
    border: 1px solid var(--clr-border);
    background: var(--clr-surface);
    box-shadow: var(--shadow-soft);
  }
  .c-kpi__icon {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--clr-primary-soft);
    color: var(--clr-primary);
    flex-shrink: 0;
  }
  .c-kpi__title { font-weight: 700; font-size: var(--fs-sm); color: var(--clr-ink); }
  .c-kpi__text { color: var(--clr-muted); font-size: var(--fs-sm); line-height: 1.5; }

  .c-grid {
    max-width: var(--max-wide);
    margin: var(--s-3) auto 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--s-3);
  }

  .c-section__more {
    max-width: var(--max-wide);
    margin: var(--s-4) auto 0;
    text-align: center;
  }
  /* Minimal cards (Lyra-inspired) */
  .c-card {
    display: block;
    background: var(--clr-surface);
    transition: opacity 200ms ease;
  }

  .c-card:hover {
    opacity: 0.85;
  }

  .c-card__link { 
    display: block;
    color: inherit; 
  }

  .c-card__media {
    position: relative;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--clr-surface-muted);
    margin-bottom: var(--s-2);
  }

  .c-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 350ms ease;
  }

  .c-card:hover .c-card__media img:not([style*="display: none"]) {
    transform: scale(1.03);
  }
  .c-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--s-1);
  }

  .c-card__name { 
    font-size: var(--fs-base); 
    font-weight: 500;
    color: var(--clr-ink); 
    letter-spacing: 0.01em;
  }

  .c-card__meta {
    font-size: var(--fs-sm);
    color: var(--clr-muted);
    line-height: 1.5;
  }

  /* Collections - Premium Full Bleed Editorial Strip */
  .c-collections--bleed {
    padding: clamp(90px, 12vw, 140px) 0 0;
    overflow: hidden;
  }

  .c-collections__container {
    max-width: var(--max-wide);
    margin: 0 auto;
    padding: 0 var(--gutter);
  }

  .c-collections__head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: clamp(var(--s-3), 4vw, var(--s-5));
  }

  .c-collections__title {
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 300;
    color: var(--clr-ink);
    letter-spacing: -0.015em;
    line-height: 1.15;
  }

  .c-collections__viewall {
    font-size: var(--fs-sm);
    color: var(--clr-primary);
    font-weight: 500;
    letter-spacing: 0.01em;
    position: relative;
    transition: color 200ms ease;
  }

  .c-collections__viewall::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    opacity: 0.4;
    transition: opacity 200ms ease;
  }

  .c-collections__viewall:hover::after {
    opacity: 1;
  }

  /* Viewport - True Full Bleed Container */
  .c-collections__viewport {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow: hidden;
  }

  /* Track - Seamless Horizontal Strip */
  .c-collections__track {
    display: flex;
    gap: 0;
    transition: transform 480ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  @media (prefers-reduced-motion: reduce) {
    .c-collections__track {
      transition-duration: 0ms;
    }
  }

  /* Tile - Premium Seamless Design */
  .c-collections__tile {
    position: relative;
    flex: 0 0 25%;
    height: clamp(320px, 32vw, 540px);
    display: block;
    overflow: hidden;
    background: #f8f8f9;
  }

  /* Subtle divider between tiles (not a border) */
  .c-collections__tile::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0.06) 20%,
      rgba(0,0,0,0.06) 80%,
      rgba(0,0,0,0) 100%
    );
    z-index: 3;
    pointer-events: none;
  }

  .c-collections__tile:last-child::before {
    display: none;
  }

  /* Focus state - premium accent */
  .c-collections__tile:focus-visible {
    outline: none;
    z-index: 4;
  }

  .c-collections__tile:focus-visible::after {
    content: '';
    position: absolute;
    inset: 8px;
    border: 2px solid rgba(235,14,115,0.8);
    border-radius: 2px;
    pointer-events: none;
    z-index: 5;
  }

  /* Image - Full Cover */
  .c-collections__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .c-collections__tile:hover .c-collections__img {
    transform: scale(1.04);
  }

  @media (prefers-reduced-motion: reduce) {
    .c-collections__img {
      transition: none;
    }
    .c-collections__tile:hover .c-collections__img {
      transform: none;
    }
  }

  /* Premium Placeholder - Subtle gradient with brand hint */
  .c-collections__placeholder {
    position: absolute;
    inset: 0;
    background: 
      radial-gradient(
        ellipse at 30% 40%,
        rgba(235,14,115,0.04) 0%,
        transparent 50%
      ),
      linear-gradient(
        135deg,
        #f5f5f7 0%,
        #ebebed 50%,
        #e8e8ea 100%
      );
  }

  .c-collections__placeholder::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
      repeating-linear-gradient(
        45deg,
        transparent,
        transparent 40px,
        rgba(235,14,115,0.015) 40px,
        rgba(235,14,115,0.015) 80px
      );
  }

  /* Overlay - Premium readable gradient */
  .c-collections__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(11,11,14,0.2) 0%,
      rgba(11,11,14,0.35) 40%,
      rgba(11,11,14,0.6) 100%
    );
    z-index: 1;
    transition: background 280ms ease;
  }

  .c-collections__tile:hover .c-collections__overlay {
    background: linear-gradient(
      180deg,
      rgba(11,11,14,0.25) 0%,
      rgba(11,11,14,0.4) 40%,
      rgba(11,11,14,0.65) 100%
    );
  }

  /* Content - Refined Typography */
  .c-collections__content {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: clamp(var(--s-2), 4vw, var(--s-4));
    color: #fff;
  }

  .c-collections__name {
    font-family: var(--font-display);
    font-size: clamp(1.3rem, 2.2vw, 2rem);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.25;
    text-shadow: 0 2px 12px rgba(0,0,0,0.35);
    position: relative;
  }

  /* Subtle hover underline effect */
  .c-collections__name::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 60%;
    height: 1px;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(235,14,115,0.9) 50%,
      transparent 100%
    );
    transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .c-collections__tile:hover .c-collections__name::after {
    transform: translateX(-50%) scaleX(1);
  }

  @media (prefers-reduced-motion: reduce) {
    .c-collections__name::after {
      transition: none;
    }
  }

  .c-collections__meta {
    font-size: clamp(0.8rem, 1.4vw, 0.95rem);
    margin-top: clamp(6px, 1vw, 10px);
    opacity: 0.88;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 6px rgba(0,0,0,0.4);
    line-height: 1.4;
  }

  /* Luxury Navigation Buttons */
  .c-collections__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    color: var(--clr-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 
      0 4px 16px rgba(0,0,0,0.08),
      0 2px 8px rgba(0,0,0,0.04);
    transition: all 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
    opacity: 0;
    pointer-events: none;
  }

  .c-collections__viewport:hover .c-collections__nav:not(:disabled) {
    opacity: 1;
    pointer-events: auto;
  }

  .c-collections__nav:hover:not(:disabled) {
    background: #fff;
    color: var(--clr-primary);
    border-color: rgba(235,14,115,0.2);
    box-shadow: 
      0 8px 24px rgba(235,14,115,0.12),
      0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-50%) scale(1.06);
  }

  .c-collections__nav:focus-visible {
    outline: 2px solid rgba(235,14,115,0.7);
    outline-offset: 4px;
    opacity: 1;
    pointer-events: auto;
  }

  .c-collections__nav:disabled {
    opacity: 0;
    cursor: not-allowed;
  }

  .c-collections__nav--prev {
    left: clamp(16px, 2vw, 32px);
  }

  .c-collections__nav--next {
    right: clamp(16px, 2vw, 32px);
  }

  .c-collections__nav i {
    font-size: 15px;
  }

  @media (prefers-reduced-motion: reduce) {
    .c-collections__nav {
      transition: opacity 0ms, box-shadow 0ms;
    }
  }

  /* Tablet: 2 tiles visible */
  @media (max-width: 980px) {
    .c-collections__tile {
      flex: 0 0 50%;
      height: clamp(280px, 38vw, 420px);
    }
  }

  /* Mobile: 1 tile visible */
  @media (max-width: 560px) {
    .c-collections__tile {
      flex: 0 0 100%;
      height: clamp(280px, 54vh, 420px);
    }
    .c-collections__name {
      font-size: clamp(1.2rem, 5vw, 1.6rem);
      letter-spacing: 0.06em;
    }
    .c-collections__meta {
      font-size: 0.88rem;
    }
    .c-collections__nav {
      width: 44px;
      height: 44px;
    }
    .c-collections__nav i {
      font-size: 13px;
    }
  }

  /* Minimal CTA callout */
  .c-callout {
    padding: var(--s-6) var(--gutter);
    border-top: 1px solid rgba(230, 225, 219, 0.6);
    border-bottom: 1px solid rgba(230, 225, 219, 0.6);
    background: var(--clr-surface);
  }

  .c-callout__inner {
    max-width: 860px;
    margin: 0 auto;
    display: grid;
    gap: var(--s-4);
    text-align: center;
  }

  .c-callout__title {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 300;
    letter-spacing: -0.01em;
    color: var(--clr-ink);
    line-height: 1.3;
  }

  .c-callout__desc {
    font-size: var(--fs-base);
    color: var(--clr-muted);
    line-height: 1.6;
    max-width: 60ch;
    margin: 0 auto;
  }

  .c-callout__actions {
    display: flex;
    justify-content: center;
    gap: var(--s-2);
  }

  .c-promos {
    max-width: var(--max-wide);
    margin: var(--s-3) auto var(--s-5);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--s-2);
  }
  .c-banner {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--clr-ink);
    display: block;
    transition: transform 180ms ease, box-shadow 180ms ease;
  }

  .c-banner:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(11, 11, 14, 0.2);
  }

  .c-banner__media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0f0f13;
  }

  .c-banner__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 200ms ease, filter 200ms ease;
  }

  .c-banner:hover .c-banner__media img:not([style*="display: none"]) { 
    transform: scale(1.03); 
    filter: saturate(1.05); 
  }

  /* Banner placeholder styling */
  .c-banner__media[data-placeholder] {
    background: 
      repeating-linear-gradient(
        30deg,
        transparent 0,
        transparent 4px,
        rgba(235, 14, 115, 0.03) 4px,
        rgba(235, 14, 115, 0.03) 8px
      ),
      linear-gradient(
        125deg,
        #0f0f13 0%,
        #1a1a22 45%,
        rgba(235, 14, 115, 0.08) 85%,
        rgba(251, 250, 247, 0.1) 100%
      );
  }

  .c-banner__media[data-placeholder]::before {
    font-size: clamp(2.5rem, 5vw, 4rem);
    color: rgba(251, 250, 247, 0.12);
  }

  .c-banner__overlay {
    position: absolute;
    inset: 0;
    padding: var(--s-3);
    display: grid;
    align-content: end;
    gap: 6px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(11, 11, 14, 0.5) 100%);
    color: #fff;
  }

  .c-banner__title {
    font-size: var(--fs-md);
    font-family: var(--font-display);
    letter-spacing: 0.06em;
  }

  .c-footer {
    margin-top: var(--s-5);
    padding: var(--s-5) var(--gutter) var(--s-4);
    background: #0b0b0e;
    color: #f6f2ed;
  }
  .c-footer__inner {
    max-width: var(--max-wide);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--s-3);
  }
  .c-footer h3 {
    font-size: var(--fs-sm);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: var(--s-1);
	font-family: "EB Garamond", Garamond, "Times New Roman", serif;
  }
  .c-footer a { color: #f6f2ed;
	font-size: 15px;
    font-weight: 400;  
  }
  .c-footer a:hover { color: #fcb4d3; }
  .c-newsletter form {
    display: grid;
    gap: var(--s-1);
    margin-top: var(--s-1);
  }
  .c-input {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
  }
  .c-input::placeholder { color: rgba(255, 255, 255, 0.7); }
  .c-footer__social {
    display: flex;
    gap: var(--s-1);
    margin-top: var(--s-2);
  }
  .c-legal {
    text-align: center;
    margin-top: var(--s-3);
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--fs-xs);
  }

  /* ========================================
     AUTH COMPONENTS (Login Page)
     ======================================== */
  
  .c-auth {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: var(--s-3);
    background: radial-gradient(80% 60% at 30% 20%, rgba(235, 14, 115, 0.08), transparent 70%), var(--clr-bg);
  }

  .c-auth__grid {
    width: 100%;
    max-width: 1100px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-4);
    align-items: center;
  }

  .c-auth__card {
    display: grid;
    place-items: center;
  }

  .c-authCard {
    width: 100%;
    max-width: 440px;
    background: var(--clr-surface);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: var(--s-5);
    box-shadow: var(--shadow-soft), var(--shadow-glow);
  }

  .c-authCard__header {
    text-align: center;
    margin-bottom: var(--s-4);
  }

  .c-authCard__brand {
    font-family: var(--font-display);
    font-size: var(--fs-lg);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--clr-ink);
    display: inline-block;
    margin-bottom: var(--s-2);
  }

  .c-authTitle {
    font-family: var(--font-display);
    font-size: var(--fs-xl);
    color: var(--clr-ink);
    margin-bottom: var(--s-1);
  }

  .c-authLead {
    color: var(--clr-muted);
    font-size: var(--fs-sm);
  }

  .c-authCard__form {
    display: grid;
    gap: var(--s-3);
  }

  .c-formRow {
    display: grid;
    gap: 8px;
  }

  /* Auth page: inputs should be dark (global .c-input is white for footer) */
  .c-auth .c-input{
    color: var(--clr-ink);
    caret-color: var(--clr-ink);
    border-color: rgba(11, 11, 14, 0.18);
    background: rgba(11, 11, 14, 0.03);
  }
  .c-auth .c-input::placeholder{
    color: rgba(11, 11, 14, 0.45);
  }
  .c-auth .c-input:focus{
    outline: none;
    border-color: rgba(235, 14, 115, 0.45);
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.12);
  }

  /* Chrome autofill (prevents white autofill text) */
  .c-auth .c-input:-webkit-autofill,
  .c-auth .c-input:-webkit-autofill:hover,
  .c-auth .c-input:-webkit-autofill:focus{
    -webkit-text-fill-color: var(--clr-ink);
    transition: background-color 9999s ease-out 0s;
    box-shadow: 0 0 0 1000px rgba(11, 11, 14, 0.03) inset;
  }

  .c-label {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--clr-ink);
  }

  .c-authCard__footer {
    margin-top: var(--s-3);
    padding-top: var(--s-3);
    border-top: 1px solid var(--clr-border);
    display: flex;
    flex-direction: column;
    gap: var(--s-1);
    align-items: center;
  }

  .c-link {
    color: var(--clr-primary);
    font-size: var(--fs-sm);
    border-bottom: 1px solid rgba(235, 14, 115, 0.3);
    padding-bottom: 2px;
    transition: border-color 160ms ease;
  }
  .c-link:hover {
    border-color: var(--clr-primary);
  }
  .c-link--sm {
    font-size: var(--fs-xs);
  }

  .c-btn--block {
    width: 100%;
  }

  .c-authCard__demo {
    margin-top: var(--s-3);
    padding: var(--s-2);
    background: var(--clr-surface-muted);
    border-radius: var(--radius-sm);
    text-align: center;
  }

  .c-authCard__demoLabel {
    font-size: var(--fs-xs);
    color: var(--clr-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
  }

  .c-authCard__demoText {
    font-size: var(--fs-sm);
    color: var(--clr-ink-soft);
  }

  .c-auth__visual {
    position: relative;
    height: 100%;
    min-height: 500px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--clr-ink);
  }

  .c-auth__visualInner {
    width: 100%;
    height: 100%;
  }

  .c-auth__visualGradient {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, 
      var(--clr-primary) 0%, 
      var(--clr-primary-strong) 50%, 
      var(--clr-ink) 100%);
    opacity: 0.85;
  }

  /* ========================================
     ADMIN COMPONENTS (Premium Dashboard)
     ======================================== */

  body.theme-admin {
    font-family: var(--font-sans);
    font-size: var(--fs-base);
    line-height: 1.6;
    background: #f8f7f4;
    color: var(--clr-ink);
    
    /* Admin-specific tokens */
    --a-primary: #eb0e73;
    --a-bg: #f8f7f4;
    --a-panel: #ffffff;
    --a-sidebar: linear-gradient(180deg, #0b0b0e 0%, #1a1a1e 100%);
    --a-ink: #0b0b0e;
    --a-ink-soft: #3a3a42;
    --a-muted: #6f6f7a;
    --a-border: #e6e1db;
    --a-shadow-card: 0 2px 8px rgba(11, 11, 14, 0.08);
    --a-shadow-float: 0 8px 24px rgba(11, 11, 14, 0.12);
  }

  /* Admin typography override: use sans for all headings */
  body.theme-admin h1,
  body.theme-admin h2,
  body.theme-admin h3,
  body.theme-admin h4,
  body.theme-admin h5,
  body.theme-admin h6 {
    font-family: var(--font-sans);
  }

  .a-shell {
    display: grid;
    grid-template-columns: 280px 1fr;
    min-height: 100vh;
  }

  /* ===== SIDEBAR ===== */
  .a-sidebar {
    background: var(--a-sidebar);
    color: #f6f2ed;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);
  }

  .a-sidebar__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: var(--s-3);
  }

  .a-sidebar__brand {
    margin-bottom: var(--s-4);
    padding-bottom: var(--s-3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .a-sidebar__logo {
    font-family: var(--font-sans);
    font-size: var(--fs-lg);
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin-bottom: 6px;
    text-shadow: 0 2px 8px rgba(235, 14, 115, 0.3);
  }

  .a-sidebar__tagline {
    font-size: var(--fs-xs);
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  .a-sidebar__user {
    display: flex;
    gap: var(--s-2);
    align-items: center;
    padding: var(--s-2);
    background: rgba(235, 14, 115, 0.12);
    border: 1px solid rgba(235, 14, 115, 0.2);
    border-radius: var(--radius-sm);
    margin-bottom: var(--s-4);
  }

  .a-sidebar__avatar {
    font-size: var(--fs-xl);
    color: var(--a-primary);
    line-height: 1;
    flex-shrink: 0;
  }

  .a-sidebar__userInfo {
    min-width: 0;
    flex: 1;
  }

  .a-sidebar__userName {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .a-sidebar__userRole {
    font-size: var(--fs-xs);
    color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Navigation */
  .a-nav {
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
    flex: 1;
  }

  .a-nav__group {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .a-nav__groupLabel {
    font-family: var(--font-sans);
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: rgba(255, 255, 255, 0.35);
    padding: 0 var(--s-2);
    margin-bottom: 8px;
    font-weight: 700;
  }

  .a-nav__item {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    padding: 0.7rem var(--s-2);
    border-radius: var(--radius-sm);
    color: rgba(255, 255, 255, 0.75);
    font-size: var(--fs-sm);
    position: relative;
    transition: all 180ms ease;
    border: 1px solid transparent;
  }

  .a-nav__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: var(--a-primary);
    border-radius: 0 2px 2px 0;
    box-shadow: 0 0 8px rgba(235, 14, 115, 0.6);
    transition: height 180ms ease;
  }

  .a-nav__item i {
    width: 18px;
    font-size: 16px;
    text-align: center;
    color: rgba(255, 255, 255, 0.45);
    transition: color 180ms ease, transform 180ms ease;
  }

  .a-nav__item:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    padding-left: calc(var(--s-2) + 6px);
    border-color: rgba(235, 14, 115, 0.15);
  }

  .a-nav__item:hover::before {
    height: 24px;
  }

  .a-nav__item:hover i {
    color: var(--a-primary);
    transform: scale(1.05);
  }

  .a-nav__item:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.4);
    background: rgba(255, 255, 255, 0.08);
  }

  .a-nav__item.is-active {
    background: rgba(235, 14, 115, 0.15);
    color: #fff;
    font-weight: 600;
    padding-left: calc(var(--s-2) + 6px);
    border-color: rgba(235, 14, 115, 0.25);
  }

  .a-nav__item.is-active::before {
    height: 100%;
  }

  .a-nav__item.is-active i {
    color: var(--a-primary);
    filter: drop-shadow(0 0 4px rgba(235, 14, 115, 0.5));
  }

  /* Dropdown (Products) */
  .a-nav__dropdown {
    border-radius: var(--radius-sm);
    transition: background 160ms ease;
  }
  .a-nav__dropdown[open] {
    background: rgba(255, 255, 255, 0.04);
  }
  .a-nav__item--parent {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    width: 100%;
    cursor: pointer;
    list-style: none;
  }
  .a-nav__item--parent::-webkit-details-marker { display: none; }
  .a-nav__item--parent .a-nav__chevron {
    margin-left: auto;
    transition: transform 180ms ease;
    display: inline-flex;
  }
  .a-nav__dropdown[open] .a-nav__chevron {
    transform: rotate(180deg);
  }
  .a-nav__sub {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    transition: max-height 220ms ease, opacity 180ms ease, transform 220ms ease, padding 200ms ease;
    display: grid;
    gap: 4px;
    padding-left: 38px;
  }
  .a-nav__dropdown[open] .a-nav__sub,
  .a-nav__dropdown:focus-within .a-nav__sub,
  .a-nav__dropdown:hover .a-nav__sub {
    max-height: 240px;
    opacity: 1;
    transform: translateY(0);
    padding-bottom: 6px;
  }
  .a-nav__subItem {
    display: block;
    font-size: var(--fs-sm);
    color: rgba(255, 255, 255, 0.78);
    padding: 6px 0;
    transition: color 140ms ease;
  }
  .a-nav__subItem:hover {
    color: #fff;
  }
  .a-nav__subItem.is-active {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  @media (prefers-reduced-motion: reduce) {
    .a-nav__sub {
      transition: none;
    }
    .a-nav__chevron {
      transition: none;
    }
  }

  .a-sidebar__bottom {
    margin-top: auto;
    padding-top: var(--s-3);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: grid;
    gap: var(--s-2);
  }

  .a-sidebar__logout {
    margin-top: var(--s-1);
  }

  .a-sidebar__toggle {
    display: none;
  }

  /* ===== MAIN CONTENT ===== */
  .a-main {
    background: var(--a-bg);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }

  /* Topbar */
  .a-topbar {
    background: var(--a-panel);
    border-bottom: 1px solid var(--a-border);
    position: sticky;
    top: 0;
    z-index: 20;
    box-shadow: 0 1px 3px rgba(11, 11, 14, 0.05);
  }

  .a-topbar__inner {
    padding: var(--s-2) var(--s-4);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .a-topbar__title {
    font-family: var(--font-sans);
    font-size: var(--fs-lg);
    color: var(--a-ink);
    font-weight: 700;
  }

  .a-topbar__right {
    display: flex;
    gap: var(--s-1);
    align-items: center;
  }

  .a-iconbtn {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--a-border);
    background: rgba(255, 255, 255, 0.8);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--a-ink-soft);
    cursor: pointer;
    transition: all 160ms ease;
  }

  .a-iconbtn:hover {
    transform: translateY(-2px);
    border-color: var(--a-primary);
    color: var(--a-primary);
    background: rgba(235, 14, 115, 0.05);
    box-shadow: 0 2px 5px rgba(235, 14, 115, 0.08), 0 0 0 3px rgba(235, 14, 115, 0.04);
  }

  .a-iconbtn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.35);
    border-color: var(--a-primary);
    transform: translateY(-1px);
  }

  /* Content */
  .a-content {
    padding: var(--s-4);
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
  }

  /* ===== KPI CARDS ===== */
  .a-kpiGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--s-3);
    margin-bottom: var(--s-4);
  }

  .a-kpi {
    background: var(--a-panel);
    border: 1px solid rgba(230, 225, 219, 0.6);
    border-radius: var(--radius-md);
    padding: var(--s-4);
    display: flex;
    gap: var(--s-3);
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(11, 11, 14, 0.06);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }

  .a-kpi:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(11, 11, 14, 0.1);
    border-color: rgba(235, 14, 115, 0.2);
  }

  .a-kpi__icon {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-sm);
    display: grid;
    place-items: center;
    font-size: 20px;
    flex-shrink: 0;
  }

  .a-kpi__icon--primary {
    background: linear-gradient(135deg, rgba(235, 14, 115, 0.06) 0%, rgba(235, 14, 115, 0.04) 100%);
    color: var(--a-primary);
    border: 1px solid rgba(235, 14, 115, 0.1);
  }

  .a-kpi__icon--success {
    background: linear-gradient(135deg, rgba(235, 14, 115, 0.02) 0%, rgba(16, 185, 129, 0.05) 100%);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.1);
  }

  .a-kpi__icon--warning {
    background: linear-gradient(135deg, rgba(235, 14, 115, 0.02) 0%, rgba(245, 158, 11, 0.05) 100%);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.1);
  }

  .a-kpi__icon--info {
    background: linear-gradient(135deg, rgba(235, 14, 115, 0.02) 0%, rgba(59, 130, 246, 0.05) 100%);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.1);
  }

  .a-kpi__body {
    flex: 1;
    min-width: 0;
  }

  .a-kpi__label {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--a-muted);
    margin-bottom: 4px;
  }

  .a-kpi__value {
    font-size: var(--fs-xxl);
    font-weight: 700;
    color: var(--a-ink);
    line-height: 1.1;
    margin-bottom: 6px;
  }

  .a-kpi__delta {
    font-size: var(--fs-xs);
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .a-kpi__delta--up {
    color: #10b981;
  }

  .a-kpi__delta--down {
    color: #ef4444;
  }

  .a-kpi__delta--neutral {
    color: var(--a-muted);
  }

  /* ===== WIDGET ROW ===== */
  .a-widgetRow {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: var(--s-3);
    margin-bottom: var(--s-4);
  }

  /* ===== CARD ===== */
  .a-card {
    background: var(--a-panel);
    border: 1px solid rgba(230, 225, 219, 0.7);
    border-radius: var(--radius-md);
    box-shadow: 0 1px 3px rgba(11, 11, 14, 0.05);
    overflow: hidden;
    transition: box-shadow 180ms ease, border-color 180ms ease;
  }

  .a-card:hover {
    box-shadow: 0 2px 8px rgba(11, 11, 14, 0.08);
    border-color: rgba(230, 225, 219, 0.9);
  }

  .a-card--wide {
    grid-column: 1 / -1;
  }

  .a-card__header {
    padding: var(--s-3) var(--s-4);
    border-bottom: 1px solid rgba(230, 225, 219, 0.5);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-2);
  }

  .a-card__title {
    font-size: var(--fs-md);
    font-weight: 700;
    color: var(--a-ink);
    line-height: 1.3;
  }

  .a-card__subtitle {
    color: var(--a-muted);
    font-size: var(--fs-sm);
    line-height: 1.4;
  }

  .a-card__body {
    padding: var(--s-4);
  }

  .a-card__body--nopad {
    padding: 0;
  }

  .a-link {
    color: var(--a-primary);
    font-size: var(--fs-sm);
    font-weight: 600;
    border-bottom: 1px solid rgba(235, 14, 115, 0.3);
    padding-bottom: 2px;
    transition: all 160ms ease;
  }

  .a-link:hover {
    border-color: var(--a-primary);
    color: #d10a65;
  }

  .a-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.3);
    border-radius: 2px;
  }

  /* ===== TABLE ===== */
  .a-table {
    width: 100%;
    overflow-x: auto;
  }

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

  .a-table th {
    text-align: left;
    padding: var(--s-3) var(--s-3) var(--s-2);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--a-muted);
    font-weight: 700;
    border-bottom: 2px solid rgba(230, 225, 219, 0.6);
    white-space: nowrap;
  }

  .a-table td {
    padding: var(--s-3);
    font-size: var(--fs-sm);
    color: var(--a-ink-soft);
    border-bottom: 1px solid rgba(230, 225, 219, 0.4);
    vertical-align: middle;
  }

  .a-table td:nth-child(2) {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .a-table th:nth-child(4),
  .a-table td:nth-child(4) {
    width: 110px;
    white-space: nowrap;
  }

  .a-table tbody tr:last-child td {
    border-bottom: none;
  }

  .a-table tbody tr {
    transition: background 160ms ease, box-shadow 160ms ease;
  }

  .a-table tbody tr:hover {
    background: linear-gradient(90deg, rgba(235, 14, 115, 0.02) 0%, rgba(235, 14, 115, 0.015) 100%);
    box-shadow: inset 2px 0 0 rgba(235, 14, 115, 0.2);
  }

  /* ===== BADGE ===== */
  .a-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 11px;
    border-radius: var(--radius-sm);
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1;
  }

  .a-badge--success {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.25);
  }

  .a-badge--warning {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.25);
  }

  .a-badge--danger {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.25);
  }

  .a-badge--info {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.25);
  }

  /* ===== ALERT LIST ===== */
  .a-alertList {
    display: flex;
    flex-direction: column;
    gap: var(--s-2);
  }

  .a-alertItem {
    display: flex;
    gap: var(--s-2);
    padding: var(--s-3);
    border-radius: var(--radius-sm);
    background: rgba(0, 0, 0, 0.015);
    border: 1px solid rgba(230, 225, 219, 0.6);
    border-left: 3px solid transparent;
    transition: all 160ms ease;
  }

  .a-alertItem:hover {
    background: rgba(0, 0, 0, 0.025);
    border-left-width: 4px;
  }

  .a-alertItem__icon {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 14px;
  }

  .a-alertItem__icon--warning {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
  }

  .a-alertItem:has(.a-alertItem__icon--warning) {
    border-left-color: #f59e0b;
  }

  .a-alertItem__icon--danger {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
  }

  .a-alertItem:has(.a-alertItem__icon--danger) {
    border-left-color: #ef4444;
  }

  .a-alertItem__icon--success {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
  }

  .a-alertItem:has(.a-alertItem__icon--success) {
    border-left-color: #10b981;
  }

  .a-alertItem__body {
    flex: 1;
    min-width: 0;
  }

  .a-alertItem__title {
    font-weight: 600;
    font-size: var(--fs-sm);
    color: var(--a-ink);
    margin-bottom: 3px;
    line-height: 1.4;
  }

  .a-alertItem__text {
    font-size: var(--fs-xs);
    color: var(--a-muted);
    line-height: 1.5;
  }

  /* ===== ACTION GRID ===== */
  .a-actionGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--s-3);
  }

  .a-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--s-2);
    padding: var(--s-4);
    border: 1px solid rgba(230, 225, 219, 0.7);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.5);
    transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    min-height: 130px;
  }

  .a-action:hover {
    transform: translateY(-1px);
    border-color: rgba(235, 14, 115, 0.3);
    box-shadow: 0 2px 6px rgba(235, 14, 115, 0.06),
                0 0 0 1px rgba(235, 14, 115, 0.2);
    background: #ffffff;
  }

  .a-action:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.4);
    transform: translateY(-2px);
  }

  .a-action__icon {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-sm);
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, rgba(235, 14, 115, 0.1) 0%, rgba(235, 14, 115, 0.06) 100%);
    color: var(--a-primary);
    font-size: 22px;
    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
  }

  .a-action:hover .a-action__icon {
    background: linear-gradient(135deg, var(--a-primary) 0%, #d10a65 100%);
    color: #fff;
    transform: scale(1.12) rotate(2deg);
    box-shadow: 0 4px 10px rgba(235, 14, 115, 0.2);
  }

  .a-action__label {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--a-ink);
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    hyphens: auto;
    width: 100%;
    min-height: calc(var(--fs-sm) * 1.35 * 2);
  }

  /* ===== DASHBOARD: EDITORIAL SINGLE-SURFACE SYSTEM ===== */
  /* Design DNA: minimal, seamless, hairline dividers, micro fuchsia accent */
  
  .a-dash {
    display: flex;
    flex-direction: column;
    gap: var(--s-4);
  }

  /* Surface base (paper feel, ultra-soft ambient shadow) */
  .a-surface {
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.22);
    box-shadow: none;
    overflow: hidden;
  }

  /* Metrics Surface (4-column grid with hairline dividers) */
  .a-surface--metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }

  .a-metric {
    display: flex;
    align-items: flex-start;
    gap: var(--s-3);
    padding: var(--s-4);
    border-left: 1px solid rgba(230, 225, 219, 0.4);
    transition: background 160ms ease;
  }

  .a-metric:first-child {
    border-left: none;
  }

  .a-metric:hover {
    background: rgba(235, 14, 115, 0.01);
  }

  .a-metric__icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    font-size: 14px;
    color: #eb0e73;
    flex-shrink: 0;
    opacity: 0.75;
  }

  .a-metric__body {
    flex: 1;
    min-width: 0;
  }

  .a-metric__label {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--a-muted);
    margin-bottom: 6px;
    font-weight: 600;
  }

  .a-metric__value {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--a-ink);
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
  }

  .a-metric__delta {
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .a-metric__delta i {
    font-size: 0.6rem;
  }

  .a-metric__delta--up {
    color: #10b981;
  }

  .a-metric__delta--down {
    color: #ef4444;
  }

  .a-metric__delta--neutral {
    color: var(--a-muted);
  }

  /* Split Surface (2-column with vertical hairline) */
  .a-surface--split {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .a-split__col {
    padding: var(--s-4);
    border-left: 1px solid rgba(230, 225, 219, 0.4);
  }

  .a-split__col:first-child {
    border-left: none;
  }

  .a-split__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-2);
    padding-bottom: var(--s-3);
    border-bottom: 1px solid rgba(230, 225, 219, 0.25);
    margin-bottom: var(--s-3);
  }

  .a-split__title {
    font-size: var(--fs-sm);
    font-weight: 700;
    color: var(--a-ink);
    letter-spacing: -0.015em;
    line-height: 1.25;
  }

  .a-split__action {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--a-ink-soft);
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: color 120ms ease, border-color 120ms ease;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .a-split__action:hover {
    color: #eb0e73;
    border-bottom-color: rgba(235, 14, 115, 0.3);
  }

  .a-split__action:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.25);
    border-radius: 2px;
  }

  /* Ledger List (replaces table, no horizontal scrollbar) */
  .a-ledger {
    display: flex;
    flex-direction: column;
    gap: 1px;
  }

  .a-ledger__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-3);
    padding: var(--s-2) 0;
    border-bottom: 1px solid rgba(230, 225, 219, 0.3);
    transition: background 140ms ease, padding-left 140ms ease;
  }

  .a-ledger__row:last-child {
    border-bottom: none;
  }

  .a-ledger__row:hover {
    background: rgba(235, 14, 115, 0.015);
    padding-left: var(--s-2);
    box-shadow: inset 1px 0 0 rgba(235, 14, 115, 0.15);
  }

  .a-ledger__main {
    flex: 1;
    min-width: 0;
  }

  .a-ledger__name {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--a-ink);
    line-height: 1.4;
    margin-bottom: 2px;
  }

  .a-ledger__email {
    font-size: 0.7rem;
    color: var(--a-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .a-ledger__meta {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    flex-shrink: 0;
  }

  .a-ledger__time {
    font-size: 0.7rem;
    color: var(--a-muted);
    white-space: nowrap;
  }

  /* Dot Status (editorial, not pill) */
  .a-dot-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--a-ink-soft);
    line-height: 1;
  }

  .a-dot-status::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    flex-shrink: 0;
  }

  .a-dot-status--success::before {
    background: #10b981;
  }

  .a-dot-status--warning::before {
    background: #f59e0b;
  }

  .a-dot-status--danger::before {
    background: #ef4444;
  }

  /* Alert Ledger (editorial list, NOT cards) */
  .a-alertledger {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .a-alertledger__row {
    display: grid;
    grid-template-columns: 24px 1fr auto;
    gap: 12px;
    align-items: start;
    padding: 14px 0;
    border-top: 1px solid rgba(230, 225, 219, 0.2);
    transition: background 110ms ease;
  }

  .a-alertledger__row:first-child {
    border-top: none;
  }

  .a-alertledger__row:hover {
    background: rgba(0, 0, 0, 0.012);
  }

  /* Severity left hairline (2px max) */
  .a-alertledger__row.is-warn {
    border-left: 2px solid rgba(245, 158, 11, 0.25);
    padding-left: 10px;
  }

  .a-alertledger__row.is-warn:hover {
    border-left-color: rgba(245, 158, 11, 0.4);
  }

  .a-alertledger__row.is-danger {
    border-left: 2px solid rgba(239, 68, 68, 0.25);
    padding-left: 10px;
  }

  .a-alertledger__row.is-danger:hover {
    border-left-color: rgba(239, 68, 68, 0.4);
  }

  .a-alertledger__row.is-ok {
    border-left: 2px solid rgba(16, 185, 129, 0.25);
    padding-left: 10px;
  }

  .a-alertledger__row.is-ok:hover {
    border-left-color: rgba(16, 185, 129, 0.4);
  }

  /* Icon */
  .a-alertledger__icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: 13px;
    opacity: 0.6;
    flex-shrink: 0;
  }

  .a-alertledger__row.is-warn .a-alertledger__icon {
    color: #d97706;
  }

  .a-alertledger__row.is-danger .a-alertledger__icon {
    color: #dc2626;
  }

  .a-alertledger__row.is-ok .a-alertledger__icon {
    color: #059669;
  }

  /* Body */
  .a-alertledger__body {
    flex: 1;
    min-width: 0;
  }

  .a-alertledger__title {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--a-ink);
    margin-bottom: 3px;
    line-height: 1.35;
    letter-spacing: -0.01em;
  }

  .a-alertledger__text {
    font-size: 0.82rem;
    color: var(--a-muted);
    line-height: 1.45;
  }

  /* Meta (dot indicator) */
  .a-alertledger__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .a-alertledger__dot {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 999px;
    opacity: 0.5;
  }

  .a-alertledger__row.is-warn .a-alertledger__dot {
    background: #f59e0b;
  }

  .a-alertledger__row.is-danger .a-alertledger__dot {
    background: #ef4444;
  }

  .a-alertledger__row.is-ok .a-alertledger__dot {
    background: #10b981;
  }

  .a-alertledger__row:hover .a-alertledger__dot {
    opacity: 0.85;
  }

  /* Actions Surface */
  .a-surface--actions {
    padding: var(--s-4);
  }

  .a-surface__head {
    padding-bottom: var(--s-3);
    border-bottom: 1px solid rgba(230, 225, 219, 0.25);
    margin-bottom: var(--s-4);
  }

  .a-surface__title {
    font-size: var(--fs-md);
    font-weight: 700;
    color: var(--a-ink);
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin-bottom: 4px;
  }

  .a-surface__subtitle {
    font-size: 0.72rem;
    color: var(--a-muted);
    line-height: 1.4;
    letter-spacing: -0.005em;
  }

  /* Quick Links (editorial minimal rows, not tiles) */
  .a-quicklinks {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
  }

  .a-quicklink {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: var(--s-3) var(--s-2);
    text-align: center;
    border-right: 1px solid rgba(230, 225, 219, 0.2);
    border-bottom: 1px solid rgba(230, 225, 219, 0.2);
    transition: background 120ms ease;
    min-height: 88px;
    position: relative;
  }

  .a-quicklink:nth-child(6n) {
    border-right: none;
  }

  .a-quicklink:nth-last-child(-n+6) {
    border-bottom: none;
  }

  .a-quicklink::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: #eb0e73;
    transition: width 140ms ease;
  }

  .a-quicklink:hover {
    background: rgba(235, 14, 115, 0.008);
  }

  .a-quicklink:hover::after {
    width: 50%;
  }

  .a-quicklink:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(235, 14, 115, 0.4);
    z-index: 1;
  }

  .a-quicklink__icon {
    font-size: 16px;
    color: #eb0e73;
    opacity: 0.65;
    transition: opacity 120ms ease;
  }

  .a-quicklink:hover .a-quicklink__icon {
    opacity: 1;
  }

  .a-quicklink__label {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--a-ink);
    line-height: 1.3;
    letter-spacing: -0.008em;
  }

  /* Reduced motion support */
  @media (prefers-reduced-motion: reduce) {
    .a-metric,
    .a-ledger__row,
    .a-alertledger__row,
    .a-quicklink,
    .a-quicklink::after,
    .a-split__action {
      transition: none;
    }
  }

  /* Hide scrollbar rails */
  .a-ledger::-webkit-scrollbar,
  .a-alertledger::-webkit-scrollbar {
    display: none;
  }
  
  .a-ledger,
  .a-alertledger {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  /* ===== PAGES EDITOR (Editorial Block Editor) ===== */
  .a-pagesEditor {
    font-size: 14px;
  }

  .a-pagesEditor__top {
    margin-bottom: var(--s-4);
  }

  .a-editorSurface {
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.22);
    padding: var(--s-4);
  }

  .a-editorSurface--top {
    padding: var(--s-3) var(--s-4);
  }

  .a-pagesEditor__topGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 140px auto;
    gap: var(--s-3);
    align-items: end;
  }

  .a-pagesEditor__topActions {
    display: flex;
    gap: var(--s-2);
  }

  .a-pagesEditor__grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--s-4);
    align-items: start;
  }

  .a-pagesEditor__main {
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
  }

  .a-pagesEditor__aside {
    position: sticky;
    top: var(--s-4);
  }

  .a-editorSurface--sticky {
    position: sticky;
    top: var(--s-4);
  }

  .a-editorSurface__title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--a-ink);
    margin-bottom: var(--s-3);
    letter-spacing: -0.01em;
    line-height: 1.3;
  }

  /* Editor Groups (Accordion Blocks) */
  .a-editorGroup {
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.22);
    overflow: hidden;
  }

  .a-editorGroup__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-3);
    padding: var(--s-3) var(--s-4);
    cursor: pointer;
    user-select: none;
    list-style: none;
    border-bottom: 1px solid rgba(230, 225, 219, 0.15);
    transition: background 110ms ease;
  }

  .a-editorGroup__summary::-webkit-details-marker {
    display: none;
  }

  .a-editorGroup__summary:hover {
    background: rgba(235, 14, 115, 0.01);
  }

  .a-editorGroup__summary:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 2px rgba(235, 14, 115, 0.3);
  }

  .a-editorGroup__title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--a-ink);
    letter-spacing: -0.01em;
  }

  .a-editorGroup__hint {
    font-size: 0.75rem;
    color: var(--a-muted);
    margin-left: auto;
  }

  .a-editorGroup__body {
    padding: var(--s-4);
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
  }

  .a-editorGroup[open] .a-editorGroup__summary {
    border-bottom-color: rgba(230, 225, 219, 0.25);
  }

  /* Repeater Items (Collections, Trust, Widgets) */
  .a-repeater {
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: rgba(230, 225, 219, 0.15);
    border: 1px solid rgba(230, 225, 219, 0.22);
    border-radius: 4px;
    overflow: hidden;
  }

  .a-repeaterItem {
    background: #fdfcfb;
  }

  .a-repeaterItem__summary {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    padding: 10px var(--s-3);
    cursor: pointer;
    user-select: none;
    list-style: none;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--a-ink);
    transition: background 100ms ease;
  }

  .a-repeaterItem__summary::-webkit-details-marker {
    display: none;
  }

  .a-repeaterItem__summary:hover {
    background: rgba(235, 14, 115, 0.015);
  }

  .a-repeaterItem__summary:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(235, 14, 115, 0.4);
  }

  .a-repeaterItem__thumb {
    width: 32px;
    height: 32px;
    object-fit: cover;
    border-radius: 3px;
    margin-left: auto;
    opacity: 0.8;
  }

  .a-repeaterItem__body {
    padding: var(--s-3);
    border-top: 1px solid rgba(230, 225, 219, 0.2);
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
  }

  /* Media Field Scoping Container */
  .a-mediaField {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .a-mediaField .a-preview__img,
  .a-mediaField .a-preview__video {
    max-width: 280px;
    height: auto;
    margin-top: 8px;
    border-radius: 4px;
    border: 1px solid rgba(230, 225, 219, 0.3);
  }

  /* Responsive */
  @media (max-width: 1200px) {
    .a-pagesEditor__grid {
      grid-template-columns: 1fr;
    }

    .a-pagesEditor__aside {
      position: static;
    }
  }

  @media (max-width: 768px) {
    .a-pagesEditor__topGrid {
      grid-template-columns: 1fr;
    }

    .a-pagesEditor__topActions {
      justify-content: flex-end;
    }

    .a-editorGroup__hint {
      display: none;
    }
  }

  /* ===== BUTTON ===== */
  .a-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.78rem 1.4rem;
    font-size: var(--fs-sm);
    font-weight: 600;
    border-radius: 999px;
    border: 1px solid transparent;
    background: linear-gradient(120deg, var(--a-primary) 0%, #d10a65 100%);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(235, 14, 115, 0.25);
    transition: transform 140ms ease, box-shadow 140ms ease;
  }

  .a-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(235, 14, 115, 0.35);
  }

  .a-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.3);
  }

  .a-btn--ghost {
    background: rgba(235, 14, 115, 0.06);
    color: var(--a-primary);
    border-color: rgba(235, 14, 115, 0.3);
    box-shadow: none;
  }

  .a-btn--ghost:hover {
    background: rgba(235, 14, 115, 0.12);
    border-color: var(--a-primary);
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.1);
  }

  .a-btn--sm {
    padding: 0.55rem 1.1rem;
    font-size: var(--fs-xs);
  }

  .a-btn--block {
    width: 100%;
  }

  /* ===== ALERT ===== */
  .a-alert {
    padding: var(--s-2) var(--s-3);
    border-radius: var(--radius-sm);
    border: 1px solid;
    margin-bottom: var(--s-3);
    font-size: var(--fs-sm);
  }

  .a-alert--success {
    background: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
  }

  .a-alert--error {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
  }

  .a-alert--info {
    background: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
  }

  .a-alert--warning {
    background: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
  }

  .a-prodAdd__surface {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 0;
    background: linear-gradient(135deg, #fafaf9 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.75);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(11, 11, 14, 0.03);
  }

  .a-prodAdd__col {
    padding: var(--s-5);
  }

  .a-prodAdd__col--form {
    padding-right: var(--s-4);
  }

  .a-prodAdd__col--result {
    border-left: 1px solid rgba(230, 225, 219, 0.65);
    padding-left: var(--s-4);
  }

  .a-prodAdd .m-form__hint {
    font-size: var(--fs-sm);
    line-height: 1.55;
    color: var(--a-muted);
  }

  .a-prodAdd .a-btn {
    background: var(--a-primary);
    border: 1px solid rgba(235, 14, 115, 0.2);
    color: #fff;
    font-weight: 600;
    box-shadow: none;
    transition: background 140ms ease, border-color 140ms ease;
  }

  .a-prodAdd .a-btn:hover {
    background: #d10a65;
    border-color: rgba(235, 14, 115, 0.3);
    transform: none;
  }

  .a-prodAdd .a-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.22);
  }

  .a-skuResult__header {
    margin-bottom: var(--s-3);
  }

  .a-skuResult__title {
    font-size: var(--fs-md);
    font-weight: 700;
    color: var(--a-ink);
    border-bottom: 2px solid var(--a-primary);
    display: inline-block;
    padding-bottom: 3px;
    margin-bottom: var(--s-1);
  }

  .a-skuResult__subtitle {
    font-size: var(--fs-sm);
    color: var(--a-muted);
    margin-top: var(--s-1);
  }

  .a-prodAdd .m-kv {
    gap: 0;
  }

  .a-prodAdd .m-kv__row {
    padding: 14px 0;
    border-bottom: 1px solid rgba(230, 225, 219, 0.5);
    grid-template-columns: 140px 1fr;
    font-size: var(--fs-sm);
    line-height: 1.6;
  }

  .a-prodAdd .m-kv__row:last-child {
    border-bottom: none;
  }

  .a-prodAdd .m-kv__row dt {
    font-weight: 600;
    color: var(--a-muted);
  }

  .a-prodAdd .m-kv__row dd {
    color: var(--a-ink);
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .a-prodAdd .a-emptyState {
    text-align: left;
    padding: var(--s-2) 0;
  }

  .a-prodAdd .a-emptyState__title {
    font-size: var(--fs-md);
    font-weight: 600;
    color: var(--a-ink);
    margin-bottom: var(--s-1);
  }

  .a-prodAdd .a-emptyState__text {
    font-size: var(--fs-sm);
    color: var(--a-muted);
    line-height: 1.6;
  }

  @media (max-width: 980px) {
    .a-prodAdd__surface {
      grid-template-columns: 1fr;
    }

    .a-prodAdd__col--form {
      padding-right: var(--s-5);
      padding-bottom: var(--s-4);
    }

    .a-prodAdd__col--result {
      border-left: none;
      border-top: 1px solid rgba(230, 225, 219, 0.65);
      padding-left: var(--s-5);
      padding-top: var(--s-4);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .a-prodAdd .a-btn,
    .a-prodAdd .a-btn:focus-visible {
      transition: none;
    }
  }

  /* ===== MEDIA LIBRARY ===== */
  
  /* Page Header */
  .m-pageHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-3);
    margin-bottom: var(--s-4);
    padding-bottom: var(--s-3);
    border-bottom: 1px solid var(--a-border);
  }

  .m-pageHeader__main {
    flex: 1;
    min-width: 0;
  }

  .m-pageHeader__title {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--a-ink);
    margin-bottom: 6px;
    line-height: 1.2;
  }

  .m-pageHeader__subtitle {
    font-size: var(--fs-sm);
    color: var(--a-muted);
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
  }

  .m-pageHeader__subtitle i {
    color: var(--a-primary);
  }

  .m-pageHeader__actions {
    display: flex;
    gap: var(--s-2);
    flex-shrink: 0;
  }

  /* Upload Panel */
  .m-uploadPanel {
    margin-bottom: var(--s-4);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 320ms ease, opacity 320ms ease, margin 320ms ease;
  }

  .m-uploadPanel.is-open {
    max-height: 600px;
    opacity: 1;
  }

  .m-uploadForm {
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
  }

  .m-uploadForm__dropzone {
    position: relative;
    border: 2px dashed var(--a-border);
    border-radius: var(--radius-md);
    padding: var(--s-5) var(--s-4);
    background: rgba(235, 14, 115, 0.02);
    transition: all 260ms ease;
    cursor: pointer;
  }

  .m-uploadForm__dropzone:hover {
    border-color: rgba(235, 14, 115, 0.4);
    background: rgba(235, 14, 115, 0.04);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(235, 14, 115, 0.08);
  }

  .m-uploadForm__dropzone.is-dragover {
    border-color: var(--a-primary);
    background: rgba(235, 14, 115, 0.08);
    border-style: solid;
    box-shadow: 0 0 0 4px rgba(235, 14, 115, 0.12), 0 8px 24px rgba(235, 14, 115, 0.15);
  }

  .m-uploadForm__dropzoneContent {
    text-align: center;
    pointer-events: none;
  }

  .m-uploadForm__dropzoneIcon {
    font-size: 48px;
    color: var(--a-primary);
    margin-bottom: var(--s-2);
    display: block;
    opacity: 0.7;
    transition: opacity 260ms ease, transform 260ms ease;
  }

  /* ===== Products: Add SKU & Stock ===== */
  .m-form {
    display: grid;
    gap: var(--s-2);
  }
  .m-form--stack {
    max-width: 540px;
  }
  .m-form__field {
    display: grid;
    gap: 6px;
  }
  .m-form__label {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--a-ink);
  }
  .m-form__input {
    padding: 0.7rem 1rem;
    border: 1px solid var(--a-border);
    border-radius: var(--radius-sm);
    background: #fff;
    color: var(--a-ink);
    font-size: var(--fs-base);
  }
  .m-form__hint {
    font-size: var(--fs-xs);
    color: var(--a-muted);
  }

  .m-kv {
    display: grid;
    gap: 10px;
  }
  .m-kv__row {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: var(--s-1);
    font-size: var(--fs-sm);
  }
  .m-kv__row dt {
    color: var(--a-muted);
    font-weight: 600;
  }
  .m-kv__row dd {
    margin: 0;
    color: var(--a-ink);
  }

  .m-tableWrap {
    width: 100%;
    overflow-x: auto;
  }
  .m-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--fs-sm);
  }
  .m-table th, .m-table td {
    padding: 12px 10px;
    border-bottom: 1px solid var(--a-border);
    text-align: left;
    white-space: nowrap;
  }
  .m-table th {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    color: var(--a-muted);
  }
  .m-table tr:hover td {
    background: rgba(235, 14, 115, 0.04);
  }

  .m-uploadForm__dropzone:hover .m-uploadForm__dropzoneIcon {
    opacity: 1;
    transform: translateY(-4px);
  }

  .m-uploadForm__dropzoneText {
    font-size: var(--fs-base);
    color: var(--a-ink);
    margin: 0 0 6px;
  }

  .m-uploadForm__dropzoneText strong {
    color: var(--a-primary);
  }

  .m-uploadForm__dropzoneHint {
    font-size: var(--fs-xs);
    color: var(--a-muted);
    margin: 0;
  }

  .m-uploadForm__input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .m-uploadForm__row {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: var(--s-2);
    align-items: end;
  }

  .m-uploadForm__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .m-uploadForm__field--grow {
    flex: 1;
  }

  .m-uploadForm__label {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--a-ink);
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .m-uploadForm__label i {
    color: var(--a-primary);
    font-size: 14px;
  }

  .m-uploadForm__select {
    padding: 0.65rem 1rem;
    border: 1px solid var(--a-border);
    border-radius: var(--radius-sm);
    background: var(--a-panel);
    color: var(--a-ink);
    font-size: var(--fs-sm);
    transition: border-color 160ms ease, box-shadow 160ms ease;
  }

  .m-uploadForm__select:focus {
    outline: none;
    border-color: var(--a-primary);
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.1);
  }

  /* Filter Bar */
  .m-filterBar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--s-3);
    margin-bottom: var(--s-4);
    padding: var(--s-3);
    background: var(--a-panel);
    border: 1px solid var(--a-border);
    border-radius: var(--radius-md);
    box-shadow: 0 1px 3px rgba(11, 11, 14, 0.04);
  }

  .m-filterBar__form {
    display: flex;
    gap: var(--s-2);
    flex: 1;
    align-items: flex-end;
  }

  .m-filterBar__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 140px;
  }

  .m-filterBar__field--grow {
    flex: 1;
    min-width: 200px;
  }

  .m-filterBar__label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--a-muted);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .m-filterBar__label i {
    font-size: 11px;
  }

  .m-filterBar__select,
  .m-filterBar__input {
    padding: 0.65rem 1rem;
    border: 1px solid var(--a-border);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.6);
    color: var(--a-ink);
    font-size: var(--fs-sm);
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
  }

  .m-filterBar__select:focus,
  .m-filterBar__input:focus {
    outline: none;
    border-color: var(--a-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.08);
  }

  .m-filterBar__input::placeholder {
    color: rgba(111, 111, 122, 0.5);
  }

  .m-filterBar__meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fs-sm);
    color: var(--a-muted);
    white-space: nowrap;
  }

  .m-filterBar__meta i {
    color: var(--a-primary);
  }

  .m-filterBar__meta strong {
    color: var(--a-ink);
    font-weight: 700;
  }

  .m-filterBar__metaSep {
    opacity: 0.4;
  }

  /* Empty State */
  .m-emptyState {
    text-align: center;
    padding: var(--s-6) var(--s-4);
    background: var(--a-panel);
    border: 1px solid var(--a-border);
    border-radius: var(--radius-lg);
    max-width: 560px;
    margin: var(--s-5) auto;
  }

  .m-emptyState__icon {
    width: 96px;
    height: 96px;
    margin: 0 auto var(--s-3);
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(235, 14, 115, 0.08) 0%, rgba(235, 14, 115, 0.04) 100%);
    border: 1px solid rgba(235, 14, 115, 0.15);
    display: grid;
    place-items: center;
    font-size: 40px;
    color: var(--a-primary);
  }

  .m-emptyState__title {
    font-size: var(--fs-lg);
    font-weight: 700;
    color: var(--a-ink);
    margin-bottom: var(--s-2);
  }

  .m-emptyState__text {
    font-size: var(--fs-base);
    color: var(--a-muted);
    line-height: 1.6;
    margin-bottom: var(--s-4);
    max-width: 42ch;
    margin-left: auto;
    margin-right: auto;
  }

  /* Media Grid (Editorial, enforced responsive columns) */
  .a-mediaGrid {
    display: grid;
    gap: var(--s-3);
    margin-bottom: var(--s-4);
    width: 100%;
    max-width: 100%;
    overflow-x: clip; /* Prevent horizontal scroll */
  }

  /* Enforced responsive columns (minmax(0, 1fr) prevents overflow) */
  @media (max-width: 419px) {
    .a-mediaGrid {
      grid-template-columns: minmax(0, 1fr);
      gap: var(--s-2);
    }
  }

  @media (min-width: 420px) and (max-width: 639px) {
    .a-mediaGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--s-2);
    }
  }

  @media (min-width: 640px) and (max-width: 899px) {
    .a-mediaGrid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 900px) and (max-width: 1199px) {
    .a-mediaGrid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 1200px) and (max-width: 1599px) {
    .a-mediaGrid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 1600px) {
    .a-mediaGrid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  /* Legacy grid (backwards compat) */
  .m-mediaGrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--s-3);
    margin-bottom: var(--s-4);
  }

  /* Media Item (Editorial, not card UI) */
  .a-mediaItem {
    display: flex;
    flex-direction: column;
    min-width: 0; /* Allow shrinking below min-content */
    transition: transform 110ms ease;
  }

  .a-mediaItem:hover {
    transform: translateY(-1px);
  }

  .m-mediaCard__preview {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f1ed 0%, #fafaf9 100%);
    isolation: isolate;
  }

  .m-mediaCard__image,
  .m-mediaCard__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .m-mediaCard__video {
    opacity: 0;
    transition: opacity 180ms ease, transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .m-mediaCard__video.is-ready,
  .m-mediaCard__video.is-playing {
    opacity: 1;
  }

  .m-mediaCard:hover .m-mediaCard__image,
  .m-mediaCard:hover .m-mediaCard__video {
    transform: scale(1.05);
  }

  .m-mediaCard__badge {
    position: absolute;
    top: var(--s-2);
    right: var(--s-2);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 2;
    transition: transform 200ms ease;
  }

  .m-mediaCard:hover .m-mediaCard__badge {
    transform: scale(1.1);
  }

  .m-mediaCard__badge--image {
    background: rgba(235, 14, 115, 0.95);
    color: #fff;
  }

  .m-mediaCard__badge--video {
    background: rgba(11, 11, 14, 0.85);
    color: #fff;
  }

  .m-mediaCard__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(11, 11, 14, 0.7) 100%);
    display: grid;
    place-items: center;
    opacity: 0;
    transition: opacity 200ms ease;
    font-size: 28px;
    color: #fff;
    z-index: 1;
  }

  .m-mediaCard:hover .m-mediaCard__overlay {
    opacity: 1;
  }

  .m-mediaCard__body {
    padding: var(--s-3);
  }

  .m-mediaCard__title {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--a-ink);
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
  }

  .m-mediaCard__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1);
    font-size: 0.7rem;
  }

  .m-mediaCard__metaItem {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(11, 11, 14, 0.04);
    color: var(--a-muted);
    border: 1px solid rgba(11, 11, 14, 0.08);
    line-height: 1;
  }

  .m-mediaCard__metaItem i {
    font-size: 9px;
    opacity: 0.6;
  }

  /* Load More */
  .m-loadMore {
    text-align: center;
    padding: var(--s-3) 0;
  }

  /* Modal Player (enhanced) */
  .m-player {
    border: none;
    border-radius: var(--radius-lg);
    padding: 0;
    background: var(--a-ink);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    width: auto;
    max-width: min(92vw, 1100px);
    max-height: 92vh;
  }

  /* Force centering for <dialog> element across all browsers */
  .m-player[open] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }

  .m-player::backdrop {
    background: rgba(11, 11, 14, 0.75);
    backdrop-filter: blur(6px);
  }

  .m-player__close {
    position: absolute;
    top: var(--s-3);
    right: var(--s-3);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(11, 11, 14, 0.7);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: all 180ms ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .m-player__close {
      transition: none;
    }
  }

  .m-player__close:hover {
    background: var(--a-primary);
    border-color: rgba(255, 255, 255, 0.4);
    transform: rotate(90deg) scale(1.05);
  }

  .m-player__close:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.5);
  }

  .m-player__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--s-4);
  }

  .m-player__body img,
  .m-player__body video {
    max-width: 100%;
    max-height: 86vh;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
  }

  /* Picker dialog (centered, enlarged) */
  dialog[data-media-picker-dialog] {
    border: none;
    border-radius: var(--radius-lg);
    padding: 0;
    width: min(1200px, 92vw);
    max-height: 92vh;
    background: var(--a-panel);
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.3);
    overflow: hidden; /* Scroll handled by body inside */
  }

  /* Force centering for <dialog> element (cross-browser) */
  dialog[data-media-picker-dialog][open] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }

  dialog[data-media-picker-dialog]::backdrop {
    background: rgba(11, 11, 14, 0.65);
    backdrop-filter: blur(6px);
  }

  /* ===== MEDIA LIBRARY EDITORIAL REDESIGN ===== */
  
  /* Media Thumbnail */
  .a-mediaThumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f1ed 0%, #fafaf9 100%);
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity 110ms ease;
  }

  .a-mediaThumb:hover {
    opacity: 0.95;
  }

  .a-mediaThumb__img,
  .a-mediaThumb__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Ensure video thumbnails are visible (preload="metadata" loads first frame) */
  .a-mediaThumb__video {
    background: linear-gradient(135deg, #f5f1ed 0%, #fafaf9 100%);
  }

  /* Play button overlay for videos (subtle, editorial) */
  .a-mediaThumb__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 22px;
    background: rgba(235, 14, 115, 0.85);
    color: #fff;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(11, 11, 14, 0.2);
    transition: all 110ms ease;
  }

  .a-mediaThumb:hover .a-mediaThumb__play {
    background: rgba(235, 14, 115, 0.95);
    transform: translate(-50%, -50%) scale(1.08);
  }

  .a-mediaThumb__badge {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 11px;
    background: rgba(235, 14, 115, 0.9);
    color: #fff;
    z-index: 2;
  }

  .a-mediaThumb__overlay {
    position: absolute;
    inset: 0;
    background: rgba(11, 11, 14, 0.15);
    display: grid;
    place-items: center;
    opacity: 0;
    transition: opacity 110ms ease;
    font-size: 22px;
    color: #fff;
    z-index: 1;
  }

  .a-mediaThumb:hover .a-mediaThumb__overlay {
    opacity: 1;
  }

  /* Media Meta (under thumbnail) */
  .a-mediaMeta {
    padding: var(--s-3) 0 0;
    border-top: 1px solid rgba(230, 225, 219, 0.25);
    display: flex;
    flex-direction: column;
    gap: var(--s-2);
    min-width: 0; /* Allow shrinking */
  }

  .a-mediaMeta__top {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0; /* Allow shrinking */
  }

  .a-mediaMeta__name {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--a-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    min-width: 0; /* Allow ellipsis to work */
  }

  .a-mediaMeta__facts {
    font-size: 0.72rem;
    color: var(--a-muted);
    line-height: 1.3;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .a-mediaMeta__sku {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0; /* Allow shrinking */
  }

  .a-mediaMeta__label {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--a-muted);
    white-space: nowrap;
  }

  /* SKU List */
  .a-skuList {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 24px;
    min-width: 0; /* Allow shrinking */
  }

  .a-skuTag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border: 1px solid rgba(11, 11, 14, 0.12);
    border-radius: 4px;
    background: rgba(11, 11, 14, 0.02);
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--a-ink-soft);
    transition: border-color 110ms ease, background 110ms ease;
    max-width: 100%; /* Prevent overflow */
  }

  .a-skuTag:hover {
    border-color: rgba(235, 14, 115, 0.3);
    background: rgba(235, 14, 115, 0.03);
  }

  .a-skuTag__text {
    color: var(--a-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
  }

  .a-skuTag__form {
    display: inline;
    max-width: 100%; /* Prevent overflow */
  }

  .a-skuTag__x {
    border: none;
    background: none;
    padding: 0 2px;
    margin: 0;
    font-size: 15px;
    line-height: 1;
    color: var(--a-muted);
    cursor: pointer;
    transition: color 110ms ease;
    flex-shrink: 0; /* Don't shrink the X button */
  }

  .a-skuTag__x:hover {
    color: #eb0e73;
  }

  .a-skuTag__x:focus-visible {
    outline: none;
    color: #eb0e73;
  }

  /* SKU Add Form */
  .a-mediaMeta__actions {
    display: flex;
    align-items: center;
    gap: var(--s-2);
    padding-top: var(--s-2);
    border-top: 1px solid rgba(230, 225, 219, 0.2);
    min-width: 0; /* Allow shrinking */
    flex-wrap: wrap; /* Wrap on very narrow cards */
  }

  .a-skuAdd {
    display: flex;
    gap: 0;
    flex: 1 1 auto;
    min-width: 0; /* Allow shrinking */
    border: 1px solid rgba(230, 225, 219, 0.4);
    border-radius: 4px;
    overflow: hidden;
    transition: border-color 110ms ease, box-shadow 110ms ease;
  }

  .a-skuAdd:focus-within {
    border-color: rgba(235, 14, 115, 0.4);
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.08);
  }

  .a-skuAdd__input {
    flex: 1;
    min-width: 0;
    padding: 8px 12px;
    font-size: 0.8rem;
    border: none;
    background: #fff;
    color: var(--a-ink);
  }

  .a-skuAdd__input:focus {
    outline: none;
  }

  .a-skuAdd__input::placeholder {
    color: var(--a-muted);
  }

  .a-skuAdd__btn {
    padding: 8px 14px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
    border-left: 1px solid rgba(230, 225, 219, 0.3);
    background: rgba(235, 14, 115, 0.05);
    color: var(--a-primary);
    cursor: pointer;
    transition: all 110ms ease;
    flex-shrink: 0; /* Don't shrink Add button */
    white-space: nowrap;
  }

  .a-skuAdd__btn:hover {
    background: rgba(235, 14, 115, 0.12);
  }

  .a-skuAdd__btn:focus-visible {
    outline: none;
    background: rgba(235, 14, 115, 0.15);
  }

  /* Media Delete Button */
  .a-mediaDelete {
    padding: 8px 12px;
    font-size: 0.75rem;
    font-weight: 500;
    border: none;
    border-radius: 4px;
    background: none;
    color: var(--a-muted);
    cursor: pointer;
    transition: color 110ms ease, background 110ms ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0; /* Don't shrink delete button */
    white-space: nowrap; /* Keep text on one line */
  }

  .a-mediaDelete:hover {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.06);
  }

  .a-mediaDelete:focus-visible {
    outline: none;
    color: #dc2626;
    background: rgba(220, 38, 38, 0.08);
  }

  /* Load More */
  .a-loadMoreWrap {
    text-align: center;
    padding: var(--s-4) 0;
  }

  .a-loadMore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    font-size: 0.85rem;
    font-weight: 600;
    border: 1px solid rgba(230, 225, 219, 0.4);
    border-radius: 999px;
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    color: var(--a-ink);
    text-decoration: none;
    transition: all 110ms ease;
  }

  .a-loadMore:hover {
    border-color: rgba(235, 14, 115, 0.4);
    background: rgba(235, 14, 115, 0.02);
    color: #eb0e73;
    transform: translateY(-1px);
  }

  .a-loadMore:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.3);
  }

  /* Modal (Centered) */
  .a-mediaModal {
    border: none;
    background: transparent;
    padding: var(--s-4);
    width: auto;
    max-width: min(92vw, 1100px);
    max-height: 92vh;
    overflow: visible;
  }

  /* Force centering for <dialog> element */
  .a-mediaModal[open] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }

  .a-mediaModal::backdrop {
    background: rgba(11, 11, 14, 0.75);
    backdrop-filter: blur(6px);
  }

  .a-mediaModal__close {
    position: absolute;
    top: var(--s-3);
    right: var(--s-3);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(11, 11, 14, 0.7);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: all 110ms ease;
  }

  @media (prefers-reduced-motion: reduce) {
    .a-mediaModal__close {
      transition: none;
    }
  }

  .a-mediaModal__close:hover {
    background: #eb0e73;
    border-color: rgba(255, 255, 255, 0.4);
    transform: rotate(90deg) scale(1.05);
  }

  .a-mediaModal__close:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.5);
  }

  .a-mediaModal__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .a-mediaModal__media {
    max-width: 100%;
    max-height: 86vh;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 4px;
  }

  /* ===== MEDIA OPEN VIEW (FALLBACK PAGE) ===== */
  
  .m-mediaOpen {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--s-4);
  }

  .m-mediaOpen__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-3);
    margin-bottom: var(--s-4);
    padding-bottom: var(--s-3);
    border-bottom: 1px solid rgba(230, 225, 219, 0.3);
  }

  .m-mediaOpen__meta {
    flex: 1;
    min-width: 0;
  }

  .m-mediaOpen__title {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--a-ink);
    line-height: 1.2;
    margin-bottom: 6px;
    word-break: break-word;
  }

  .m-mediaOpen__facts {
    font-size: var(--fs-sm);
    color: var(--a-muted);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .m-mediaOpen__sep {
    color: rgba(230, 225, 219, 0.5);
  }

  .m-mediaOpen__frame {
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.2);
    border-radius: var(--radius-md);
    padding: var(--s-4);
  }

  .m-mediaOpen__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    margin-bottom: var(--s-3);
  }

  .m-mediaOpen__media {
    max-width: 100%;
    max-height: min(80vh, 860px);
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 4px;
  }

  .m-mediaOpen__info {
    font-size: 0.8rem;
    color: var(--a-muted);
    padding-top: var(--s-3);
    border-top: 1px solid rgba(230, 225, 219, 0.2);
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .m-mediaOpen__info i {
    color: var(--a-primary);
  }

  /* Responsive */
  @media (max-width: 768px) {
    .m-mediaOpen {
      padding: var(--s-3);
    }

    .m-mediaOpen__header {
      flex-direction: column;
      align-items: stretch;
    }

    .m-mediaOpen__title {
      font-size: var(--fs-lg);
    }

    .m-mediaOpen__frame {
      padding: var(--s-3);
    }

    .m-mediaOpen__media {
      max-height: 60vh;
    }
  }

  /* ===== MEDIA PICKER ===== */

  /* Picker Page Header */
  .m-pickerPage__header {
    margin-bottom: var(--s-4);
    padding-bottom: var(--s-3);
    border-bottom: 1px solid rgba(230, 225, 219, 0.3);
  }

  .m-pickerPage__title {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--a-ink);
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .m-pickerPage__subtitle {
    font-size: var(--fs-sm);
    color: var(--a-muted);
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .m-pickerPage__subtitle i {
    color: var(--a-primary);
  }

  /* Filter Bar (seamless control strip) */
  .m-picker__bar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--s-2);
    padding: var(--s-3);
    margin-bottom: var(--s-4);
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.25);
    border-radius: var(--radius-md);
  }

  .m-picker__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .m-picker__field--grow {
    flex: 1;
    min-width: 200px;
  }

  .m-picker__label {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--a-muted);
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .m-picker__label i {
    color: var(--a-ink-soft);
  }

  .m-picker__select,
  .m-picker__input {
    padding: 8px 12px;
    font-size: 0.85rem;
    border: 1px solid rgba(230, 225, 219, 0.4);
    border-radius: 4px;
    background: #fff;
    color: var(--a-ink);
    transition: border-color 110ms ease, box-shadow 110ms ease;
  }

  .m-picker__select:focus,
  .m-picker__input:focus {
    outline: none;
    border-color: rgba(235, 14, 115, 0.4);
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.08);
  }

  .m-picker__input::placeholder {
    color: var(--a-muted);
  }

  .m-picker__meta {
    font-size: 0.8rem;
    color: var(--a-muted);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    white-space: nowrap;
  }

  .m-picker__meta i {
    color: var(--a-ink-soft);
  }

  .m-picker__meta strong {
    color: var(--a-ink);
  }

  .m-picker__sep {
    color: rgba(230, 225, 219, 0.5);
  }

  /* Picker Grid (enforced responsive columns) */
  .m-picker__grid {
    display: grid;
    gap: var(--s-3);
    margin-bottom: var(--s-4);
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  @media (max-width: 419px) {
    .m-picker__grid {
      grid-template-columns: minmax(0, 1fr);
      gap: var(--s-2);
    }
  }

  @media (min-width: 420px) and (max-width: 639px) {
    .m-picker__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: var(--s-2);
    }
  }

  @media (min-width: 640px) and (max-width: 899px) {
    .m-picker__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 900px) and (max-width: 1199px) {
    .m-picker__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 1200px) and (max-width: 1599px) {
    .m-picker__grid {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 1600px) {
    .m-picker__grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  /* Picker Item (editorial tile, not card UI) */
  .m-pickItem {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.2);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: border-color 110ms ease, transform 110ms ease;
  }

  .m-pickItem:hover {
    border-color: rgba(235, 14, 115, 0.25);
    transform: translateY(-2px);
  }

  /* Picker Thumbnail */
  .m-pickItem__thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f1ed 0%, #fafaf9 100%);
  }

  .m-pickItem__img,
  .m-pickItem__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .m-pickItem__video {
    background: linear-gradient(135deg, #f5f1ed 0%, #fafaf9 100%);
  }

  /* Play button for videos (subtle, centered) */
  .m-pickItem__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 20px;
    background: rgba(235, 14, 115, 0.85);
    color: #fff;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(11, 11, 14, 0.2);
    transition: all 110ms ease;
  }

  .m-pickItem:hover .m-pickItem__play {
    background: rgba(235, 14, 115, 0.95);
    transform: translate(-50%, -50%) scale(1.08);
  }

  /* Picker Meta */
  .m-pickItem__meta {
    padding: var(--s-3);
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    border-bottom: 1px solid rgba(230, 225, 219, 0.2);
  }

  .m-pickItem__name {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--a-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    min-width: 0;
  }

  .m-pickItem__facts {
    font-size: 0.72rem;
    color: var(--a-muted);
    line-height: 1.3;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
  }

  .m-pickItem__sep {
    color: rgba(230, 225, 219, 0.5);
  }

  /* Picker Actions */
  .m-pickItem__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px; /* Safe padding so buttons never touch edges */
  }

  /* Ensure buttons in picker actions share space equally */
  .m-pickItem__actions .m-btn {
    flex: 1 1 0;
    min-width: 0;
  }

  /* Picker Buttons (editorial, not UI kit) */
  .m-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid rgba(230, 225, 219, 0.4);
    border-radius: 4px;
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    color: var(--a-ink);
    text-decoration: none;
    cursor: pointer;
    transition: all 110ms ease;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .m-btn:hover {
    border-color: rgba(235, 14, 115, 0.4);
    background: rgba(235, 14, 115, 0.03);
    color: var(--a-primary);
  }

  .m-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.25);
  }

  .m-btn--primary {
    /* Flex handled by parent context (.m-pickItem__actions .m-btn) */
    border-color: rgba(235, 14, 115, 0.3);
    background: rgba(235, 14, 115, 0.05);
    color: var(--a-primary);
  }

  .m-btn--primary:hover {
    border-color: rgba(235, 14, 115, 0.5);
    background: rgba(235, 14, 115, 0.12);
  }

  .m-btn--ghost {
    /* Flex handled by parent context (.m-pickItem__actions .m-btn) */
  }

  /* Empty State */
  .m-picker__empty {
    text-align: center;
    padding: var(--s-8) var(--s-4);
    background: linear-gradient(180deg, #fdfcfb 0%, #ffffff 100%);
    border: 1px solid rgba(230, 225, 219, 0.2);
    border-radius: var(--radius-md);
    max-width: 600px;
    margin: var(--s-4) auto;
  }

  .m-picker__emptyIcon {
    font-size: 3.5rem;
    color: var(--a-muted);
    margin-bottom: var(--s-4);
  }

  .m-picker__emptyTitle {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--a-ink);
    margin-bottom: var(--s-2);
  }

  .m-picker__emptyText {
    font-size: var(--fs-md);
    color: var(--a-muted);
    line-height: 1.6;
    margin-bottom: var(--s-4);
  }

  /* Load More */
  .m-picker__more {
    text-align: center;
    padding: var(--s-3) 0;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .m-picker__bar {
      flex-direction: column;
      align-items: stretch;
    }

    .m-picker__field--grow {
      min-width: 0;
    }

    .m-picker__meta {
      margin-left: 0;
      justify-content: center;
    }

    .m-pickItem__actions {
      flex-direction: column;
    }

    .m-btn--ghost {
      flex: 1;
    }
  }

  @media (max-width: 480px) {
    .m-picker__bar {
      padding: var(--s-2);
    }

    .m-pickItem__meta,
    .m-pickItem__actions {
      padding: var(--s-2);
    }
  }

  /* Reduced Motion */
  @media (prefers-reduced-motion: reduce) {
    .m-pickItem,
    .m-pickItem__play,
    .m-btn,
    .m-loadMore,
    .m-picker__select,
    .m-picker__input,
    [data-media-picker-close] {
      transition: none;
    }

    .m-pickItem:hover {
      transform: translateY(0);
    }

    .m-pickItem:hover .m-pickItem__play {
      transform: translate(-50%, -50%) scale(1);
    }

    [data-media-picker-close]:hover {
      transform: rotate(0) scale(1);
    }
  }

  /* Continue with existing responsive */
  @media (max-width: 768px) {
    .a-mediaMeta__name {
      font-size: 0.8rem;
    }

    .a-mediaMeta__facts {
      font-size: 0.7rem;
    }

    .a-skuTag {
      font-size: 0.7rem;
    }

    .a-mediaModal {
      max-width: 96vw;
      max-height: 96vh;
      padding: var(--s-2);
    }

    .a-mediaModal__close {
      top: var(--s-2);
      right: var(--s-2);
      width: 36px;
      height: 36px;
      font-size: 16px;
    }

    .a-mediaModal__media {
      max-height: 82vh;
    }
  }

  /* Reduced Motion */
  @media (prefers-reduced-motion: reduce) {
    .a-mediaItem,
    .a-mediaThumb,
    .a-mediaThumb__overlay,
    .a-mediaThumb__play,
    .a-skuTag,
    .a-skuAdd__input,
    .a-skuAdd__btn,
    .a-mediaDelete,
    .a-loadMore,
    .a-mediaModal__close {
      transition: none;
    }

    .a-mediaThumb:hover .a-mediaThumb__play {
      transform: translate(-50%, -50%) scale(1);
    }
  }

  .m-pickerDialog__body {
    padding: var(--s-4);
    max-height: 86vh; /* Generous scrollable area */
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Hide scrollbar rails but keep scrolling functional */
  .m-pickerDialog__body::-webkit-scrollbar {
    width: 8px;
  }

  .m-pickerDialog__body::-webkit-scrollbar-track {
    background: transparent;
  }

  .m-pickerDialog__body::-webkit-scrollbar-thumb {
    background: rgba(11, 11, 14, 0.2);
    border-radius: 4px;
  }

  .m-pickerDialog__body::-webkit-scrollbar-thumb:hover {
    background: rgba(11, 11, 14, 0.3);
  }

  [data-media-picker-close] {
    position: absolute;
    top: var(--s-3);
    right: var(--s-3);
    z-index: 10;
    border: none;
    background: rgba(11, 11, 14, 0.7);
    backdrop-filter: blur(8px);
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    transition: all 110ms ease;
  }

  [data-media-picker-close]:hover {
    background: var(--a-primary);
    transform: rotate(90deg) scale(1.05);
  }

  [data-media-picker-close]:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.5);
  }

  /* Legacy picker grid (backwards compat) */
  .m-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--s-2);
  }
  .m-grid--picker {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
  .m-card {
    display: block;
    border: 1px solid var(--a-border);
    border-radius: var(--radius-md);
    background: var(--a-panel);
    box-shadow: var(--a-shadow-card);
    overflow: hidden;
    transition: transform 140ms ease, box-shadow 140ms ease;
  }
  .m-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--a-shadow-float);
  }
  .m-card__media {
    position: relative;
    aspect-ratio: 4 / 3;
    background: var(--a-border);
    overflow: hidden;
  }
  .m-card__media img,
  .m-card__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .mvid { background: #0b0b0e; }
  .m-playBadge {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    padding: 8px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  }
  .m-card__meta {
    padding: var(--s-2);
  }
  .m-card__title {
    font-weight: 600;
    font-size: var(--fs-sm);
    color: var(--a-ink);
  }
  .m-card__sub {
    color: var(--a-muted);
    font-size: var(--fs-xs);
  }

  /* Responsive */
  @media (max-width: 1024px) {
    .m-pageHeader {
      flex-direction: column;
      align-items: stretch;
    }

    .m-pageHeader__actions {
      justify-content: flex-start;
    }

    .m-filterBar {
      flex-direction: column;
      align-items: stretch;
    }

    .m-filterBar__form {
      flex-direction: column;
    }

    .m-filterBar__field,
    .m-filterBar__field--grow {
      width: 100%;
      min-width: 0;
    }

    .m-filterBar__meta {
      justify-content: center;
      padding-top: var(--s-2);
      border-top: 1px solid var(--a-border);
    }

    .m-uploadForm__row {
      grid-template-columns: 1fr;
    }

    .m-mediaGrid {
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
      gap: var(--s-2);
    }
  }

  @media (max-width: 640px) {
    .m-pageHeader__title {
      font-size: var(--fs-lg);
    }

    .m-pageHeader__actions {
      flex-direction: column;
    }

    .a-btn--sm {
      width: 100%;
    }

    .m-mediaGrid {
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }

    .m-uploadForm__dropzone {
      padding: var(--s-4) var(--s-3);
    }

    .m-uploadForm__dropzoneIcon {
      font-size: 36px;
    }
  }
}

@layer utilities {
  .u-muted { color: var(--clr-muted); }
  .u-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .u-mt-2 { margin-top: var(--s-2); }

  :focus-visible { outline: none; box-shadow: var(--shadow-outline); }
}

@layer overrides {
  @media (max-width: 1024px) {
    .c-header__inner { grid-template-columns: auto 1fr auto; }
    .c-nav { display: none; }
    .c-mnav { display: block; position: relative; }
  }
  @media (max-width: 900px) {
    .c-header__inner { grid-template-columns: 1fr auto; grid-template-areas: "brand actions" "nav nav"; }
    .c-brand { justify-self: start; text-align: left; }
    .c-actions { justify-self: end; }
    
    .c-hero__grid { 
      grid-template-columns: 1fr;
      gap: 1px;
      min-height: auto;
    }

    .c-hero__tile {
      min-height: 420px;
    }

    .c-hero__tile--main {
      grid-column: span 1;
      min-height: 520px;
    }

    .c-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: var(--s-2);
    }
  }

  @media (max-width: 780px) {
    .c-header__inner { grid-template-columns: 1fr auto; }
    
    /* Hero: scroll-snap carousel on mobile */
    .c-hero__grid {
      display: flex;
      overflow-x: auto;
      gap: 0;
      scroll-snap-type: x mandatory;
      scroll-padding: 0;
      -webkit-overflow-scrolling: touch;
    }

    .c-hero__tile {
      flex: 0 0 88%;
      scroll-snap-align: start;
      min-height: 480px;
    }

    .c-hero__tile--main {
      min-height: 480px;
    }

    .c-hero__content {
      padding: var(--s-3);
    }

    .c-hero__headline {
      font-size: clamp(1.35rem, 3vw, 1.8rem);
    }

    .c-strip__inner {
      justify-content: center;
      gap: var(--s-3);
    }

    .c-callout__inner {
      gap: var(--s-3);
    }

    .c-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--s-2);
    }
  }

  @media (max-width: 540px) {
    .c-header__inner { padding-inline: var(--s-2); }
    
    .c-hero__tile {
      flex: 0 0 92%;
      min-height: 420px;
    }

    .c-hero__tile--main {
      min-height: 420px;
    }

    .c-hero__kicker {
      font-size: 0.7rem;
    }

    .c-btn { 
      padding: 0.7rem 1.4rem;
      font-size: var(--fs-xs);
    }
  }

  /* Auth page responsive */
  @media (max-width: 900px) {
    .c-auth__grid {
      grid-template-columns: 1fr;
      gap: var(--s-3);
    }
    .c-auth__visual {
      display: none;
    }
  }

  /* Admin responsive */
  @media (max-width: 1200px) {
    .a-kpiGrid {
      grid-template-columns: repeat(2, 1fr);
    }
    .a-widgetRow {
      grid-template-columns: 1fr;
    }

    /* Dashboard responsive: metrics 2-col */
    .a-surface--metrics {
      grid-template-columns: repeat(2, 1fr);
    }

    .a-metric {
      border-left: 1px solid rgba(230, 225, 219, 0.4);
      border-top: 1px solid rgba(230, 225, 219, 0.4);
    }

    .a-metric:nth-child(1),
    .a-metric:nth-child(2) {
      border-top: none;
    }

    .a-metric:nth-child(odd) {
      border-left: none;
    }

    /* Dashboard: quick links 3-col */
    .a-quicklinks {
      grid-template-columns: repeat(3, 1fr);
    }

    .a-quicklink:nth-child(3n) {
      border-right: none;
    }

    .a-quicklink:nth-child(6n) {
      border-right: 1px solid rgba(230, 225, 219, 0.25);
    }
  }

  @media (max-width: 1024px) {
    .a-shell {
      grid-template-columns: 1fr;
    }
    
    .a-sidebar {
      position: fixed;
      inset: 0 auto 0 0;
      width: 280px;
      transform: translateX(-100%);
      transition: transform 220ms ease;
      z-index: 100;
    }

    .a-sidebar.is-open {
      transform: translateX(0);
    }

    .a-sidebar__toggle {
      display: flex;
      position: fixed;
      top: var(--s-2);
      left: var(--s-2);
      z-index: 99;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      background: var(--a-primary);
      color: #fff;
      border: none;
      border-radius: var(--radius-sm);
      box-shadow: var(--a-shadow-float);
      cursor: pointer;
    }

    .a-topbar__inner {
      padding-left: calc(44px + var(--s-3));
    }

    .a-actionGrid {
      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
  }

  @media (max-width: 768px) {
    .a-kpiGrid {
      grid-template-columns: 1fr;
    }

    .a-content {
      padding: var(--s-3) var(--s-2);
    }

    .a-actionGrid {
      grid-template-columns: repeat(2, 1fr);
    }

    .a-table {
      font-size: var(--fs-xs);
    }

    .a-table th,
    .a-table td {
      padding: var(--s-1) var(--s-2);
    }

    /* Dashboard responsive: metrics 1-col, split stacked */
    .a-surface--metrics {
      grid-template-columns: 1fr;
    }

    .a-metric {
      border-left: none;
      border-top: 1px solid rgba(230, 225, 219, 0.4);
    }

    .a-metric:first-child {
      border-top: none;
    }

    .a-surface--split {
      grid-template-columns: 1fr;
    }

    .a-split__col {
      border-left: none;
      border-top: 1px solid rgba(230, 225, 219, 0.4);
    }

    .a-split__col:first-child {
      border-top: none;
    }

    /* Dashboard: ledger row stacks on mobile */
    .a-ledger__row {
      flex-direction: column;
      align-items: flex-start;
      gap: var(--s-2);
    }

    .a-ledger__meta {
      width: 100%;
      justify-content: space-between;
    }

    /* Dashboard: quick links 2-col */
    .a-quicklinks {
      grid-template-columns: repeat(2, 1fr);
    }

    .a-quicklink:nth-child(2n) {
      border-right: none;
    }

    .a-quicklink:nth-child(3n),
    .a-quicklink:nth-child(6n) {
      border-right: 1px solid rgba(230, 225, 219, 0.25);
    }

    .a-quicklink:nth-child(2n) {
      border-right: none;
    }
  }

  @media (max-width: 640px) {
    .c-authCard {
      padding: var(--s-4);
    }
    .c-authTitle {
      font-size: var(--fs-lg);
    }
    .c-widgetGrid {
      grid-template-columns: 1fr;
    }
  }

  /* Accessibility: Reduce motion for users who prefer it */
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }

    .a-action:hover,
    .a-iconbtn:hover,
    .c-card:hover,
    .c-banner:hover,
    .c-strip__item:hover .c-strip__icon {
      transform: none !important;
    }

    .a-action:hover .a-action__icon,
    .c-card:hover .c-card__media img,
    .c-banner:hover .c-banner__media img,
    .c-hero__media img {
      transform: none !important;
    }

    .a-action:focus-visible {
      transform: none !important;
    }

    .c-strip__item:hover::after {
      animation: none !important;
    }

    [data-placeholder]::after {
      animation: none !important;
    }
  }
}

@layer overrides {
  :root{
    --grad-primary: linear-gradient(120deg, var(--clr-primary) 0%, #ff4aa3 45%, var(--clr-primary-strong) 100%);
    --grad-sheen: radial-gradient(60% 60% at 30% 20%, rgba(255,255,255,.22), transparent 55%),
                  radial-gradient(50% 50% at 70% 10%, rgba(235,14,115,.22), transparent 60%);
    --shadow-pop: 0 18px 45px rgba(11,11,14,.18);
    --shadow-hot: 0 18px 55px rgba(235,14,115,.22);
  }

  /* ---------- BUTTONS: canlı + fuşya ---------- */
  .c-btn{
    border-radius: 999px;
    border: 1px solid rgba(11,11,14,.12);
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 25px rgba(11,11,14,.08);
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease, background 160ms ease;
    will-change: transform;
  }

  .c-btn--primary{
    background: var(--grad-primary);
    color: #fff;
    border-color: rgba(255,255,255,.12);
    box-shadow: var(--shadow-hot), 0 0 0 1px rgba(235,14,115,.25);
  }
  .c-btn--primary:hover{
    transform: translateY(-1px);
    filter: brightness(0.96) saturate(1.03);
    box-shadow:
      0 18px 52px rgba(235,14,115,.22),
      0 0 0 1px rgba(235,14,115,.28),
      0 0 18px rgba(235,14,115,.12);
  }
  .c-btn--primary:active{ transform: translateY(-1px) scale(.99); }

  .c-btn:not(.c-btn--primary):hover{
    background: rgba(255,255,255,.70);
    border-color: rgba(11,11,14,.16);
    box-shadow:
      0 12px 28px rgba(11,11,14,.10),
      0 0 0 1px rgba(235,14,115,.10);
  }

  /* ---------- HERO: gerçek editorial mosaic + parıltı ---------- */
  .c-hero{
    background: radial-gradient(70% 60% at 20% 10%, rgba(235,14,115,.14), transparent 60%),
                radial-gradient(70% 60% at 80% 0%, rgba(255,255,255,.10), transparent 55%),
                #0b0b0e;
  }

  .c-hero__grid{
    max-width: var(--max-wide);
    margin: 0 auto;
    padding: 1px;
    gap: 1px;
    background: rgba(255,255,255,.10);

    /* daha dinamik layout */
    grid-template-columns: 1.65fr 1fr;
    grid-template-rows: 1fr 1fr;
    min-height: clamp(560px, 78vh, 880px);
  }

  .c-hero__tile{
    background: #0b0b0e;
    border-radius: 18px;
    overflow: hidden;
    transform: translateZ(0);
  }

  .c-hero__tile--main{
    grid-column: 1;
    grid-row: 1 / -1;
    border-radius: 22px;
  }

  /* 2. ve 3. tile’ı sağda üst-alt yap */
  .c-hero__grid > .c-hero__tile:nth-child(2){ grid-column: 2; grid-row: 1; }
  .c-hero__grid > .c-hero__tile:nth-child(3){ grid-column: 2; grid-row: 2; }

  .c-hero__media::before{
    content:"";
    position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(11,11,14,.15) 0%, rgba(11,11,14,.65) 100%);
    z-index: 1;
  }

  .c-hero__tile::after{
    content:"";
    position:absolute; inset:-20%;
    background: var(--grad-sheen);
    opacity: 0;
    transform: translate3d(-10%, -8%, 0) rotate(8deg);
    transition: opacity 220ms ease, transform 420ms ease;
    pointer-events:none;
    z-index: 2;
    mix-blend-mode: screen;
  }
  .c-hero__tile:hover::after{
    opacity: 1;
    transform: translate3d(6%, 2%, 0) rotate(8deg);
  }

  /* content artık tüm alanı kaplamasın: “premium panel” gibi dursun */
  .c-hero__content{
    inset: auto var(--s-4) var(--s-4) var(--s-4);
    padding: clamp(1rem, 2.2vw, 1.6rem);
    border-radius: var(--radius-md);
    background: rgba(11,11,14,.55);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 22px 70px rgba(0,0,0,.35);
    z-index: 5;
  }
  .c-hero__content::before{
    content:"";
    position:absolute; left:0; right:0; top:0;
    height: 3px;
    background: var(--grad-primary);
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    opacity: .95;
  }
  .c-hero__kicker{ color: rgba(255,255,255,.82); }
  .c-hero__headline{ text-shadow: 0 14px 35px rgba(0,0,0,.55); }

  .c-hero__tile--main .c-hero__content{
    inset: auto var(--s-5) var(--s-5) var(--s-5);
    border-radius: var(--radius-lg);
  }

  /* ---------- TRUST STRIP: kart gibi, daha “bootstrap” hissi ---------- */
  .c-strip{
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,1));
  }
  .c-strip__inner{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--s-2);
  }
  .c-strip__item{
    background: #fff;
    border: 1px solid rgba(230,225,219,.85);
    box-shadow: 0 10px 28px rgba(11,11,14,.06);
  }
  .c-strip__item:hover{
    box-shadow: 0 16px 45px rgba(11,11,14,.10), 0 0 0 1px rgba(235,14,115,.18);
  }
  .c-strip__icon{
    background: rgba(235,14,115,.08);
    border-color: rgba(235,14,115,.18);
  }

  /* ---------- COLLECTION CARDS: daha premium + accent ---------- */
  .c-card{
    border-radius: var(--radius-md);
    padding: var(--s-2);
    border: 1px solid rgba(230,225,219,.85);
    box-shadow: 0 12px 34px rgba(11,11,14,.06);
  }
  .c-card__media{
    border-radius: calc(var(--radius-md) - 6px);
    overflow: hidden;
  }
  .c-card__body{
    padding: 0 var(--s-1) var(--s-1);
  }
  .c-card::after{
    content:"";
    display:block;
    height: 2px;
    margin-top: var(--s-2);
    background: linear-gradient(90deg, rgba(235,14,115,.0), rgba(235,14,115,.85), rgba(235,14,115,.0));
    opacity: .0;
    transition: opacity 180ms ease;
  }
  .c-card:hover{
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: var(--shadow-pop), 0 0 0 1px rgba(235,14,115,.16);
  }
  .c-card:hover::after{ opacity: 1; }

  /* ---------- CTA CALLOUT: moda + güçlü ---------- */
  .c-callout{
    background:
      radial-gradient(70% 60% at 20% 0%, rgba(235,14,115,.14), transparent 60%),
      radial-gradient(70% 60% at 80% 0%, rgba(11,11,14,.08), transparent 55%),
      #fff;
  }
  .c-callout__inner{
    max-width: 980px;
    border-radius: var(--radius-lg);
    padding: clamp(1.4rem, 3vw, 2.2rem);
    border: 1px solid rgba(230,225,219,.85);
    box-shadow: 0 18px 55px rgba(11,11,14,.08);
  }

  /* ---------- Scroll reveal (JS ile class gelecek) ---------- */
  .is-reveal{
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 520ms ease, transform 520ms ease;
  }
  .is-reveal.is-inview{
    opacity: 1;
    transform: none;
  }

  /* ---------- Mobile: hero dots (JS inject) ---------- */
  .c-heroDots{
    display:none;
    justify-content:center;
    gap: 10px;
    padding: var(--s-2) var(--gutter) var(--s-3);
  }
  .c-heroDot{
    width: 9px; height: 9px;
    border-radius: 999px;
    border: 1px solid rgba(235,14,115,.35);
    background: rgba(235,14,115,.15);
    box-shadow: 0 6px 16px rgba(235,14,115,.12);
    cursor: pointer;
  }
  .c-heroDot.is-active{
    width: 26px;
    background: var(--grad-primary);
    border-color: rgba(255,255,255,.22);
  }

  /* responsive tweaks */
  @media (max-width: 900px){
    .c-hero__grid{
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      background: transparent;
      padding: 0;
      gap: 1px;
    }
    .c-hero__tile,
    .c-hero__tile--main{ border-radius: 0; }
    .c-strip__inner{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 780px){
    .c-heroDots{ display:flex; }
    .c-strip__inner{ grid-template-columns: 1fr; }
  }

  /* PLACES THEME: EDITORIAL IVORY + BERRY INK START */
  .pc-cockpit {
    --pc-bg: #f6efe7;
    --pc-surface: #fff8f0;
    --pc-surface2: #f3e7dd;
    --pc-border: #e7d3c8;
    --pc-ink: #1a1320;
    --pc-ink2: #4a3b4e;
    --pc-berry: #b0125b;
    --pc-berry2: #7b0b3b;
    --pc-accent: var(--pc-berry);
    --pc-telemetry: #120814;
    --pc-telemetry2: #1a0b1e;
    --pc-teleText: rgba(255, 255, 255, 0.88);
    --pc-teleMuted: rgba(255, 255, 255, 0.65);
    --pc-muted: rgba(74, 59, 78, 0.78);
    --pc-mono: ui-monospace, SFMono-Regular, SFMono, Menlo, Consolas, "Liberation Mono", monospace;
    color: var(--pc-ink);
    background: var(--pc-bg);
    border-radius: var(--radius-lg);
    padding: clamp(var(--s-3), 3vw, var(--s-5));
    position: relative;
    overflow: hidden;
  }

  .pc-cockpit::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      repeating-linear-gradient(90deg, rgba(26, 19, 32, 0.05) 0, rgba(26, 19, 32, 0.05) 1px, transparent 1px, transparent 26px),
      repeating-linear-gradient(0deg, rgba(26, 19, 32, 0.04) 0, rgba(26, 19, 32, 0.04) 1px, transparent 1px, transparent 26px);
    opacity: 0.35;
    pointer-events: none;
  }

  .pc-cockpit::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(70% 60% at 18% 12%, rgba(176, 18, 91, 0.08), transparent 55%),
                radial-gradient(70% 60% at 78% 0%, rgba(123, 11, 59, 0.06), transparent 60%),
                linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.02));
    mix-blend-mode: soft-light;
    pointer-events: none;
  }

  /* ADMIN → COCKPIT BRIDGE (scoped) */
  body.theme-admin.is-cockpit{
    --a-bg: #f6efe7;
  }

  body.theme-admin.is-cockpit .a-topbar{
    background: rgba(255,248,240,0.72);
    border-bottom: 1px solid rgba(231,211,200,0.75);
    box-shadow: none;
    backdrop-filter: blur(8px);
  }
  body.theme-admin.is-cockpit .a-iconbtn{
    background: rgba(255,248,240,0.8);
  }

  /* dashboard-specific mapping */
  [data-dashboard-app] .a-surface{
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.82));
    border: 1px solid var(--pc-border);
    box-shadow: 0 18px 48px rgba(18,24,38,0.10);
  }
  [data-dashboard-app] .a-metric__icon{ color: var(--pc-berry); }
  [data-dashboard-app] .a-metric:hover{ background: rgba(176,18,91,0.02); }

  [data-dashboard-app] .a-split__action:hover{
    color: var(--pc-berry);
    border-bottom-color: rgba(176,18,91,0.30);
  }

  /* typography softening (dashboard only) */
  [data-dashboard-app] .a-metric__label{ font-weight: 650; }
  [data-dashboard-app] .a-split__title{ font-weight: 750; }
  [data-dashboard-app] .a-quicklink__label{ font-weight: 650; }

  /* Ensure focus states still visible in cockpit palette */
  [data-dashboard-app] .a-split__action:focus-visible{
    box-shadow: 0 0 0 2px rgba(176,18,91,0.25);
  }

  /* Quote UI grids */
  .qr-grid{
    display:grid;
    gap: var(--s-3);
  }
  .qr-grid--admin{
    grid-template-columns: 1.1fr 1.6fr;
  }
  .qr-grid--client{
    grid-template-columns: 1fr 1fr;
  }
  .qr-grid--form{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--s-2);
  }
  .qr-grid--form .a-field--full{
    grid-column: 1 / -1;
  }
  @media (max-width: 1024px){
    .qr-grid--admin,
    .qr-grid--client{
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 720px){
    .qr-grid--form{
      grid-template-columns: 1fr;
    }
  }

  .qr-table .a-table__row > div{
    align-items: center;
  }

  .qr-stickyActions{
    position: sticky;
    bottom: 0;
    padding: var(--s-2) var(--s-3);
    background: rgba(255,255,255,0.9);
    border-top: 1px solid var(--pc-border);
    box-shadow: 0 -6px 22px rgba(18,24,38,0.06);
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    backdrop-filter: blur(6px);
  }

  /* Client Quotes cockpit */
  [data-cq]{
    display: grid;
    gap: var(--s-3);
  }
  [data-cq] .cq-kpis{
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
  }
  [data-cq] .cq-chip{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: rgba(255,248,240,0.9);
    border: 1px solid var(--pc-border);
    font-weight: 650;
    color: var(--pc-ink);
  }
  [data-cq] .cq-chip--muted{
    color: var(--pc-muted);
  }
  [data-cq] .cq-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-3);
    align-items: start;
  }
  @media (max-width: 980px){
    [data-cq] .cq-grid{
      grid-template-columns: 1fr;
    }
  }
  [data-cq] .cq-card{
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.86));
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 14px 36px rgba(18,24,38,0.08);
    overflow: hidden;
  }
  [data-cq] .cq-card__head{
    padding: var(--s-2) var(--s-3) var(--s-1);
    border-bottom: 1px solid var(--pc-border);
    display:flex;
    justify-content: space-between;
    gap: var(--s-2);
    align-items: center;
  }
  [data-cq] .cq-card__title{
    font-weight: 750;
    color: var(--pc-ink);
  }
  [data-cq] .cq-card__subtitle{
    color: var(--pc-muted);
  }
  [data-cq] .cq-card__body{
    padding: var(--s-2) var(--s-3) var(--s-3);
    display: grid;
    gap: var(--s-2);
  }
  [data-cq] .cq-strip{
    display:flex;
    gap: var(--s-1);
    flex-wrap: wrap;
  }
  [data-cq] .cq-table{
    display:grid;
    gap: var(--s-1);
  }
  [data-cq] .cq-table__head{
    display:grid;
    grid-template-columns: 1.4fr 1fr 0.7fr 0.8fr;
    gap: var(--s-1);
    color: var(--pc-muted);
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  [data-cq] .cq-row{
    display:grid;
    grid-template-columns: 1.4fr 1fr 0.7fr 0.8fr;
    gap: var(--s-1);
    align-items:center;
    padding: 10px 12px;
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.9);
    box-shadow: 0 10px 24px rgba(18,24,38,0.06);
    transition: box-shadow 140ms ease, border-color 140ms ease;
  }
  [data-cq] .cq-row:hover{
    border-color: rgba(176,18,91,0.24);
    box-shadow: 0 14px 32px rgba(176,18,91,0.12);
  }
  [data-cq] .cq-row__title{
    font-weight: 700;
    color: var(--pc-ink);
  }
  [data-cq] .cq-row__meta{
    color: var(--pc-muted);
    font-size: 0.92rem;
  }
  [data-cq] .cq-col--qty,
  [data-cq] .cq-col--price{
    text-align: right;
  }
  [data-cq] .cq-col--action{
    text-align: right;
  }
  [data-cq] .cq-actions{
    display:flex;
    gap: var(--s-1);
    justify-content: flex-end;
  }
  [data-cq] .cq-fields{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--s-2);
  }
  [data-cq] .cq-field--full{
    grid-column: 1 / -1;
  }
  @media (max-width: 720px){
    [data-cq] .cq-table__head,
    [data-cq] .cq-row{
      grid-template-columns: 1fr;
    }
    [data-cq] .cq-col--qty,
    [data-cq] .cq-col--price,
    [data-cq] .cq-col--action{
      text-align: left;
    }
    [data-cq] .cq-fields{
      grid-template-columns: 1fr;
    }
  }
  [data-cq] .cq-list{
    display: grid;
    gap: var(--s-2);
  }
  [data-cq] .cq-rowCard{
    display:grid;
    grid-template-columns: 1.2fr 1fr auto;
    gap: var(--s-2);
    align-items:center;
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
    box-shadow: 0 12px 30px rgba(18,24,38,0.08);
    transition: border-color 140ms ease, box-shadow 140ms ease;
  }
  [data-cq] .cq-rowCard--new{
    border-left: 4px solid var(--pc-berry);
  }
  [data-cq] .cq-rowCard:hover{
    border-color: rgba(176,18,91,0.3);
    box-shadow: 0 16px 36px rgba(176,18,91,0.12);
  }
  [data-cq] .cq-rowCard__title{
    font-weight: 750;
    color: var(--pc-ink);
    margin-bottom: 4px;
  }
  [data-cq] .cq-rowCard__meta{
    color: var(--pc-muted);
    font-size: 0.92rem;
  }
  [data-cq] .cq-rowCard__mid{
    display:flex;
    gap: var(--s-1);
    flex-wrap: wrap;
  }
  [data-cq] .cq-rowCard__actions{
    display:flex;
    gap: var(--s-1);
    align-items:center;
    justify-content: flex-end;
  }
  [data-cq] .cq-pill--new{
    background: linear-gradient(120deg, rgba(176,18,91,0.18), rgba(176,18,91,0.06));
    color: var(--pc-berry);
    border: 1px solid rgba(176,18,91,0.28);
  }
  [data-cq] .cq-pill--processing{
    background: linear-gradient(120deg, rgba(255,193,7,0.15), rgba(255,193,7,0.05));
    color: #b86a00;
    border: 1px solid rgba(255,193,7,0.25);
  }
  [data-cq] .cq-pill--done{
    background: linear-gradient(120deg, rgba(46,160,67,0.14), rgba(46,160,67,0.06));
    color: #2e9f43;
    border: 1px solid rgba(46,160,67,0.25);
  }
  .cq-card--detail{
    margin-top: var(--s-3);
  }

  /* Client Submitted Quotes (cqs) */
  [data-cqs]{
    display:grid;
    gap: var(--s-3);
  }
  [data-cqs] .cqs-kpis{
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
  }
  [data-cqs] .cqs-chip{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: rgba(255,248,240,0.9);
    border: 1px solid var(--pc-border);
    font-weight: 650;
    color: var(--pc-ink);
  }
  [data-cqs] .cqs-card{
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.86));
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 14px 36px rgba(18,24,38,0.08);
    overflow:hidden;
  }
  [data-cqs] .cqs-card__head{
    padding: var(--s-2) var(--s-3) var(--s-1);
    border-bottom: 1px solid var(--pc-border);
    display:flex;
    justify-content: space-between;
    gap: var(--s-2);
    align-items: center;
  }
  [data-cqs] .cqs-card__title{
    font-weight: 750;
    color: var(--pc-ink);
  }
  [data-cqs] .cqs-card__subtitle{
    color: var(--pc-muted);
  }
  [data-cqs] .cqs-card__body{
    padding: var(--s-2) var(--s-3) var(--s-3);
    display:grid;
    gap: var(--s-2);
  }
  [data-cqs] .cqs-list{
    display:grid;
    gap: var(--s-2);
  }
  [data-cqs] .cqs-row{
    display:grid;
    grid-template-columns: 1.2fr 1fr auto;
    gap: var(--s-2);
    align-items:center;
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
    box-shadow: 0 12px 30px rgba(18,24,38,0.08);
    transition: border-color 140ms ease, box-shadow 140ms ease;
  }
  [data-cqs] .cqs-row--priced{
    border-left: 4px solid var(--pc-berry);
    box-shadow: 0 16px 40px rgba(176,18,91,0.12);
  }
  [data-cqs] .cqs-row:hover{
    border-color: rgba(176,18,91,0.3);
    box-shadow: 0 16px 36px rgba(176,18,91,0.12);
  }
  [data-cqs] .cqs-row__title{
    font-weight: 750;
    color: var(--pc-ink);
    margin-bottom: 4px;
  }
  [data-cqs] .cqs-row__meta{
    color: var(--pc-muted);
    font-size: 0.92rem;
    display:flex;
    gap: 6px;
    align-items:center;
  }
  [data-cqs] .cqs-age{
    color: var(--pc-muted);
  }
  [data-cqs] .cqs-row__mid{
    display:flex;
    gap: var(--s-1);
    flex-wrap: wrap;
    justify-content: center;
  }
  [data-cqs] .cqs-metric{
    display:inline-flex;
    align-items:center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: rgba(255,255,255,0.9);
    border: 1px solid var(--pc-border);
    color: var(--pc-ink);
    font-weight: 650;
  }
  [data-cqs] .cqs-metric--muted{
    color: var(--pc-muted);
  }
  [data-cqs] .cqs-metric--strong{
    background: linear-gradient(120deg, rgba(176,18,91,0.16), rgba(176,18,91,0.06));
    border-color: rgba(176,18,91,0.28);
  }
  [data-cqs] .cqs-metric i{
    opacity: 0.9;
  }
  [data-cqs] .cqs-metric--money{
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255, 250, 246, .75);
  }
  [data-cqs] .cqs-metric--money i{
    font-size: 12px;
    opacity: .85;
  }
  [data-cqs] .cqs-metric__label{
    font-size: 11px;
    opacity: .75;
    letter-spacing: .02em;
  }
  [data-cqs] .cqs-metric__value{
    font-size: 12.5px;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
  }
  [data-cqs] .cqs-metric--total{
    background: rgba(209, 11, 111, .08);
    border-color: rgba(209, 11, 111, .22);
    box-shadow: 0 6px 18px rgba(209, 11, 111, .12);
  }
  [data-cqs] .cqs-metric--pending{
    background: rgba(0,0,0,.03);
    border-color: rgba(0,0,0,.08);
    color: rgba(0,0,0,.70);
  }
  [data-cqs] .cqs-row__actions{
    display:flex;
    gap: var(--s-1);
    align-items:center;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  [data-cqs] .cqs-pill--new{
    background: linear-gradient(120deg, rgba(176,18,91,0.18), rgba(176,18,91,0.06));
    color: var(--pc-berry);
    border: 1px solid rgba(176,18,91,0.28);
  }
  [data-cqs] .cqs-pill--processing{
    background: linear-gradient(120deg, rgba(255,193,7,0.15), rgba(255,193,7,0.05));
    color: #b86a00;
    border: 1px solid rgba(255,193,7,0.25);
  }
  [data-cqs] .cqs-pill--done{
    background: linear-gradient(120deg, rgba(46,160,67,0.14), rgba(46,160,67,0.06));
    color: #2e9f43;
    border: 1px solid rgba(46,160,67,0.25);
  }
  @media (max-width: 900px){
    [data-cqs] .cqs-row{
      grid-template-columns: 1fr;
    }
    [data-cqs] .cqs-row__mid{
      justify-content: flex-start;
    }
    [data-cqs] .cqs-row__actions{
      justify-content: flex-start;
    }
  }
  [data-cqs] .cqs-card--detail .cqs-card__body{
    gap: var(--s-2);
  }
  [data-cqs] .cqs-detailGrid{
    display:grid;
    gap: var(--s-2);
  }
  [data-cqs] .cqs-summary{
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
    padding: var(--s-2);
  }
  [data-cqs] .cqs-items{
    display:grid;
    gap: 8px;
  }
  [data-cqs] .cqs-itemsHead{
    display:grid;
    grid-template-columns: 1.3fr 1fr 0.7fr 0.8fr 0.9fr;
    gap: var(--s-1);
    color: var(--pc-muted);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 0.92rem;
  }
  [data-cqs] .cqs-itemRow{
    display:grid;
    grid-template-columns: 1.3fr 1fr 0.7fr 0.8fr 0.9fr;
    gap: var(--s-1);
    align-items:center;
    padding: 10px 12px;
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.94);
    box-shadow: 0 8px 20px rgba(18,24,38,0.06);
  }
  [data-cqs] .cqs-col--qty,
  [data-cqs] .cqs-col--price{
    text-align:right;
  }
  @media (max-width: 720px){
    [data-cqs] .cqs-itemsHead,
    [data-cqs] .cqs-itemRow{
      grid-template-columns: 1fr;
      text-align:left;
    }
    [data-cqs] .cqs-col--qty,
    [data-cqs] .cqs-col--price{
      text-align:left;
    }
  }
  [data-cqs] .cqs-totals{
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.94);
    padding: var(--s-2);
    display:grid;
    gap: 6px;
  }
  [data-cqs] .cqs-totalRow{
    display:flex;
    justify-content: space-between;
    align-items:center;
  }
  [data-cqs] .cqs-totalRow--grand{
    font-size: 1.1rem;
    font-weight: 750;
  }
  [data-cqs] .cqs-meta{
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
    padding: var(--s-2);
    display:grid;
    gap: 8px;
  }
  [data-cqs] .cqs-metaRow{
    display:flex;
    justify-content: space-between;
    align-items:center;
  }
  [data-cqs] .cqs-metaNotes{
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    padding: var(--s-2);
    color: var(--pc-ink);
  }
  [data-cqs] .cqs-metaNotes--muted{
    color: var(--pc-muted);
  }
  [data-cqs] .cqs-pending{
    padding: var(--s-2);
    border-radius: var(--radius-md);
    background: rgba(176,18,91,0.06);
    color: var(--pc-ink);
  }

  /* Quote Requests premium list */
  [data-qr]{
    display: grid;
    gap: var(--s-3);
  }
  [data-qr] .qr-kpis{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
    gap: var(--s-2);
  }
  [data-qr] .qr-kpi{
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, rgba(255,248,240,0.92), rgba(255,248,240,0.86));
    box-shadow: 0 10px 28px rgba(18,24,38,0.08);
  }
  [data-qr] .qr-kpi__label{
    color: var(--pc-muted);
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  [data-qr] .qr-kpi__value{
    font-weight: 800;
    font-size: 1.4rem;
    color: var(--pc-ink);
  }

  [data-qr] .qr-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-2);
    align-items: center;
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
  }
  [data-qr] .qr-toolbar__filters{
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-2);
    align-items: center;
    width: 100%;
  }
  [data-qr] .qr-segments{
    display: inline-flex;
    gap: 6px;
    padding: 4px;
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: #fff;
  }
  [data-qr] .qr-segment{
    position: relative;
  }
  [data-qr] .qr-segment input{
    position: absolute;
    opacity: 0;
  }
  [data-qr] .qr-segment span{
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    font-weight: 600;
    color: var(--pc-ink2);
    background: transparent;
  }
  [data-qr] .qr-segment input:checked + span{
    background: rgba(176,18,91,0.08);
    color: var(--pc-berry);
    box-shadow: 0 0 0 1px rgba(176,18,91,0.18);
  }

  [data-qr] .qr-grid{
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--s-3);
  }
  [data-qr] .qr-main{
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.86));
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    padding: var(--s-3);
    box-shadow: 0 16px 40px rgba(18,24,38,0.08);
  }
  [data-qr] .qr-side{
    display: grid;
    gap: var(--s-2);
  }

  [data-qr] .qr-list{
    display: grid;
    gap: var(--s-2);
  }
  [data-qr] .qr-row{
    display: grid;
    grid-template-columns: 1.6fr 1fr auto;
    align-items: center;
    gap: var(--s-2);
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
    box-shadow: 0 12px 32px rgba(18,24,38,0.08);
    transition: box-shadow 140ms ease, border-color 140ms ease, transform 140ms ease;
  }
  [data-qr] .qr-row:hover{
    border-color: rgba(176,18,91,0.35);
    box-shadow: 0 18px 44px rgba(176,18,91,0.14);
    transform: translateY(-1px);
  }
  [data-qr] .qr-row--new{
    border-left: 4px solid var(--pc-berry);
    padding-left: calc(var(--s-2) - 4px + var(--s-2));
  }
  [data-qr] .qr-row__title{
    font-weight: 800;
    color: var(--pc-ink);
    margin-bottom: 4px;
  }
  [data-qr] .qr-row__meta{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--pc-muted);
    font-size: 0.92rem;
  }
  [data-qr] .qr-row__dot{
    opacity: 0.6;
  }
  [data-qr] .qr-row__mid{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  [data-qr] .qr-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    background: rgba(255,255,255,0.9);
    border: 1px solid var(--pc-border);
    font-weight: 600;
    color: var(--pc-ink);
  }
  [data-qr] .qr-row__actions{
    display: flex;
    gap: var(--s-1);
    align-items: center;
    justify-content: flex-end;
  }
  /* QR sidebar maintenance */
  [data-qr] .qr-telemetrySection{
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(0,0,0,.06);
  }
  [data-qr] .qr-dangerBtn{
    width: 100%;
  }

  /* Media cockpit */
  [data-media]{
    display: grid;
    gap: var(--s-3);
  }
  [data-media] .media-kpis{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0 10px;
  }
  [data-media] .media-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,250,246,.85);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 26px rgba(0,0,0,.05);
    font-weight: 650;
    color: var(--pc-ink);
  }
  [data-media] .media-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,250,246,.65);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.05);
  }
  [data-media] .media-toolbar__form{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-media] .media-toolbar__group{
    display: flex;
    align-items: center;
    gap: 6px;
  }
  [data-media] .media-toolbar__segments{
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 12px;
    padding: 4px;
  }
  [data-media] .media-segment{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
  }
  [data-media] .media-segment input{
    display: none;
  }
  [data-media] .media-segment input:checked + span,
  [data-media] .media-segment:hover span{
    color: var(--pc-berry);
    font-weight: 700;
  }
  [data-media] .media-toolbar__actions{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-media] .media-toolbar__meta{
    display: inline-flex;
    gap: 6px;
    align-items: center;
    color: var(--pc-ink2);
    font-weight: 600;
  }
  [data-media] .media-toolbar__metaSep{
    opacity: .35;
  }

  [data-media] .media-grid{
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 18px;
    align-items: start;
  }
  @media (max-width: 1100px){
    [data-media] .media-grid{
      grid-template-columns: 1fr;
    }
  }
  [data-media] .media-main{
    display: grid;
    gap: var(--s-2);
  }
  [data-media] .media-listCard{
    border-radius: 18px;
    background: rgba(255,250,246,.75);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    padding: 14px;
    display: grid;
    gap: var(--s-2);
  }
  [data-media] .media-items{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 14px;
  }
  [data-media] .media-tile{
    border-radius: 16px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.07);
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  }
  [data-media] .media-tile:hover{
    border-color: rgba(209,11,111,.25);
    box-shadow: 0 14px 28px rgba(209,11,111,.10);
    transform: translateY(-1px);
  }
  [data-media] .media-tile--selected{
    border-color: rgba(209,11,111,.35);
    box-shadow: 0 18px 40px rgba(209,11,111,.14);
  }
  [data-media] .media-tile--new{
    position: relative;
  }
  [data-media] .media-tile--new::before{
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: rgba(209,11,111,.95);
  }
  [data-media] .media-thumb{
    aspect-ratio: 4 / 3;
    width: 100%;
    object-fit: cover;
    display: block;
    background: rgba(0,0,0,.03);
  }
  [data-media] .media-tileBody{
    padding: 10px 10px 12px;
  }
  [data-media] .media-rail{
    display: grid;
    gap: var(--s-2);
  }
  [data-media] .media-sideCard{
    border-radius: 18px;
    background: rgba(255,250,246,.75);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    padding: 14px;
  }

  /* Product add cockpit */
  [data-pa]{
    display: grid;
    gap: var(--s-3);
  }
  [data-pa] .pa-grid{
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 18px;
    align-items: start;
  }
  @media (max-width: 980px){
    [data-pa] .pa-grid{ grid-template-columns: 1fr; }
  }
  [data-pa] .pa-main{
    display: grid;
    gap: var(--s-2);
  }
  [data-pa] .pa-sideStack{
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  [data-pa] .pa-card{
    border-radius: 18px;
    background: rgba(255,250,246,.75);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
  }
  [data-pa] .pa-card__hd{
    padding: 16px 16px 10px;
    border-bottom: 1px solid rgba(0,0,0,.05);
  }
  [data-pa] .pa-card__bd{
    padding: 14px 16px 16px;
  }
  [data-pa] .pa-card__title{
    font-size: 14px;
    font-weight: 900;
  }
  [data-pa] .pa-card__hint{
    margin-top: 4px;
    font-size: 12px;
    opacity: .72;
  }
  [data-pa] .pa-actions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
  }
  [data-pa] .pa-primary{
    border-radius: 999px;
    padding: 10px 14px;
  }
  [data-pa] .pa-publishCard{
    position: relative;
    overflow: hidden;
  }
  [data-pa] .pa-publishCard::before{
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: rgba(209,11,111,.95);
  }
  [data-pa] .pa-fieldRow{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  @media (max-width: 980px){
    [data-pa] .pa-fieldRow{ grid-template-columns: 1fr; }
  }

  /* Collections cockpit */
  [data-col]{
    display: grid;
    gap: var(--s-3);
  }
  [data-col] .col-kpis{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 4px 0 10px;
  }
  [data-col] .col-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,250,246,.85);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 26px rgba(0,0,0,.05);
    font-weight: 650;
    color: var(--pc-ink);
  }
  [data-col] .col-toolbar{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,250,246,.65);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.05);
  }
  [data-col] .col-toolbar__form{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-col] .col-toolbar__actions{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-col] .col-grid{
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 18px;
    align-items: start;
  }
  @media (max-width: 1024px){
    [data-col] .col-grid{ grid-template-columns: 1fr; }
  }
  [data-col] .col-main{
    display: grid;
    gap: var(--s-2);
  }
  [data-col] .col-side{
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  [data-col] .col-card{
    background: rgba(255,250,246,.75);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    overflow: hidden;
  }
  [data-col] .col-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.07);
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  }
  [data-col] .col-row + .col-row{ margin-top: 12px; }
  [data-col] .col-row:hover{
    border-color: rgba(209,11,111,.25);
    box-shadow: 0 14px 28px rgba(209,11,111,.10);
    transform: translateY(-1px);
  }
  [data-col] .col-title{ font-weight: 900; font-size: 14px; }
  [data-col] .col-slug{ margin-top:4px; font-size: 12px; opacity: .72; }
  [data-col] .col-pill{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.60);
    font-variant-numeric: tabular-nums;
  }
  [data-col] .col-pill--empty{
    background: rgba(209,11,111,.08);
    border-color: rgba(209,11,111,.18);
  }
  [data-col] .col-actions{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  /* Premium sidebar */
  [data-col] .col-sideStack{
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  [data-col] .col-sideCard{
    background: rgba(255,250,246,.78);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    padding: 14px;
    position: relative;
    overflow: hidden;
  }
  [data-col] .col-sideCard::before{
    content:"";
    position:absolute;
    left:14px; right:14px; top:10px;
    height:2px;
    border-radius:999px;
    background: linear-gradient(90deg, rgba(209,11,111,.35), rgba(209,11,111,0));
    opacity:.8;
  }
  [data-col] .col-sideTitle{
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 6px;
  }
  [data-col] .col-sideMeta{
    font-size: 12px;
    opacity: .75;
  }
  [data-col] .col-sideBody{
    margin-top: 10px;
  }
  [data-col] .col-sideActions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  [data-col] .col-sideActions .a-btn--primary{
    box-shadow: 0 12px 26px rgba(209,11,111,.18);
  }
  /* Columns polish */
  [data-col] .col-colHeader{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom: 10px;
  }
  [data-col] .col-colBody{
    background: rgba(255,255,255,.45);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    padding: 12px;
  }
  [data-col] .col-countPill{
    display:inline-flex;
    align-items:center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.55);
    font-variant-numeric: tabular-nums;
  }
  /* Selected */
  [data-col] .col-selected{
    outline: 2px solid rgba(209,11,111,.22);
    box-shadow: 0 16px 34px rgba(209,11,111,.12);
  }
  /* Chips */
  [data-col] .col-chip{
    font-size: 11px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    transition: box-shadow .12s ease, border-color .12s ease, transform .12s ease;
    display: grid;
    gap: 2px;
  }
  [data-col] .col-chip:hover{
    border-color: rgba(209,11,111,.22);
    box-shadow: 0 10px 20px rgba(209,11,111,.12);
    transform: translateY(-1px);
  }
  [data-col] .col-chip__sku{
    font-weight: 850;
    font-size: 11px;
  }
  [data-col] .col-chip__var{
    font-size: 11px;
    opacity: .70;
    margin-top:2px;
  }
  /* Scroll polish */
  [data-col] .col-scroll{
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.18) transparent;
  }
  [data-col] .col-scroll::-webkit-scrollbar{ width: 8px; }
[data-col] .col-scroll::-webkit-scrollbar-thumb{
    background: rgba(0,0,0,.18);
    border-radius: 999px;
  }

  /* Stocks cockpit */
  [data-stk]{
    display: grid;
    gap: var(--s-3);
  }
  [data-stk] .stk-grid{
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 18px;
    align-items: start;
  }
  @media (max-width: 1024px){
    [data-stk] .stk-grid{ grid-template-columns: 1fr; }
  }
  [data-stk] .stk-kpis{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 4px 0 10px;
  }
  [data-stk] .stk-toolbar{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,250,246,.65);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.05);
  }
  [data-stk] .stk-toolbar__form{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-stk] .stk-toolbar__actions{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-stk] .stk-grid > .stk-main,
  [data-stk] .stk-grid > .stk-side{
    display: grid;
    gap: var(--s-2);
  }
  [data-stk] .stk-card{
    background: rgba(255,250,246,.78);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
  }
  [data-stk] .stk-listCard{
    padding: 14px;
  }
  [data-stk] .stk-row{
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    padding: 12px 14px;
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 10px 22px rgba(0,0,0,.05);
    transition: box-shadow .12s ease, border-color .12s ease, transform .12s ease;
  }
  [data-stk] .stk-row__summary{
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    column-gap: 18px;
    width: 100%;
  }
  [data-stk] .stk-row__left,
  [data-stk] .stk-row__mid,
  [data-stk] .stk-row__right{
    display: grid;
    gap: 6px;
  }
  [data-stk] .stk-stats{
    display: grid;
    grid-auto-flow: row;
    gap: 10px;
    justify-items: end;
    min-width: 140px;
  }
  [data-stk] .stk-stats .stk-chip{
    min-width: 140px;
    text-align: center;
    border-radius: 999px;
    padding: 10px 14px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.55);
    box-shadow: 0 12px 26px rgba(0,0,0,.06);
    font-weight: 700;
  }
  [data-stk] .stk-chevron{
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.50);
  }
  [data-stk] .stk-row:hover{
    border-color: rgba(209,11,111,.18);
    box-shadow: 0 18px 34px rgba(0,0,0,.10);
    transform: translateY(-1px);
  }
  [data-stk] .stk-row--out{
    border-left: 4px solid rgba(209,11,111,.90);
    padding-left: 10px;
  }
  [data-stk] .stk-row--low{
    border-left: 4px solid rgba(255,170,0,.75);
    padding-left: 10px;
  }
  [data-stk] .stk-row--mini{
    padding: 10px 12px;
    border-radius: 12px;
    box-shadow: none;
  }
  [data-stk] .stk-sku{
    font-weight: 900;
  }
  [data-stk] .stk-meta{
    font-size: 12px;
    opacity: .75;
  }
  [data-stk] .stk-qty{
    font-variant-numeric: tabular-nums;
    font-weight: 950;
    font-size: 18px;
  }
  [data-stk] .stk-pill{
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.08);
    background: rgba(255,255,255,.55);
  }
  [data-stk] .stk-pill--out{
    background: rgba(209,11,111,.10);
    border-color: rgba(209,11,111,.22);
  }
  [data-stk] .stk-pill--low{
    background: rgba(255,170,0,.12);
    border-color: rgba(255,170,0,.25);
  }

  /* Stocks page cockpit (scoped) */
  [data-stocks]{
    display: grid;
    gap: var(--s-3);
  }
  [data-stocks] .stk-grid{
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 18px;
    align-items: start;
  }
  @media (max-width: 980px){
    [data-stocks] .stk-grid{ grid-template-columns: 1fr; }
  }
  [data-stocks] .stk-kpis{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 6px 0 10px;
  }
  [data-stocks] .stk-chip{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,250,246,.78);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
  }
  [data-stocks] .stk-chip--berry{
    background: rgba(209,11,111,.10);
    border-color: rgba(209,11,111,.22);
  }
  [data-stocks] .stk-toolbar{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,250,246,.65);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 12px 30px rgba(0,0,0,.05);
  }
  [data-stocks] .stk-toolbar__form{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-stocks] .stk-toolbar__actions{
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }
  [data-stocks] .stk-main,
  [data-stocks] .stk-side{
    display: grid;
    gap: var(--s-2);
  }
  [data-stocks] .stk-card{
    background: rgba(255,250,246,.78);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
  }
  [data-stocks] .stk-listCard{
    padding: 14px;
  }
  [data-stocks] .stk-row{
    background: rgba(255,255,255,.45);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(0,0,0,.05);
    transition: box-shadow .12s ease, border-color .12s ease, transform .12s ease;
  }
  [data-stocks] .stk-row__summary{
    list-style: none;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    column-gap: 18px;
    padding: 12px 14px;
    cursor: pointer;
  }
  [data-stocks] .stk-row__summary::-webkit-details-marker{ display: none; }
  [data-stocks] .stk-row:hover{
    border-color: rgba(209,11,111,.22);
    box-shadow: 0 16px 34px rgba(209,11,111,.10);
    transform: translateY(-1px);
  }
  [data-stocks] .stk-row--alert{
    position: relative;
  }
  [data-stocks] .stk-row--alert::before{
    content:"";
    position:absolute;
    left:0; top:10px; bottom:10px;
    width:4px;
    border-radius:4px;
    background: linear-gradient(180deg, #eb0e73, #b0125b);
  }
  [data-stocks] .stk-row__left,
  [data-stocks] .stk-row__mid,
  [data-stocks] .stk-row__right{
    display: grid;
    gap: 6px;
  }
  [data-stocks] .stk-stats{
    display: grid;
    grid-auto-flow: row;
    gap: 10px;
    justify-items: end;
    min-width: 140px;
  }
  [data-stocks] .stk-stats .stk-chip{
    min-width: 110px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: .2px;
    text-align: center;
    box-shadow: none;
  }
  /* Small premium pills for stocks summary */
  [data-stocks] .stk-pill--variants,
  [data-stocks] .stk-stats .stk-pill--variants{
    background: rgba(255, 66, 165, .10);
    border: 1px solid rgba(255, 66, 165, .35);
    color: rgba(176, 0, 102, .95);
  }
  [data-stocks] .stk-pill--units,
  [data-stocks] .stk-stats .stk-pill--units{
    background: rgba(34, 197, 94, .10);
    border: 1px solid rgba(34, 197, 94, .35);
    color: rgba(21, 128, 61, .95);
  }
  @media (max-width: 520px){
    [data-stocks] .stk-stats .stk-chip{
      min-width: 96px;
      font-size: 11px;
      padding: 6px 9px;
    }
  }

  /* ===== SETTINGS (premium cockpit) ===== */
  [data-settings]{
    display: grid;
    gap: var(--s-3);
  }
  [data-settings] .st-headActions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
  }
  [data-settings] .st-form{
    display: grid;
    gap: 12px;
  }
  [data-settings] .st-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 14px;
    align-items: start;
  }
  [data-settings] .st-span-2{
    grid-column: 1 / -1;
  }
  @media (max-width: 760px){
    [data-settings] .st-grid{
      grid-template-columns: 1fr;
    }
    [data-settings] .st-span-2{
      grid-column: auto;
    }
  }
  [data-settings] .st-actions{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding-top: 6px;
  }
  [data-settings] .st-actions__buttons{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
  }
  [data-settings] .a-input,
  [data-settings] .a-select,
  [data-settings] textarea{
    border-radius: 14px;
  }
  [data-settings] .pc-panel{
    background: rgba(255,255,255,.40);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
  }
  [data-settings] .pc-panel__head{
    padding: 16px 16px 10px;
  }
  [data-settings] .pc-panel__body{
    padding: 0 16px 16px;
  }
  [data-stocks] .stk-chevron{
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.50);
  }
  [data-stocks] .stk-sku{ font-weight: 900; }
  [data-stocks] .stk-meta{ font-size: 12px; opacity: .75; }
  [data-stocks] .stk-details{
    padding: 12px 14px 14px;
    border-top: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.30);
  }
  [data-stocks] .stk-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  [data-stocks] .stk-table th{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    opacity: .7;
    padding: 10px;
    text-align: left;
  }
  [data-stocks] .stk-table td{
    padding: 10px;
    border-top: 1px solid rgba(0,0,0,.06);
  }
  [data-stocks] .stk-mono{
    font-variant-numeric: tabular-nums;
  }

  /* Catalog builder cockpit */
  [data-catalog-builder]{
    display: grid;
    gap: var(--s-3);
  }
  [data-catalog-builder] .cb-headActions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  [data-catalog-builder] .cb-kpis{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 18px;
  }
  [data-catalog-builder] .cb-kpi{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
  }
  [data-catalog-builder] .cb-grid{
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }
  [data-catalog-builder] .cb-main{
    display: grid;
    gap: var(--s-2);
  }
  [data-catalog-builder] .cb-card,
  [data-catalog-builder] .cb-sideCard{
    background: rgba(255,255,255,.40);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.06);
  }
  [data-catalog-builder] .cb-card__head{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 16px 10px;
  }
  [data-catalog-builder] .cb-card__body{
    padding: 14px 16px 16px;
  }
  [data-catalog-builder] .cb-card__title{
    font-weight: 900;
    font-size: 14px;
  }
  [data-catalog-builder] .cb-card__hint{
    font-size: 12px;
    opacity: .72;
    margin-top: 4px;
  }
  [data-catalog-builder] .cb-actions{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
  }
  [data-catalog-builder] .cb-actions--row{
    margin-top: 10px;
  }
  [data-catalog-builder] .cb-actions--col{
    flex-direction: column;
    align-items: stretch;
  }
  [data-catalog-builder] .cb-itemsGrid{
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  @media (max-width: 900px){
    [data-catalog-builder] .cb-itemsGrid{
      grid-template-columns: 1fr;
    }
  }
  [data-catalog-builder] .cb-itemCard{
    position: relative;
    background: rgba(255,255,255,.42);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    padding: 14px;
    transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
  }
  [data-catalog-builder] .cb-itemCard:hover{
    border-color: rgba(209,11,111,.22);
    box-shadow: 0 18px 44px rgba(209,11,111,.10);
    transform: translateY(-1px);
  }
  [data-catalog-builder] .cb-itemCard--warn::before{
    content:"";
    position:absolute;
    left:0; top:12px; bottom:12px;
    width:4px;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(209,11,111,.95), rgba(255,86,160,.65));
  }
  [data-catalog-builder] .cb-itemHead{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
  }
  [data-catalog-builder] .cb-itemTitle{
    font-weight: 800;
    letter-spacing: -0.01em;
  }
  [data-catalog-builder] .cb-itemMeta{
    font-size: 12px;
    opacity: .72;
    margin-top: 2px;
  }
  [data-catalog-builder] .cb-itemBadges{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  [data-catalog-builder] .cb-pill{
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.55);
  }
  [data-catalog-builder] .cb-pill--warn{
    background: rgba(209,11,111,.10);
    border-color: rgba(209,11,111,.22);
    color: var(--pc-berry, #b0125b);
  }
  [data-catalog-builder] .cb-pill--muted{
    background: rgba(0,0,0,.04);
    border-color: rgba(0,0,0,.08);
    color: rgba(0,0,0,.7);
  }
  [data-catalog-builder] .cb-itemForm{
    display: grid;
    gap: 12px;
  }
  [data-catalog-builder] .cb-itemGrid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
  }
  [data-catalog-builder] .cb-mediaRow{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
  }
  [data-catalog-builder] .cb-mediaPreview{
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 190px;
  }
  [data-catalog-builder] .cb-mediaPreview img[data-media-preview]{
    width: 160px;
    height: 210px;
    max-width: none !important;
    object-fit: contain;
    border-radius: 14px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    padding: 6px;
  }
  [data-catalog-builder] .cb-sideBody{
    margin-top: 8px;
  }
  [data-catalog-builder] .cb-sideCard{
    padding: 16px;
    display: grid;
    gap: 8px;
  }
  [data-catalog-builder] .cb-pill{
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  [data-catalog-builder] .cb-pill--muted{
    opacity: .75;
    background: rgba(255,255,255,.45);
    border-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.72);
  }
  [data-catalog-builder] .cb-mediaRow{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  @media (max-width: 760px){
    [data-catalog-builder] .cb-mediaRow{
      grid-template-columns: 1fr;
    }
  }
  [data-catalog-builder] .cb-mediaPreview{
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 190px;
  }
  [data-catalog-builder] .cb-mediaPreview img[data-media-preview]{
    width: 160px;
    height: 210px;
    max-width: none !important;
    object-fit: contain;
    border-radius: 14px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(0,0,0,.06);
    padding: 6px;
  }
  @media (max-width: 520px){
    [data-catalog-builder] .cb-mediaPreview{
      grid-template-columns: 1fr;
      min-height: auto;
    }
    [data-catalog-builder] .cb-mediaPreview img[data-media-preview]{
      width: 100%;
      height: 240px;
    }
  }

  /* Stocks metrics alignment */
  [data-stk] .stk-row__summary{
    display: grid;
    grid-template-columns: 1fr 190px 44px;
    align-items: center;
    gap: 16px;
  }
  [data-stk] .stk-row__mid{
    width: 190px;
    display: grid;
    grid-auto-rows: min-content;
    gap: 8px;
    justify-items: end;
  }
  [data-stk] .stk-chip{
    width: 140px;
    text-align: center;
    border-radius: 999px;
    font-size: 12px;
    padding: 6px 10px;
    letter-spacing: .01em;
  }
  @media (max-width: 720px){
    [data-stk] .stk-row__summary{
      grid-template-columns: 1fr;
      gap: 10px;
    }
    [data-stk] .stk-row__mid{
      width: auto;
      justify-items: start;
      grid-auto-flow: column;
      grid-template-columns: repeat(2, max-content);
    }
    [data-stk] .stk-chip{
      width: auto;
      text-align: left;
    }
  }
  [data-qr] .qr-pill--new{
    background: linear-gradient(120deg, rgba(176,18,91,0.18), rgba(176,18,91,0.06));
    color: var(--pc-berry);
    border: 1px solid rgba(176,18,91,0.28);
  }

  /* Quote Request Detail */
  [data-qrd]{
    display: grid;
    gap: var(--s-3);
  }
  [data-qrd] .qrd-grid{
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: var(--s-3);
    align-items: start;
  }
  [data-qrd] .qrd-main,
  [data-qrd] .qrd-rail{
    display: grid;
    gap: var(--s-2);
  }
  [data-qrd] .qrd-card{
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.86));
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 14px 36px rgba(18,24,38,0.08);
    overflow: hidden;
  }
  [data-qrd] .qrd-card__head{
    padding: var(--s-2) var(--s-3) var(--s-1);
    border-bottom: 1px solid var(--pc-border);
  }
  [data-qrd] .qrd-card__title{
    font-weight: 750;
    color: var(--pc-ink);
  }
  [data-qrd] .qrd-card__body{
    padding: var(--s-2) var(--s-3) var(--s-3);
    display: grid;
    gap: var(--s-2);
  }
  [data-qrd] .qrd-strip{
    display: flex;
    flex-wrap: wrap;
    gap: var(--s-1);
    align-items: center;
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: rgba(255,248,240,0.9);
  }
  [data-qrd] .qrd-tools{
    display: flex;
    gap: var(--s-1);
    margin-left: auto;
    flex-wrap: wrap;
  }
  [data-qrd] .qrd-table{
    display: grid;
    grid-template-columns: 1.6fr 0.7fr 0.9fr 0.9fr 1fr;
    gap: var(--s-1);
    align-items: center;
    padding: var(--s-2);
  }
  [data-qrd] .qrd-table--head{
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--pc-muted);
    padding-bottom: var(--s-1);
  }
  [data-qrd] .qrd-row{
    background: rgba(255,255,255,0.9);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 10px 24px rgba(18,24,38,0.06);
    margin-bottom: var(--s-1);
    transition: box-shadow 140ms ease, border-color 140ms ease;
  }
  [data-qrd] .qrd-row:hover{
    border-color: rgba(176,18,91,0.28);
    box-shadow: 0 14px 32px rgba(176,18,91,0.12);
  }
  [data-qrd] .qrd-row--new{
    border-left: 4px solid var(--pc-berry);
  }
  [data-qrd] .qrd-row__title{
    font-weight: 700;
    color: var(--pc-ink);
  }
  [data-qrd] .qrd-row__meta{
    color: var(--pc-muted);
    font-size: 0.9rem;
  }
  [data-qrd] .qrd-col--qty,
  [data-qrd] .qrd-col--price{
    text-align: right;
  }
  [data-qrd] .qrd-col--notes input{
    width: 100%;
  }
  [data-qrd] .qrd-col--total{
    font-weight: 700;
    color: var(--pc-ink);
  }
  [data-qrd] .qrd-address{
    line-height: 1.5;
  }
  [data-qrd] .qrd-grand{
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--pc-ink);
  }
  [data-qrd] .qrd-sticky{
    position: sticky;
    bottom: var(--s-2);
    box-shadow: 0 14px 36px rgba(18,24,38,0.14);
  }
  @media (max-width: 1080px){
    [data-qrd] .qrd-grid{
      grid-template-columns: 1fr;
    }
    [data-qrd] .qrd-table{
      grid-template-columns: 1fr;
    }
    [data-qrd] .qrd-col--qty,
    [data-qrd] .qrd-col--price{
      text-align: left;
    }
  }

  @media (max-width: 1024px){
    [data-qr] .qr-grid{
      grid-template-columns: 1fr;
    }
    [data-qr] .qr-row{
      grid-template-columns: 1fr;
    }
    [data-qr] .qr-row__actions{
      justify-content: flex-start;
    }
  }

  /* Disable global grid overlay */
  .pc-cockpit::before,
  .pdp-inquiry--bleed::before,
  .pdp-inquiry::before,
  .a-content::before,
  .a-main::before {
    content: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  /* CLIENT PANEL → COCKPIT BRIDGE (scoped to main area only) */
  .client-panel .client-main{
    background: transparent;
  }
  .client-panel [data-client-panel].pc-cockpit{
    margin: 0 auto;
    max-width: 1200px;
    background: var(--pc-bg);
  }
  .client-panel [data-client-panel] .card{
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.85));
    border: 1px solid var(--pc-border);
    box-shadow: 0 18px 48px rgba(18,24,38,0.10);
  }
  .client-panel [data-client-panel] .card .text-muted{
    color: var(--pc-ink2);
  }
  .client-panel [data-client-panel] .btn{
    border-radius: var(--radius-sm);
  }
  .client-panel [data-client-panel] h1,
  .client-panel [data-client-panel] h2,
  .client-panel [data-client-panel] h3{
    color: var(--pc-ink);
    font-weight: 750;
  }

  .pc-missionHead {
    display: grid;
    grid-template-columns: 1.2fr auto;
    gap: var(--s-3);
    align-items: center;
    padding: var(--s-3) var(--s-3) var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.82));
    box-shadow: 0 18px 48px rgba(18,24,38,0.12);
    position: relative;
    z-index: 1;
  }

  .pc-kicker {
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.72rem;
    color: var(--pc-muted);
    margin-bottom: 4px;
  }

  .pc-title {
    font-size: clamp(1.6rem, 2vw, 2rem);
    font-weight: 800;
    color: var(--pc-ink);
    margin-bottom: 6px;
  }

  .pc-subtitle {
    color: var(--pc-ink2);
    line-height: 1.5;
  }

  .pc-statusStrip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--s-2);
    background: rgba(255,248,240,0.9);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    padding: var(--s-2);
  }

  .pc-step {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--s-2);
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    background: linear-gradient(120deg, rgba(255,248,240,0.9), rgba(255,248,240,0.8));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
  }

  .pc-step__index {
    font-family: var(--pc-mono);
    color: var(--pc-berry);
    font-weight: 700;
  }

  .pc-step__label {
    font-weight: 700;
    color: var(--pc-ink);
  }

  .pc-step__state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--pc-ink2);
  }

  .pc-led {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--pc-muted);
    box-shadow: 0 0 0 2px rgba(18,24,38,0.08);
    position: relative;
  }

  .pc-led::after {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: inherit;
    border: 1px solid currentColor;
    opacity: 0.35;
  }

  .pc-led--green { background: #3bd671; color: #3bd671; }
  .pc-led--amber { background: #f3b572; color: #f3b572; }
  .pc-led--red { background: #d44a7a; color: #d44a7a; }

  @media (prefers-reduced-motion: no-preference) {
    .pc-led {
      animation: pc-pulse 2.4s ease-in-out infinite;
    }
  }

  @keyframes pc-pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,255,255,0.14); }
    70% { box-shadow: 0 0 0 8px rgba(255,255,255,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
  }

  .pc-layout {
    display: grid;
    grid-template-columns: 1.1fr 0.55fr;
    gap: clamp(var(--s-3), 3vw, var(--s-4));
    margin-top: var(--s-4);
    position: relative;
    z-index: 1;
  }

  .pc-colMain {
    display: grid;
    gap: var(--s-3);
  }

  .pc-boardWrap {
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
  }

  .pc-boardTop {
    display: flex;
    justify-content: space-between;
    gap: var(--s-3);
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .pc-boardTexts {
    display: grid;
    gap: 6px;
  }

  .pc-boardTitle {
    font-size: clamp(1.4rem, 2vw, 1.8rem);
    font-weight: 800;
    color: var(--pc-ink, #1a1320);
  }

  .pc-boardSubtitle {
    color: var(--pc-ink2, #4a3b4e);
  }

  .pc-boardActions {
    display: flex;
    gap: var(--s-2);
    align-items: center;
  }

  .pc-boardGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--s-3);
  }

  .pc-boardColumn {
    background: var(--pc-surface, #fff8f0);
    border: 1px solid var(--pc-border, #e7d3c8);
    border-radius: var(--radius-md);
    box-shadow: 0 14px 30px rgba(26, 19, 32, 0.06);
    display: flex;
    flex-direction: column;
    min-height: 220px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
  }

  .pc-columnHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--s-3);
    gap: var(--s-2);
  }

  .pc-columnTitle {
    font-weight: 700;
    color: var(--pc-ink, #1a1320);
  }

  .pc-columnSlug {
    font-size: 0.86rem;
    color: var(--pc-ink2, #4a3b4e);
    opacity: 0.8;
  }

  .pc-badge {
    background: linear-gradient(120deg, #b0125b, #eb0e73);
    color: #fff;
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 0.85rem;
    min-width: 36px;
    text-align: center;
  }

  .pc-columnBody {
    padding: 0 var(--s-3) var(--s-3);
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .pc-card {
    display: flex;
    align-items: center;
    padding: 6px 10px;
    min-height: 28px;
    border-radius: 999px;
    background: #f3f4f6;
    border: 1px solid rgba(26, 19, 32, 0.12);
    box-shadow: none;
    gap: 0;
    cursor: grab;
  }

  .pc-card:hover{
    background: #eceef3;
  }

  .pc-card:active{
    transform: translateY(1px);
    box-shadow: none;
  }

  .pc-cardSku{
    font-weight: 800;
    font-size: 0.82rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: var(--clr-primary, #eb0e73);

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pc-cardName{ display:none !important; }

  .pc-boardColumn[data-drop="1"] {
    border-color: #b0125b;
    box-shadow: 0 16px 30px rgba(176, 18, 91, 0.16);
  }

  .pc-card.is-dragging {
    opacity: 0.6;
  }

  @media (max-width: 720px) {
    .pc-boardGrid {
      grid-template-columns: 1fr;
    }
    .pc-boardActions {
      width: 100%;
      justify-content: flex-start;
    }
  }

  .pc-colSide {
    position: relative;
  }

  .pc-telemetry {
    position: sticky;
    top: var(--s-4);
    display: grid;
    gap: var(--s-3);
  }

/* --------------------------------------------------------------
   Product Detail Page (PDP)
-------------------------------------------------------------- */
.pdp {
  display: grid;
  gap: var(--s-4);
}

/* PDP Gallery Carousel (Collections-style) */
.pdp-gallery{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow-x: clip;
  margin-bottom: calc(-1 * var(--s-4));
}

.pdp-galleryHead{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: linear-gradient(90deg, rgba(235, 14, 115, 0.08), rgba(235, 14, 115, 0.04) 45%, rgba(255, 255, 255, 0) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pdp-galleryHead__inner{
  max-width: 1160px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}

.pdp-galleryHead__titlewrap{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.pdp-galleryHead__kicker{
  font-size: 11px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(26, 19, 32, 0.62);
}

.pdp-galleryHead__title{
  font-size: clamp(1.35rem, 2.4vw, 1.8rem);
  font-weight: 750;
  letter-spacing: -0.02em;
  color: rgba(26, 19, 32, 0.9);
  line-height: 1.1;
  margin: 0;
  position: relative;
  padding-bottom: 8px;
}

.pdp-galleryHead__hint{
  font-size: 13px;
  line-height: 1;
  color: rgba(26, 19, 32, 0.8);
  opacity: 0.85;
  text-transform: none;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px dashed rgba(0,0,0,0.14);
  background: rgba(255,255,255,0.65);
}

.pdp-galleryHead__title::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 72px;
  height: 2px;
  background: rgba(235, 14, 115, 0.75);
  border-radius: 999px;
}

.pdp-gallery::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 32px;
  background: linear-gradient(90deg, rgba(235, 14, 115, 0.06), rgba(255, 248, 240, 0.5));
  border-bottom: 1px solid rgba(26, 19, 32, 0.08);
  pointer-events: none;
  z-index: 2;
}

.pdp-gallery--bleed{
  padding: clamp(22px, 4vw, 36px) 0 0;
  overflow: hidden;
}

.pdp-gallery__viewport{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  margin-top: 12px;
}

.pdp-gallery__track{
  display: flex;
  gap: 0;
  transition: transform 480ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce){
  .pdp-gallery__track{ transition-duration: 0ms; }
}

.pdp-gTile{
  position: relative;
  flex: 0 0 25%;
  height: clamp(260px, 24vw, 320px);
  display: block;
  overflow: hidden;
  background: #f8f8f9;
}

/* subtle divider like Collections */
.pdp-gTile::before{
  content:'';
  position:absolute;
  top:0; right:0; bottom:0;
  width:1px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.06) 20%,
    rgba(0,0,0,0.06) 80%,
    rgba(0,0,0,0) 100%
  );
  z-index: 3;
  pointer-events:none;
}
.pdp-gTile:last-child::before{ display:none; }

.pdp-gTile__media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

.pdp-gTile__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit: cover;
  object-position: 50% -30px;
  transition: transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.pdp-gTile:hover .pdp-gTile__media img{
  transform: scale(1.04);
}

@media (prefers-reduced-motion: reduce){
  .pdp-gTile__media img{ transition:none; }
  .pdp-gTile:hover .pdp-gTile__media img{ transform:none; }
}

@media (max-width: 560px){
  .pdp-galleryHead__inner{
    padding: 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .pdp-galleryHead__title{
    font-size: 1.25rem;
  }

  .pdp-galleryHead__hint{
    white-space: normal;
    font-size: 12px;
  }

  .pdp-gallery .c-collections__nav{
    opacity: 1;
    pointer-events: auto;
  }

  .pdp-gallery .c-collections__nav:disabled{
    opacity: 0.35;
    pointer-events: none;
  }
}

/* Video placeholder (premium, no text) */
.pdp-gTile__media--video{
  background:
    radial-gradient(ellipse at 30% 40%, rgba(235,14,115,0.05) 0%, transparent 55%),
    linear-gradient(135deg, #f5f5f7 0%, #ebebed 50%, #e8e8ea 100%);
}
.pdp-gTile__play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
}
.pdp-gTile__play i{
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(255,255,255,0.35);
  backdrop-filter: blur(10px);
  color: rgba(26,19,32,0.75);
  box-shadow: 0 14px 34px rgba(0,0,0,0.10);
}

/* Hover overlay: hidden by default, shows on hover/focus */
.pdp-gTile__overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  background: linear-gradient(180deg, rgba(11,11,14,0.10) 0%, rgba(11,11,14,0.55) 100%);
  opacity:0;
  transform: translateY(6px);
  transition: opacity 180ms ease, transform 220ms cubic-bezier(0.22,0.61,0.36,1);
  padding: 12px;
}

.pdp-gTile__overlayInner{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.20);
  color:#fff;
}

.pdp-gTile__badgeIcon{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  background: rgba(235,14,115,0.18);
  color: #fff;
}

.pdp-gTile__label{
  font-weight: 600;
  font-size: 0.92rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

.pdp-gTile:hover .pdp-gTile__overlay,
.pdp-gTile:focus-visible .pdp-gTile__overlay{
  opacity:1;
  transform:none;
}

.pdp-gTile:focus-visible{
  outline:none;
}
.pdp-gTile:focus-visible::after{
  content:'';
  position:absolute;
  inset: 8px;
  border: 2px solid rgba(235,14,115,0.8);
  pointer-events:none;
  z-index:4;
}

/* Make Collections nav work inside PDP viewport too */
.pdp-gallery__viewport:hover .c-collections__nav:not(:disabled){
  opacity:1;
  pointer-events:auto;
}

@media (max-width: 980px){
  .pdp-gTile{ flex: 0 0 50%; height: clamp(240px, 38vw, 420px); }
}
@media (max-width: 560px){
  .pdp-gTile{ flex: 0 0 100%; height: clamp(280px, 54vh, 420px); }
}

.pdp-surface{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: linear-gradient(135deg, #fdfbf8 0%, #f7f3ed 48%, #ffffff 100%);
  overflow-x: clip;
}

.pdp-surface__inner{
  max-width: 1160px;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 52px) clamp(18px, 4vw, 42px);
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 1px minmax(320px, 1fr);
  column-gap: clamp(24px, 3vw, 44px);
  row-gap: clamp(16px, 2vw, 22px);
}

.pdp-surface__pane{
  display: grid;
  gap: clamp(10px, 1.4vw, 16px);
  align-content: start;
}

.pdp-surface__pane--materials{
  padding: 2px 0;
}

.pdp-surface__pane--pricing{
  padding: 2px 0;
}

.pdp-surface__divider{
  width: 1px;
  background: rgba(26, 19, 32, 0.12);
  height: 100%;
  align-self: stretch;
}

.pdp-surface__eyebrow{
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(26, 19, 32, 0.54);
}

.pdp-surface__title{
  font-size: clamp(1.18rem, 2.2vw, 1.6rem);
  font-weight: 600;
  letter-spacing: -0.015em;
  color: rgba(26, 19, 32, 0.92);
}

.pdp-surface__copy{
  color: rgba(26, 19, 32, 0.68);
  line-height: 1.65;
  max-width: 560px;
}

.pdp-surface__cta{
  width: fit-content;
}

.pdp-surface__notice{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(26, 19, 32, 0.14);
  background: rgba(235, 14, 115, 0.04);
  border-radius: 12px;
  color: rgba(26, 19, 32, 0.8);
}

.pdp-surface__notice--warn{
  background: rgba(26, 19, 32, 0.04);
  border-color: rgba(26, 19, 32, 0.12);
}

.pdp-surface__noticeIcon{
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(235, 14, 115, 0.12);
  color: #eb0e73;
}

.pdp-surface__noticeCopy{
  display: grid;
  gap: 4px;
}

.pdp-surface__noticeTitle{
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(26, 19, 32, 0.9);
}

.pdp-surface__notice p{
  margin: 0;
  color: rgba(26, 19, 32, 0.72);
  line-height: 1.5;
}

.pdp-inquiry{
  position: relative;
  width: 100%;
}

.pdp-inquiry--bleed{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    radial-gradient(140% 90% at 12% 0%, rgba(176, 18, 91, 0.06), transparent 55%),
    radial-gradient(120% 80% at 85% 18%, rgba(235, 14, 115, 0.05), transparent 60%),
    linear-gradient(180deg, #f9f2e7, #f6efe4);
  border-top: 1px solid rgba(26, 19, 32, 0.12);
  overflow-x: clip;
}

.pdp-inquiry--bleed::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(26, 19, 32, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26, 19, 32, 0.04) 1px, transparent 1px);
  background-size: 320px 320px, 260px 260px;
  opacity: 0.18;
  mix-blend-mode: multiply;
}

.pdp-inquiry__inner{
  position: relative;
  z-index: 1;
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(26px, 4vw, 42px) clamp(18px, 5vw, 46px);
  display: grid;
  gap: clamp(18px, 3vw, 26px);
}

.pdp-twoCol{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 26px);
  align-items: start;
  grid-template-rows: auto auto;
}

.pdp-inquiryGrid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 26px);
  align-items: start;
}

.pdp-inquiryLeft{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.pdp-inquiryRight{
  display: grid;
  gap: 14px;
  align-content: start;
}

.pdp-card{
  position: relative;
  display: grid;
  gap: 12px;
  --pdpCardPad: clamp(20px, 2vw, 26px);
  padding: var(--pdpCardPad);
  border: 1px solid rgba(26, 19, 32, 0.1);
  border-radius: 16px;
  background: rgba(255, 248, 240, 0.86);
  box-shadow: none;
  backdrop-filter: blur(2px);
}

.pdp-card__eyebrow{
  font-size: 0.76rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(26, 19, 32, 0.6);
}

.pdp-card__title{
  font-size: clamp(1.18rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(26, 19, 32, 0.9);
}

.pdp-card__copy{
  color: rgba(26, 19, 32, 0.7);
  line-height: 1.6;
  max-width: 580px;
}

.pdp-card__cta{
  width: fit-content;
}

.pdp-card--shipping{
  padding: 0;
  overflow: hidden;
  --pdpCardPad: clamp(18px, 2.6vw, 24px);
}

.pdp-panelHead,
.pdp-shipHead{
  background: linear-gradient(135deg, rgba(235, 14, 115, 0.12), rgba(176, 18, 91, 0.08));
  border-bottom: 1px solid rgba(26, 19, 32, 0.1);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: block;
  margin: 0;
  padding: 16px 18px;
}

.pdp-card:not(.pdp-card--shipping) > .pdp-panelHead{
  margin: calc(-1 * var(--pdpCardPad)) calc(-1 * var(--pdpCardPad)) 0;
  padding-left: var(--pdpCardPad);
  padding-right: var(--pdpCardPad);
}

.pdp-card--shipping > .pdp-panelHead{
  margin: 0;
  padding-left: var(--pdpCardPad);
  padding-right: var(--pdpCardPad);
}

.pdp-panelHead .pdp-card__eyebrow,
.pdp-panelHead .pdp-shipHead__eyebrow{
  margin: 0 0 4px;
}

.pdp-panelHead .pdp-card__title,
.pdp-panelHead .pdp-shipHead__title{
  margin: 0;
}

.pdp-panelBody{
  display: grid;
  gap: 12px;
}

.pdp-shipBody{
  padding: clamp(18px, 2.2vw, 22px) clamp(18px, 2.6vw, 24px);
  display: grid;
  gap: 12px;
}

.pdp-shipRegions{
  display: grid;
  gap: 10px;
  margin-top: 0;
}

.pdp-shipRegions__item{
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 96px;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 6px;
  align-items: stretch;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(255, 248, 240, 0.9);
  border: 1px solid rgba(26, 19, 32, 0.08);
  box-shadow: none;
  position: relative;
}

.pdp-shipRegions__icon{
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(235, 14, 115, 0.2);
  color: #fdf7f2;
  font-size: 1.1rem;
  align-self: center;
}

.pdp-shipRegions__body{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* Apply page */
.apply-wrap{
  padding: clamp(28px, 6vw, 48px) var(--gutter) clamp(36px, 7vw, 64px);
  background: var(--clr-bg, #fbfaf7);
}
.apply-card{
  max-width: 960px;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.apply-wrap .apply-card.pdp-card{
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  gap: 0;
}
.apply-card__body{
  padding: clamp(18px, 2.4vw, 26px) clamp(18px, 2.6vw, 30px) clamp(24px, 3vw, 32px);
  display: grid;
  gap: 14px;
}
.apply-wrap .pdp-panelHead{
  background: transparent;
  border: 0;
  margin: 0 0 16px;
  padding: 0;
}
.apply-wrap .pdp-card__eyebrow{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #5a4f5a;
}
.apply-wrap .pdp-card__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(30px, 3.2vw, 42px);
  color: var(--clr-ink, #1f1a17);
  margin: 0;
}
.apply-lead{
  margin: 0;
  color: rgba(0,0,0,0.68);
  line-height: 1.55;
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 15px;
}
.apply-form{
  display: grid;
  gap: 14px;
}
.apply-grid{
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.apply-field{
  display: grid;
  gap: 6px;
}
.apply-label{
  font-size: 15px;
  font-weight: 400;
  color: rgba(26, 19, 32, 0.8);
}
.apply-input{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  padding: 12px 14px;
  font-size: 1rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.apply-input:focus{
  outline: none;
  border-color: rgba(235, 14, 115, 0.55);
  box-shadow: 0 0 0 3px rgba(235, 14, 115, 0.16);
}
.apply-input.has-error{
  border-color: rgba(235, 14, 115, 0.6);
  background: #fff2f6;
}
.apply-error{
  color: #b0125b;
  font-size: 0.92rem;
}
.apply-captchaRow{
  display: flex;
  align-items: center;
  gap: 10px;
}
.apply-captchaImg{
  height: 64px;
  border-radius: 12px;
  border: 1px solid rgba(26, 19, 32, 0.1);
  background: #fff;
}
.apply-refresh{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(235, 14, 115, 0.4);
  background: #fff;
  color: #eb0e73;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.apply-actions{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.apply-wrap .apply-actions .c-btn,
.apply-wrap .apply-success .c-btn{
  background: var(--clr-primary, #eb0e73);
  color: #fff;
  border: 1px solid var(--clr-primary, #eb0e73);
  border-radius: 0;
  min-height: 46px;
  padding: 0 34px;
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  text-decoration: none;
  cursor: pointer;
}
.apply-wrap .apply-actions .c-btn:hover,
.apply-wrap .apply-success .c-btn:hover{
  filter: brightness(0.95);
}
.apply-wrap .apply-actions .c-btn:focus-visible,
.apply-wrap .apply-success .c-btn:focus-visible{
  outline: 2px solid rgba(235,14,115,0.35);
  outline-offset: 2px;
}
.apply-note{
  font-size: 13px;
  margin: 0;
  color: rgba(26, 19, 32, 0.65);
}
.apply-success{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  border: 0;
  background: transparent;
  padding: 14px 0 0;
  border-radius: 0;
  margin-top: 6px;
  border-top: 1px solid rgba(0,0,0,0.10);
}
.apply-success__icon{
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #eb0e73;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
.apply-success__text{
  font-weight: 600;
  color: rgba(26, 19, 32, 0.85);
}

.pdp-shipRegions__title{
  font-size: 0.82rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
}

.pdp-shipRegions__text{
  color: rgba(26, 19, 32, 0.72);
  line-height: 1.55;
  font-weight: 400;
  font-size: 0.94rem;
  margin: 0;
  min-width: 0;
  max-width: none;
  width: auto;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}

.pdp-shipRegions__eta{
  grid-column: 3;
  grid-row: 1;
  text-align: right;
  display: grid;
  gap: 2px;
  justify-items: end;
  color: rgba(26, 19, 32, 0.9);
  align-self: center;
}

.pdp-shipRegions__etaNum{
  font-size: 1.06rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.pdp-shipRegions__etaSub{
  font-size: 0.8rem;
  color: rgba(26, 19, 32, 0.6);
}

.pdp-partnersIcons{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  flex-wrap: wrap;
  padding: 8px 0;
  opacity: 0.9;
}

.pdp-partnersIcons i{
  font-size: 52px;
  line-height: 1;
  vertical-align: middle;
}

@media (min-width: 720px){
  .pdp-shipRegions__item{
    grid-template-columns: 44px minmax(0, 1fr) 120px;
    row-gap: 2px;
  }
}

.pdp-card__notice{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(176, 18, 91, 0.18);
  background: rgba(235, 14, 115, 0.06);
  border-radius: 14px;
  color: rgba(26, 19, 32, 0.86);
}

.pdp-card__notice--warn{
  background: rgba(26, 19, 32, 0.04);
  border-color: rgba(26, 19, 32, 0.12);
}

.pdp-card__noticeIcon{
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(235, 14, 115, 0.16);
  color: #eb0e73;
}

.pdp-card__noticeCopy{
  display: grid;
  gap: 4px;
}

.pdp-card__noticeTitle{
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(26, 19, 32, 0.9);
}

.pdp-card__notice p{
  margin: 0;
  color: rgba(26, 19, 32, 0.72);
  line-height: 1.5;
}

.pdp-pricing{
  display: grid;
  gap: 14px;
}

.pdp-variants{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(10px, 2vw, 14px);
}

.pdp-variant{
  min-width: 0;
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(26, 19, 32, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.74);
  transition: border-color 120ms ease, background-color 120ms ease;
}

.pdp-variant:hover{
  border-color: rgba(235, 14, 115, 0.24);
  background: rgba(255, 252, 247, 0.82);
}

.pdp-variant.is-disabled{
  opacity: 0.6;
}

.pdp-variant__size{
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(26, 19, 32, 0.88);
}

.pdp-variant__qty{
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}

.pdp-qtyInput{
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 40px;
  border-radius: 10px;
  border: 1px solid rgba(26, 19, 32, 0.14);
  background: rgba(255, 255, 255, 0.86);
  padding: 0 10px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-align: center;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.pdp-qtyInput:focus{
  outline: none;
  border-color: #eb0e73;
  box-shadow: 0 0 0 2px rgba(235, 14, 115, 0.2);
  background: #fffdfa;
}

.pdp-qtyInput:disabled{
  background: rgba(26, 19, 32, 0.04);
  color: rgba(26, 19, 32, 0.48);
  cursor: not-allowed;
}

.pdp-pricing__actions{
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.pdp-pricing__actions .a-btn[disabled]{
  opacity: 0.65;
}

@media (max-width: 980px){
  .pdp-twoCol,
  .pdp-inquiryGrid{
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .pdp-pricing__actions{
    justify-content: flex-start;
  }
}

@media (max-width: 640px){
  .pdp-variants{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .pdp-variant{
    padding: 11px 12px;
  }

  .pdp-shipRegions__item{
    grid-template-columns: 48px 1fr auto;
    gap: 10px;
  }
}

/* Fullscreen PDP Viewer */
.pdp-lightbox[open]{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;   /* fallback */
  height: 100dvh;  /* mobile safe */
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: rgba(255,255,255,0.06);
}

.pdp-lightbox::backdrop{
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
}

.pdp-lightbox__head{
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  pointer-events: none;
}

.pdp-lightbox__head > *{ pointer-events: auto; }

.pdp-lightbox__stage{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  --pdpPadX: 84px;
  --pdpPadY: 84px;
  padding: var(--pdpPadY) var(--pdpPadX);
  overflow: hidden;
  touch-action: none;
}

.pdp-lightbox__frame{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
}

.pdp-lightbox__canvas{
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center;
  will-change: transform;
}

.pdp-lightbox__canvas.is-draggable{ cursor: grab; }
.pdp-lightbox__canvas.is-dragging{ cursor: grabbing; }
.pdp-lightbox__mediaWrap.is-draggable,
.pdp-lightbox__canvas.is-draggable{
  touch-action: none;
}

.pdp-lightbox__canvas img,
.pdp-lightbox__canvas video,
.pdp-lightbox__stage img,
.pdp-lightbox__stage video{
  width: auto;
  height: auto;
  max-width: calc(100vw - (var(--pdpPadX) * 2));
  max-height: calc(100dvh - (var(--pdpPadY) * 2));
  object-fit: contain;
  border-radius: 18px;
  background: #000;
  box-shadow: 0 22px 60px rgba(0,0,0,0.35);
}

.pdp-lightbox__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
  display: grid;
  place-items: center;
  color: #fff;
  cursor: pointer;
  opacity: .92;
}

.pdp-lightbox__nav:hover{ opacity: 1; transform: translateY(-50%) scale(1.03); }
.pdp-lightbox__nav:disabled{ opacity: .35; cursor: not-allowed; }

.pdp-lightbox__nav--prev{ left: 18px; }
.pdp-lightbox__nav--next{ right: 18px; }

.pdp-lightbox__tools{ display:flex; align-items:center; gap: 8px; }

.pdp-zoomBtn{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
  display: grid;
  place-items: center;
  color: #fff;
  cursor: pointer;
}

.pdp-zoomBtn--reset{
  width: auto;
  padding: 0 12px;
  font-weight: 700;
  font-size: .9rem;
}

.pdp-lightbox__close{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.22);
  background: rgba(255,255,255,0.14);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.25);
  display: grid;
  place-items: center;
  color: #fff;
  cursor: pointer;
}

html.is-modalOpen,
body.is-modalOpen{
  overflow: hidden !important;
}

@media (max-width: 720px){
  .pdp-lightbox__stage{
    --pdpPadX: 18px;
    --pdpPadY: 74px;
  }
  .pdp-lightbox__nav{ width: 48px; height: 48px; }
}
  .pc-panel {
    background: var(--pc-surface);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 16px 34px rgba(26,19,32,0.12);
    overflow: hidden;
  }

  .pc-panel--note {
    border-style: dashed;
  }

  .pc-panel__head {
    padding: var(--s-3);
    border-bottom: 1px solid var(--pc-border);
    background: linear-gradient(90deg, rgba(176,18,91,0.18), rgba(255,255,255,0.12));
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-2);
  }

  .pc-panel__title {
    color: var(--pc-ink);
    font-size: 1.1rem;
    font-weight: 800;
  }

  .pc-panel__kicker {
    color: var(--pc-ink2);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-bottom: 6px;
  }

  .pc-panel__body {
    padding: var(--s-3);
    display: grid;
    gap: var(--s-3);
    background: var(--pc-surface);
  }

  .pc-grid {
    display: grid;
    gap: var(--s-3);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    align-items: start;
  }

  .pc-grid--2 {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }

  .pc-field {
    display: grid;
    gap: 8px;
    align-self: start;
  }

  .pc-field--checkbox {
    grid-column: 1 / -1;
  }

  .pc-field--stack {
    position: relative;
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    background: var(--pc-surface2);
  }

  .pc-label {
    font-weight: 700;
    color: var(--pc-ink);
  }

  .pc-required { color: #b0125b; }

  .pc-control {
    width: 100%;
    background: var(--pc-surface2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    padding: 0.85rem 0.9rem;
    color: var(--pc-ink);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    transition: border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
  }

  .pc-assist {
    margin-top: var(--s-2);
    padding: var(--s-2);
    border: 1px dashed var(--pc-border);
    border-radius: var(--radius-sm);
    background: linear-gradient(180deg, rgba(255,248,240,0.9), rgba(243,231,221,0.85));
    display: grid;
    gap: var(--s-2);
  }

  .pc-assist__row {
    display: grid;
    gap: 8px;
  }

  .pc-assist__label {
    color: var(--pc-ink2);
  }

  .pc-assist__select {
    width: 100%;
  }

  .pc-assist__note {
    margin: 0;
    color: var(--pc-ink2);
  }

  .pc-assist__suggest {
    display: grid;
    gap: 6px;
    align-items: center;
  }

  .pc-assist__apply {
    justify-self: start;
  }

  .pc-control:focus-visible {
    border-color: var(--pc-berry);
    box-shadow: 0 0 0 2px rgba(176, 18, 91, 0.22);
    outline: none;
  }

  .pc-field[data-country-field],
  .pc-field[data-translate-lang-field] {
    position: relative;
  }

  .pc-suggest {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin-top: 6px;
    padding: 6px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--pc-border);
    background: linear-gradient(180deg, rgba(255,248,240,0.98), rgba(243,231,221,0.95));
    box-shadow: 0 18px 40px rgba(26, 19, 32, 0.22);
    display: grid;
    gap: 4px;
    max-height: 280px;
    overflow-y: auto;
    z-index: 4;
  }

  .pc-suggest__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: var(--pc-ink);
    border-radius: calc(var(--radius-sm) - 1px);
    padding: 0.55rem 0.7rem;
    cursor: pointer;
    text-align: left;
    transition: border-color 100ms ease, background 100ms ease, color 100ms ease, box-shadow 100ms ease;
  }

  .pc-suggest__item:hover,
  .pc-suggest__item--active {
    border-color: var(--pc-border);
    background: rgba(176, 18, 91, 0.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    color: var(--pc-berry2);
  }

  .pc-suggest__label {
    font-weight: 700;
  }

  .pc-suggest__code {
    font-family: var(--pc-mono);
    color: var(--pc-ink2);
    font-size: 0.9rem;
  }

  .pc-hint {
    color: var(--pc-ink2);
    font-size: 0.9rem;
  }

  .pc-hint--full {
    grid-column: 1 / -1;
  }

  .pc-checkbox {
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
    color: var(--pc-ink);
    position: relative;
  }

  .pc-checkbox input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
  }

  .pc-checkbox__fake {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--pc-border);
    background: var(--pc-surface2);
    position: relative;
    flex-shrink: 0;
  }

  .pc-checkbox input:focus-visible + .pc-checkbox__fake {
    box-shadow: 0 0 0 2px rgba(176, 18, 91, 0.28);
    border-color: var(--pc-berry);
  }

  .pc-checkbox input:checked + .pc-checkbox__fake {
    border-color: var(--pc-berry);
    background: var(--pc-berry);
  }

  .pc-checkbox input:checked + .pc-checkbox__fake::after {
    content: "";
    position: absolute;
    inset: 4px;
    background: #f6f1e7;
    border-radius: 2px;
  }

  .pc-checkbox__label {
    color: var(--pc-ink);
  }

  .pc-chipRow {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
  }

  .pc-chip,
  .pc-pill {
    border-radius: 999px;
    border: 1px solid var(--pc-border);
    background: linear-gradient(180deg, rgba(255,248,240,0.96), rgba(243,231,221,0.92));
    color: var(--pc-ink);
    padding: 0.35rem 0.85rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: transform 100ms ease, border-color 100ms ease, box-shadow 100ms ease, color 100ms ease;
  }

  .pc-chip:hover,
  .pc-pill:hover {
    transform: translateY(-1px);
    border-color: var(--pc-berry);
    box-shadow: 0 8px 20px rgba(176, 18, 91, 0.12);
    color: var(--pc-berry);
  }

  .pc-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
  }

  .pc-telemetry__section {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, var(--pc-telemetry), var(--pc-telemetry2));
    box-shadow: 0 18px 45px rgba(0,0,0,0.28);
    padding: var(--s-3);
  }

  .pc-telemetry__head {
    margin-bottom: var(--s-2);
  }

  .pc-telemetry__kicker {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255,255,255,0.65);
    font-size: 0.75rem;
  }

  .pc-telemetry__title {
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
  }

  .pc-telemetry__stack {
    display: grid;
    gap: 10px;
  }

  .pc-telemetry__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--pc-mono);
    color: var(--pc-teleText);
  }


  .pc-telemetry__row--total {
    border-top: 1px dashed var(--pc-border);
    padding-top: 10px;
  }

  .pc-gauge {
    position: relative;
    width: 100%;
    height: 180px;
    display: grid;
    place-items: center;
    margin-bottom: var(--s-2);
  }

  .pc-gauge__ring {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background:
      conic-gradient(
        from 180deg,
        var(--pc-berry) var(--pc-gauge, 0%),
        rgba(255,255,255,0.12) var(--pc-gauge, 0%)
      );
    mask: radial-gradient(circle at center, transparent 58%, #000 60%);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  }

  .pc-gauge__center {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    text-align: center;
  }

  .pc-gauge__value {
    font-family: var(--pc-mono);
    font-size: 1.3rem;
    color: #fff;
  }

  .pc-suggestion {
    margin-top: var(--s-2);
    padding: var(--s-2);
    border-radius: var(--radius-sm);
    border: 1px dashed rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.05);
    display: grid;
    gap: var(--s-2);
  }

  .pc-suggestion__text {
    color: var(--pc-teleText);
  }

  .pc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.55rem 1rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--pc-border);
    background: var(--pc-surface2);
    color: var(--pc-ink);
    cursor: pointer;
  }

  .pc-btn--ghost:hover {
    border-color: var(--pc-accent);
  }

  .pc-warnings {
    display: grid;
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .pc-warning {
    padding: 0.85rem 0.9rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
    color: #ffd166;
  }

  .pc-warning--ok {
    color: #a2f59f;
    border-color: rgba(162, 245, 159, 0.35);
    background: rgba(162, 245, 159, 0.08);
  }

  .pc-actions {
    display: grid;
    gap: var(--s-2);
  }

  .pc-run {
    width: 100%;
    border: 1px solid var(--pc-berry);
    background: linear-gradient(120deg, rgba(176, 18, 91, 0.24), rgba(123, 11, 59, 0.18));
    color: #fff;
    padding: var(--s-3);
    border-radius: var(--radius-md);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 16px 40px rgba(0,0,0,0.26), 0 0 0 1px rgba(176, 18, 91, 0.26);
    cursor: pointer;
    transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
  }

  .pc-run:hover {
    transform: translateY(-1px);
    filter: saturate(1.03);
    box-shadow: 0 20px 50px rgba(0,0,0,0.34), 0 0 0 1px rgba(176, 18, 91, 0.32);
  }

  .pc-run:disabled {
    opacity: 0.65;
    cursor: not-allowed;
  }

  .pc-run__meta {
    display: block;
    margin-top: 6px;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.82);
  }

  .pc-link {
    color: var(--pc-ink2);
    font-weight: 700;
  }

  .pc-runStatus {
    min-height: 18px;
    color: rgba(255,255,255,0.85);
  }

  .pc-launchConsole {
    font-family: var(--pc-mono);
    color: var(--pc-accent);
    font-size: 0.95rem;
    min-height: 16px;
  }

  .pc-note {
    display: flex;
    align-items: center;
    gap: var(--s-2);
  color: var(--pc-ink2);
  }

  .pc-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
  background: var(--pc-surface2);
  border: 1px solid var(--pc-border);
  color: var(--pc-ink);
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
  }

  @media (max-width: 960px) {
    .pc-missionHead {
      grid-template-columns: 1fr;
    }
    .pc-statusStrip {
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
    .pc-layout {
      grid-template-columns: 1fr;
    }
    .pc-telemetry {
      position: static;
    }
    .pc-run {
      width: 100%;
    }
    .pc-guardrailsGrid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 640px) {
    .pc-cockpit {
      padding: var(--s-3);
    }
    .pc-panel__head {
      flex-direction: column;
      align-items: flex-start;
    }
    .pc-chipRow {
      justify-content: flex-start;
    }
    .pc-guardrailsGrid {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .pc-run,
    .pc-chip,
    .pc-pill,
    .pc-control,
    .pc-step,
    .pc-telemetry__section {
      transition: none;
    }
    .pc-led { animation: none; }
  }
  /* PLACES THEME: CREAM+INK END */

  /* ========================================
     PLACES RESULTS (PR-COCKPIT) — MISSION CONTROL STYLE
     ======================================== */

  .pr-cockpit {
    /* Inherits all pc-cockpit variables and base styles */
  }

  /* Mission Head (Overview + Running + Done pages) */
  .pr-missionHead {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: var(--s-3);
    align-items: center;
    padding: var(--s-3) var(--s-3) var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, rgba(255,248,240,0.94), rgba(255,248,240,0.82));
    box-shadow: 0 18px 48px rgba(18,24,38,0.12);
    position: relative;
    z-index: 1;
    margin-bottom: var(--s-4);
  }

  .pr-missionHead__titles {
    min-width: 0;
  }

  .pr-missionHead__status {
    display: flex;
    gap: var(--s-2);
    align-items: center;
  }

  .pr-missionHead__actions {
    display: flex;
    gap: var(--s-2);
    align-items: center;
  }

  /* Status Pill */
  .pr-statusPill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0.5rem 1rem;
    border-radius: 999px;
    border: 1px solid var(--pc-border);
    background: linear-gradient(180deg, rgba(255,248,240,0.96), rgba(243,231,221,0.92));
    color: var(--pc-ink);
    font-weight: 700;
    font-size: 0.9rem;
  }

  .pr-statusPill__led {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f3b572;
    box-shadow: 0 0 0 2px rgba(243,181,114,0.2);
    animation: pr-pulse 2s ease-in-out infinite;
  }

  .pr-statusPill--success .pr-statusPill__led {
    background: #3bd671;
    box-shadow: 0 0 0 2px rgba(59,214,113,0.2);
  }

  @keyframes pr-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
  }

  /* Dropdown */
  .pr-dropdown {
    position: relative;
    display: inline-block;
  }

  .pr-dropdownBtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.55rem 1rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--pc-border);
    background: var(--pc-surface2);
    color: var(--pc-ink);
    cursor: pointer;
    font-weight: 600;
    transition: border-color 120ms ease, box-shadow 120ms ease;
  }

  .pr-dropdownBtn:hover {
    border-color: var(--pc-berry);
    box-shadow: 0 4px 12px rgba(176,18,91,0.12);
  }

  .pr-dropdownMenu {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 0.5rem;
    min-width: 380px;
    max-height: 400px;
    overflow-y: auto;
    background: var(--pc-surface);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 16px 40px rgba(18,24,38,0.18);
    z-index: 100;
  }

  .pr-dropdownHead {
    padding: var(--s-2) var(--s-3);
    border-bottom: 1px solid var(--pc-border);
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--pc-ink);
  }

  .pr-dropdownItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-2);
    padding: var(--s-2) var(--s-3);
    border-bottom: 1px solid rgba(231,211,200,0.4);
    text-decoration: none;
    color: inherit;
    transition: background 120ms ease;
  }

  .pr-dropdownItem:hover {
    background: rgba(176,18,91,0.04);
  }

  .pr-dropdownItem__main {
    min-width: 0;
    flex: 1;
  }

  .pr-dropdownItem__title {
    font-weight: 700;
    font-size: 0.85rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pr-dropdownItem__meta {
    font-size: 0.75rem;
    color: var(--pc-muted);
    margin-top: 0.25rem;
  }

  /* Pill Badge */
  .pr-pill {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
  }

  .pr-pill--success {
    background: rgba(59,214,113,0.12);
    color: #2a8a4e;
    border: 1px solid rgba(59,214,113,0.3);
  }

  .pr-pill--warning {
    background: rgba(243,181,114,0.12);
    color: #b8763d;
    border: 1px solid rgba(243,181,114,0.3);
  }

  .pr-pill--danger {
    background: rgba(212,74,122,0.12);
    color: #a03258;
    border: 1px solid rgba(212,74,122,0.3);
  }

  /* Buttons */
  .pr-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.55rem 1rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--pc-border);
    background: var(--pc-surface2);
    color: var(--pc-ink);
    font-weight: 600;
    cursor: pointer;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 100ms ease;
    text-decoration: none;
  }

  .pr-btn:hover {
    border-color: var(--pc-berry);
    box-shadow: 0 4px 12px rgba(176,18,91,0.12);
    transform: translateY(-1px);
  }

  .pr-btn--primary {
    background: linear-gradient(120deg, rgba(176,18,91,0.88), rgba(123,11,59,0.84));
    border-color: var(--pc-berry);
    color: #fff;
  }

  .pr-btn--primary:hover {
    box-shadow: 0 8px 20px rgba(176,18,91,0.24);
  }

  .pr-btn--ghost {
    background: transparent;
  }

  /* KPI Strip (Overview Dashboard) */
  .pr-kpiStrip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--s-3);
    margin-bottom: var(--s-4);
    position: relative;
    z-index: 1;
  }

  .pr-kpi {
    display: flex;
    gap: var(--s-3);
    align-items: center;
    padding: var(--s-3);
    background: var(--pc-surface);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 8px 20px rgba(26,19,32,0.08);
  }

  .pr-kpi__icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-sm);
    font-size: 1.3rem;
    flex-shrink: 0;
  }

  .pr-kpi__body {
    min-width: 0;
    flex: 1;
  }

  .pr-kpi__label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pc-muted);
    margin-bottom: 4px;
  }

  .pr-kpi__value {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--pc-ink);
    line-height: 1;
  }

  .pr-kpi__note {
    font-size: 0.7rem;
    color: var(--pc-ink2);
    margin-top: 4px;
  }

  /* Panel */
  .pr-panel {
    background: var(--pc-surface);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-md);
    box-shadow: 0 16px 34px rgba(26,19,32,0.12);
    overflow: hidden;
    margin-bottom: var(--s-3);
    position: relative;
    z-index: 1;
  }

  .pr-panel--error {
    border-color: rgba(212,74,122,0.4);
    border-left-width: 4px;
  }

  .pr-panel--empty {
    background: linear-gradient(180deg, rgba(255,248,240,0.9), rgba(243,231,221,0.85));
    border-style: dashed;
  }

  .pr-panel__head {
    padding: var(--s-3);
    border-bottom: 1px solid var(--pc-border);
    background: linear-gradient(90deg, rgba(176,18,91,0.14), rgba(255,255,255,0.08));
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--s-2);
  }

  .pr-panel__body {
    padding: var(--s-3);
  }

  .pr-panel__body--table {
    padding: 0;
  }

  .pr-panel__body--logs {
    padding: 0;
    background: #0b0b0e;
  }

  /* Empty State */
  .pr-empty {
    text-align: center;
    padding: var(--s-6);
    color: var(--pc-muted);
  }

  .pr-empty i {
    font-size: 3rem;
    color: var(--pc-berry);
    opacity: 0.4;
    margin-bottom: var(--s-3);
  }

  .pr-empty p {
    font-size: 1.1rem;
    margin-bottom: var(--s-3);
  }

  .pr-empty--compact {
    padding: var(--s-4);
  }

  .pr-empty--compact i {
    font-size: 2rem;
  }

  .pr-empty--compact p {
    font-size: 1rem;
    margin-bottom: 0;
  }

  /* Table */
  .pr-tableWrap {
    overflow-x: auto;
  }

  .pr-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
  }

  .pr-table thead {
    background: linear-gradient(90deg, rgba(176,18,91,0.12), rgba(255,255,255,0.06));
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .pr-table th {
    padding: var(--s-2) var(--s-3);
    text-align: left;
    font-weight: 700;
    color: var(--pc-ink);
    border-bottom: 2px solid var(--pc-border);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }

  .pr-table td {
    padding: var(--s-2) var(--s-3);
    border-bottom: 1px solid rgba(231,211,200,0.4);
    color: var(--pc-ink);
  }

  .pr-table tbody tr {
    transition: background 100ms ease;
  }

  .pr-table tbody tr:hover {
    background: rgba(176,18,91,0.03);
  }

  .pr-table__row--clickable {
    cursor: pointer;
  }

  .pr-table__row--clickable:hover {
    background: rgba(176,18,91,0.06);
  }

  .pr-code {
    font-family: var(--pc-mono);
    font-size: 0.85em;
    padding: 0.2rem 0.4rem;
    background: rgba(26,19,32,0.08);
    border-radius: 4px;
    color: var(--pc-berry);
  }

  .pr-badge {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .pr-badge--success {
    background: rgba(59,214,113,0.12);
    color: #2a8a4e;
    border: 1px solid rgba(59,214,113,0.3);
  }

  .pr-badge--warning {
    background: rgba(243,181,114,0.12);
    color: #b8763d;
    border: 1px solid rgba(243,181,114,0.3);
  }

  .pr-badge--danger {
    background: rgba(212,74,122,0.12);
    color: #a03258;
    border: 1px solid rgba(212,74,122,0.3);
  }

  /* Layout (2-column for Running/Done states) */
  .pr-layout {
    display: grid;
    grid-template-columns: 1.1fr 0.55fr;
    gap: clamp(var(--s-3), 3vw, var(--s-4));
    position: relative;
    z-index: 1;
  }

  .pr-layout--focus {
    grid-template-columns: 1fr;
  }

  .pr-layout--focus > .pr-colSide {
    display: none;
  }

  .pc-layout--single {
    grid-template-columns: 1fr;
  }

  .pc-layout--single .pc-colSide {
    display: none;
  }

  .pr-colMain {
    display: grid;
    gap: var(--s-3);
    align-content: start;
  }

  .pr-colSide {
    position: relative;
  }

  /* Progress UI (Running State) */
  .pr-phaseStrip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--s-2);
    margin-bottom: var(--s-3);
  }

  .pr-phase {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: var(--s-2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    background: linear-gradient(120deg, rgba(255,248,240,0.9), rgba(255,248,240,0.8));
  }

  .pr-phase__led {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(74,59,78,0.3);
    border: 2px solid var(--pc-border);
    flex-shrink: 0;
    transition: background 200ms ease, box-shadow 200ms ease;
  }

  .pr-phase__led--pending {
    background: rgba(74,59,78,0.2);
  }

  .pr-phase__led--active {
    background: #f3b572;
    box-shadow: 0 0 0 3px rgba(243,181,114,0.2);
    animation: pr-pulse 2s ease-in-out infinite;
  }

  .pr-phase__led--done {
    background: #3bd671;
    box-shadow: 0 0 0 3px rgba(59,214,113,0.15);
  }

  .pr-phase__label {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--pc-ink);
  }

  /* Progress Bar */
  .pr-progressWrap {
    margin-bottom: var(--s-3);
  }

  .pr-progressHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
  }

  .pr-progressHead__label {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--pc-ink);
  }

  .pr-progressHead__value {
    font-family: var(--pc-mono);
    font-size: 0.9rem;
    color: var(--pc-berry);
    font-weight: 700;
  }

  .pr-progressBar {
    height: 12px;
    background: rgba(26,19,32,0.1);
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(26,19,32,0.12);
  }

  .pr-progressBar__fill {
    height: 100%;
    background: linear-gradient(90deg, rgba(176,18,91,0.9), rgba(123,11,59,1));
    box-shadow: 0 0 12px rgba(176,18,91,0.4);
    transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 999px;
  }

  /* Stats Grid */
  .pr-statsGrid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: var(--s-2);
  }

  .pr-stat {
    padding: var(--s-2);
    background: rgba(243,231,221,0.5);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    text-align: center;
  }

  .pr-stat__label {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pc-muted);
    margin-bottom: 6px;
  }

  .pr-stat__value {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--pc-ink);
    font-family: var(--pc-mono);
  }

  /* Live Logs Terminal */
  .pr-logControls {
    display: flex;
    gap: 8px;
  }

  .pr-logBtn {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.7);
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
  }

  .pr-logBtn:hover {
    background: rgba(255,255,255,0.14);
    color: #fff;
  }

  .pr-logsTerminal {
    font-family: var(--pc-mono);
    font-size: 0.8rem;
    line-height: 1.6;
    padding: var(--s-3);
    max-height: 380px;
    overflow-y: auto;
    background: #0b0b0e;
    color: rgba(251,250,247,0.9);
    position: relative;
  }

  .pr-logsTerminal::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px, transparent 1px, transparent 2px);
    pointer-events: none;
    opacity: 0.4;
  }

  .pr-logLine {
    margin-bottom: 4px;
    color: rgba(251,250,247,0.88);
  }

  .pr-logLine--muted {
    color: rgba(251,250,247,0.5);
  }

  .pr-logLine--error {
    color: #ff6b6b;
  }

  .pr-logLine--warning {
    color: #ffd166;
  }

  .pr-logLine--success {
    color: #a2f59f;
  }

  .pr-logTime {
    color: rgba(176,18,91,0.7);
    margin-right: 8px;
  }

  /* Telemetry Sidebar */
  .pr-telemetry {
    position: sticky;
    top: var(--s-4);
    display: grid;
    gap: var(--s-3);
  }

  .pr-telemetrySection {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, var(--pc-telemetry), var(--pc-telemetry2));
    box-shadow: 0 18px 45px rgba(0,0,0,0.28);
    padding: var(--s-3);
  }

  .pr-telemetryHead {
    margin-bottom: var(--s-2);
  }

  .pr-telemetryStack {
    display: grid;
    gap: 10px;
  }

  .pr-telemetryRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--pc-mono);
    color: var(--pc-teleText);
    font-size: 0.85rem;
  }

  .pr-telemetryRow span {
    color: var(--pc-teleMuted);
  }

  .pr-telemetryRow strong {
    color: #fff;
    font-weight: 700;
  }

  /* Gauge */
  .pr-gauge {
    position: relative;
    width: 100%;
    height: 180px;
    display: grid;
    place-items: center;
    margin-bottom: var(--s-2);
    --pr-gauge-fill: 0%;
  }

  .pr-gauge__ring {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background:
      conic-gradient(
        from 180deg,
        var(--pc-berry) var(--pr-gauge-fill),
        rgba(255,255,255,0.12) var(--pr-gauge-fill)
      );
    mask: radial-gradient(circle at center, transparent 58%, #000 60%);
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    transition: background 300ms ease;
  }

  .pr-gauge__center {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
  }

  .pr-gauge__value {
    font-family: var(--pc-mono);
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
  }

  /* Summary Strip (Done State) */
  .pr-summaryStrip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: var(--s-3);
    margin-bottom: var(--s-3);
  }

  .pr-summaryKpi {
    padding: var(--s-2) var(--s-3);
    background: var(--pc-surface2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
    text-align: center;
  }

  .pr-summaryKpi--highlight {
    background: linear-gradient(135deg, rgba(176,18,91,0.12), rgba(123,11,59,0.08));
    border-color: rgba(176,18,91,0.3);
  }

  .pr-summaryKpi__label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pc-muted);
    margin-bottom: 6px;
  }

  .pr-summaryKpi__value {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--pc-ink);
  }

  .pr-summaryKpi--highlight .pr-summaryKpi__value {
    color: var(--pc-berry);
  }

  /* Filter Bar */
  .pr-filterBar {
    margin-bottom: var(--s-3);
    padding: var(--s-2) var(--s-3);
    background: var(--pc-surface2);
    border: 1px solid var(--pc-border);
    border-radius: var(--radius-sm);
  }

  .pr-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }

  .pr-checkbox input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
  }

  .pr-checkbox__fake {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid var(--pc-border);
    background: var(--pc-surface);
    position: relative;
    flex-shrink: 0;
    transition: background 120ms ease, border-color 120ms ease;
  }

  .pr-checkbox input:checked + .pr-checkbox__fake {
    background: var(--pc-berry);
    border-color: var(--pc-berry);
  }

  .pr-checkbox input:checked + .pr-checkbox__fake::after {
    content: "";
    position: absolute;
    inset: 4px;
    background: #fff;
    border-radius: 2px;
  }

  .pr-checkbox__label {
    font-weight: 600;
    color: var(--pc-ink);
  }

  /* Links */
  .pr-link {
    color: var(--pc-berry);
    text-decoration: none;
    border-bottom: 1px solid rgba(176,18,91,0.3);
    transition: border-color 120ms ease;
  }

  .pr-link:hover {
    border-color: var(--pc-berry);
  }

  /* Email Badge */
  .pr-emailBadge {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    background: rgba(176,18,91,0.12);
    color: var(--pc-berry);
    font-size: 0.75rem;
    font-weight: 700;
  }

  /* Small Buttons */
  .pr-btnSmall {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--pc-border);
    background: var(--pc-surface2);
    color: var(--pc-ink);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: border-color 100ms ease, box-shadow 100ms ease, transform 100ms ease;
  }

  .pr-btnSmall:hover {
    border-color: var(--pc-berry);
    box-shadow: 0 4px 12px rgba(176,18,91,0.12);
    transform: translateY(-1px);
  }

  .pr-btnSmall--primary {
    background: linear-gradient(120deg, rgba(176,18,91,0.88), rgba(123,11,59,0.84));
    border-color: var(--pc-berry);
    color: #fff;
  }

  .pr-btnSmall--primary:hover {
    box-shadow: 0 6px 16px rgba(176,18,91,0.24);
  }

  .pr-btnSmall--disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .pr-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--s-2);
  }

  .pr-pagination__info {
    padding: 0.5rem 1rem;
    color: var(--pc-muted);
  }

  .pc-link {
    color: var(--pc-berry);
    text-decoration: none;
    font-weight: 600;
  }

  .pc-link:hover {
    text-decoration: underline;
  }

  .pc-btn--primary {
    background: var(--pc-berry);
    color: #fff;
    border-color: var(--pc-berry);
  }

  .pc-btn--primary:hover {
    background: var(--pc-berry2);
    border-color: var(--pc-berry2);
  }

  .pc-field--full {
    grid-column: 1 / -1;
  }

  .pc-panel__body--table {
    padding: 0;
  }

  .pr-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
  }

  .pr-badge--muted {
    background: rgba(74, 59, 78, 0.12);
    color: var(--pc-ink2);
  }

  .pr-badge--warning {
    background: rgba(243, 181, 114, 0.18);
    color: #c97a1f;
  }

  .pr-badge--info {
    background: rgba(59, 130, 246, 0.18);
    color: #1e40af;
  }

  .pr-badge--success {
    background: rgba(59, 214, 113, 0.18);
    color: #15803d;
  }

  .pr-badge--danger {
    background: rgba(212, 74, 122, 0.18);
    color: #9f1239;
  }

  .pr-pill--sm {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }

  .pr-code {
    font-family: var(--pc-mono);
    font-size: 0.85rem;
    color: var(--pc-berry);
  }

  /* Add Form */
  .pr-addForm {
    display: inline;
  }

  /* Responsive */
  @media (max-width: 960px) {
    .pr-missionHead {
      grid-template-columns: 1fr;
    }

    .pr-missionHead__actions {
      justify-content: flex-start;
    }

    .pr-layout {
      grid-template-columns: 1fr;
    }

    .pr-telemetry {
      position: static;
    }

    .pr-kpiStrip {
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
  }

  @media (max-width: 640px) {
    .pr-phaseStrip {
      grid-template-columns: 1fr;
    }

    .pr-statsGrid {
      grid-template-columns: repeat(2, 1fr);
    }

    .pr-summaryStrip {
      grid-template-columns: repeat(2, 1fr);
    }

    .pr-dropdownMenu {
      min-width: 280px;
      right: auto;
      left: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .pr-statusPill__led,
    .pr-phase__led--active {
      animation: none;
    }

    .pr-progressBar__fill,
    .pr-logLine,
    .pr-btn,
    .pr-btnSmall {
      transition: none;
    }

    .pr-gauge__ring {
      transition: none;
    }
  }

  /* PLACES RESULTS END */
}

.lbk-tile img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.lbk-triptych__big .lbk-tile__media{ min-height:520px; }
.lbk-triptych__stack .lbk-tile__media{ min-height:250px; }
.lbk-duo .lbk-tile__media{ min-height:220px; }
.lbk-row .lbk-tile__media{ min-height:320px; }
.lbk-masonry .lbk-tile__media{ min-height:260px; }
.lbk-tile.is-tall .lbk-tile__media{ min-height:360px; }
.lbk-tile.is-wide .lbk-tile__media{ min-height:280px; }
.lbk-tile.is-row .lbk-tile__media{ min-height:320px; }
.lbk-tile.is-big .lbk-tile__media{ min-height:520px; }

@media (max-width: 960px){
  .lbk{
    padding:56px 0 80px;
  }
  .lbk-triptych{
    grid-template-columns:1fr;
  }
  .lbk-triptych__big .lbk-tile__media{ min-height:420px; }
  .lbk-row{
    grid-template-columns:1fr;
  }
  .lbk-row--reverse .lbk-row__media{ order:1; }
  .lbk-row--reverse .lbk-row__copy{ order:2; }
}

@media (max-width: 640px){
  .lbk-section{
    margin-top:44px;
  }
  .lbk-sectionHead__title{
    font-size:22px;
  }
  .lbk-triptych__big .lbk-tile__media{ min-height:320px; }
  .lbk-tile__title{ font-size:18px; }
  .lbk-stickyNav{ top:-2px; }
}

/* Products Page */
.p-products{
  background:#fbfaf7;
  color:var(--clr-ink, #1f1a17);
  padding:72px 0 96px;
}
.p-products__hero{
  max-width:var(--max-wide, 1180px);
  margin:0 auto 12px;
  padding:0 var(--gutter, 20px);
}
.p-products__eyebrow{
  font-size:12px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(0,0,0,0.55);
}
.p-products__title{
  font-size:32px;
  font-weight:800;
  margin:6px 0 4px;
}
.p-products__subtitle{
  color:rgba(0,0,0,0.65);
  line-height:1.6;
}
.p-products__filters{
  position: relative;
  top:auto;
  z-index:1;
  margin:16px auto 24px;
  padding:0 var(--gutter, 20px);
}
.p-products__filtersInner{
  max-width:var(--max-wide, 1180px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
  column-gap:12px;
  row-gap:8px;
  padding:12px;
  background:rgba(255,255,255,0.72);
  border:1px solid rgba(0,0,0,0.06);
  border-radius:0;
  box-shadow:0 12px 30px rgba(0,0,0,0.05);
  backdrop-filter:blur(12px);
}
.p-products__filter{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:13px;
  color:rgba(0,0,0,0.65);
}
.p-products__filter select{
  width:100%;
  padding:8px 10px;
  border-radius:0;
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
}
.p-products__apply{
  justify-self:flex-end;
  align-self:center;
  padding:10px 16px;
  border-radius:0;
  border:1px solid rgba(215,96,128,0.25);
  background:#fff1f5;
  color:#9b2c59;
  cursor:pointer;
}
.p-products__grid{
  max-width:var(--max-wide, 1180px);
  margin:0 auto;
  padding:0 var(--gutter, 20px);
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:var(--s-3, 18px);
  row-gap:14px;
  position: relative;
  z-index: 1;
}
.p-products__card{
  position:relative;
  display:block;
  border-radius:0;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.06);
  background:#fffdfb;
  box-shadow:0 12px 28px rgba(0,0,0,0.05);
  color:inherit;
  text-decoration:none;
  transition:transform 160ms ease, box-shadow 200ms ease, border-color 160ms ease;
}
.p-products__card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(0,0,0,0.08);
  border-color:rgba(215,96,128,0.25);
}
.p-products__media{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  background:linear-gradient(135deg, #f8ebe6 0%, #f6dfe2 100%);
}
.p-products__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 200ms ease;
  border-radius:0;
}
.p-products__card:hover .p-products__media img{
  transform:scale(1.03);
}
.p-products__ph{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:rgba(255,255,255,0.8);
  font-weight:700;
  letter-spacing:0.24em;
}
.p-products__body{
  padding:14px 14px 34px;
}
.p-products__sku{
  font-weight:700;
  font-size:15px;
}
.p-products__title{
  font-size:13px;
  color:rgba(0,0,0,0.65);
  margin-top:2px;
}
.p-products__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.p-products__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:0;
  border:1px solid rgba(0,0,0,0.08);
  font-size:12px;
  background:rgba(0,0,0,0.02);
}
.p-products__chip--collection{
  background:#fff1f5;
  border-color:rgba(215,96,128,0.18);
  color:#3a2a26;
}
.p-products__chip--avail.is-in-stock{ background:rgba(52,199,89,0.10); color:#1b7f3c; border-color:rgba(52,199,89,0.16); }
.p-products__chip--avail.is-low{ background:rgba(243,181,114,0.14); color:#a55a07; border-color:rgba(243,181,114,0.18); }
.p-products__chip--avail.is-preorder{ background:rgba(215,96,128,0.12); color:#7c2b46; border-color:rgba(215,96,128,0.20); }
.p-products__chip--avail.is-unknown{ background:rgba(0,0,0,0.03); color:rgba(0,0,0,0.55); border-color:rgba(0,0,0,0.08); }
.p-products__sizes{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.p-products__size{
  padding:3px 7px;
  border-radius:0;
  border:1px solid rgba(0,0,0,0.06);
  font-size:11px;
  background:rgba(0,0,0,0.02);
}
.p-products__size--more{
  background:rgba(0,0,0,0.05);
}
.p-products__view{
  position:absolute;
  right:12px;
  bottom:12px;
  font-size:12px;
  color:rgba(0,0,0,0.4);
  transition:color 160ms ease, opacity 160ms ease, transform 160ms ease;
  opacity:0.45;
  transform:translateY(4px);
}
.p-products__card:hover .p-products__view{
  color:#9b2c59;
  opacity:1;
  transform:translateY(0);
}
.p-products__more{
  display:block;
  margin:18px auto 0;
  padding:12px 20px;
  border-radius:0;
  border:1px solid rgba(0,0,0,0.08);
  background:#fffdfb;
  cursor:pointer;
  color:#2f1f1a;
}
.p-products__more:disabled{
  opacity:0.5;
  cursor:not-allowed;
}
.p-products__sentinel{
  height:30px;
}

@media (max-width: 960px){
  .p-products__grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width: 640px){
  .p-products__grid{
    grid-template-columns:1fr;
  }
  .p-products__filtersInner{
    grid-template-columns:1fr 1fr;
  }
}

/* --- PDP Gallery tile height bump (+30px) --- */
.pdp-gallery .pdp-gTile{
  height: clamp(390px, 28vw, 550px); /* +30px */
}
@media (max-width: 980px){
  .pdp-gallery .pdp-gTile{
    height: clamp(350px, 44vw, 590px); /* +30px */
  }
}
@media (max-width: 560px){
  .pdp-gallery .pdp-gTile{
    height: clamp(390px, 56vh, 590px); /* +30px */
  }
}


/* Products Page — PDP cockpit overrides */
[data-products-cockpit].p-products{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #fbfaf7;
  background-image: none;
  border-top: 1px solid rgba(26, 19, 32, 0.12);
  overflow-x: clip;
  color: rgba(26, 19, 32, 0.9);
  padding: clamp(64px, 7vw, 96px) 0 clamp(96px, 8vw, 118px);
}
[data-products-cockpit].p-products::before{
  display: none;
}
[data-products-cockpit].p-products > *{
  position: relative;
  z-index: 1;
}
[data-products-cockpit] .p-products__hero{
  margin-bottom: 18px;
}
[data-products-cockpit] .p-products__eyebrow{
  color: rgba(26, 19, 32, 0.62);
  letter-spacing: 0.22em;
}
[data-products-cockpit] .p-products__hero .p-products__title{
  font-size: clamp(1.9rem, 3.4vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: rgba(26, 19, 32, 0.92);
  margin: 6px 0 6px;
}
[data-products-cockpit] .p-products__body .p-products__title{
  font-size: 13px;
  color: rgba(26, 19, 32, 0.74);
  line-height: 1.4;
  margin-top: 2px;
}
[data-products-cockpit] .p-products__subtitle{
  color: rgba(26, 19, 32, 0.7);
}

[data-products-cockpit] .p-products__filters{
  position: relative;
  top: auto;
  z-index: 3;
  margin: 16px auto 22px;
  padding: 0 var(--gutter, 20px);
}
[data-products-cockpit] .p-products__filtersInner{
  position: relative;
  overflow: hidden;
  padding: 18px 18px 16px;
  background: rgba(255,255,255,0.65);
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 0;
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
}
[data-products-cockpit] .p-products__filtersInner::before{
  display: none;
}
[data-products-cockpit] .p-products__filter{
  color: rgba(26, 19, 32, 0.78);
  font-weight: 520;
}
[data-products-cockpit] .p-products__filter{
  color: rgba(26, 19, 32, 0.78);
  font-weight: 520;
}
[data-products-cockpit] .p-products__filter > span{
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.62);
}
[data-products-cockpit] .p-products__filter select{
  border: 1px solid rgba(0,0,0,0.14);
  background: #fff;
  color: rgba(0,0,0,0.80);
  border-radius: 0;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  outline: none;
  font-size: 14px;
}
[data-products-cockpit] .p-products__filter select:focus{
  border-color: rgba(0,0,0,0.30);
  box-shadow: 0 0 0 3px rgba(235,14,115,0.10);
}
[data-products-cockpit] .p-products__count{
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(26, 19, 32, 0.62);
}
[data-products-cockpit] .p-products__reset{
  justify-self: stretch;
  align-self: end;
  height: 40px;
  padding: 0 14px;
  border-radius: 0;
  border: 1px solid rgba(0,0,0,0.14);
  background: #fff;
  color: rgba(0,0,0,0.78);
  text-decoration: none;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: all 140ms ease;
  width: 100%;
  margin-top: 20px;
}
[data-products-cockpit] .p-products__reset:hover,
[data-products-cockpit] .p-products__reset:focus-visible{
  border-color: rgba(0,0,0,0.22);
  color: rgba(0,0,0,0.85);
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
  outline: none;
}
[data-products-cockpit] .p-products__reset:focus-visible{
  outline: 2px solid rgba(235, 14, 115, 0.3);
  outline-offset: 3px;
}

@media (max-width: 980px){
  [data-products-cockpit].p-products .p-products__filtersInner{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-products-cockpit].p-products .p-products__reset{
    grid-column: 1 / -1;
    margin-top: 0;
    width: 100%;
  }
}
@media (max-width: 560px){
  [data-products-cockpit].p-products .p-products__filtersInner{
    grid-template-columns: 1fr;
  }
  [data-products-cockpit].p-products .p-products__filter select,
  [data-products-cockpit].p-products .p-products__reset{
    height: 44px;
    margin-top: 0;
  }
}

[data-products-cockpit] .p-products__chipsRow,
[data-products-cockpit] .p-products__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
[data-products-cockpit] .p-products__chip{
  border: 1px solid rgba(26, 19, 32, 0.1);
  background: rgba(255, 248, 240, 0.9);
  color: rgba(26, 19, 32, 0.82);
  border-radius: 0;
}
[data-products-cockpit] .p-products__chip--collection{
  background: rgba(235, 14, 115, 0.08);
  border-color: rgba(235, 14, 115, 0.18);
  color: rgba(26, 19, 32, 0.86);
}
[data-products-cockpit] .p-products__size{
  border: 1px solid rgba(26, 19, 32, 0.08);
  background: rgba(255, 248, 240, 0.8);
  color: rgba(26, 19, 32, 0.82);
  border-radius: 0;
}
[data-products-cockpit] .p-products__size--more{
  background: rgba(235, 14, 115, 0.08);
  border-color: rgba(235, 14, 115, 0.18);
  color: rgba(26, 19, 32, 0.88);
}
[data-products-cockpit].p-products .p-products__sku,
[data-products-cockpit].p-products .p-products__title{
  font-family: "EB Garamond", Garamond, Georgia, serif !important;
  font-weight: 500;
  letter-spacing: 0;
}

[data-products-cockpit] .p-products__card{
  border: 1px solid rgba(26, 19, 32, 0.1);
  background: rgba(255, 248, 240, 0.88);
  box-shadow: 0 14px 32px rgba(26, 19, 32, 0.06);
  transition: transform 150ms ease, box-shadow 200ms ease, border-color 150ms ease;
  border-radius: 0;
}
[data-products-cockpit] .p-products__card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(26, 19, 32, 0.08);
  border-color: rgba(235, 14, 115, 0.22);
}
[data-products-cockpit] .p-products__media{
  background: linear-gradient(135deg, #f7eee7 0%, #f6e4ea 100%);
}
[data-products-cockpit] .p-products__title{
  letter-spacing: 0.01em;
}
[data-products-cockpit] .p-products__view{
  color: rgba(26, 19, 32, 0.5);
}
[data-products-cockpit] .p-products__card:hover .p-products__view{
  color: rgba(176, 18, 91, 0.95);
}

[data-products-cockpit] .p-products__more{
  padding: 12px 22px;
  border: 1px solid rgba(26, 19, 32, 0.12);
  background: rgba(255, 248, 240, 0.9);
  color: rgba(26, 19, 32, 0.88);
  font-weight: 650;
  transition: all 140ms ease;
}
[data-products-cockpit] .p-products__more:hover:not(:disabled),
[data-products-cockpit] .p-products__more:focus-visible:not(:disabled){
  border-color: rgba(235, 14, 115, 0.26);
  color: rgba(176, 18, 91, 0.95);
  box-shadow: 0 14px 30px rgba(235, 14, 115, 0.14);
  outline: none;
}
[data-products-cockpit] .p-products__more:focus-visible:not(:disabled){
  outline: 2px solid rgba(235, 14, 115, 0.3);
  outline-offset: 3px;
}
[data-products-cockpit] .p-products__more:disabled{
  opacity: 0.55;
}

@media (max-width: 960px){
  [data-products-cockpit].p-products{
    padding: 52px 0 88px;
  }
  [data-products-cockpit] .p-products__filtersInner{
    --pp-strip-h: 44px;
  }
}
@media (max-width: 640px){
  [data-products-cockpit] .p-products__filters{
    top: auto;
    margin: 12px auto 18px;
  }
  [data-products-cockpit] .p-products__filtersInner{
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
  }
  [data-products-cockpit] .p-products__filter select{
    height: 44px;
  }
  [data-products-cockpit] .p-products__reset{
    padding: 0 14px;
    font-size: 12px;
    height: 44px;
    margin-top: 0;
    width: 100%;
    justify-self: stretch;
  }
  [data-products-cockpit] .p-products__chip,
  [data-products-cockpit] .p-products__size{
    font-size: 11px;
  }
}

/* Admin Settings sub-tabs */
.adm-settings .adm-subtabs{
  display:flex;
  gap:8px;
  margin:0 0 16px;
  padding:6px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(26, 19, 32, 0.08);
  border-radius: 14px;
  box-shadow: 0 12px 24px rgba(26, 19, 32, 0.06);
  backdrop-filter: blur(6px);
}
.adm-settings .adm-subtab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid transparent;
  color: rgba(26, 19, 32, 0.78);
  text-decoration:none;
  font-weight:650;
  letter-spacing:0.01em;
  transition: all 140ms ease;
}
.adm-settings .adm-subtab:hover,
.adm-settings .adm-subtab:focus-visible{
  border-color: rgba(235, 14, 115, 0.24);
  color: rgba(176, 18, 91, 0.95);
  outline: none;
}
.adm-settings .adm-subtab.is-active{
  background: linear-gradient(135deg, rgba(235, 14, 115, 0.12), rgba(176, 18, 91, 0.08));
  border-color: rgba(235, 14, 115, 0.24);
  color: rgba(26, 19, 32, 0.92);
  box-shadow: 0 10px 20px rgba(235, 14, 115, 0.12);
}
.adm-settings__section.is-hidden{
  display:none;
}

/* Tickets & Contact cockpit pages (scoped to client/admin shells) */
.pg-contact[data-ui="cockpit"],
.theme-client .pg-tickets[data-ui="cockpit"],
.theme-client .pg-ticket-view[data-ui="cockpit"],
.theme-client .pg-ticket-new[data-ui="cockpit"],
.tab-tickets[data-ui="cockpit"]{
  background:
    radial-gradient(140% 90% at 12% 0%, rgba(176, 18, 91, 0.05), transparent 55%),
    radial-gradient(120% 80% at 85% 18%, rgba(235, 14, 115, 0.04), transparent 60%),
    linear-gradient(180deg, #f9f4ec, #f6eee4);
  padding: clamp(42px, 5vw, 64px) 0;
}
.pg-contact[data-ui="cockpit"] .pc-panel,
.theme-client .pg-tickets[data-ui="cockpit"] .pc-panel,
.theme-client .pg-ticket-view[data-ui="cockpit"] .pc-panel,
.theme-client .pg-ticket-new[data-ui="cockpit"] .pc-panel,
.tab-tickets[data-ui="cockpit"] .pc-panel{
  border: 1px solid rgba(26, 19, 32, 0.08);
  border-radius: 16px;
  background: rgba(255, 248, 240, 0.9);
  box-shadow: 0 16px 32px rgba(26, 19, 32, 0.06);
  backdrop-filter: blur(4px);
}
.pg-contact[data-ui="cockpit"] .pc-hero,
.theme-client .pg-tickets[data-ui="cockpit"] .pc-hero,
.theme-client .pg-ticket-view[data-ui="cockpit"] .pc-hero,
.theme-client .pg-ticket-new[data-ui="cockpit"] .pc-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  padding: 0 clamp(16px, 4vw, 24px);
  margin-bottom: 18px;
}
.pg-contact[data-ui="cockpit"] .pc-hero__body,
.pg-tickets[data-ui="cockpit"] .pc-hero__body{
  display:grid;
  gap:6px;
}
.pc-form__grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
}
.pc-form__full{ grid-column: 1 / -1; }
.pc-form__actions{
  margin-top: 12px;
  display:flex;
  gap:10px;
  align-items:center;
}
.c-captchaRow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
.c-captchaImg{
  height: 64px;
  border-radius: 12px;
  border: 1px solid rgba(26, 19, 32, 0.08);
  box-shadow: 0 8px 18px rgba(26, 19, 32, 0.06);
}

.ticket-list{
  display:grid;
  gap:12px;
}
.ticket-card{
  border:1px solid rgba(26,19,32,0.08);
  border-radius:14px;
  padding:14px;
  background: rgba(255,248,240,0.9);
  box-shadow:0 10px 22px rgba(26,19,32,0.06);
  display:grid;
  gap:8px;
}
.ticket-card__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.ticket-card__title{
  font-weight:700;
  color: rgba(26,19,32,0.92);
}
.ticket-card__meta{
  display:flex;
  gap:14px;
  color: rgba(26,19,32,0.65);
  font-size: 0.92rem;
}
.ticket-card__actions{
  display:flex;
  justify-content:flex-end;
}
.ticket-list__empty,
.ticket-thread__empty{
  color: rgba(26,19,32,0.65);
}

.ticket-thread{
  display:grid;
  gap:12px;
}
.ticket-msg{
  border:1px solid rgba(26,19,32,0.08);
  border-radius:12px;
  padding:12px;
  background: rgba(255,248,240,0.9);
  box-shadow:0 8px 18px rgba(26,19,32,0.05);
}
.ticket-msg__meta{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:6px;
  font-size:0.92rem;
  color: rgba(26,19,32,0.65);
}
.ticket-msg__author{
  font-weight:700;
  color: rgba(26,19,32,0.9);
}
.ticket-msg--admin{
  border-color: rgba(235,14,115,0.22);
  background: rgba(255,248,240,0.95);
}
.ticket-msg--client{
  border-color: rgba(26,19,32,0.12);
}
.ticket-msg--guest{
  border-style:dashed;
}

.a-pill--status{
  border:1px solid rgba(26,19,32,0.12);
  background: rgba(255,255,255,0.8);
}
.a-pill--status.a-pill--open{ background: rgba(52,199,89,0.12); border-color: rgba(52,199,89,0.2); color:#1b7f3c; }
.a-pill--status.a-pill--pending{ background: rgba(243,181,114,0.14); border-color: rgba(243,181,114,0.2); color:#a55a07; }
.a-pill--status.a-pill--closed{ background: rgba(26,19,32,0.06); border-color: rgba(26,19,32,0.12); color: rgba(26,19,32,0.7); }

@media (max-width: 720px){
  .pc-form__grid{ grid-template-columns:1fr; }
  .ticket-card__meta{ flex-direction:column; align-items:flex-start; }
  .pc-hero__actions{ display:flex; gap:10px; flex-wrap:wrap; }
}

/* FAQ Page */
.pg-faq[data-ui="cockpit"][data-faq]{
  background: var(--clr-bg);
  padding: 0 0 clamp(56px, 7vw, 88px);
}
.fq-hero{
  position: relative;
  padding: clamp(42px, 6vw, 72px) 0 6px;
}
.fq-hero::before{
  content:"";
  position:absolute; inset:0;
  background: none;
  pointer-events:none;
}

.fq-hero__inner,
.fq-body__inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}
.fq-hero__inner{
  display:grid;
  gap: 22px;
}
@media (min-width: 980px){
  .fq-hero__inner{ grid-template-columns: 1.25fr 0.75fr; align-items:start; }
  .fq-hero__tools{ position: sticky; top: 96px; }
}

.fq-kicker{
  margin:0 0 6px;
  font-family: var(--font-sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.60);
}
.fq-title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(34px, 4vw, 56px);
  letter-spacing:-.012em;
  color: var(--clr-ink);
}
.fq-lead{
  margin: 10px 0 0;
  font-family: var(--font-sans);
  line-height: 1.65;
  color: rgba(0,0,0,.70);
  max-width: 72ch;
}

.pg-faq[data-ui="cockpit"][data-faq] .a-btn{
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.pg-faq[data-ui="cockpit"][data-faq] .a-btn--primary{
  background: var(--clr-primary);
  border: 1px solid var(--clr-primary);
}
.pg-faq[data-ui="cockpit"][data-faq] .a-btn--primary:hover{
  filter: brightness(0.95);
  box-shadow: none;
  transform: none;
}
.pg-faq[data-ui="cockpit"][data-faq] .a-btn--ghost{
  background: transparent;
  border: 1px solid rgba(0,0,0,0.16);
}
.pg-faq[data-ui="cockpit"][data-faq] .a-btn--ghost:hover{
  border-color: rgba(235,14,115,0.55);
  color: var(--clr-primary);
}

.fq-search{ display:grid; gap:8px; }
.fq-search__label{
  font-family: var(--font-sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.58);
}
.fq-search__field{
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  padding: 8px 0;
}
.fq-search input{
  flex:1;
  border:0;
  background: transparent;
  font-family: var(--font-sans);
  font-size: 14px;
  color: rgba(0,0,0,.86);
  outline: none;
}
.fq-search__clear{
  border:0;
  background: transparent;
  font-size: 18px;
  line-height: 1;
  cursor:pointer;
  color: rgba(0,0,0,.55);
  padding: 6px;
}
.fq-search__meta{
  margin:0;
  font-family: var(--font-sans);
  font-size: 13px;
  color: rgba(0,0,0,.62);
}

.fq-nav{
  position: relative;
  display:grid;
  gap: 10px;
  padding-left: 14px;
  border-left: 1px solid rgba(0,0,0,0.10);
}
.fq-nav__link{
  font-family: var(--font-sans);
  font-size: 13px;
  color: rgba(0,0,0,.68);
  text-decoration:none;
  padding: 6px 0;
}
.fq-nav__link:hover{ color: rgba(0,0,0,.86); }
.fq-nav__link.is-active{ color: rgba(0,0,0,.92); }
.fq-nav__indicator{
  position:absolute;
  left:-1px;
  width:2px;
  height: 18px;
  background: var(--clr-primary);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(235,14,115,0.20);
  transition: transform 520ms cubic-bezier(.2,.9,.2,1), height 520ms cubic-bezier(.2,.9,.2,1);
}
@media (max-width: 979px){
  .fq-nav{
    display:flex;
    gap: 14px;
    padding: 10px 0 12px;
    border-left: 0;
    border-top: 1px solid rgba(0,0,0,0.10);
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .fq-nav__link{ white-space: nowrap; scroll-snap-align: start; }
  .fq-nav__indicator{ display:none; }
}

.fq-body{ padding-top: clamp(10px, 2vw, 18px); }
.fq-sec{
  padding: clamp(26px, 4vw, 44px) 0;
}
.fq-sec + .fq-sec{
  border-top: 1px solid rgba(0,0,0,0.07);
}
.fq-sec__head{ display:grid; gap:6px; margin-bottom: 10px; }
.fq-sec__kicker{
  margin:0;
  font-family: var(--font-sans);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.58);
}
.fq-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(22px, 2.4vw, 30px);
  color: var(--clr-ink);
}

.fq-list{ display:grid; }
.fq-item{
  border-bottom: 1px solid rgba(0,0,0,0.07);
  padding: 14px 0;
}
.fq-q{ margin:0; }
.fq-q__btn{
  width:100%;
  text-align:left;
  border:0;
  background: transparent;
  padding: 10px 34px 10px 0;
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(0,0,0,.88);
  cursor:pointer;
  position:relative;
}
.fq-q__btn:hover{ color: rgba(0,0,0,.98); }
.fq-q__btn:focus-visible{
  outline: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  text-decoration-color: rgba(235,14,115,0.55);
}
.fq-q__btn::after{
  content:"";
  position:absolute;
  right: 0;
  top: 50%;
  width: 11px;
  height: 11px;
  border-right: 1px solid rgba(0,0,0,0.38);
  border-bottom: 1px solid rgba(0,0,0,0.38);
  transform: translateY(-70%) rotate(45deg);
  transition: transform 320ms cubic-bezier(.2,.9,.2,1), border-color 220ms ease;
}
.fq-item.is-open .fq-q__btn{
  color: var(--clr-primary);
}
.fq-item.is-open .fq-q__btn::after{
  border-color: rgba(235,14,115,0.85);
  transform: translateY(-30%) rotate(-135deg);
}

.fq-a{
  overflow:hidden;
  height: 0;
  transition: height 360ms cubic-bezier(.2,.9,.2,1);
}
.fq-a[hidden]{ display:block; height:0; }
.fq-a__inner{
  padding: 2px 0 12px;
  max-width: 70ch;
  font-family: var(--font-sans);
  color: rgba(0,0,0,.70);
  line-height: 1.7;
}
.fq-item.is-open .fq-a__inner{
  border-left: 2px solid rgba(235,14,115,0.35);
  padding-left: 14px;
}
.fq-a__inner p{ margin: 8px 0 0; 
  font-size: 14px;
}

.fq-cta{
  margin-top: clamp(22px, 4vw, 44px);
  padding: clamp(34px, 5vw, 56px) 0;
  border-top: 1px solid rgba(0,0,0,0.10);
  background: transparent;
}
.fq-cta__inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  display:flex;
  justify-content:space-between;
  gap: 18px;
  flex-wrap:wrap;
}
.fq-cta__kicker{ margin:0 0 6px; font-family: var(--font-sans); letter-spacing:.16em; text-transform:uppercase; font-size:11px; color: rgba(0,0,0,.58); }
.fq-cta__title{ margin:0; font-family: var(--font-serif, "EB Garamond", serif); font-weight:600; font-size: clamp(22px, 2.6vw, 32px); color: var(--clr-ink); }
.fq-cta__lead{ margin: 8px 0 0; font-family: var(--font-sans); color: rgba(0,0,0,.70); line-height:1.65; max-width: 70ch; }
.fq-cta__actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

@media (min-width: 980px){
  .fq-sec{
    display: grid;
    grid-template-columns: 0.38fr 0.62fr;
    column-gap: 44px;
    align-items: start;
  }
  .fq-sec__head{ margin-bottom: 0; }
  .fq-list{ padding-top: 2px; }
}

/* About Page — editorial */
.pg-about[data-about]{
  background: var(--clr-bg, #fbfaf7);
  padding: 0 0 clamp(60px, 7vw, 90px);
}
.pg-about[data-about] .a-btn{
  border-radius: 0;
  box-shadow: none;
}
.pg-about[data-about] .a-btn--primary{
  background: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  color: #fff;
}
.pg-about[data-about] .a-btn--ghost{
  background: transparent;
  border: 1px solid rgba(0,0,0,0.18);
  color: rgba(0,0,0,0.82);
}
.ab-hero{
  padding: clamp(44px, 6vw, 72px) 0 12px;
  position: relative;
}
.ab-hero__inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  display:grid;
  gap: clamp(18px, 4vw, 28px);
}
@media (min-width: 1080px){
  .ab-hero__inner{
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
  }
}
.ab-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.62);
  margin:0;
}
.ab-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:500;
  font-size: 40px;
  letter-spacing:-.012em;
  margin: 0;
  color: var(--clr-ink, #1f1a17);
}
.ab-lead{
  font-size: 15px;
  font-family: var(--font-sans, Inter, sans-serif);
  line-height:1.65;
  color: rgba(0,0,0,.70);
  margin: 10px 0 0;
  max-width: 72ch;
}
.ab-hero__actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ab-hero__media{
  position: relative;
  overflow: hidden;
}
.ab-hero__media img{
  width: 100%;
  display: block;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.ab-hero__caption{
  margin: 8px 0 0;
  font-family: var(--font-sans);
  font-size: 12px;
  color: rgba(0,0,0,.6);
}
.ab-onpage{
  border-left: 1px solid rgba(0,0,0,0.08);
  padding-left: 14px;
  display:grid;
  gap:10px;
  position: sticky;
  top: 110px;
}
.ab-onpage__title{
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(0,0,0,.60);
}
.ab-nav{
  position: relative;
  display:grid;
  gap: 8px;
}
.ab-nav__link{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(0,0,0,.68);
  text-decoration: none;
  display:inline-flex;
  padding: 6px 0;
}
.ab-nav__link:hover{
  color: rgba(0,0,0,.86);
}
.ab-nav__link.is-active{
  color: rgba(0,0,0,.92);
}
.ab-nav__indicator{
  position:absolute;
  left: -1px;
  width: 2px;
  height: 22px;
  background: var(--clr-primary, #eb0e73);
  border-radius: 2px;
  transform: translateY(0);
  box-shadow: 0 0 8px rgba(235,14,115,0.18);
  transition: transform 520ms cubic-bezier(.2,.9,.2,1), height 200ms ease;
}
.ab-proof{
  border-top: 1px solid rgba(0,0,0,0.10);
  padding-top: 14px;
  display:grid;
  gap: 10px;
}
.ab-proof__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-family: var(--font-sans, Inter, sans-serif);
}
.ab-proof__label{
  font-size: 11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: rgba(0,0,0,.58);
}
.ab-proof__value{
  font-size: 13px;
  color: rgba(0,0,0,.84);
}
.ab-section{
  padding: clamp(34px, 5vw, 60px) 0;
}
.ab-section + .ab-section{
  border-top: 1px solid rgba(0,0,0,0.08);
}
.ab-section__inner{
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  display:grid;
  gap: 18px;
}
.ab-section--split .ab-section__inner{
  gap: clamp(18px, 3vw, 26px);
}
@media (min-width: 1040px){
  .ab-section--split .ab-section__inner{
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
    align-items: start;
  }
  .ab-section__inner--media{
    grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1fr);
  }
}
.ab-section__head{
  display:grid;
  gap:6px;
}
.ab-section__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.ab-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:500;
  font-size: 30px;
  color: var(--clr-ink, #1f1a17);
}
.ab-section__body{
  font-size: 14px;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.72);
  line-height:1.7;
  display:grid;
  gap: 12px;
}
.ab-principles{
  display:grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.ab-card{
  background: transparent;
  border: 0;
  padding: 0;
  display:grid;
  gap:4px;
}
.ab-card h3{
  margin:0;
  font-family: var(--font-sans);
  font-weight: 650;
  font-size: 15px;
  color: rgba(0,0,0,.9);
}
.ab-card p{
  margin:0;
  color: rgba(0,0,0,.68);
  line-height:1.6;
}
.ab-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 10px;
}
.ab-list--hairline li{
  padding: 6px 0;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.ab-list--hairline li:last-child{ border-bottom: none; }
.ab-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 8px;
}
.ab-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  display:inline-block;
  background: var(--clr-primary, #eb0e73);
  margin-right:8px;
  vertical-align: middle;
}
.ab-figure{
  margin: 0;
  display:grid;
  gap: 6px;
}
.ab-figure img{
  width: 100%;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.ab-figure figcaption{
  font-family: var(--font-sans);
  font-size: 12px;
  color: rgba(0,0,0,.62);
}
.ab-materials{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: clamp(32px, 5vw, 52px) 0;
}
.ab-materials__head{
  max-width: 900px;
  margin: 0 auto 14px;
  padding: 0 clamp(16px, 4vw, 24px);
  text-align: center;
}
.ab-materials__title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(26px, 3vw, 38px);
  color: var(--clr-ink);
}
.ab-materials__sub{
  margin: 8px auto 0;
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.6;
  color: rgba(0,0,0,.68);
  max-width: 70ch;
}
.ab-materials__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: 100%;
}
.ab-materials__tile{
  position: relative;
  display:block;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
}
.ab-materials__tile img{
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.ab-materials__mask{
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 62%);
}
.ab-materials__label{
  position:absolute;
  left: 18px;
  bottom: 14px;
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
}
.ab-quote{
  margin: 10px 0 0;
  padding-left: 12px;
  border-left: 2px solid rgba(235,14,115,0.32);
  font-family: var(--font-sans);
  color: rgba(0,0,0,.7);
  line-height: 1.6;
}
.ab-timeline{
  list-style:none;
  padding:0 0 0 16px;
  margin:0;
  position: relative;
  display:grid;
  gap: 10px;
}
.ab-timeline::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:1px;
  background: rgba(0,0,0,0.12);
}
.ab-timeline__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background: var(--clr-primary, #eb0e73);
  display:inline-block;
  margin-right:10px;
  vertical-align: middle;
  box-shadow: 0 0 10px rgba(235,14,115,0.18);
}
.ab-team{
  display:grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.ab-team__role{
  display:grid;
  gap:6px;
}
.ab-team__role h3{
  margin:0;
  font-family: var(--font-sans);
  font-weight: 650;
  font-size: 15px;
  color: rgba(0,0,0,.9);
}
.ab-team__role p{
  margin:0;
  color: rgba(0,0,0,.68);
  line-height:1.6;
}
@media (max-width: 980px){
  .ab-hero__inner,
  .ab-section__inner{
    grid-template-columns: 1fr;
  }
  .ab-onpage{
    position: static;
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(0,0,0,0.08);
    padding-top: 10px;
  }
  .ab-materials__grid{ grid-template-columns: 1fr; }
  .ab-materials__tile img{ aspect-ratio: 21 / 9; }
}
.ab-timeline{
  list-style:none;
  padding:0 0 0 16px;
  margin:0;
  position: relative;
  display:grid;
  gap: 10px;
}
.ab-timeline::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:1px;
  background: rgba(0,0,0,0.12);
}
.ab-timeline__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background: var(--clr-primary, #eb0e73);
  display:inline-block;
  margin-right:10px;
  vertical-align: middle;
  box-shadow: 0 0 10px rgba(235,14,115,0.18);
}
.ab-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ab-progress{
  max-width: 1120px;
  margin: 18px auto 0;
  padding: 0 clamp(16px, 4vw, 24px);
}
.ab-progress__bar{
  display:block;
  height: 1px;
  width: 0%;
  background: rgba(235,14,115,0.45);
  box-shadow: 0 0 14px rgba(235,14,115,0.18);
  transition: width 120ms linear;
}
.ab-cta{
  margin-top: clamp(26px, 4vw, 44px);
  padding: clamp(34px, 5vw, 56px) 0;
  background: transparent;
  border-top: 1px solid rgba(0,0,0,0.10);
}
.ab-cta__inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  display:flex;
  justify-content:space-between;
  gap: 18px;
  flex-wrap:wrap;
}
.ab-cta__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.ab-cta__title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(24px, 3vw, 34px);
  color: var(--clr-ink, #1f1a17);
}
.ab-cta__lead{
  margin: 6px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,0.7);
  line-height:1.6;
  max-width: 72ch;
}
.ab-cta__actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.pg-about[data-ui="cockpit"] .a-btn--primary{
  background: var(--clr-primary, #eb0e73);
  border: 1px solid var(--clr-primary, #eb0e73);
  color:#fff;
  border-radius: 0;
  box-shadow:none;
  transform:none;
  min-height:46px;
  padding: 0 34px;
}
.pg-about[data-ui="cockpit"] .a-btn--primary:hover{
  filter: brightness(0.95);
  transform:none;
  }
.pg-about[data-ui="cockpit"] .a-btn--ghost{
  background: transparent;
  border: 1px solid rgba(0,0,0,0.16);
  color: rgba(0,0,0,.86);
  border-radius: 0;
}
.pg-about[data-ui="cockpit"] .a-btn--ghost:hover{
  border-color: rgba(235,14,115,0.55);
  color: var(--clr-primary, #eb0e73);
}

/* Returns Page — editorial (clean cream background) */
.pg-returns[data-ui="cockpit"][data-returns]{
  background: var(--clr-bg, #fbfaf7);
  padding: 0 0 clamp(56px, 7vw, 88px);
}

.rt-hero{
  padding: clamp(42px, 6vw, 72px) 0 12px;
}

.rt-hero__inner,
.rt-body__inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}

.rt-kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.60);
}
.rt-title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(34px, 4vw, 56px);
  letter-spacing:-.012em;
  color: var(--clr-ink, #1f1a17);
}
.rt-lead{
  margin: 10px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  line-height: 1.65;
  color: rgba(0,0,0,.70);
  max-width: 72ch;
}

.rt-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.rt-body{ padding-top: clamp(10px, 2vw, 18px); }

.rt-sec{
  padding: clamp(26px, 4vw, 44px) 0;
}
.rt-sec + .rt-sec{
  border-top: 1px solid rgba(0,0,0,0.10);
}

.rt-sec__head{ display:grid; gap:6px; margin-bottom: 10px; }
.rt-sec__kicker{
  margin:0;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.58);
}
.rt-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(22px, 2.4vw, 30px);
  color: var(--clr-ink, #1f1a17);
}

.rt-prose{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height: 1.7;
  max-width: 78ch;
}
.rt-prose p{ margin: 0; }

.rt-cta{
  margin-top: clamp(22px, 4vw, 44px);
  padding: clamp(34px, 5vw, 56px) 0;
  border-top: 1px solid rgba(0,0,0,0.10);
  background: transparent;
}
.rt-cta__inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  display:flex;
  justify-content:space-between;
  gap: 18px;
  flex-wrap:wrap;
}
.rt-cta__kicker{ margin:0 0 6px; font-family: var(--font-sans, Inter, sans-serif); letter-spacing:.16em; text-transform:uppercase; font-size:11px; color: rgba(0,0,0,.58); }
.rt-cta__title{ margin:0; font-family: var(--font-serif, "EB Garamond", serif); font-weight:600; font-size: clamp(22px, 2.6vw, 32px); color: var(--clr-ink, #1f1a17); }
.rt-cta__lead{ margin: 8px 0 0; font-family: var(--font-sans, Inter, sans-serif); color: rgba(0,0,0,.70); line-height:1.65; max-width: 70ch; }
.rt-cta__actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

.pg-returns[data-ui="cockpit"][data-returns] .a-btn{
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.pg-returns[data-ui="cockpit"][data-returns] .a-btn--primary{
  background: var(--clr-primary, #eb0e73);
  border: 1px solid var(--clr-primary, #eb0e73);
  color: #fff;
  min-height: 46px;
  padding: 0 34px;
}
.pg-returns[data-ui="cockpit"][data-returns] .a-btn--primary:hover{ filter: brightness(0.95); }
.pg-returns[data-ui="cockpit"][data-returns] .a-btn--ghost{
  background: transparent;
  border: 1px solid rgba(0,0,0,0.16);
  color: rgba(0,0,0,.86);
}
.pg-returns[data-ui="cockpit"][data-returns] .a-btn--ghost:hover{
  border-color: rgba(235,14,115,0.55);
  color: var(--clr-primary, #eb0e73);
}

/* Privacy Page — editorial (clean cream background) */
.pg-privacy[data-ui="cockpit"][data-privacy]{
  background: var(--clr-bg, #fbfaf7);
  padding: 0 0 clamp(56px, 7vw, 88px);
}
.pv-hero{
  position: relative;
  padding: clamp(42px, 6vw, 72px) 0 12px;
}
.pv-hero::before{
  content:"";
  position:absolute; inset:0;
  background: none; /* no gradients */
  pointer-events:none;
}
.pv-hero__inner,
.pv-sec__inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}
.pv-hero__inner{
  display:grid;
  gap: 22px;
}
@media (min-width: 980px){
  .pv-hero__inner{ grid-template-columns: 1.25fr 0.75fr; align-items:start; }
  .pv-hero__tools{ position: sticky; top: 96px; }
}

.pv-kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.60);
}
.pv-title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(34px, 4vw, 56px);
  letter-spacing:-.012em;
  color: var(--clr-ink, #1f1a17);
}
.pv-lead{
  margin: 10px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  line-height: 1.65;
  color: rgba(0,0,0,.70);
  max-width: 78ch;
}
.pv-site{
  margin: 14px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.68);
  line-height: 1.6;
}
.pv-site__label{
  display:block;
  font-size: 11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: rgba(0,0,0,.55);
}
.pv-site__value{
  display:block;
  margin-top: 4px;
  font-size: 14px;
  color: rgba(0,0,0,.86);
}

.pv-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.pg-privacy[data-ui="cockpit"][data-privacy] .a-btn{
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.pg-privacy[data-ui="cockpit"][data-privacy] .a-btn--primary{
  background: var(--clr-primary, #eb0e73);
  border: 1px solid var(--clr-primary, #eb0e73);
  color: #fff;
}
.pg-privacy[data-ui="cockpit"][data-privacy] .a-btn--primary:hover{ filter: brightness(0.95); }
.pg-privacy[data-ui="cockpit"][data-privacy] .a-btn--ghost{
  background: transparent;
  border: 1px solid rgba(0,0,0,0.16);
  color: rgba(0,0,0,.86);
}
.pg-privacy[data-ui="cockpit"][data-privacy] .a-btn--ghost:hover{
  border-color: rgba(235,14,115,0.55);
  color: var(--clr-primary, #eb0e73);
}

.pv-nav{
  position: relative;
  display:grid;
  gap: 10px;
  padding-left: 14px;
  border-left: 1px solid rgba(0,0,0,0.10);
}
.pv-nav__link{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 13px;
  color: rgba(0,0,0,.68);
  text-decoration:none;
  padding: 6px 0;
}
.pv-nav__link:hover{ color: rgba(0,0,0,.86); }
.pv-nav__link.is-active{ color: rgba(0,0,0,.92); }
.pv-nav__indicator{
  position:absolute;
  left:-1px;
  width:2px;
  height: 18px;
  background: var(--clr-primary, #eb0e73);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(235,14,115,0.20);
  transition: transform 520ms cubic-bezier(.2,.9,.2,1), height 520ms cubic-bezier(.2,.9,.2,1);
}
@media (max-width: 979px){
  .pv-nav{
    display:flex;
    gap: 14px;
    padding: 10px 0 12px;
    border-left: 0;
    border-top: 1px solid rgba(0,0,0,0.10);
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .pv-nav__link{ white-space: nowrap; scroll-snap-align: start; }
  .pv-nav__indicator{ display:none; }
}

.pv-proof{
  margin-top: 16px;
  border-top: 1px solid rgba(0,0,0,0.10);
  padding-top: 14px;
  display:grid;
  gap: 10px;
}
.pv-proof__row{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.pv-proof__label{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: rgba(0,0,0,.55);
}
.pv-proof__value{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 13px;
  color: rgba(0,0,0,.82);
}

.pv-sec{
  padding: clamp(26px, 4vw, 44px) 0;
}
.pv-sec + .pv-sec{
  border-top: 1px solid rgba(0,0,0,0.10);
}
.pv-sec__head{ display:grid; gap:6px; margin-bottom: 10px; }
.pv-sec__kicker{
  margin:0;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.58);
}
.pv-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(22px, 2.4vw, 30px);
  color: var(--clr-ink, #1f1a17);
}
.pv-h3{
  margin: 18px 0 8px;
  font-family: var(--font-sans, Inter, sans-serif);
  font-weight: 650;
  font-size: 14px;
  color: rgba(0,0,0,.88);
}
.pv-prose{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height: 1.7;
  max-width: 84ch;
}
.pv-prose p{ margin: 0 0 10px; }
.pv-prose a{
  color: rgba(0,0,0,.86);
  text-decoration: none;
  border-bottom: 1px solid rgba(235,14,115,0.35);
}
.pv-prose a:hover{
  color: var(--clr-primary, #eb0e73);
  border-bottom-color: rgba(235,14,115,0.65);
}
.pv-ul{
  margin: 10px 0 0;
  padding-left: 18px;
}
.pv-ul li{ margin: 6px 0; }

.pv-cta{
  margin-top: clamp(22px, 4vw, 44px);
  padding: clamp(28px, 4vw, 40px) 0 0;
  border-top: 1px solid rgba(0,0,0,0.10);
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap:wrap;
}
.pv-cta__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size: 11px;
  color: rgba(0,0,0,.58);
}
.pv-cta__title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(20px, 2.3vw, 28px);
  color: var(--clr-ink, #1f1a17);
}
.pv-cta__lead{
  margin: 8px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height: 1.65;
  max-width: 70ch;
}
.pv-cta__actions{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }

/* Mission Page — editorial */
.pg-mission[data-mission]{
  background: var(--clr-bg, #fbfaf7);
  padding: 0 0 clamp(60px, 7vw, 90px);
}

.ms-hero{
  padding: clamp(42px, 6vw, 70px) 0 10px;
  position: relative;
}
.ms-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: none;
  pointer-events:none;
}

.ms-hero__inner,
.ms-section__inner,
.ms-cta__inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}

.ms-hero__inner{
  display:grid;
  gap: 22px;
}
@media (min-width: 980px){
  .ms-hero__inner{
    grid-template-columns: 1.25fr 0.75fr;
    align-items:start;
  }
  .ms-hero__aside{
    position: sticky;
    top: 96px;
  }
}

.ms-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.62);
  margin:0;
}
.ms-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(34px, 4vw, 56px);
  letter-spacing:-.012em;
  margin: 0;
  color: var(--clr-ink, #1f1a17);
}
.ms-lead{
  font-family: var(--font-sans, Inter, sans-serif);
  line-height:1.65;
  color: rgba(0,0,0,.70);
  margin: 8px 0 0;
  max-width: 72ch;
}
.ms-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* Nav */
.ms-nav{
  position: relative;
  display:grid;
  gap: 10px;
  padding-left: 14px;
  border-left: 1px solid rgba(0,0,0,0.10);
}
.ms-nav__link{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(0,0,0,.68);
  text-decoration: none;
  display:inline-flex;
  padding: 6px 0;
}
.ms-nav__link:hover{ color: rgba(0,0,0,.86); }
.ms-nav__link.is-active{ color: rgba(0,0,0,.92); }
.ms-nav__indicator{
  position:absolute;
  left: -1px;
  width: 2px;
  height: 22px;
  background: var(--clr-primary, #eb0e73);
  border-radius: 2px;
  transform: translateY(0);
  box-shadow: 0 0 10px rgba(235,14,115,0.20);
  transition: transform 520ms cubic-bezier(.2,.9,.2,1), height 200ms ease;
}

.ms-proof{
  border-top: 1px solid rgba(0,0,0,0.10);
  padding-top: 14px;
  display:grid;
  gap: 10px;
}
.ms-proof__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-family: var(--font-sans, Inter, sans-serif);
}
.ms-proof__label{
  font-size: 11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: rgba(0,0,0,.58);
}
.ms-proof__value{
  font-size: 13px;
  color: rgba(0,0,0,.84);
}

/* Sections */
.ms-section{
  padding: clamp(28px, 4vw, 44px) 0;
}
.ms-section + .ms-section{
  border-top: 1px solid rgba(0,0,0,0.10);
}
.ms-section__inner{
  display:grid;
  gap: 14px;
}
@media (min-width: 980px){
  .ms-section__inner{
    grid-template-columns: 0.52fr 1fr;
    gap: 32px;
  }
}
.ms-section__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.ms-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(22px, 2.4vw, 30px);
  color: var(--clr-ink, #1f1a17);
}
.ms-section__body{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height:1.7;
  display:grid;
  gap: 12px;
}

.ms-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 10px;
}
.ms-dot{
  width:8px;
  height:8px;
  border-radius: 99px;
  display:inline-block;
  background: var(--clr-primary, #eb0e73);
  margin-right: 10px;
  transform: translateY(-1px);
  box-shadow: 0 0 10px rgba(235,14,115,0.18);
}
.ms-list li strong{ color: rgba(0,0,0,.88); }

.ms-timeline{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 12px;
}
.ms-timeline li{
  position: relative;
  padding-left: 18px;
}
.ms-timeline__dot{
  position:absolute;
  left:0;
  top: 8px;
  width:8px;
  height:8px;
  border-radius: 99px;
  background: rgba(0,0,0,.22);
}

/* CTA */
.ms-cta{
  margin-top: clamp(22px, 4vw, 44px);
  padding: clamp(34px, 5vw, 56px) 0;
  border-top: 1px solid rgba(0,0,0,0.10);
  background: transparent;
}
.ms-cta__inner{
  display:flex;
  justify-content:space-between;
  gap: 18px;
  flex-wrap:wrap;
}
.ms-cta__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.ms-cta__title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(22px, 2.6vw, 32px);
  color: var(--clr-ink, #1f1a17);
}
.ms-cta__lead{
  margin: 8px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height:1.65;
  max-width: 70ch;
}
.ms-cta__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* ===== HOME: Premium Polish v2 ===== */
body.is-home{
  --home-max: var(--max-wide, 1180px);
}

/* Best Sellers rail */
body.is-home .home-bs{
  border-top: 1px solid rgba(11,11,14,0.06);
  border-bottom: 1px solid rgba(11,11,14,0.06);
  background: var(--clr-bg);
  padding: 48px;
}
body.is-home .home-bs__inner{
  max-width: var(--home-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
  display: grid;
  grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
  gap: clamp(18px, 4vw, 36px);
  align-items: start;
}
@media (max-width: 960px){
  body.is-home .home-bs__inner{
    grid-template-columns: 1fr;
  }
}
body.is-home .home-bs__copy{
  display:grid;
  gap: 10px;
}
body.is-home .home-bs__meta{
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(0,0,0,0.55);
}
body.is-home .home-bs__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: clamp(30px, 3vw, 42px);
  letter-spacing: -0.01em;
  font-weight: 400;
  color: var(--clr-ink);
}
body.is-home .home-bs__desc{
  color: rgba(0,0,0,0.70);
  line-height: 1.65;
  max-width: 42ch;
}
body.is-home .home-bs__btn{
  align-self: flex-start;
  min-height: 46px;
  padding: 0 26px;
  border-radius: var(--radius-sm);
  background: var(--clr-ink);
  color: #fff;
  border: 1px solid var(--clr-ink);
  box-shadow: 0 12px 24px rgba(0,0,0,0.08);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
body.is-home .home-bs__btn:hover{
  transform: translateY(-1px);
  filter: brightness(0.97);
  box-shadow: 0 16px 32px rgba(0,0,0,0.12);
}

body.is-home .home-bs__rail{
  position: relative;
  isolation: isolate;
  padding: 6px 0 20px;
}
body.is-home .home-bs__rail::before,
body.is-home .home-bs__rail::after{
  content:"";
  position:absolute;
  top: 0;
  bottom: 18px;
  width: 42px;
  pointer-events:none;
  z-index: 2;
  background: linear-gradient(90deg, var(--clr-bg), rgba(251,250,247,0));
}
body.is-home .home-bs__rail::after{
  right:0;
  left:auto;
  transform: scaleX(-1);
}
body.is-home .home-bs__rail::before{
  left:0;
}
body.is-home .home-bs__track{
  display:flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 4px 2px 12px;
  scrollbar-width: none;
}
body.is-home .home-bs__track::-webkit-scrollbar{ display:none; }
body.is-home .home-bs__track.is-dragging{
  cursor: grabbing;
  user-select: none;
  scroll-snap-type: none;
}

body.is-home .home-bs__item{
  flex: 0 0 230px;
  scroll-snap-align: start;
  border: 1px solid rgba(11,11,14,0.08);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0,0,0,0.04);
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
body.is-home .home-bs__item:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(0,0,0,0.08);
  border-color: rgba(235,14,115,0.18);
}
body.is-home .home-bs__img{
  position: relative;
  padding-top: 120%;
  background: #f5f1eb;
  overflow: hidden;
}
body.is-home .home-bs__img img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
}
body.is-home .home-bs__sku{
  padding: 12px 12px 14px;
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.58);
  border-top: 1px solid rgba(11,11,14,0.06);
}
body.is-home .home-bs__item:hover .home-bs__sku{
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.is-home .home-bs__progress{
  position: relative;
  height: 2px;
  margin: 4px 12px 0;
  background: rgba(11,11,14,0.06);
  overflow: hidden;
  border-radius: 99px;
}
body.is-home .home-bs__progress span{
  display:block;
  height: 100%;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: rgba(235,14,115,0.45);
  box-shadow: 0 0 10px rgba(235,14,115,0.25);
}

/* Wholesale apply banner */
body.is-home .home-apply{
  position: relative;
  border: 0;
  padding: 45px;
  background: #fbfaf7;
}
body.is-home .home-apply__inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 var(--gutter);
  display:grid;
  gap: 10px;
  text-align: center;
}
body.is-home .home-apply::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: none;
  opacity: 0;
}
body.is-home .home-apply__eyebrow{
  font-family: var(--font-sans);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.45);
  margin-bottom: 10px;
}
body.is-home .home-apply__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: clamp(26px, 2.6vw, 36px);
  font-weight: 400;
  margin: 0;
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--clr-ink);
}
body.is-home .home-apply__desc{
  font-family: var(--font-sans);
  color: rgba(0,0,0,0.62);
  max-width: 58ch;
  line-height: 1.65;
  font-size: 14px;
  margin: 10px auto 0;
}
body.is-home .home-apply__actions{
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  row-gap: 12px;
}
body.is-home .home-apply__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: var(--radius-sm);
  background: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  color: #fff;
  box-shadow: 0 10px 24px rgba(235,14,115,0.18);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
body.is-home .home-apply__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(235,14,115,0.22);
  filter: brightness(0.97);
}
body.is-home .home-apply__link{
  position: relative;
  display: inline-block;
  margin: 0;
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  color: rgba(0,0,0,0.55);
  text-decoration: none;
  padding-bottom: 3px;
  border: 0;
  background: none;
}
body.is-home .home-apply__link::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: rgba(235,14,115,0.85);
  transition: transform 240ms ease, opacity 240ms ease;
  opacity: 0.85;
}
body.is-home .home-apply__link:hover{
  color: rgba(0,0,0,0.80);
}
body.is-home .home-apply__link:hover::after{
  transform: scaleX(1);
}

body.is-home .c-collections--bleed .c-collections__kicker,
body.is-home .c-collections--bleed .c-collections__desc{
  color: rgba(0,0,0,0.65) !important;
}
body.is-home .c-collections__container{
  max-width: var(--home-max);
}

/* B2B split cards */
body.is-home .home-b2b-split{
  padding: clamp(48px, 6vw, 88px) 0;
}
body.is-home .home-b2b-split__grid{
  gap: clamp(18px, 3vw, 28px);
}
body.is-home .home-b2b-split__card{
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(11,11,14,0.08);
  border-radius: var(--radius-md);
  box-shadow: none;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  padding: clamp(14px, 2.4vw, 18px);
}
body.is-home .home-b2b-split__card:hover,
body.is-home .home-b2b-split__card.is-active{
  transform: translateY(-2px);
  border-color: rgba(235,14,115,0.16);
  box-shadow: 0 16px 28px rgba(0,0,0,0.08);
}
body.is-home .home-b2b-split__label{
  gap: 10px;
  font-weight: 600;
  color: rgba(0,0,0,0.82);
}
body.is-home .home-b2b-split__label i{
  color: rgba(0,0,0,0.65);
  font-size: 14px;
}
body.is-home .home-b2b-split__kicker{
  color: rgba(0,0,0,0.62);
  letter-spacing: 0.01em;
}
body.is-home .home-b2b-split__body{
  color: rgba(0,0,0,0.78);
}
body.is-home .home-b2b-split__list{
  gap: 8px;
  color: rgba(0,0,0,0.8);
}
body.is-home .home-b2b-split__list li{
  gap: 8px;
  font-size: 0.95rem;
  line-height: 1.55;
}
body.is-home .home-b2b-split__list i{
  color: rgba(235,14,115,0.7);
  font-size: 13px;
}
body.is-home .home-b2b-split__actions{
  gap: 10px;
}
body.is-home .home-b2b-btn{
  min-height: 42px;
  border-radius: 0;
  font-weight: 400;
}
body.is-home .home-b2b-btn--primary{
  background: #eb0e73;
  color: #fff;
  border: 1px solid #eb0e73;
  box-shadow: none;
  transition: filter 160ms ease;
}
body.is-home .home-b2b-btn--primary:hover{
  filter: brightness(0.95);
}
body.is-home .home-b2b-btn--secondary{
  background: transparent;
  border: none;
  color: rgba(0,0,0,0.78);
  padding: 0;
  border-radius: 6px;
}
body.is-home .home-b2b-btn--secondary:hover{
  color: var(--clr-primary);
}

/* Request Catalog Page */
.pg-requestCatalog[data-ui="cockpit"]{
  background: var(--clr-bg, #fbfaf7);
  padding: clamp(40px, 5vw, 64px) 0 clamp(52px, 6vw, 76px);
}
.pg-requestCatalog[data-ui="cockpit"] .pc-hero{
  padding: 0 clamp(16px, 4vw, 24px);
  margin: 0 auto 18px;
  max-width: 1080px;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-panel{
  border:0;
  border-radius:0;
  background: transparent;
  box-shadow:none;
  backdrop-filter: none;
  max-width:1080px;
  margin:0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  overflow: visible;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(26, 19, 32, 0.62);
}
.pg-requestCatalog[data-ui="cockpit"] .pc-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(30px, 3.2vw, 44px);
  letter-spacing: -0.012em;
  margin: 0 0 8px;
  color: var(--clr-ink, rgba(26, 19, 32, 0.92));
}
.pg-requestCatalog[data-ui="cockpit"] .pc-subtitle{
  max-width: 72ch;
  color: rgba(0,0,0,0.68);
  line-height: 1.6;
  font-family: var(--font-sans, Inter, sans-serif);
}
.pg-requestCatalog[data-ui="cockpit"] .pc-panel__head{
  padding: 0;
  margin: 10px 0 14px;
  border-bottom: 0;
  background: transparent;
  display: block;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-panel__kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(26, 19, 32, 0.60);
  margin: 0 0 6px;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-panel__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-size: 20px;
  font-weight: 600;
  color: var(--clr-ink, rgba(26, 19, 32, 0.88));
  margin: 0;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-panel__body{
  padding-top: 16px;
  display: grid;
  gap: 14px;
  background: transparent;
  border-top: 1px solid rgba(0,0,0,0.10);
}
.pg-requestCatalog[data-ui="cockpit"] .pc-form__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-form__actions .a-btn--primary{
  background: var(--clr-primary, #eb0e73);
  border: 1px solid var(--clr-primary, #eb0e73);
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  min-height: 46px;
  padding: 0 34px;
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 14px;
  font-weight: 500;
}
.pg-requestCatalog[data-ui="cockpit"] .pc-form__actions .a-btn--primary:hover{
  filter: brightness(0.95);
}
.pg-requestCatalog[data-ui="cockpit"] .pc-form__actions .a-btn--primary:focus-visible{
  outline: 2px solid rgba(235,14,115,0.35);
  outline-offset: 2px;
}
.pg-requestCatalog[data-ui="cockpit"] .c-captchaImg{
  box-shadow: none;
  border: 1px solid rgba(0,0,0,0.10);
}
.pg-requestCatalog[data-ui="cockpit"] .a-alert{
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  padding-left: clamp(16px, 4vw, 24px);
  padding-right: clamp(16px, 4vw, 24px);
}

/* Contact page – editorial (no box), boxed width */
.pg-contact[data-ui="cockpit"]{
  background: var(--clr-bg, #fbfaf7);
  padding: clamp(42px, 5vw, 64px) 0;
}
.pg-contact[data-ui="cockpit"] .pc-hero,
.pg-contact[data-ui="cockpit"] .a-alert,
.pg-contact[data-ui="cockpit"] .pc-panel{
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.pg-contact[data-ui="cockpit"] .pc-hero,
.pg-contact[data-ui="cockpit"] .pc-panel,
.pg-contact[data-ui="cockpit"] .a-alert{
  padding-left: clamp(16px, 4vw, 24px);
  padding-right: clamp(16px, 4vw, 24px);
}
.pg-contact[data-ui="cockpit"] .pc-panel{
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  border-radius: 0;
}
.pg-contact[data-ui="cockpit"] .pc-panel__head{
  background: transparent;
  border: 0;
  padding: 0;
  margin: 10px 0 14px;
}
.pg-contact[data-ui="cockpit"] .pc-panel__body{
  background: transparent;
  padding: 16px 0 0;
  border-top: 1px solid rgba(0,0,0,0.10);
}
.pg-contact[data-ui="cockpit"] .pc-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  font-size: clamp(30px, 3.2vw, 44px);
  letter-spacing: -0.012em;
  color: var(--clr-ink, #1f1a17);
}
.pg-contact[data-ui="cockpit"] .pc-panel__title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 600;
  color: var(--clr-ink, #1f1a17);
}
.pg-contact[data-ui="cockpit"] .pc-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(26,19,32,0.62);
}
.pg-contact[data-ui="cockpit"] .pc-subtitle{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,0.68);
  line-height: 1.6;
  max-width: 72ch;
}
.pg-contact[data-ui="cockpit"] .pc-form__actions .a-btn--primary{
  background: var(--clr-primary, #eb0e73);
  border: 1px solid var(--clr-primary, #eb0e73);
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  transform: none;
  min-height: 46px;
  padding: 0 34px;
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 14px;
  font-weight: 500;
}
.pg-contact[data-ui="cockpit"] .pc-form__actions .a-btn--primary:hover{
  filter: brightness(0.95);
  transform: none;
}
.pg-contact[data-ui="cockpit"] .pc-form__actions .a-btn--primary:focus-visible{
  outline: 2px solid rgba(235,14,115,0.35);
  outline-offset: 2px;
}
.pg-contact[data-ui="cockpit"] .c-captchaImg{
  box-shadow: none;
  border: 1px solid rgba(0,0,0,0.10);
}

/* Homepage: Retailer split & CTA — glassy retail cards */
.home-b2b-split{
  position: relative;
  padding: clamp(36px, 6vw, 78px) 0;
  width: 100%;
}
.home-b2b-split__bg{
  position:absolute;
  inset: 0;
  background:
    radial-gradient(120% 70% at 16% 12%, rgba(255,255,255,0.62), transparent 40%),
    radial-gradient(110% 80% at 78% 18%, rgba(255,214,236,0.42), transparent 45%),
    radial-gradient(140% 90% at 24% 62%, rgba(255,190,224,0.32), transparent 55%),
    linear-gradient(180deg, #fdf3f9 0%, #f8e8f1 55%, #f6e1ec 100%);
  filter: none;
  opacity: 1;
  pointer-events: none;
}
.home-b2b-split__bg::after{
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(80% 60% at 50% 50%, rgba(255,255,255,0.32), transparent 65%);
  pointer-events:none;
  mix-blend-mode: screen;
}
.home-b2b-split__inner{
  position: relative;
  width: min(1240px, calc(100% - (var(--gutter) * 2)));
  margin: 0 auto;
  border-radius: 28px;
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(12px) saturate(1.05);
  border: 1px solid rgba(255,255,255,0.28);
  box-shadow:
    0 32px 120px rgba(235, 14, 115, 0.10),
    0 20px 60px rgba(24, 15, 25, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.65);
  padding: clamp(26px, 4vw, 44px);
}
.home-b2b-split__head{
  display: grid;
  gap: 12px;
  text-align: center;
  align-items: center;
  justify-items: center;
}
.home-b2b-split__eyebrow{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,0.45);
  background: rgba(255,255,255,0.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  font-weight: 650;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.78rem;
  color: rgba(90,32,60,0.86);
}
.home-b2b-split__head h2{
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.8rem);
  letter-spacing:-0.014em;
  font-weight: 600;
  color: #3b2639;
}
.home-b2b-split__head p{
  margin: 0;
  color: rgba(48,24,44,0.72);
  line-height: 1.7;
  max-width: 820px;
}
.home-b2b-split__rule{
  width: 120px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(235,14,115,0.55), transparent);
  margin-top: 6px;
}
.home-b2b-split__grid{
  margin-top: clamp(18px, 3vw, 32px);
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(16px, 2.4vw, 26px);
}
.home-b2b-split__card{
  position: relative;
  border:1px solid rgba(255,255,255,0.55);
  border-radius: 28px;
  background: rgba(255,255,255,0.28);
  backdrop-filter: blur(16px) saturate(1.15);
  padding: clamp(18px, 2.5vw, 26px);
  display:grid;
  gap: 14px;
  box-shadow:
    0 30px 90px rgba(235, 14, 115, 0.10),
    0 18px 40px rgba(24, 15, 25, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.82);
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease, background 200ms ease;
  cursor: pointer;
  overflow: hidden;
}
.home-b2b-split__card::before{
  content:'';
  position:absolute;
  inset: 10px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.45);
  background: radial-gradient(120% 90% at 20% 20%, rgba(255,255,255,0.30), transparent 60%);
  opacity: 0.8;
  pointer-events:none;
  z-index: 0;
}
.home-b2b-split__card > *{
  position: relative;
  z-index: 1;
}
.home-b2b-split__card:focus-visible{
  outline: 2px solid rgba(235,14,115,0.55);
  outline-offset: 4px;
}
.home-b2b-split__card:hover{
  transform: translateY(-2px);
  box-shadow:
    0 36px 110px rgba(235, 14, 115, 0.14),
    0 22px 54px rgba(24, 15, 25, 0.10);
  border-color: rgba(235,14,115,0.35);
}
.home-b2b-split__card.is-active{
  border-color: rgba(235,14,115,0.55);
  box-shadow:
    0 40px 130px rgba(235, 14, 115, 0.16),
    0 24px 60px rgba(24, 15, 25, 0.12);
  background: rgba(255,255,255,0.34);
}
.home-b2b-split__cardTop{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.home-b2b-split__label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.46);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
  font-weight:640;
  color: rgba(46,26,40,0.9);
  letter-spacing: 0.02em;
}
.home-b2b-split__label i{ color: rgba(235,14,115,0.72); }
.home-b2b-split__kicker{
  color: rgba(50,24,44,0.72);
  font-weight:560;
  font-size: 0.96rem;
  letter-spacing: 0.01em;
}
.home-b2b-split__body{
  margin:0;
  color: rgba(38,20,34,0.85);
  line-height:1.72;
}
.home-b2b-split__list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}
.home-b2b-split__list li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color: rgba(38,20,34,0.85);
}
.home-b2b-split__list i{
  color: rgba(235,14,115,0.8);
  margin-top: 1px;
}
.home-b2b-split__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}
.home-b2b-split__noteWrap{
  margin-top: clamp(14px, 2vw, 20px);
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color: rgba(46,24,40,0.7);
  justify-content: center;
  text-align: center;
}
.home-b2b-split__note{
  margin:0;
  font-size: 0.94rem;
}
.home-b2b-split__selected{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(235,14,115,0.28);
  background: rgba(255,255,255,0.52);
  color: rgba(90,32,60,0.9);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.home-b2b-split .c-btn{
  border-radius: 999px;
  padding: 11px 18px;
  letter-spacing: 0.02em;
  font-weight: 650;
}
.home-b2b-split .c-btn--primary{
  background: linear-gradient(180deg, #ff4aa3 0%, #eb0e73 100%);
  color: #fff;
  border: 1px solid rgba(235,14,115,0.4);
  box-shadow:
    0 16px 34px rgba(235,14,115,0.28),
    inset 0 1px 0 rgba(255,255,255,0.62);
}
.home-b2b-split .c-btn--primary:hover{
  box-shadow:
    0 20px 46px rgba(235,14,115,0.32),
    inset 0 1px 0 rgba(255,255,255,0.7);
  transform: translateY(-1px);
}
.home-b2b-split .c-btn--ghost{
  border: 1px solid rgba(255,255,255,0.6);
  color: rgba(50,24,44,0.86);
  background: rgba(255,255,255,0.64);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
.home-b2b-split .c-btn--ghost:hover{
  border-color: rgba(235,14,115,0.35);
  color: rgba(90,32,60,0.9);
  background: rgba(255,242,248,0.82);
  box-shadow: 0 12px 28px rgba(235,14,115,0.12);
  transform: translateY(-1px);
}
.home-b2b-split .c-btn:focus-visible{
  outline: 2px solid rgba(235,14,115,0.45);
  outline-offset: 3px;
}

.home-cta-modest{
  position: relative;
  padding: clamp(32px, 5vw, 64px) 0;
  width: 100%;
}
.home-cta-modest__bg{
  position:absolute;
  inset: 0;
  background:
    radial-gradient(140% 90% at 14% 12%, rgba(176, 18, 91, 0.06), transparent 55%),
    radial-gradient(120% 80% at 86% 18%, rgba(235, 14, 115, 0.045), transparent 60%),
    linear-gradient(180deg, #f9f4ec, #f6eee4);
  pointer-events: none;
}
.home-cta-modest__inner{
  position: relative;
  width: min(1240px, calc(100% - (var(--gutter) * 2)));
  margin: 0 auto;
  border: 1px solid rgba(37, 21, 32, 0.08);
  border-radius: 22px;
  background: rgba(255, 252, 246, 0.78);
  backdrop-filter: blur(10px);
  box-shadow:
    0 26px 70px rgba(24, 15, 25, 0.05),
    0 10px 22px rgba(24, 15, 25, 0.04),
    inset 0 1px 0 rgba(255,255,255,0.65);
  padding: clamp(20px, 3vw, 32px);
}

.home-cta-modest__inner{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(16px, 3vw, 28px);
  align-items:center;
}
.home-cta-modest__col--text{
  display:grid;
  gap:12px;
}
.home-cta-modest__eyebrow{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  border:1px solid rgba(80,42,64,0.08);
  background: rgba(255,255,255,0.38);
  box-shadow: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.76rem;
}
.home-cta-modest__col--text h2{
  margin:0;
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 3.2vw, 2.3rem);
  letter-spacing:-0.01em;
  font-weight: 620;
}
.home-cta-modest__col--text p{
  margin:0;
  color: rgba(24,17,28,0.68);
  line-height:1.72;
}
.home-cta-modest__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.home-cta-modest__chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(61,28,52,0.06);
  background: rgba(255,255,255,0.38);
  font-weight:600;
  color: rgba(24,17,28,0.78);
  letter-spacing: 0.01em;
}
.home-cta-modest__chip i{
  color: rgba(148,55,97,0.78);
}
.home-cta-modest__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.home-cta-modest__col--visual{
  position: relative;
  min-height: 280px;
}
.home-cta-modest__stack{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 320px;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.home-cta-modest__tile{
  position: absolute;
  width: min(80%, 440px);
  aspect-ratio: 4 / 3;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform 260ms ease, box-shadow 260ms ease, opacity 260ms ease;
}
.home-cta-modest__tile--a{ transform: translate(-14%, -6%) rotate(-4deg); z-index:3; }
.home-cta-modest__tile--b{ transform: translate(12%, 6%) rotate(3deg); z-index:2; }
.home-cta-modest__tile--c{ transform: translate(-4%, 18%) rotate(0deg); z-index:1; }
.home-cta-modest__tileFrame{
  width:100%;
  height:100%;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(61,28,52,0.10);
  background: linear-gradient(135deg, rgba(255,255,255,0.72), rgba(246,234,238,0.7));
  box-shadow:
    0 24px 70px rgba(24,15,25,0.08),
    0 10px 26px rgba(24,15,25,0.06),
    inset 0 1px 0 rgba(255,255,255,0.7);
  position: relative;
}
.home-cta-modest__tileFrame::after{
  content:'';
  position:absolute;
  inset:0;
  background: radial-gradient(120% 80% at 20% 20%, rgba(255,255,255,0.38), transparent 50%);
  pointer-events:none;
}
.home-cta-modest__tileImg{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  opacity:0.96;
}
.home-cta-modest__tile:hover{
  transform: translateY(-3px) scale(1.005);
  box-shadow: 0 36px 90px rgba(24,15,25,0.12);
}

@media (max-width: 820px){
  .home-b2b-split__grid{
    grid-template-columns: 1fr;
  }
  .home-cta-modest__stack{
    min-height: 260px;
  }
  .home-cta-modest__tile{
    width: 88%;
  }
}
@media (max-width: 560px){
  .home-cta-modest__tile--a{ transform: translate(-8%, -4%) rotate(-3deg); }
  .home-cta-modest__tile--b{ transform: translate(10%, 4%) rotate(2deg); }
  .home-cta-modest__tile--c{ transform: translate(-2%, 12%) rotate(0deg); }
}

@media (prefers-reduced-motion: reduce){
  .home-b2b-split__card,
  .home-cta-modest__tile{
    transition: none;
  }
  .home-b2b-split__card:hover,
  .home-cta-modest__tile:hover{
    transform: none;
    box-shadow: 0 20px 38px rgba(24, 15, 25, 0.06);
  }
}

/* Buttons + pills refinement inside home cockpit */
.home-b2b-split .c-btn,
.home-cta-modest .c-btn{
  border-radius: 11px;
  padding: 9px 14px;
  letter-spacing: 0.01em;
}
.home-b2b-split .c-btn--primary,
.home-cta-modest .c-btn--primary{
  box-shadow: 0 14px 30px rgba(148,55,97,0.14);
}
.home-b2b-split .c-btn--primary:hover,
.home-cta-modest .c-btn--primary:hover{
  filter: brightness(0.96) saturate(1.02);
  box-shadow:
    0 16px 36px rgba(24,15,25,0.10),
    0 0 0 1px rgba(235,14,115,0.18),
    0 0 16px rgba(235,14,115,0.10);
  transform: translateY(-1px);
}
.home-b2b-split .c-btn--ghost,
.home-cta-modest .c-btn--ghost{
  border-color: rgba(61,28,52,0.14);
  color: rgba(24,17,28,0.72);
  background: rgba(255,255,255,0.38);
  box-shadow: none;
}
.home-b2b-split .c-btn--ghost:hover,
.home-cta-modest .c-btn--ghost:hover{
  background: rgba(148,55,97,0.07);
  box-shadow:
    0 10px 22px rgba(24,15,25,0.06),
    0 0 0 1px rgba(235,14,115,0.12);
  transform: translateY(-1px);
}

/* =========================
   PUBLIC: /collections — Modern Premium Lookbook (full-bleed)
   Scoped: body.is-collections [data-collections-lookbook]
   ========================= */
body.is-collections [data-collections-lookbook]{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #fbfaf7;
  color: rgba(18,16,14,0.9);
  overflow-x: clip;
  padding: clamp(48px, 6vw, 92px) 0 clamp(68px, 8vw, 120px);
  --max-wide: 1680px;
  --gutter: clamp(18px, 4vw, 64px);
  --clx-gap: clamp(16px, 2vw, 28px);
  --clx-gutter: var(--clx-gap);
}

/* Intro */
body.is-collections [data-collections-lookbook] .clx-intro{
  max-width: var(--max-wide, 1680px);
  margin: 0 auto;
  padding: 0 var(--gutter, 20px);
  text-align: center;
}
body.is-collections [data-collections-lookbook] .clx-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(0,0,0,.54);
  margin: 0 0 12px;
}
body.is-collections [data-collections-lookbook] .clx-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight: 500;
  font-size: clamp(36px, 4.2vw, 58px);
  line-height: 1.04;
  letter-spacing: -0.012em;
  color: rgba(0,0,0,.92);
  margin: 0 0 14px;
}
body.is-collections [data-collections-lookbook] .clx-desc{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0,0,0,.68);
  max-width: 64ch;
  margin: 0 auto;
}

/* Grid */
body.is-collections [data-collections-lookbook] .clx-gridWrap{
  padding: clamp(18px, 3vw, 44px) var(--clx-gutter);
}
body.is-collections [data-collections-lookbook] .clx-grid{
  max-width: var(--max-wide, 1680px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--clx-gap);
}
@media (max-width: 980px){
  body.is-collections [data-collections-lookbook] .clx-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  body.is-collections [data-collections-lookbook] .clx-grid{
    grid-template-columns: 1fr;
  }
}

/* Cards */
body.is-collections [data-collections-lookbook] .clxCard{
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  opacity: 1;
}
body.is-collections [data-collections-lookbook] .clxCard__media{
  margin: 0;
}
body.is-collections [data-collections-lookbook] .clxCard__img{
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transform: scale(1);
  transition: transform .6s ease;
}
body.is-collections [data-collections-lookbook] .clxCard::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%);
  opacity: .9;
  z-index: 1;
}
body.is-collections [data-collections-lookbook] .clxCard__placeholder{
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #f5ebe4 0%, #f3e0e6 100%);
  color: rgba(0,0,0,.18);
  font-size: 32px;
  font-weight: 700;
  letter-spacing: .16em;
  aspect-ratio: 3 / 4;
}
body.is-collections [data-collections-lookbook] .clxCard__title{
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: clamp(18px, 2.2vw, 34px);
  text-align: center;
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
  font-size: 35px;
  line-height: 1.05;
  letter-spacing: 0;
  color: #fbfaf7 !important;
  opacity: 1 !important;
  mix-blend-mode: normal;
  filter: none;
  -webkit-text-fill-color: #fbfaf7;
  padding: 0 12px;
  text-shadow: 0 10px 28px rgba(0,0,0,.55);
}
@media (hover:hover){
  body.is-collections [data-collections-lookbook] .clxCard:hover .clxCard__img{
    transform: scale(1.03);
  }
}

/* Reveal + progressive enhancement */
body.is-collections [data-collections-lookbook] .clxCard{
  opacity: 1;
  transform: none;
  transition: opacity .45s ease, transform .55s ease;
}
html.clx-js body.is-collections [data-collections-lookbook] .clxCard{
  opacity: 0;
  transform: translateY(22px);
}
html.clx-js body.is-collections [data-collections-lookbook] .clxCard.is-reveal{
  opacity: 1;
  transform: none;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  body.is-collections [data-collections-lookbook] .clxCard,
  body.is-collections [data-collections-lookbook] .clxCard__img{
    transition: none !important;
    transform: none !important;
  }
}

/* Mobile */
@media (max-width: 640px){
  body.is-collections [data-collections-lookbook]{
    padding: 40px 0 56px;
  }
}

/* Quote */
body.is-collections [data-collections-lookbook] .clx-quote{
  padding: clamp(34px, 4vw, 70px) var(--clx-gutter);
}
body.is-collections [data-collections-lookbook] .clx-quote__inner{
  max-width: var(--max-wide, 1680px);
  margin: 0 auto;
}
body.is-collections [data-collections-lookbook] .clx-quote__text{
  margin: 0;
  text-align: center;
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
  color: #111;
}
body.is-collections [data-collections-lookbook] .clx-quote__text p{
  margin: 0;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1.25;
  letter-spacing: 0;
}
body.is-collections [data-collections-lookbook] .clx-quote__text footer{
  margin-top: 14px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(17,17,17,.7);
}

/* Full-bleed banner */
body.is-collections [data-collections-lookbook] .clxBanner{
  padding: 0;
  background: #fbfaf7;
}
body.is-collections [data-collections-lookbook] .clxBanner__bleed{
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
body.is-collections [data-collections-lookbook] .clxBanner__media{
  position: relative;
  width: 100%;
  min-height: clamp(420px, 52vw, 680px);
  overflow: hidden;
  background: #111;
}
@media (min-width: 1100px){
  body.is-collections [data-collections-lookbook] .clxBanner__media{
    min-height: clamp(320px, 30vw, 520px);
  }
}
@media (min-width: 1500px){
  body.is-collections [data-collections-lookbook] .clxBanner__media{
    min-height: clamp(300px, 24vw, 480px);
  }
}
body.is-collections [data-collections-lookbook] .clxBanner__img{
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
  transform: scale(1);
}
body.is-collections [data-collections-lookbook] .clxBanner__overlay{
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0) 60%);
}
body.is-collections [data-collections-lookbook] .clxBanner__content{
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(22px, 4vw, 56px);
  z-index: 2;
  text-align: center;
  padding: 0 max(var(--clx-gutter, 22px), 18px);
  color: #fbfaf7;
}
body.is-collections [data-collections-lookbook] .clxBanner__kicker{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .92;
  margin-bottom: 10px;
}
body.is-collections [data-collections-lookbook] .clxBanner__title{
  margin: 0;
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
  font-size: clamp(30px, 3.2vw, 54px);
  line-height: 1.06;
  font-weight: 500;
  text-shadow: 0 14px 34px rgba(0,0,0,.55);
}
body.is-collections [data-collections-lookbook] .clxBanner__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(251,250,247,.85);
  color: #fbfaf7;
  text-decoration: none;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: rgba(0,0,0,.12);
  backdrop-filter: blur(6px);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
@media (hover:hover){
  body.is-collections [data-collections-lookbook] .clxBanner__cta:hover{
    transform: translateY(-1px);
    background: rgba(0,0,0,.22);
    border-color: rgba(251,250,247,1);
  }
}

/* /collections — force desktop banner height smaller (leave mobile untouched) */
@media (min-width: 901px){
  body.is-collections [data-collections-lookbook] .clxBanner__media{
    min-height: clamp(300px, 26vw, 520px) !important;
  }
}

@media (min-width: 1500px){
  body.is-collections [data-collections-lookbook] .clxBanner__media{
    min-height: clamp(280px, 20vw, 460px) !important;
  }
}

/* /collections — desktop banner crop (mobile unchanged) */
@media (min-width: 901px){
  body.is-collections [data-collections-lookbook] .clxBanner__media{
    height: clamp(300px, 24vw, 460px) !important;
    min-height: 0 !important;
    position: relative;
    overflow: hidden;
  }

  body.is-collections [data-collections-lookbook] .clxBanner__img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  display: block;
    z-index: 0;
  }

  body.is-collections [data-collections-lookbook] .clxBanner__overlay{
    z-index: 1;
  }

  body.is-collections [data-collections-lookbook] .clxBanner__content{
    z-index: 2;
  }
}

/* =========================
   Product Detail v2 (full-bleed)
   ========================= */
body.product-detail .pdpV2{
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #fbfaf7;
  color: rgba(18,16,14,0.9);
}
body.product-detail .pdpV2 img{ border-radius: 0; }

body.product-detail .pdpV2__mobile{
  display: block;
  padding: 0;
}
body.product-detail .pdpV2__carousel{
  overflow: hidden;
}
body.product-detail .pdpV2__slides{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
body.product-detail .pdpV2__slide{
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  width: 100%;
  scroll-snap-align: center;
}
body.product-detail .pdpV2__slide img{
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  display: block;
}
body.product-detail .pdpV2__mobileInfo{
  margin-top: clamp(18px, 3vw, 28px);
  padding: 0 var(--gutter, 20px) clamp(18px, 3vw, 28px);
}

body.product-detail .pdpV2__desktop{
  display: none;
}

@media (min-width: 981px){
  body.product-detail .pdpV2__mobile{ display: none; }
  body.product-detail .pdpV2__desktop{ display: block; }
  body.product-detail .pdpV2__grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(360px, 520px);
    gap: 0;
    padding: 0;
    align-items: start;
}
  body.product-detail .pdpV2__col--cover,
  body.product-detail .pdpV2__col--info{
    position: sticky;
    top: calc(var(--hdr-top-h, 72px) + 14px);
  }
  body.product-detail .pdpV2__col--info{
    box-shadow: -18px 0 36px rgba(0,0,0,0.06);
    padding: clamp(26px, 3vw, 40px) clamp(18px, 2.5vw, 34px);
    background: #fbfaf7;
  }
}

body.product-detail .pdpV2__cover img,
body.product-detail .pdpV2__galleryItem img{
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
body.product-detail .pdpV2__galleryStack{
  display: grid;
  gap: 0;
}
body.product-detail .pdpV2__imgBtn{
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

body.product-detail .pdpV2__info{
  background: #fbfaf7;
  padding: clamp(16px, 2vw, 22px) 0 clamp(18px, 2vw, 24px);
  display: grid;
  gap: 12px;
}
body.product-detail .pdpV2__kicker{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(0,0,0,.55);
}
body.product-detail .pdpV2__sku{
  margin: 0;
  font-family: "EB Garamond", Garamond, "Times New Roman", serif;
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: rgba(0,0,0,.9);
}
body.product-detail .pdpV2__title{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
  color: rgba(0,0,0,.7);
}
body.product-detail .pdpV2__sectionTitle{
  margin: 12px 0 4px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(0,0,0,.6);
}

body.product-detail .pdpV2__form{
  display: grid;
  gap: 12px;
}
body.product-detail .pdpV2__sizes{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
body.product-detail .pdpV2__sizeTile{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 44px;
  padding: 0 10px 0 12px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(251,250,247,.7);
  color: rgba(18,16,14,.92);
  cursor: text;
  user-select: none;
  border-radius: 0;
}
body.product-detail .pdpV2__sizeLabel{
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
body.product-detail .pdpV2__sizeQty{
  width: 46px;
  height: 30px;
  border: 1px solid rgba(0,0,0,0.14);
  background: #fff;
  text-align: center;
  font-size: 13px;
  padding: 0;
  outline: none;
  appearance: textfield;
}
body.product-detail .pdpV2__sizeQty::-webkit-outer-spin-button,
body.product-detail .pdpV2__sizeQty::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
@media (hover:hover){
  body.product-detail .pdpV2__sizeTile:hover{
    border-color: rgba(18,16,14,.26);
  }
}
body.product-detail .pdpV2__sizeTile:focus-within{
  border-color: rgba(18,16,14,.42);
  box-shadow: 0 0 0 3px rgba(235,14,115,.10);
}
@supports (border: .5px solid rgba(0,0,0,.1)){
  body.product-detail .pdpV2__sizeTile{ border-width: .5px; }
  body.product-detail .pdpV2__sizeQty{ border-width: .5px; }
}
@media (max-width: 1100px){
  body.product-detail .pdpV2__sizes{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px){
  body.product-detail .pdpV2__sizes{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px){
  body.product-detail .pdpV2__sizes{ grid-template-columns: 1fr; }
}

body.product-detail .pdpV2__actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
}
@media (max-width: 520px){
  body.product-detail .pdpV2__actions{
    grid-template-columns: 1fr;
  }
}
body.product-detail .pdpV2__btn,
body.product-detail a.pdpV2__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,0.14);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 1;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
body.product-detail .pdpV2__btn--primary{
  background: var(--accent, #eb0e73);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 12px 26px rgba(235,14,115,0.28);
}
body.product-detail .pdpV2__btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(235,14,115,0.32);
}
body.product-detail .pdpV2__btn--ghost,
body.product-detail a.pdpV2__btn--ghost{
  background: #fff;
  color: rgba(0,0,0,.8);
}
body.product-detail .pdpV2__btn--ghost:hover,
body.product-detail a.pdpV2__btn--ghost:hover{
  transform: translateY(-1px);
  border-color: rgba(0,0,0,0.3);
}

body.product-detail .pdpV2__accordions details{
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 10px 0;
}
body.product-detail .pdpV2__accordions summary{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  color: rgba(0,0,0,.72);
}
body.product-detail .pdpV2__accordionBody{
  margin-top: 6px;
  color: rgba(0,0,0,.7);
  font-size: 14px;
  line-height: 1.55;
}
body.product-detail .pdpV2__matCta{
  display: flex;
  justify-content: center;
}
/* Materials link */
body.product-detail .pdpV2__matLink{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 14px;
  margin-top: 10px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  color: rgba(0,0,0,.78);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}
/* Shipping table */
body.product-detail .pdpV2__shipTable{
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 13px;
}
body.product-detail .pdpV2__shipTable th,
body.product-detail .pdpV2__shipTable td{
  padding: 10px 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
  vertical-align: top;
}
body.product-detail .pdpV2__shipTable th{
  text-align: left;
  font-weight: 600;
  color: rgba(0,0,0,.75);
}
body.product-detail .pdpV2__shipTable td{
  color: rgba(0,0,0,.70);
}
/* Partners */
body.product-detail .pdpV2__partners{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  padding-top: 10px;
}
body.product-detail .pdpV2__partners i{
  font-size: 30px;
  color: rgba(0,0,0,.72);
}
[body*="product-detail"] .pdpV2Preorder,
body.product-detail .pdpV2Preorder{
  position: fixed;
  inset: 0;
  z-index: 1002;
  display: none;
  place-items: center;
  padding: clamp(14px, 3vw, 28px);
}
body.product-detail .pdpV2Preorder.is-open{
  display: grid;
}
body.product-detail .pdpV2Preorder__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
}
body.product-detail .pdpV2Preorder__panel{
  position: relative;
  width: min(900px, 100%);
  max-height: 90vh;
  overflow: auto;
  background: #fbfaf7;
  border: 1px solid rgba(0,0,0,0.14);
  box-shadow: 0 24px 70px rgba(0,0,0,0.25);
  padding: 18px 18px 20px;
  border-radius: 0;
}
body.product-detail .pdpV2Preorder__close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0,0,0,0.15);
  background: #fff;
  cursor: pointer;
}
body.product-detail .pdpV2Preorder__header{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
body.product-detail .pdpV2Preorder__title{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.7);
}
body.product-detail .pdpV2Preorder__sku{
  font-family: "EB Garamond", Garamond, Georgia, serif;
  font-size: 16px;
  color: rgba(0,0,0,0.8);
}
body.product-detail .pdpV2Preorder__form{
  display: block;
}
body.product-detail .pdpV2Preorder__status{
  min-height: 18px;
  font-size: 13px;
  color: rgba(0,0,0,0.7);
  margin-bottom: 8px;
}
body.product-detail .pdpV2Preorder__status.is-error{ color: #b3002d; }
body.product-detail .pdpV2Preorder__status.is-success{ color: #0f7b2e; }
body.product-detail .pdpV2Preorder__grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 14px;
}
body.product-detail .pdpV2Preorder__field{
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  color: rgba(0,0,0,0.75);
}
body.product-detail .pdpV2Preorder__field > span{
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(0,0,0,0.6);
}
body.product-detail .pdpV2Preorder__field textarea,
body.product-detail .pdpV2Preorder__field input{
  width: 100%;
  border: 1px solid rgba(0,0,0,0.14);
  background: #fff;
  padding: 10px 12px;
  border-radius: 0;
  font-size: 14px;
  color: rgba(0,0,0,0.85);
  outline: none;
}
body.product-detail .pdpV2Preorder__field textarea:focus,
body.product-detail .pdpV2Preorder__field input:focus{
  border-color: rgba(0,0,0,0.3);
  box-shadow: 0 0 0 3px rgba(235,14,115,0.10);
}
body.product-detail .pdpV2Preorder__field--textarea textarea{
  min-height: 200px;
  resize: vertical;
}
body.product-detail .pdpV2Preorder__fieldCol{
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.product-detail .pdpV2Preorder__actions{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
}
@media (max-width: 720px){
  body.product-detail .pdpV2Preorder__grid{
    grid-template-columns: 1fr;
  }
  body.product-detail .pdpV2Preorder__field--textarea textarea{
    min-height: 150px;
  }
  body.product-detail .pdpV2Preorder__actions{
    grid-template-columns: 1fr;
  }
}

/* PDP toast (local) */
body.product-detail .pdpV2__toastWrap{
  display: flex;
  justify-content: center;
  margin-top: 6px;
  margin-bottom: 2px;
}
body.product-detail .pdpV2__toast{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  background: var(--accent, #eb0e73);
  color: #fff;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 0;
  box-shadow: 0 10px 26px rgba(235,14,115,0.30);
  transform: translateY(0);
  opacity: 1;
  transition: opacity .35s ease, transform .35s ease;
}
body.product-detail .pdpV2__toast.is-out{
  opacity: 0;
  transform: translateY(-6px);
}

/* Post-add modal */
body.product-detail .pdpV2PostAdd{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 18px;
}
body.product-detail .pdpV2PostAdd__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(4px);
}
body.product-detail .pdpV2PostAdd__panel{
  position: relative;
  width: min(520px, calc(100% - 24px));
  background: #fbfaf7;
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 24px 60px rgba(0,0,0,0.20);
  padding: 18px 18px 16px;
}
body.product-detail .pdpV2PostAdd__close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  cursor: pointer;
}
body.product-detail .pdpV2PostAdd__title{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(0,0,0,.70);
}
body.product-detail .pdpV2PostAdd__sub{
  margin-top: 8px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  color: rgba(0,0,0,.75);
}
body.product-detail .pdpV2PostAdd__actions{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 520px){
  body.product-detail .pdpV2PostAdd__actions{ grid-template-columns: 1fr; }
}
body.product-detail .pdpV2PostAdd__btn{
  height: 48px;
  display: grid;
  place-items: center;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.14);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 13px;
}
body.product-detail .pdpV2PostAdd__btn--primary{
  background: var(--accent, #eb0e73);
  color: #fff;
  border-color: transparent;
}
body.product-detail .pdpV2PostAdd__btn--ghost{
  background: #fff;
  color: rgba(0,0,0,.80);
}

/* Lightbox */
body.product-detail .pdpV2Lightbox[hidden]{ display: none; }
body.product-detail .pdpV2Lightbox{
  position: fixed;
  inset: 0;
  z-index: 999;
}
body.product-detail .pdpV2Lightbox__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
}
body.product-detail .pdpV2Lightbox__dialog{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(14px, 3vw, 28px);
}
body.product-detail .pdpV2Lightbox__stage{
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  place-items: center;
}
body.product-detail .pdpV2Lightbox__stage img{
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 0;
  box-shadow: 0 24px 60px rgba(0,0,0,0.4);
  background: #000;
}
body.product-detail .pdpV2Lightbox__close{
  position: absolute;
  top: clamp(10px, 2vw, 18px);
  right: clamp(10px, 2vw, 18px);
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.5);
  background: rgba(0,0,0,0.35);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
body.product-detail .pdpV2Lightbox__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.4);
  background: rgba(0,0,0,0.3);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
body.product-detail .pdpV2Lightbox__nav--prev{ left: clamp(10px, 3vw, 24px); }
body.product-detail .pdpV2Lightbox__nav--next{ right: clamp(10px, 3vw, 24px); }

.pg-privacy[data-privacy] .a-btn,
.pg-mission[data-mission] .a-btn,
.pg-materials[data-materials] .a-btn,
.pg-returns[data-returns] .a-btn{
  border-radius: 0px;
}

/* Materials Page — editorial */
.pg-materials[data-materials]{
  background: var(--clr-bg, #fbfaf7);
  padding: 0 0 clamp(60px, 7vw, 90px);
}

.mt-hero{
  padding: clamp(42px, 6vw, 70px) 0 10px;
  position: relative;
}
.mt-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: none;
  pointer-events:none;
}

.mt-hero__inner,
.mt-sec__inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}

.mt-hero__inner{
  display:grid;
  gap: 22px;
}
@media (min-width: 980px){
  .mt-hero__inner{
    grid-template-columns: 1.25fr 0.75fr;
    align-items:start;
  }
  .mt-hero__aside{
    position: sticky;
    top: 96px;
  }
}
.mt-hero__aside{
  display: grid;
  gap: 14px;
}

.mt-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.62);
  margin:0;
}
.mt-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(34px, 4vw, 56px);
  letter-spacing:-.012em;
  margin: 0;
  color: var(--clr-ink, #1f1a17);
}
.mt-lead{
  font-family: var(--font-sans, Inter, sans-serif);
  line-height:1.65;
  color: rgba(0,0,0,.70);
  margin: 8px 0 0;
  max-width: 78ch;
}
.mt-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* Nav */
.mt-nav{
  position: relative;
  display:grid;
  gap: 10px;
  padding-left: 12px;
  border-left: 1px solid rgba(0,0,0,0.07);
}
.mt-nav__link{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(0,0,0,.68);
  text-decoration: none;
  display:inline-flex;
  padding: 6px 0;
}
.mt-nav__link:hover{ color: rgba(0,0,0,.86); }
.mt-nav__link.is-active{ color: rgba(0,0,0,.92); }
.mt-nav__indicator{
  position:absolute;
  left: -1px;
  width: 2px;
  height: 22px;
  background: var(--clr-primary, #eb0e73);
  border-radius: 2px;
  transform: translateY(0);
  box-shadow: 0 0 8px rgba(235,14,115,0.18);
  transition: transform 520ms cubic-bezier(.2,.9,.2,1), height 200ms ease;
}

/* Proof */
.mt-proof{
  border-top: 1px solid rgba(0,0,0,0.07);
  padding-top: 12px;
  display:grid;
  gap: 10px;
}
.mt-proof__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-family: var(--font-sans, Inter, sans-serif);
}
.mt-proof__label{
  font-size: 11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: rgba(0,0,0,.58);
}
.mt-proof__value{
  font-size: 13px;
  color: rgba(0,0,0,.84);
}

/* Sections */
.mt-sec{
  padding: clamp(34px, 5vw, 52px) 0;
}
.mt-sec + .mt-sec{
  border-top: 1px solid rgba(0,0,0,0.07);
}
.mt-sec__head{
  display:grid;
  gap:6px;
  margin-bottom: 12px;
}
.mt-sec__kicker{
  margin:0;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.mt-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(22px, 2.4vw, 30px);
  color: var(--clr-ink, #1f1a17);
}

.mt-grid{
  display:grid;
  gap: 18px;
}
.mt-h3{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  font-weight: 650;
  font-size: 14px;
  color: rgba(0,0,0,.88);
}
.mt-p{
  margin:0 0 10px;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height: 1.65;
}
.mt-ul{
  margin:0;
  padding-left: 18px;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height: 1.65;
}
.mt-ul li{ margin: 4px 0; }

.mt-prose{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height: 1.7;
  max-width: 84ch;
}

.mt-ul,
.mt-checks{ padding-left: 16px; }
@media (max-width: 420px){
  .mt-ul,
  .mt-checks{ padding-left: 14px; }
}

.mt-checks{
  margin:0;
  padding-left: 18px;
}
.mt-checks li{ margin: 8px 0; }
.mt-checks strong{ color: rgba(0,0,0,.88); }

.mt-cta{
  margin-top: clamp(18px, 3vw, 28px);
  padding-top: clamp(18px, 3vw, 28px);
  border-top: 1px solid rgba(0,0,0,0.10);
  display:flex;
  justify-content:space-between;
  gap: 18px;
  flex-wrap:wrap;
}
.mt-cta__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.mt-cta__title{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(20px, 2.3vw, 28px);
  color: var(--clr-ink, #1f1a17);
}
.mt-cta__lead{
  margin: 8px 0 0;
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.70);
  line-height:1.65;
  max-width: 70ch;
}
.mt-cta__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

/* ===== MATERIALS: Editorial ===== */
.pg-materials[data-materials] .mat-media{
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 22px 0 40px;
}
.pg-materials[data-materials] .mat-media__tile{
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}
.pg-materials[data-materials] .mat-media__tile img{
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.pg-materials[data-materials] .mat-media__mask{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 62%);
}
.pg-materials[data-materials] .mat-media__label{
  position: absolute;
  left: 18px;
  bottom: 14px;
  font-family: var(--font-sans, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
}

.pg-materials[data-materials] .mat-fabrics-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  margin: 22px 0 10px;
}
.pg-materials[data-materials] .mat-fab{
  border: 0;
  background: transparent;
  padding: 0;
}
.pg-materials[data-materials] .mat-fab h3{
  margin: 0 0 10px;
}
.pg-materials[data-materials] .mat-fab ul{ margin: 10px 0 0; }

@media (max-width: 980px){
  .pg-materials[data-materials] .mat-media{ grid-template-columns: 1fr; }
  .pg-materials[data-materials] .mat-media__tile img{ aspect-ratio: 21 / 9; }
  .pg-materials[data-materials] .mat-fabrics-grid{ grid-template-columns: 1fr; }
}


/* HTML Site Map — editorial */
.pg-sitemap[data-sitemap]{
  background: var(--clr-bg, #fbfaf7);
  padding: 0 0 clamp(60px, 7vw, 90px);
}

.sm-hero{
  padding: clamp(42px, 6vw, 70px) 0 10px;
  position: relative;
}
.sm-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: none;
  pointer-events:none;
}

.sm-hero__inner,
.sm-sec__inner{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}

.sm-hero__inner{
  display:grid;
  gap: 22px;
}
.sm-hero__aside{
  display:grid;
  gap: 14px;
}
@media (min-width: 980px){
  .sm-hero__inner{ grid-template-columns: 1.25fr 0.75fr; align-items:start; }
  .sm-hero__aside{ position: sticky; top: 96px; }
}

.sm-kicker{
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.62);
  margin:0;
}
.sm-title{
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(34px, 4vw, 56px);
  letter-spacing:-.012em;
  margin: 0;
  color: var(--clr-ink, #1f1a17);
}
.sm-lead{
  font-family: var(--font-sans, Inter, sans-serif);
  line-height:1.65;
  color: rgba(0,0,0,.70);
  margin: 8px 0 0;
  max-width: 78ch;
}
.sm-actions{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.sm-nav{
  position: relative;
  display:grid;
  gap: 10px;
  padding-left: 14px;
  border-left: 1px solid rgba(0,0,0,0.10);
}
.sm-nav__link{
  font-family: var(--font-sans, Inter, sans-serif);
  font-size: 13px;
  letter-spacing: .02em;
  color: rgba(0,0,0,.68);
  text-decoration: none;
  display:inline-flex;
  padding: 6px 0;
}
.sm-nav__link:hover{ color: rgba(0,0,0,.86); }
.sm-nav__link.is-active{ color: rgba(0,0,0,.92); }
.sm-nav__indicator{
  position:absolute;
  left: -1px;
  width: 2px;
  height: 22px;
  background: var(--clr-primary, #eb0e73);
  border-radius: 2px;
  transform: translateY(0);
  box-shadow: 0 0 10px rgba(235,14,115,0.20);
  transition: transform 520ms cubic-bezier(.2,.9,.2,1), height 200ms ease;
}

.sm-proof{
  border-top: 1px solid rgba(0,0,0,0.10);
  padding-top: 14px;
  display:grid;
  gap: 10px;
}
.sm-proof__row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-family: var(--font-sans, Inter, sans-serif);
}
.sm-proof__label{
  font-size: 11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: rgba(0,0,0,.58);
}
.sm-proof__value{
  font-size: 13px;
  color: rgba(0,0,0,.84);
}
.sm-miniLink{
  color: rgba(0,0,0,.86);
  text-decoration: none;
  border-bottom: 1px solid rgba(235,14,115,0.35);
}
.sm-miniLink:hover{
  color: var(--clr-primary, #eb0e73);
  border-bottom-color: rgba(235,14,115,0.65);
}

.sm-sec{
  padding: clamp(28px, 4vw, 44px) 0;
}
.sm-sec + .sm-sec{
  border-top: 1px solid rgba(0,0,0,0.10);
}
.sm-sec__inner{
  display:grid;
  gap: 14px;
}
@media (min-width: 980px){
  .sm-sec__inner{
    grid-template-columns: 0.52fr 1fr;
    gap: 32px;
  }
}
.sm-sec__kicker{
  margin:0 0 6px;
  font-family: var(--font-sans, Inter, sans-serif);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  color: rgba(0,0,0,.58);
}
.sm-h2{
  margin:0;
  font-family: var(--font-serif, "EB Garamond", serif);
  font-weight:600;
  font-size: clamp(22px, 2.4vw, 30px);
  color: var(--clr-ink, #1f1a17);
}

.sm-listGrid,
.sm-cols{
  display:grid;
  gap: 10px;
  min-width: 0;
}
@media (min-width: 720px){
  .sm-cols{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 18px; }
}
@media (min-width: 1020px){
  .sm-cols{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

.sm-link{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.82);
  text-decoration:none;
  border-bottom: 1px solid rgba(0,0,0,0.10);
  padding: 8px 0;
  min-width: 0;
}
.sm-link:hover{
  color: var(--clr-primary, #eb0e73);
  border-bottom-color: rgba(235,14,115,0.45);
}

.sm-empty{
  font-family: var(--font-sans, Inter, sans-serif);
  color: rgba(0,0,0,.65);
  line-height:1.7;
  margin: 0;
}

/* ===== HOME: Best Sellers Rail (Flat Editorial v3) ===== */
body.is-home .home-bs{
  background: var(--clr-bg);
}

body.is-home .home-bs__btn{
  border-radius: 0;
  background: var(--clr-primary);
  border: 1px solid var(--clr-primary);
  color: #fff;
  box-shadow: none;
  transition: filter 180ms ease;
}
body.is-home .home-bs__btn:hover{ filter: brightness(0.94); }

/* Remove fog/edge gradients if earlier blocks added them */
body.is-home .home-bs__rail::before,
body.is-home .home-bs__rail::after{
  display: none !important;
  content: none !important;
}

body.is-home .home-bs__rail{
  position: relative;
  padding: 6px 0 18px;
}

/* 4-up desktop, 2-up mobile */
body.is-home .home-bs__track{
  display: flex;
  gap: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  padding: 0 0 12px;
  scrollbar-width: none;
}
body.is-home .home-bs__track::-webkit-scrollbar{ display:none; }

body.is-home .home-bs__item{
  flex: 0 0 calc((100% - 54px) / 4); /* 3 gaps * 18px */
  scroll-snap-align: start;
  text-decoration: none;
  color: inherit;

  /* kill any card look from earlier CSS */
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}

/* image block becomes “flat” */
body.is-home .home-bs__img{
  position: relative;
  padding-top: 0 !important;
  aspect-ratio: 3 / 4;
  background: transparent;
  overflow: hidden;
}
body.is-home .home-bs__img img{
  position: static !important;
  inset: auto !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* SKU centered under image */
body.is-home .home-bs__sku{
  padding: 10px 6px 0;
  text-align: center;
  border: 0 !important;
  font-family: var(--font-sans);
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(0,0,0,0.65);
}

/* Hover arrows (desktop only) */
body.is-home .home-bs__nav{
  position: absolute;
  top: var(--bs-nav-top, 50%);
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background: var(--clr-bg);
  color: rgba(0,0,0,.85);

  opacity: 0;
  pointer-events: none;
  transition: opacity 160ms ease;
  z-index: 3;
}
body.is-home .home-bs__rail:hover .home-bs__nav,
body.is-home .home-bs__rail:focus-within .home-bs__nav{
  opacity: 1;
  pointer-events: auto;
}
body.is-home .home-bs__nav:hover,
body.is-home .home-bs__nav:focus,
body.is-home .home-bs__nav:focus-visible{
  background: var(--clr-bg);
  color: rgba(0,0,0,.85);
  border: 0;
  box-shadow: none;
  transform: translateY(-50%);
}

body.is-home .home-bs__nav--prev{ left: 0; }
body.is-home .home-bs__nav--next{ right: 0; }

/* Progress indicator (mobile): thin track + moving black thumb */
body.is-home .home-bs__progress{
  display: none;
  position: relative;
  height: 2px;
  margin: 6px 0 0;
  background: rgba(0,0,0,0.14);
  overflow: hidden;
}
body.is-home .home-bs__progress span{
  display: block;
  height: 100%;
  width: 28px;              /* JS will override width */
  transform: translateX(0); /* JS will move it */
  background: #0b0b0e;
}

@media (max-width: 900px){
  body.is-home .home-bs__track{ gap: 14px; }
  body.is-home .home-bs__item{
    flex-basis: calc((100% - 14px) / 2); /* 2-up mobile */
  }
  body.is-home .home-bs__progress{ display: block; }
}

@media (max-width: 600px){
  body.is-home .home-bs__nav{ display:none !important; }
}

[data-pricing] .prc-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:18px;
}

@media (max-width: 980px){
  [data-pricing] .prc-grid{
    grid-template-columns: 1fr;
  }
}

[data-pricing] .prc-headActions{
  display:flex;
  align-items:center;
  gap:12px;
}

[data-pricing] .prc-card{
  background:#fff;
  border:1px solid #e6e8ec;
  border-radius:12px;
  padding:16px;
  box-shadow:0 10px 30px rgba(20,24,31,0.04);
  display:flex;
  flex-direction:column;
  gap:12px;
}

[data-pricing] .prc-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

[data-pricing] .prc-card__title{
  font-size:16px;
  font-weight:600;
  color:#111827;
}

[data-pricing] .prc-card__meta{
  font-size:13px;
  color:#6b7280;
}

[data-pricing] .prc-rows{
  display:flex;
  flex-direction:column;
  gap:12px;
}

[data-pricing] .prc-product{
  border:1px solid #eef0f5;
  border-radius:10px;
  background:#f9fafb;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

[data-pricing] .prc-product__head{
  display:flex;
  align-items:center;
  gap:8px;
}

[data-pricing] .prc-product__title{
  font-size:13px;
  color:#4b5563;
  font-weight:500;
}

[data-pricing] .prc-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid #d9e0ff;
  background:#eef2ff;
  color:#3b41f6;
  font-weight:600;
  font-size:13px;
}

[data-pricing] .prc-row{
  display:grid;
  grid-template-columns: 1.3fr 1.3fr 1.2fr 0.6fr 0.9fr;
  gap:10px;
  align-items:flex-start;
}

@media (max-width: 1100px){
  [data-pricing] .prc-row{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px){
  [data-pricing] .prc-row{
    grid-template-columns: 1fr;
  }
}

[data-pricing] .prc-field{
  width:100%;
}

[data-pricing] .prc-field--pricing{
  display:flex;
  flex-direction:column;
  gap:6px;
}

[data-pricing] .prc-priceInputs{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:8px;
}

[data-pricing] .prc-priceInput{
  position:relative;
  display:flex;
  align-items:center;
}

[data-pricing] .prc-priceInput .a-input{
  padding-right:32px;
}

[data-pricing] .prc-suffix{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  color:#6b7280;
  font-weight:600;
  font-size:12px;
  pointer-events:none;
}

[data-pricing] .prc-field--compact .a-input{
  max-width:120px;
}

[data-pricing] .prc-skuLabel{
  display:flex;
  flex-direction:column;
  gap:6px;
}

[data-pricing] .prc-skuLabel__value{
  border:1px solid #e6e8ec;
  border-radius:8px;
  padding:10px 12px;
  font-weight:600;
  color:#111827;
  background:#fff;
}

[data-pricing] .prc-empty{
  padding:8px 0;
  color:#6b7280;
  font-size:13px;
}

/* Stocks flat table */
[data-stocks].stk-flat{
  display: grid;
  gap: var(--s-3);
}

/* Stocks page - reduce pc-missionHead shadow slightly */
[data-stocks].stk-flat .pc-missionHead{
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

/* Unified toolbar card */
.stk-flat__toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: #f4f5f7;
  border: 1px solid #dcdfe4;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0,0,0,.03);
  flex-wrap: wrap;
}

/* Search form container - transparent, flows inside toolbar */
[data-stocks].stk-flat .stk-filters{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  background: transparent;
  border: 0;
  padding: 0;
  flex: 1;
  min-width: 0;
}

/* Left side wrapper inside form */
[data-stocks].stk-flat .stk-flat__left{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}

/* Currency toggle row */
[data-stocks].stk-flat .stk-currencyRow{
  display: flex;
  align-items: center;
  gap: 8px;
}
[data-stocks].stk-flat .stk-curBtn[aria-pressed="true"]{
  background: #111827;
  color: #fff;
  border-color: #111827;
}
[data-stocks].stk-flat .stk-curRate{
  display: flex;
  align-items: center;
}
[data-stocks].stk-flat .stk-curRate input{
  width: 140px;
}
[data-stocks].stk-flat .stk-curSelect{
  display: flex;
  align-items: center;
}
[data-stocks].stk-flat .stk-curSelect select{
  min-width: 180px;
  height: 42px;
  border-radius: 10px;
}

/* Field wrappers */
.stk-filters__field{
  display: inline-flex;
  align-items: center;
}

/* Input and select sizing - stocks scope */
[data-stocks].stk-flat .stk-filters input[type="search"],
[data-stocks].stk-flat .stk-filters input[type="text"]{
  min-width: 240px;
  height: 42px;
  border-radius: 10px;
  border: 1px solid #dcdfe4;
  padding: 0 14px;
  font-size: 14px;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}

[data-stocks].stk-flat .stk-filters input[type="search"]:focus,
[data-stocks].stk-flat .stk-filters input[type="text"]:focus{
  outline: none;
  border-color: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156,163,175,.1);
}

[data-stocks].stk-flat .stk-filters select{
  height: 42px;
  min-width: 90px;
  border-radius: 10px;
  border: 1px solid #dcdfe4;
  padding: 0 32px 0 12px;
  font-size: 14px;
  background: #fff;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: border-color .15s ease;
}

[data-stocks].stk-flat .stk-filters select:focus{
  outline: none;
  border-color: #9ca3af;
}

/* Buttons inside form - stocks scope */
[data-stocks].stk-flat .stk-filters .a-btn{
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  transition: all .15s ease;
}

/* Actions container (right side) */
.stk-flat__actions{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* Bulk Sync button - refined, no bounce (stocks scope only) */
[data-stocks].stk-flat .stk-flat__actions .a-btn--primary{
  height: 42px;
  padding: 0 18px;
  border-radius: 10px;
  background: #111827;
  color: #fff;
  border: 1px solid #111827;
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(17,24,39,.15);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .15s ease;
  transform: none;
}

[data-stocks].stk-flat .stk-flat__actions .a-btn--primary:hover{
  filter: brightness(0.96);
  box-shadow: 0 3px 8px rgba(17,24,39,.2);
  transform: none;
}

[data-stocks].stk-flat .stk-flat__actions .a-btn--primary:active{
  transform: translateY(1px);
  box-shadow: 0 1px 3px rgba(17,24,39,.15);
}

/* Status pill */
[data-stocks].stk-flat .stocks-status{
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 14px;
  border: 1px solid #dcdfe4;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  white-space: nowrap;
  min-width: auto;
  gap: 0;
}

[data-stocks].stk-flat .stocks-status__text{
  display: inline;
}

[data-stocks].stk-flat .stocks-status__error{
  display: block;
  color: #dc2626;
  font-size: 11px;
  margin-top: 2px;
}

/* Responsive: stack on smaller screens */
@media (max-width: 920px){
  .stk-flat__toolbar{
    flex-direction: column;
    align-items: stretch;
  }
  .stk-filters,
  .stk-flat__left,
  .stk-flat__actions{
    width: 100%;
    justify-content: flex-start;
  }
}
.stk-flat__tableCard{
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: none;
  padding: 0;
}
.stk-flat__tableWrap{
  overflow: auto;
  border-radius: 8px;
}
.stk-flat__table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.45;
}
.stk-flat__table thead th{
  text-align: left;
  font-weight: 600;
  color: #111827;
  padding: 12px 14px;
  background: #f8f9fb;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
  position: sticky;
  top: 0;
  z-index: 2;
}
.stk-flat__table td{
  padding: 12px 14px;
  border-top: 1px solid #eef1f5;
  vertical-align: middle;
  background: #fff;
}
.stk-flat__table tr:nth-child(even) td{
  background: transparent;
}
.stk-flat__row:hover td{
  background: #f8fafc;
}
.stk-flat__iconCell{
  width: 48px;
  text-align: center;
}
.stk-flat__iconBtn{
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #4b5563;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color .12s ease, border-color .12s ease, background .12s ease;
}
.stk-flat__iconBtn:hover{
  color: #111827;
  border-color: #d1d5db;
  background: #f8fafc;
}
.stk-flat__sku{
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.stk-flat__text{
  color: #374151;
}
.stk-flat__number{
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.stk-flat__strong{
  font-weight: 800;
  display: block;
}
.stk-thBtn,
.stk-thLabel{
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.stk-thBtn{
  color: #0f172a;
  font-weight: 600;
}
.stk-thBtn.is-active{
  color: #0f172a;
  font-weight: 700;
}
.stk-thBtn.is-active[data-sort-dir="asc"]::after{
  content: "▲";
  font-size: 10px;
}
.stk-thBtn.is-active[data-sort-dir="desc"]::after{
  content: "▼";
  font-size: 10px;
}
.stk-colResizer{
  position: absolute;
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  z-index: 3;
  opacity: 0;
  transition: opacity .12s ease;
}
.stk-colResizer::after{
  content: "";
  position: absolute;
  right: 2px;
  top: 12%;
  height: 76%;
  width: 1px;
  background: #d7dce4;
  opacity: 0;
}
.stk-flat__table thead th:hover .stk-colResizer{
  opacity: 1;
}
.stk-flat__table thead th:hover .stk-colResizer::after{
  opacity: 0.9;
}
.stk-flat__muted,
.stk-flat__number .stk-flat__muted{
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}
.stk-flat__select{
  width: 60px;
  text-align: center;
}
.stk-flat__select input[type="checkbox"]{
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.stk-inline{
  cursor: pointer;
  position: relative;
}
.stk-inline--editing{
  background: #fff3f8;
}
.stk-inline__input{
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 6px 8px;
  font-size: 13px;
  outline: none;
}
.stk-inline__input:focus{
  border-color: rgba(235,14,115,.45);
  box-shadow: 0 0 0 3px rgba(235,14,115,.15);
}

.stk-modal__body{
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  min-width: min(780px, 92vw);
  color: #111827;
}
.stk-modal__header{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.stk-modal__sku{
  font-weight: 800;
  font-size: 16px;
}
.stk-modal__meta{
  font-size: 13px;
  color: #6b7280;
  margin-top: 2px;
}
.stk-modal__action{
  margin-left: auto;
}
.stk-modal__actions{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
}
.stk-modal__tableWrap{
  border: 1px solid #eee7df;
  border-radius: 10px;
  overflow: hidden;
}
.stk-modal__table{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.stk-modal__table th,
.stk-modal__table td{
  padding: 10px 12px;
  border-bottom: 1px solid #f1ede8;
  text-align: left;
}
.stk-modal__table th{
  background: #faf9f7;
  font-weight: 700;
}
.stk-modal__table tr:last-child td{
  border-bottom: none;
}

input.a-input.a-input--sm {
    font-size: 13px;
}