/* Keep the homepage and footer on the theme's original palette. */
html body .op-menu-panel,
html body .op-language-panel,
html body .op-shop-brand-grid article,
html body .op-story-cards article {background-color:#fff}
html body .op-qc-pair {background:#fafbf7;border-color:#dfe5d3}
html body .op-qc-face--ksecret {background:#fff}
html body .op-qc-document .op-qc-face {background:#fff}
html body .op-shop-brand-filter button {background:#fff;color:#465532;border:1px solid #dce3d2}
html body .op-shop-brand-filter button[aria-pressed="true"] {background:#4e6137;color:#fff;border-color:#4e6137}
html body .op-shop-brand-grid article {border-radius:12px;overflow:hidden}
html body .op-shop-brand-grid article[hidden] {display:none!important}
.op-ks-coming {cursor:default}
.op-ks-coming small {display:block;font-size:11px;line-height:1.4;opacity:.75}

/* Use equal-height lining numerals so SEOUL 1988 never renders with a smaller 19. */
html body .op-shop-brand-filter button,
html body .op-shop-brand-grid article h3,
html body .op-shop-brand-grid article [translate="no"] {
 font-variant-numeric:lining-nums;
 font-feature-settings:"lnum" 1;
}

/* Four footer columns; the first company block has the same visual separation as About and Policies. */
@media(min-width:1200px) {
 html body.op-has-service-footer .op-service-footer__inner {padding-inline-end:0}
 html body.op-has-service-footer .op-service-footer__grid {
  max-width:none;grid-template-columns:minmax(285px,1.4fr) repeat(3,minmax(0,1fr));
  column-gap:clamp(32px,3vw,56px);align-items:start;
 }
 /* Preserve original footer illustration at its natural opacity. */
 html body .op-service-footer__grid>* {margin-inline:0;min-width:0}
 html body.op-has-service-footer .op-service-footer__grid>*:first-child {margin-inline-end:clamp(56px,4vw,68px)}
}

/* SEOUL 1988 catalogue cards receive the same cart action on every new import. */
html body .op-seoul1988-card {display:flex;flex-direction:column}
html body .op-seoul1988-card__details {display:flex;flex:1;flex-direction:column;text-decoration:none}
html body .op-seoul-cart {
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 width:max-content;min-height:36px;margin:0 12px 13px;padding:7px 12px;
 border:1px solid #cfd8c2;border-radius:8px;background:#fafbf7;color:#465532;
 box-shadow:none;text-decoration:none;font-size:12px;font-weight:650;line-height:1.2;
 cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
html body .op-seoul-cart:hover,
html body .op-seoul-cart:focus-visible {background:#f2f5ec;border-color:#9eac8b;color:#344327;transform:translateY(-1px)}
html body .op-seoul-cart.loading {opacity:.62;pointer-events:none}
html body .op-seoul-cart.added {background:#eef3e7;border-color:#81936a}
html body .op-seoul-cart__icon {display:inline-flex;width:17px;height:17px;flex:0 0 17px}
html body .op-seoul-cart__icon svg {display:block;width:100%;height:100%}
html body .op-seoul-price-pending {font-size:.92em;color:#6c765f}
html body .op-seoul1988-card+.added_to_cart.wc-forward {margin:0 12px 13px}

/* Our Mission uses the same header alignment as the homepage at every width. */
html body.op-story-page {padding-top:0}
html body.op-story-page > .site-header.op-matching-header {
 position:relative;top:auto;width:100%;max-width:none;margin:0;
 min-height:88px;height:auto;display:flex;align-items:center;gap:28px;
 padding:18px clamp(20px,4vw,64px);box-sizing:border-box;transform:none;
}
html body.op-story-page .op-story-topnav {display:none}
html body.op-story-page .op-inner-tools {margin-inline-start:auto}
html body.op-story-page .op-inner-tools>button,
html body.op-story-page .op-inner-tools>a {flex:0 0 42px;width:42px;height:44px}
@media(max-width:1023px) {
 html body.op-story-page > .site-header.op-matching-header {gap:14px;padding:16px 24px}
}
@media(max-width:760px) {
 html body.op-story-page > .site-header.op-matching-header {min-height:66px;gap:8px;padding:12px}
 html body.op-story-page .op-inner-tools {gap:0}
 html body.op-story-page .op-inner-tools>button,
 html body.op-story-page .op-inner-tools>a {width:30px;height:36px;flex-basis:30px}
 html body .op-seoul-cart {margin-inline:10px}
}
@media(max-width:380px) {
 html body.op-story-page .op-inner-tools>button,
 html body.op-story-page .op-inner-tools>a {width:28px;flex-basis:28px}
}


/* 1.2.9: preserve original footer layout and decoration; enlarge only OLIVE PEOPLE–About spacing. */
@media (min-width: 1200px) {
  html body.op-has-service-footer .op-service-footer__grid > *:first-child {
    margin-inline-end: clamp(76px, 5vw, 88px);
  }
}