/* OUD storefront: gold-framed photography, readable type, consistent grids. */
body { background:var(--paper); }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); backdrop-filter:none; }
.announcement { background:var(--solid); color:var(--on-solid); font-size:.75rem; letter-spacing:.1em; }
.header-main { min-height:116px; gap:16px; }
.header-actions,.header-leading { gap:8px; }
.desktop-nav { padding-bottom:20px; gap:30px; }
.desktop-nav a { font-size:.8125rem; letter-spacing:.12em; }
.logo .oud-logo { width:164px; height:100px; }
.btn { font-size:.8125rem; letter-spacing:.08em; min-height:48px; border-radius:4px; }
.home-page,.home-products-section,.shop-page,.home-section,.section { background:var(--paper); }
.home-section { padding:64px 0; }
.section-soft,.page-hero,.empty-state { background:var(--cream); color:var(--ink); }
.home-section-heading { margin-bottom:28px; }
.home-section-heading h2,.oud-discovery h2 { font:500 clamp(2rem,3.4vw,3rem)/1.15 var(--font-display); color:var(--heading); margin:8px 0 0; }
.home-section-heading-row { align-items:flex-end; gap:20px; flex-wrap:wrap; }
.home-text-link { font-size:.875rem; color:var(--ink); white-space:normal; }
.eyebrow { color:var(--gold-text); letter-spacing:.15em; }
.oud-hero { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; gap:64px; padding-block:48px 32px; }
.oud-hero-copy { align-self:center; padding:24px 0; }
.oud-hero h1 { margin:20px 0 24px; font:500 clamp(3rem,5.5vw,5.6rem)/1.03 var(--font-display); letter-spacing:-.035em; color:var(--heading); }
.oud-hero h1 em { font-weight:400; color:var(--gold-text); }
.oud-hero p { max-width:420px; color:var(--muted); font-size:1rem; margin:0 0 30px; line-height:1.8; }
.oud-hero-caption { display:flex; flex-wrap:wrap; gap:16px; margin-top:38px; padding-top:18px; border-top:1px solid var(--line); font-size:.8125rem; }
.oud-hero-caption span { color:var(--muted); }
.oud-hero-image { position:relative; display:block; min-width:0; padding:10px; border:1px solid var(--gold-line); border-radius:150px 150px 12px 12px; background:var(--photo-bg); overflow:hidden; }
.oud-hero-image>img { width:100%; height:560px; object-fit:cover; border-radius:140px 140px 7px 7px; }
.oud-hero-image-caption { position:absolute; left:10px; right:10px; bottom:10px; padding:60px 24px 24px; display:grid; gap:8px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.9)); border-radius:0 0 7px 7px; }
.oud-hero-image-caption strong { font:500 2rem/1.2 var(--font-display); color:#f3dfaa; }
.oud-hero-image-caption>span { font-size:.8125rem; }
.product-grid,.home-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:24px; }
.oud-product-card { position:relative; min-width:0; display:flex; flex-direction:column; padding:12px; border:1px solid var(--gold-line); border-radius:20px; background:var(--paper); color:var(--ink); isolation:isolate; transition:box-shadow .2s,border-color .2s; }
.oud-product-card::before { content:""; position:absolute; inset:6px; border:1px solid var(--line); border-radius:15px; pointer-events:none; z-index:-1; }
.oud-product-card:hover { border-color:var(--gold); box-shadow:0 8px 28px #00000018; }
.product-card-brand { margin:0 18px 9px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--line); }
.product-card-brand .oud-logo { width:88px; height:62px; }
.oud-product-card .product-media { position:relative; aspect-ratio:3/4; background:var(--photo-bg); overflow:hidden; border:1px solid var(--gold-line); border-radius:11px; }
.oud-product-card .product-image { display:block; width:100%; height:100%; aspect-ratio:auto; background:var(--photo-bg); }
.oud-product-card .product-image img { display:block; width:100%; height:100%; padding:0; object-fit:contain; mix-blend-mode:normal; }
.oud-product-card:hover .product-image img { transform:none; }
.oud-product-card .product-info { padding:18px 6px 12px; margin-top:14px; text-align:center; border-top:1px solid var(--line); display:flex; flex-direction:column; align-items:center; flex:1; }
.oud-product-card .product-name { display:block; margin:0 0 9px; width:100%; min-height:2.3em; max-width:none; color:var(--heading); font:600 clamp(1.25rem,1.8vw,1.8rem)/1.15 var(--font-display); text-transform:none; letter-spacing:0; overflow-wrap:anywhere; }
.oud-product-card .product-category { font-size:.75rem; font-weight:700; line-height:1.5; letter-spacing:.045em; color:var(--ink); text-transform:uppercase; }
.oud-product-card .product-house { margin:7px 0 12px; color:var(--gold-text); font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; }
.oud-product-card .price { font-size:.875rem; white-space:normal; line-height:1.5; margin-top:auto; }
.oud-product-card .price-old { display:block; margin:0; font-size:.75rem; }
.oud-product-card .price-request { font-weight:500; color:var(--muted); }
.oud-product-card .product-actions { display:grid; grid-template-columns:minmax(0,1fr) 52px; gap:6px; position:static; margin:0; padding:0; opacity:1; visibility:visible; transform:none; }
.oud-product-card .product-action-form { margin:0; min-width:0; }
.oud-product-card .product-action-form button,.oud-product-card .product-enquire,.oud-product-card .product-actions>button { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; padding:8px; background:var(--solid); color:var(--on-solid); border:1px solid var(--solid); border-radius:6px; font-size:.75rem; font-weight:700; letter-spacing:.02em; text-transform:none; line-height:1.3; }
.oud-product-card .product-quick-link { display:flex; align-items:center; justify-content:center; min-height:44px; width:100%; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:6px; font-size:.75rem; font-weight:600; text-transform:none; letter-spacing:0; }
.oud-product-card .product-actions a:hover,.oud-product-card .product-actions button:hover { background:var(--gold); color:#111; border-color:var(--gold); }
.oud-product-card .wishlist-form { position:absolute; right:8px; top:8px; z-index:3; }
.oud-product-card .wishlist-form button,.oud-product-card .product-wish { position:absolute; right:8px; top:8px; width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--paper); color:var(--ink); font:24px/1 Arial,sans-serif; opacity:1; transform:none; }
.oud-product-card .wishlist-form button { position:static; }
.oud-product-card .product-badge { top:10px; left:10px; background:var(--gold); color:#111; font-size:.75rem; }
.oud-discovery { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:center; padding:40px; background:var(--cream); border:1px solid var(--line); border-radius:16px; }
.oud-discovery p { max-width:500px; color:var(--muted); margin:20px 0 28px; }
.oud-discovery img { width:100%; max-height:390px; object-fit:contain; border:1px solid var(--gold-line); border-radius:10px; background:var(--photo-bg); }
.shop-layout { grid-template-columns:230px minmax(0,1fr); gap:30px; }
.shop-layout .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.shop-filters,.filter-group,.shop-toolbar { background:var(--paper); color:var(--ink); border-color:var(--line); }
.filter-title,.filter-option,.sort-select,.shop-search-field,.shop-toolbar,.field-label,.field-control { font-size:.875rem; }
.filter-title { color:var(--ink); }
.filter-label-text small { color:var(--muted); font-size:.75rem; }
.filter-option input:checked + .filter-label-text,.filter-chip { background:var(--sand-pale); color:var(--ink); }
.shop-toolbar select { max-width:100%; }
.shop-results,.product-gallery,.product-summary { min-width:0; }
.product-detail { padding-block:44px; gap:48px; }
.product-main-image { background:var(--photo-bg); border:1px solid var(--gold-line); border-radius:18px; overflow:hidden; }
.product-main-image img { width:100%; height:100%; max-height:680px; object-fit:contain; mix-blend-mode:normal; }
.product-thumbs { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.product-thumb { width:80px; height:104px; padding:3px; border:1px solid var(--line); background:var(--paper); border-radius:6px; }
.product-thumb[aria-pressed="true"] { border:2px solid var(--gold-text); }
.product-thumb img { width:100%; height:100%; object-fit:contain; mix-blend-mode:normal; }
.product-summary h1 { color:var(--heading); line-height:1.12; }
.product-summary .lead,.accordion-body,.product-meta small { color:var(--muted); font-size:.9375rem; }
.product-summary .product-meta strong { font-size:.875rem; }
.product-summary .product-buy-row { flex-wrap:wrap; }
.product-summary .product-price-lg { font-size:1.5rem; }
.product-enquiry { padding:22px; margin:24px 0; border:1px solid var(--line); border-radius:10px; background:var(--cream); }
.product-enquiry p { margin:0 0 16px; }
.product-summary .qty input { background:var(--paper); }
.accordion-head { font-size:.875rem; }
.drawer,.modal,.search-panel,.chat-panel,.cart-summary,.checkout-card,.account-sidebar,.account-card,.auth-card,.order-card,.summary-box { background:var(--paper); color:var(--ink); border-color:var(--line); }
.drawer-head,.drawer-foot,.modal-close,.search-row,.accordion-item { border-color:var(--line); }
.search-row input,.newsletter input,.chat-form input { background:var(--paper); color:var(--ink); }
.site-footer { background:var(--cream); color:var(--ink); margin-top:48px; border-top:1px solid var(--gold-line); }
.footer-grid { grid-template-columns:1.3fr 1fr 1fr 1fr; gap:32px; }
.footer-title { font-size:.875rem; color:var(--ink); }
.footer-copy,.footer-links a { color:var(--muted); font-size:.875rem; line-height:1.8; }
.footer-bottom { color:var(--muted); border-color:var(--line); font-size:.75rem; }
.footer-brand .oud-logo { width:160px; height:104px; margin-bottom:16px; }
.payment-chip { border-color:var(--line); color:var(--ink); }
.pagination-wrap .active { background:var(--solid); color:var(--on-solid); }
@media(max-width:1100px) { .product-grid,.home-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .shop-layout .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .oud-hero { gap:36px; } .oud-hero-image>img { height:500px; } }
@media(max-width:800px) { .oud-hero { gap:24px; } .oud-hero-image>img { height:440px; } .desktop-nav { gap:20px; } .desktop-nav a { font-size:.75rem; } .oud-discovery { gap:24px; padding:28px; } .footer-grid { grid-template-columns:1fr 1fr; } .product-detail { gap:28px; } }
@media(max-width:640px) {
.container-premium,.container-wide { width:calc(100% - 28px); }
.header-main { grid-template-columns:44px minmax(90px,1fr) auto; gap:8px; min-height:88px; }
.logo .oud-logo { width:112px; height:78px; }
.header-actions { gap:2px; } .header-actions .icon-btn,.theme-toggle { width:36px; min-width:36px; min-height:38px; height:38px; }
.header-actions .account-link,.header-actions .wishlist-link { display:none; }
.announcement { font-size:.75rem; letter-spacing:0; padding:7px 10px; }
.desktop-nav { display:none; } .mobile-toggle { display:inline-grid; }
.oud-hero { grid-template-columns:1fr; padding-top:24px; gap:24px; }
.oud-hero-copy { padding:0; } .oud-hero h1 { font-size:3.3rem; } .oud-hero-caption { margin-top:24px; }
.oud-hero-image { border-radius:90px 90px 12px 12px; } .oud-hero-image>img { height:420px; border-radius:80px 80px 7px 7px; }
.home-section { padding:40px 0; } .home-section-heading-row { display:flex; align-items:flex-start; }
.product-grid,.home-product-grid,.shop-layout .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.oud-product-card { padding:9px; border-radius:14px; } .oud-product-card::before { inset:4px; border-radius:10px; }
.product-card-brand { margin:0 5px 7px; } .product-card-brand .oud-logo { width:68px; height:48px; }
.oud-product-card .product-info { padding:12px 2px 10px; margin-top:10px; }
.oud-product-card .product-name { font-size:1.25rem; min-height:2.3em; }
.oud-product-card .product-category,.oud-product-card .product-house { font-size:.75rem; letter-spacing:0; }
.oud-product-card .product-house { text-transform:none; }
.oud-product-card .price { font-size:.8125rem; }
.oud-product-card .product-actions { grid-template-columns:1fr; gap:5px; }
.oud-product-card .product-quick-link { min-height:36px; }
.oud-product-card .wishlist-form { right:5px; top:5px; }
.oud-product-card .wishlist-form button,.oud-product-card .product-wish { width:30px; height:30px; }
.oud-discovery { grid-template-columns:1fr; padding:24px; } .oud-discovery img { max-height:330px; }
.shop-layout { display:block; } .shop-toolbar { flex-wrap:wrap; gap:12px; }
.product-detail { grid-template-columns:1fr; padding-top:24px; } .product-main-image img { max-height:500px; }
.footer-grid { gap:26px; } .footer-brand { grid-column:1/-1; } .footer-bottom { gap:16px; flex-wrap:wrap; }
.btn { padding-inline:18px; } .chat-launcher { right:14px; bottom:16px; }
}
@media(max-width:360px) { .product-grid,.home-product-grid,.shop-layout .product-grid { grid-template-columns:1fr; } .oud-product-card .product-name { min-height:0; } }
/* Tablet filters share the existing drawer behaviour. */
@media(max-width:960px) { .shop-layout { grid-template-columns:minmax(0,1fr); } }
.oud-product-card .product-card-brand .oud-logo { object-fit:contain; }
.oud-product-card .product-wish.is-active { color:var(--gold-text); border-color:var(--gold-text); }
.contact-panel,.auth-panel,.cart-summary-card,.checkout-summary,.form-card { background:var(--cream); color:var(--ink); border-color:var(--line); }
.contact-panel h2,.auth-panel h1,.cart-summary-card h2,.checkout-summary h2 { color:var(--heading); }
.chat-launcher { color:var(--on-solid); background:var(--solid); }
.search-result { font-size:.875rem; color:var(--ink); }
.product-gallery { align-self:start; }
.control-check input:checked { background:var(--solid); box-shadow:none; }
.control-check input::after { border-color:var(--on-solid); }
.filter-option input:checked,.payment-choice input:checked { background:var(--solid); box-shadow:inset 0 0 0 4px var(--paper),0 0 0 1px var(--gold-text); }
.form-field label { font-size:.8125rem; letter-spacing:.075em; }
.form-between,.auth-switch,.form-field .control-check { font-size:.875rem; }
.auth-card { border:1px solid var(--gold-line); border-radius:14px; }
.auth-card h1,.about-copy h2 { color:var(--heading); }
.about-copy p { color:var(--muted); }
.about-image { border:1px solid var(--gold-line); border-radius:16px; }
.checkout-header { background:var(--paper); border-color:var(--line); }
.checkout-header-inner { gap:20px; flex-wrap:wrap; }
.checkout-header .oud-logo { width:130px; height:84px; }

/* Auth forms: balanced card padding and responsive spacing */
.auth-wrap{padding:72px 24px 96px;align-items:center}
.auth-card{width:min(520px,100%);padding:44px 46px 40px;background:var(--paper);box-shadow:0 18px 55px rgba(38,30,20,.06)}
.auth-card h1{margin-bottom:34px}
.auth-card form{display:block;width:100%}
.auth-card .form-field{margin-bottom:20px}
.auth-card .form-row{gap:18px}
.auth-card .field-control{min-height:54px;padding-inline:17px}
.auth-card .control-check{display:flex;align-items:flex-start;gap:9px;line-height:1.5}
.auth-card .btn-full{margin-top:24px;min-height:52px}
.auth-card .auth-switch{margin:28px -46px -40px;padding:20px 24px;border-top:1px solid var(--line);background:var(--cream);border-radius:0 0 14px 14px}
@media(max-width:640px){
 .auth-wrap{padding:42px 14px 70px}
 .auth-card{padding:30px 22px 28px;border-radius:12px}
 .auth-card h1{font-size:44px;margin-bottom:28px}
 .auth-card .form-row{gap:0}
 .auth-card .auth-switch{margin:24px -22px -28px;padding:18px 16px;border-radius:0 0 12px 12px}
}

/* Rich product details rendered from public/product/details/details_ID.txt */
.product-summary .accordion-body h2,.product-summary .accordion-body h3,.product-summary .accordion-body h4{margin:18px 0 8px;color:var(--heading);font-family:var(--display);font-weight:600;line-height:1.2}
.product-summary .accordion-body h2{font-size:1.45rem}.product-summary .accordion-body h3{font-size:1.25rem}.product-summary .accordion-body h4{font-size:1.08rem}
.product-summary .accordion-body p{margin:0 0 12px;line-height:1.75}
.product-summary .accordion-body ul,.product-summary .accordion-body ol{margin:10px 0 14px;padding-left:22px}
.product-summary .accordion-body li{margin:5px 0;line-height:1.65}
.product-summary .accordion-body blockquote{margin:14px 0;padding:10px 14px;border-left:3px solid var(--gold-text);background:var(--cream)}
.product-summary .accordion-body a{text-decoration:underline;text-underline-offset:3px;color:var(--gold-text)}


/* --------------------------------------------------------------------------
   Theme visibility repair: media tiles, gallery thumbnails, logos and auth UI.
   -------------------------------------------------------------------------- */
:root { --oud-media-tile:#f3efe6; }
:root[data-theme="dark"] { --oud-media-tile:#eee8dc; }

/* Main company lockup: transparent artwork with a clear visual footprint. */
.logo .oud-brand-images {
  min-width:190px;
  min-height:112px;
  padding:5px 12px;
  border:1px solid transparent;
  border-radius:16px;
}
.logo .oud-logo-primary { width:178px; height:108px; }
[data-theme="dark"] .logo .oud-brand-images {
  background:rgba(213,173,80,.045);
  border-color:rgba(213,173,80,.22);
  box-shadow:0 0 28px rgba(213,173,80,.05);
}
.footer-brand .oud-logo-primary { width:180px; height:120px; }

/* Product-card identity is a compact emblem + readable store name. */
.product-card-brand {
  min-height:62px;
  margin:0 12px 10px;
  padding:7px 8px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-bottom:1px solid var(--line);
}
.product-card-brand .product-brand-mark {
  flex:0 0 auto;
  width:58px;
  height:40px;
  object-fit:contain;
}
.product-card-brand-name {
  max-width:125px;
  color:var(--gold-text);
  font-size:.68rem;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.08em;
  text-align:left;
  text-transform:uppercase;
}
[data-theme="dark"] .product-card-brand {
  background:linear-gradient(90deg,transparent,rgba(213,173,80,.055),transparent);
}

/* Never multiply product photography into a dark surface. */
.cart-item-img,
.cart-product-image,
.summary-item-image,
.search-result img,
.quick-image,
.product-thumb {
  background:var(--oud-media-tile) !important;
  border:1px solid rgba(119,87,20,.22);
}
.cart-item-img img,
.cart-product-image img,
.summary-item-image img,
.search-result img,
.quick-image img,
.checkout-item-server img,
.product-thumbs button img,
.product-thumb img,
.product-main-image img {
  mix-blend-mode:normal !important;
  filter:none;
}
.cart-item-img img,.cart-product-image img,.summary-item-image img,.search-result img,.quick-image img,.checkout-item-server img {
  opacity:1;
}

/* Gallery thumbnails stay visible in both modes and selected state is obvious. */
.product-thumbs { display:flex; flex-wrap:wrap; gap:11px; margin-top:14px; }
.product-thumbs .product-thumb {
  flex:0 0 82px;
  width:82px;
  height:104px;
  padding:4px;
  border-radius:8px;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.product-thumbs .product-thumb[aria-pressed="true"] {
  border:2px solid var(--gold-text);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--gold-text) 18%,transparent);
}
.product-thumbs .product-thumb img { padding:2px; }

/* Cart and search result cards retain readable images on a dark canvas. */
.cart-item-img { overflow:hidden; border-radius:7px; }
.search-result { border:1px solid var(--line); border-radius:8px; }
.search-result img { border-radius:6px; }
[data-theme="dark"] .search-result { background:#1b1a17; }
[data-theme="dark"] .drawer-foot { background:#181713; }

/* Keep the password-reset link on one line beside Remember me. */
.auth-card .form-between { display:flex; flex-direction:row; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:14px; }
.auth-card .form-between .text-link { white-space:nowrap; flex:0 0 auto; }
.auth-card .control-check { min-width:0; }

@media(max-width:640px) {
  .logo .oud-brand-images { min-width:126px; min-height:78px; padding:3px 7px; border-radius:12px; }
  .logo .oud-logo-primary { width:118px; height:74px; }
  .product-card-brand { min-height:50px; margin:0 4px 8px; padding:5px 4px 8px; gap:5px; }
  .product-card-brand .product-brand-mark { width:44px; height:31px; }
  .product-card-brand-name { max-width:86px; font-size:.56rem; letter-spacing:.045em; }
  .auth-card .form-between { flex-direction:row; align-items:center; }
  .auth-card .form-between .text-link { font-size:.78rem; }
}
@media(max-width:390px) {
  .auth-card .form-between { gap:9px; font-size:.78rem; }
  .auth-card .form-between .text-link { font-size:.74rem; }
}

/* ========================================================================== 
   2026-09 Qatar storefront polish: compact logo + professional checkout
   ========================================================================== */

/* Header brand: no box/border, less vertical space, cleaner scale. */
.header-main{min-height:90px;gap:14px}
.logo{display:flex;align-items:center;justify-content:center;line-height:0}
.logo .oud-brand-images{min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.logo .oud-logo-primary{width:128px!important;height:82px!important;object-fit:contain}
[data-theme="dark"] .logo .oud-brand-images{background:transparent!important;border:0!important;box-shadow:none!important}
.desktop-nav{padding-bottom:15px;gap:28px}
.footer-brand .oud-brand-images{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.footer-brand .oud-logo-primary{width:148px!important;height:101px!important}

/* Compact product-card brand mark after trimming the transparent image padding. */
.product-card-brand .product-brand-mark{width:42px!important;height:42px!important;object-fit:contain}
.product-card-brand{min-height:54px;padding:6px 8px 8px;margin-bottom:8px}

/* Checkout layout */
.checkout-page{background:var(--canvas);padding:52px 0 78px}
.checkout-shell{max-width:1240px}
.checkout-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.checkout-page-head h1{margin:7px 0 8px;color:var(--heading);font:600 clamp(2.35rem,4vw,3.4rem)/1.05 var(--font-display);letter-spacing:-.025em}
.checkout-page-head p{margin:0;max-width:650px;color:var(--muted);font-size:.9rem;line-height:1.7}
.checkout-back-link{flex:0 0 auto;padding:10px 0;color:var(--ink);font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.checkout-grid-pro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:26px;align-items:start}
.checkout-main-pro{display:grid;gap:18px}
.checkout-section-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(24,20,12,.035)}
.checkout-section-head{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--cream) 62%,var(--paper))}
.checkout-step{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--solid);color:var(--on-solid);font-size:.72rem;font-weight:800}
.checkout-section-head h2{margin:1px 0 3px;color:var(--heading);font-size:1.05rem;line-height:1.35}
.checkout-section-head p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.5}
.checkout-section-body{padding:22px}
.checkout-form-grid{display:grid;gap:17px 18px}
.checkout-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.checkout-form-grid .field-wide{grid-column:1/-1}
.checkout-form-pro .form-field{margin:0;min-width:0}
.checkout-form-pro .form-field>label{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--ink);font-size:.73rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.checkout-form-pro .form-field>label span{color:var(--muted);font-size:.65rem;font-weight:500;letter-spacing:0;text-transform:none}
.checkout-form-pro .field-control{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line-dark);border-radius:6px;background:var(--paper);color:var(--ink);font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s}
.checkout-form-pro textarea.field-control{min-height:108px;resize:vertical;line-height:1.6}
.checkout-form-pro .field-control:focus{border-color:var(--gold-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-text) 15%,transparent)}
.checkout-inline-note{display:flex;align-items:flex-start;gap:10px;margin:20px 0;padding:13px 14px;border:1px solid var(--line);border-radius:7px;background:var(--cream)}
.checkout-inline-note>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--solid);color:var(--on-solid);font-size:.7rem}
.checkout-inline-note strong{display:block;font-size:.78rem}
.checkout-inline-note p{margin:2px 0 0;color:var(--muted);font-size:.73rem;line-height:1.5}
.checkout-note-field{margin-top:18px!important}
.checkout-check{display:flex;align-items:flex-start;gap:9px;margin-top:16px;color:var(--ink);font-size:.78rem;line-height:1.5;cursor:pointer}
.checkout-check input{flex:0 0 auto;width:17px;height:17px;margin-top:1px;accent-color:var(--gold-text)}
.checkout-account-box{margin-top:18px;padding:16px;border:1px dashed var(--line-dark);border-radius:7px;background:var(--cream)}
.checkout-account-box .form-field{margin-top:14px}
.checkout-account-box p{margin:10px 0 0;color:var(--muted);font-size:.75rem}
.checkout-select{min-height:52px}
.payment-options-pro{display:grid;gap:10px}
.payment-option-pro{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:flex-start;gap:11px;margin:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;transition:border-color .15s,background .15s}
.payment-option-pro:hover{border-color:var(--gold-text)}
.payment-option-pro>input{position:absolute;opacity:0;pointer-events:none}
.payment-option-dot{width:19px;height:19px;border:1px solid var(--line-dark);border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 5px var(--paper);transition:.15s}
.payment-option-pro:has(input:checked){border-color:var(--gold-text);background:var(--sand-pale)}
.payment-option-pro:has(input:checked) .payment-option-dot{background:var(--gold-text);border-color:var(--gold-text)}
.payment-option-copy{display:grid;gap:4px}
.payment-option-copy strong{font-size:.84rem}
.payment-option-copy small{color:var(--muted);font-size:.73rem;line-height:1.5}
.checkout-summary-pro{position:sticky;top:22px;background:transparent!important;border:0!important}
.checkout-summary-inner{padding:22px;border:1px solid var(--gold-line);border-radius:12px;background:var(--paper);box-shadow:0 14px 36px rgba(24,20,12,.055)}
.checkout-summary-head{position:relative;padding-bottom:16px;border-bottom:1px solid var(--line)}
.checkout-summary-head h2{margin:5px 0 0;color:var(--heading);font:600 1.7rem/1.1 var(--font-display)}
.checkout-summary-head>a{position:absolute;right:0;bottom:17px;color:var(--muted);font-size:.7rem;text-decoration:underline;text-underline-offset:3px}
.checkout-summary-products{display:grid;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.checkout-summary-product{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center}
.checkout-summary-image{width:58px;height:70px;padding:3px;border:1px solid var(--line);border-radius:6px;background:var(--oud-media-tile);overflow:hidden}
.checkout-summary-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal!important;filter:none!important}
.checkout-summary-copy{display:grid;gap:4px;min-width:0}
.checkout-summary-copy strong{font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.checkout-summary-copy span{color:var(--muted);font-size:.68rem}
.checkout-summary-price{font-size:.75rem;white-space:nowrap}
.checkout-summary-totals{display:grid;gap:10px;padding:18px 0 0}
.checkout-summary-totals .summary-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;color:var(--muted);font-size:.77rem}
.checkout-summary-totals .summary-line strong{color:var(--ink);font-size:.78rem;white-space:nowrap}
.checkout-summary-totals .checkout-grand-total{margin-top:5px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:800}
.checkout-summary-totals .checkout-grand-total strong{font-size:1.05rem}
.checkout-coupon{margin-top:14px;padding:10px 12px;border-radius:6px;background:var(--sand-pale);font-size:.72rem}
.checkout-summary-help{margin:12px 0 0;color:var(--muted);font-size:.68rem;line-height:1.5}
.checkout-summary-help a{text-decoration:underline;text-underline-offset:3px}
.checkout-quote-message{min-height:18px;margin:12px 0 0;color:var(--danger);font-size:.7rem;line-height:1.45}
.checkout-place-order{width:100%;min-height:54px;margin-top:8px;font-weight:800}
.checkout-place-order[disabled]{opacity:.55;cursor:not-allowed}
.checkout-security{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:var(--muted);font-size:.66rem;line-height:1.45}
.checkout-security>span:first-child{color:var(--success);font-weight:900}

@media(max-width:960px){
 .header-main{min-height:80px}
 .logo .oud-logo-primary{width:112px!important;height:76px!important}
 .checkout-page{padding-top:34px}
 .checkout-grid-pro{grid-template-columns:1fr}
 .checkout-summary-pro{position:static;order:-1}
 .checkout-summary-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:640px){
 .header-main{min-height:72px}
 .logo .oud-brand-images{min-width:0!important;min-height:0!important;padding:0!important}
 .logo .oud-logo-primary{width:98px!important;height:67px!important}
 .desktop-nav{padding-bottom:12px}
 .checkout-page{padding:26px 0 54px}
 .checkout-shell{width:min(100% - 24px,1240px)}
 .checkout-page-head{display:block;margin-bottom:18px;padding-bottom:18px}
 .checkout-page-head h1{font-size:2.35rem}
 .checkout-back-link{display:inline-block;margin-top:12px}
 .checkout-section-head,.checkout-section-body,.checkout-summary-inner{padding:16px}
 .checkout-form-grid.two{grid-template-columns:1fr}
 .checkout-form-grid .field-wide{grid-column:auto}
 .checkout-summary-products{grid-template-columns:1fr}
 .checkout-summary-product{grid-template-columns:52px minmax(0,1fr) auto}
 .checkout-summary-image{width:52px;height:64px}
 .product-card-brand .product-brand-mark{width:34px!important;height:34px!important}
}