@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
/* =========================================================
   SCENTIS – Luxury Perfume Theme for OpenCart 4 (default theme)
   Palette taken from logo: black / white + champagne gold accent
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Jost:wght@300;400;500;600&display=swap');

:root {
  --sc-black: #0a0a0a;
  --sc-ink: #161616;
  --sc-white: #ffffff;
  --sc-cream: #f7f4ef;
  --sc-gold: #b8995e;
  --sc-gold-dark: #9a7d46;
  --sc-grey: #6f6b66;
  --sc-line: #e7e2d9;
  --sc-serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sc-sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;

  --bs-primary: #0a0a0a;
  --bs-primary-rgb: 10, 10, 10;
  --bs-link-color: #0a0a0a;
  --bs-link-hover-color: #9a7d46;
  --bs-body-font-family: var(--sc-sans);
  --bs-body-color: #2b2b2b;
  --bs-body-bg: #ffffff;
}

/* ---------- Base ---------- */
body { font-family: var(--sc-sans); font-weight: 400; color: #2b2b2b; background: #fff; letter-spacing: .01em; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--sc-serif); font-weight: 600; color: var(--sc-black); letter-spacing: .02em; }
h1, .h1 { font-size: 2.6rem; }
h2, .h2 { font-size: 2.1rem; }
a { color: var(--sc-black); text-decoration: none; transition: color .25s; }
a:hover { color: var(--sc-gold-dark); }
::selection { background: var(--sc-gold); color: #fff; }
body { overflow-x: hidden; }
#content { padding-bottom: 40px; }

/* ---------- Buttons ---------- */
.btn { font-family: var(--sc-sans); font-size: .78rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; border-radius: 0; padding: .85rem 1.6rem; transition: all .3s; }
.btn-primary, .btn-dark {
  --bs-btn-bg: var(--sc-black); --bs-btn-border-color: var(--sc-black); --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--sc-gold); --bs-btn-hover-border-color: var(--sc-gold); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--sc-gold-dark); --bs-btn-active-border-color: var(--sc-gold-dark);
  background: var(--sc-black); border-color: var(--sc-black); color: #fff;
}
.btn-primary:hover, .btn-dark:hover { background: var(--sc-gold); border-color: var(--sc-gold); color: #fff; }
.btn-light, .btn-outline-secondary, .btn-outline-primary, .btn-secondary {
  --bs-btn-bg: transparent; --bs-btn-color: var(--sc-black); --bs-btn-border-color: var(--sc-black);
  --bs-btn-hover-bg: var(--sc-black); --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: var(--sc-black);
  background: transparent; color: var(--sc-black); border: 1px solid var(--sc-black);
}
.btn-light:hover, .btn-outline-secondary:hover, .btn-outline-primary:hover, .btn-secondary:hover { background: var(--sc-black); color: #fff; }
.btn-danger { --bs-btn-bg: #7a1f1f; --bs-btn-border-color: #7a1f1f; border-radius: 0; }

/* ---------- Top bar ---------- */
#top { background: var(--sc-black); border-bottom: 1px solid #222; padding: 6px 0; margin: 0; }
#top .container { color: #cfcfcf; }
#top a, #top .btn, #top .dropdown-toggle, #top .btn-link { color: #cfcfcf; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; background: transparent; border: 0; padding: 4px 10px; }
#top a:hover, #top .btn:hover { color: var(--sc-gold); background: transparent; }
#top .dropdown-menu { border-radius: 0; background: var(--sc-ink); border: 1px solid #2a2a2a; }
#top .dropdown-menu a { color: #ddd; }

/* ---------- Header ---------- */
header { background: var(--sc-black); padding: 18px 0 14px; margin: 0; transition: padding .3s; }
header .container { color: #fff; }
#logo { text-align: left; margin: 0; }
#logo img { max-height: 62px; width: auto; transition: max-height .3s; }
header.sc-shrink { padding: 8px 0; }
header.sc-shrink #logo img { max-height: 44px; }

/* Search */
#search { margin: 0; }
#search .form-control {
  background: transparent; border: 0; border-bottom: 1px solid #555; color: #fff;
  border-radius: 0; height: 46px; font-size: .85rem; letter-spacing: .08em; box-shadow: none;
}
#search .form-control::placeholder { color: #8e8e8e; }
#search .form-control:focus { border-bottom-color: var(--sc-gold); }
#search .btn { background: transparent; border: 0; border-bottom: 1px solid #555; color: #fff; border-radius: 0; height: 46px; padding: 0 16px; }
#search .btn:hover { color: var(--sc-gold); }

/* Cart button */
#header-cart .btn, #cart > .btn {
  background: transparent; color: #fff; border: 1px solid #555; border-radius: 0;
  font-size: .75rem; letter-spacing: .12em; padding: .8rem 1.1rem;
}
#header-cart .btn:hover, #cart > .btn:hover { border-color: var(--sc-gold); color: var(--sc-gold); background: transparent; }
#header-cart .dropdown-menu { border-radius: 0; border: 1px solid var(--sc-line); box-shadow: 0 20px 50px rgba(0,0,0,.18); min-width: 340px; }

/* ---------- Main menu ---------- */
#menu { background: var(--sc-black) !important; border: 0; border-top: 1px solid #222; border-radius: 0; margin: 0 0 30px; min-height: 0; }
#menu .navbar-nav { justify-content: center; width: 100%; }
#menu .nav-link, #menu .navbar-nav > li > a {
  color: #e9e9e9 !important; font-family: var(--sc-sans); font-size: .78rem; font-weight: 500;
  letter-spacing: .2em; text-transform: uppercase; padding: 16px 20px; position: relative;
}
#menu .nav-link:hover, #menu .navbar-nav > li > a:hover { color: var(--sc-gold) !important; background: transparent !important; }
#menu .nav-link::after { display: none; }
#menu .dropdown-menu { background: var(--sc-ink); border: 1px solid #2a2a2a; border-radius: 0; padding: 14px 0; margin-top: 0; }
#menu .dropdown-inner a, #menu .dropdown-menu a { color: #d8d8d8; font-size: .8rem; letter-spacing: .08em; padding: 7px 24px; }
#menu .dropdown-inner a:hover, #menu .dropdown-menu a:hover { color: var(--sc-gold); background: transparent; }
#menu .see-all { border-top: 1px solid #2a2a2a !important; margin-top: 8px; padding-top: 10px !important; color: var(--sc-gold) !important; }
#menu .navbar-toggler, #menu #category { color: #fff; }
#menu .navbar-toggler { border-color: #555; }
#menu .navbar-toggler-icon, #menu .navbar-toggler i { filter: invert(1); }

/* ---------- Alerts, breadcrumb ---------- */
.breadcrumb { background: transparent; padding: 14px 0; margin: 0 0 20px; border-bottom: 1px solid var(--sc-line); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.breadcrumb a { color: var(--sc-grey); }
.breadcrumb a:hover { color: var(--sc-gold-dark); }
.alert { border-radius: 0; font-size: .85rem; }
#alert { z-index: 9999; }

/* ---------- Home custom blocks (HTML Content modules) ---------- */
.sc-eyebrow { display: block; font-size: .74rem; letter-spacing: .38em; text-transform: uppercase; color: var(--sc-gold); margin-bottom: 14px; font-weight: 500; }
.sc-title { text-align: center; margin: 60px 0 40px; }
.sc-title h2 { font-size: 2.4rem; margin: 0; }
.sc-title h2::after { content: ''; display: block; width: 56px; height: 1px; background: var(--sc-gold); margin: 18px auto 0; }
.sc-btn { display: inline-block; background: var(--sc-gold); color: #fff !important; font-size: .78rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; padding: 15px 36px; border: 1px solid var(--sc-gold); transition: all .3s; margin: 6px 8px 6px 0; }
.sc-btn:hover { background: transparent; color: var(--sc-gold) !important; }
.sc-btn-ghost { background: transparent; border-color: #fff; color: #fff !important; }
.sc-btn-ghost:hover { background: #fff; color: var(--sc-black) !important; border-color: #fff; }

/* Hero */
.sc-hero {
  position: relative; min-height: 560px; display: flex; align-items: center; margin: -30px 0 0;
  background: radial-gradient(circle at 75% 40%, rgba(184,153,94,.28), transparent 45%), linear-gradient(135deg, #000 0%, #121212 55%, #1d1810 100%);
  background-size: cover; background-position: center; color: #fff;
}
.sc-hero-inner { max-width: 640px; padding: 70px 0; }
.sc-hero h1 { font-size: 4rem; line-height: 1.05; color: #fff; font-weight: 500; margin-bottom: 20px; }
.sc-hero h1 em { color: var(--sc-gold); font-style: italic; }
.sc-hero p { font-size: 1.05rem; color: #c9c9c9; font-weight: 300; line-height: 1.8; margin-bottom: 30px; }

/* Collection tiles */
.sc-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sc-tile { position: relative; display: flex; align-items: flex-end; min-height: 380px; padding: 30px; background: linear-gradient(160deg, #111, #26211a); overflow: hidden; color: #fff !important; transition: transform .4s; }
.sc-tile:nth-child(2) { background: linear-gradient(160deg, #1b1b1b, #000); }
.sc-tile:nth-child(3) { background: linear-gradient(160deg, #2a2216, #0d0d0d); }
.sc-tile::before { content: ''; position: absolute; inset: 14px; border: 1px solid rgba(184,153,94,.35); transition: inset .4s, border-color .4s; }
.sc-tile:hover::before { inset: 8px; border-color: var(--sc-gold); }
.sc-tile h3 { color: #fff; font-size: 1.9rem; margin: 0 0 6px; position: relative; }
.sc-tile span { position: relative; font-size: .72rem; letter-spacing: .25em; text-transform: uppercase; color: var(--sc-gold); }

/* Brand story */
.sc-story { background: var(--sc-cream); padding: 80px 20px; text-align: center; margin: 70px calc(50% - 50vw) 0; }
.sc-story div { max-width: 760px; margin: 0 auto; }
.sc-story h2 { font-size: 2.6rem; margin-bottom: 20px; }
.sc-story p { font-size: 1.05rem; line-height: 1.95; color: #55514b; font-weight: 300; }

/* Features */
.sc-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; padding: 60px 0 20px; }
.sc-feature h4 { font-size: 1.35rem; margin: 10px 0 8px; }
.sc-feature p { font-size: .88rem; color: var(--sc-grey); margin: 0; line-height: 1.7; }
.sc-feature .sc-icon { font-family: var(--sc-serif); font-size: 2.6rem; color: var(--sc-gold); line-height: 1; }

/* CTA band */
.sc-cta { background: var(--sc-black); color: #fff; text-align: center; padding: 70px 20px; margin: 50px calc(50% - 50vw) -40px; }
.sc-cta h2 { color: #fff; font-size: 2.4rem; }
.sc-cta p { color: #bdbdbd; font-weight: 300; margin-bottom: 24px; }

/* ---------- Product grid ---------- */
#content > h3, #content > h1, #content > h2, .module-title { text-align: center; }
h3.sc-heading, #content > h3 { font-size: 2rem; margin: 40px 0 30px; position: relative; }
#content > h3::after { content: ''; display: block; width: 56px; height: 1px; background: var(--sc-gold); margin: 14px auto 0; }

.product-thumb { border: 0; border-radius: 0; background: #fff; box-shadow: none; margin-bottom: 30px; position: relative; text-align: center; transition: transform .35s; }
.product-thumb:hover { transform: translateY(-4px); }
.product-thumb .image { background: var(--sc-cream); overflow: hidden; padding: 0; }
.product-thumb .image img { transition: transform .6s ease; width: 100%; height: auto; }
.product-thumb:hover .image img { transform: scale(1.06); }
.product-thumb .content { padding: 20px 10px 0; }
.product-thumb .description h4 { font-size: 1.45rem; margin: 0 0 6px; }
.product-thumb .description h4 a { color: var(--sc-black); }
.product-thumb .description h4 a:hover { color: var(--sc-gold-dark); }
.product-thumb .description p { font-size: .82rem; color: var(--sc-grey); line-height: 1.6; }
.product-thumb .price { margin: 10px 0 0; font-size: 1rem; color: var(--sc-black); letter-spacing: .06em; font-weight: 500; }
.price-new { color: var(--sc-gold-dark); font-weight: 600; }
.price-old { color: #999; text-decoration: line-through; margin-left: 6px; font-size: .9em; }
.price-tax { display: block; font-size: .75rem; color: #999; }
.product-thumb .button { border: 0; display: flex; margin-top: 16px; background: transparent; padding: 0; }
.product-thumb .button form { flex: 1; display: flex; }
.product-thumb .button button { flex: 1; border: 1px solid var(--sc-black); border-radius: 0; background: transparent; color: var(--sc-black); padding: 12px 8px; transition: all .3s; }
.product-thumb .button button:first-child, .product-thumb .button form button { background: var(--sc-black); color: #fff; }
.product-thumb .button button:hover { background: var(--sc-gold); border-color: var(--sc-gold); color: #fff; }
.product-thumb .button form + button, .product-thumb .button button + button { flex: 0 0 48px; border-left: 0; }
.badge, .product-thumb .sale { border-radius: 0; background: var(--sc-gold); font-size: .65rem; letter-spacing: .15em; text-transform: uppercase; }

/* Sidebar (category / filter / etc.) */
.list-group-item { border-radius: 0; border-color: var(--sc-line); font-size: .85rem; letter-spacing: .06em; }
.list-group-item.active, .list-group-item:hover { background: var(--sc-black); border-color: var(--sc-black); color: #fff; }
#column-left .card, #column-right .card { border-radius: 0; border-color: var(--sc-line); }
.card-header { background: var(--sc-black); color: #fff; font-family: var(--sc-serif); font-size: 1.2rem; border-radius: 0 !important; }

/* ---------- Product page ---------- */
#product-info h1, #content h1 { font-size: 2.6rem; margin-bottom: 14px; }
#product-info .price, #content .price-new { font-size: 1.7rem; font-family: var(--sc-serif); }
.thumbnails .image-additional img, .image-additional img { border: 1px solid var(--sc-line); border-radius: 0; }
.thumbnail, .img-thumbnail { border-radius: 0; border-color: var(--sc-line); }
.nav-tabs { border-bottom: 1px solid var(--sc-line); }
.nav-tabs .nav-link { border: 0; border-radius: 0; color: var(--sc-grey); font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; padding: 14px 22px; }
.nav-tabs .nav-link.active { color: var(--sc-black); border-bottom: 2px solid var(--sc-gold); background: transparent; }
#button-cart { width: 100%; padding: 1.1rem; }

/* ---------- Forms ---------- */
.form-control, .form-select { border-radius: 0; border: 1px solid #d5d0c7; padding: .75rem 1rem; font-size: .9rem; }
.form-control:focus, .form-select:focus { border-color: var(--sc-gold); box-shadow: 0 0 0 .15rem rgba(184,153,94,.2); }
.form-label, label.col-form-label { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: #444; }
.required .col-form-label::before, .required .form-label::before { color: var(--sc-gold-dark); }

/* ---------- Tables, cart, checkout ---------- */
.table > :not(caption) > * > * { padding: 1rem .75rem; border-color: var(--sc-line); }
.table thead td, .table thead th { background: var(--sc-cream); font-size: .75rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 500; }
.page-link { border-radius: 0; color: var(--sc-black); border-color: var(--sc-line); }
.page-item.active .page-link { background: var(--sc-black); border-color: var(--sc-black); }
.page-link:hover { color: var(--sc-gold-dark); }
.dropdown-menu { border-radius: 0; }

/* ---------- Footer ---------- */
footer { background: var(--sc-black); color: #a9a9a9; margin: 60px 0 0; padding: 70px 0 20px; border: 0; }
footer h5 { color: #fff; font-family: var(--sc-serif); font-size: 1.35rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 20px; position: relative; padding-bottom: 12px; }
footer h5::after { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background: var(--sc-gold); }
footer a { color: #a9a9a9; font-size: .85rem; letter-spacing: .04em; }
footer a:hover { color: var(--sc-gold); }
footer ul.list-unstyled li { margin-bottom: 9px; }
footer hr { border-color: #262626; opacity: 1; margin: 40px 0 20px; }
footer p { font-size: .78rem; letter-spacing: .08em; text-align: center; margin: 0; }
.sc-cta + footer, #container + footer { margin-top: 0; }

/* WhatsApp floating button (optional – enabled by scentis.js) */
.sc-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 999; width: 54px; height: 54px; border-radius: 50%; background: #25d366; color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 1.7rem; box-shadow: 0 8px 24px rgba(0,0,0,.3); }

/* Reveal animation (only if JS runs) */
.sc-js .sc-reveal { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform .8s ease; }
.sc-js .sc-reveal.sc-in { opacity: 1; transform: none; }

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  .sc-hero h1 { font-size: 3rem; }
  .sc-tiles { grid-template-columns: 1fr; }
  .sc-tile { min-height: 240px; }
  .sc-features { grid-template-columns: repeat(2, 1fr); }
  #menu .nav-link, #menu .navbar-nav > li > a { padding: 12px 18px; }
  #logo { text-align: center; margin-bottom: 14px; }
  #header-cart .btn { width: 100%; }
}
@media (max-width: 575px) {
  h1, .h1 { font-size: 2rem; }
  .sc-hero { min-height: 480px; }
  .sc-hero h1 { font-size: 2.4rem; }
  .sc-features { grid-template-columns: 1fr; }
  .sc-title h2, .sc-story h2, .sc-cta h2 { font-size: 1.9rem; }
}


/* =========================================================
   v2 FIXES
   ========================================================= */
/* Icons: make sure Font Awesome icons use the icon font */
.fa-solid, .fas, .fa { font-family: 'Font Awesome 6 Free' !important; font-weight: 900; }
.fa-regular, .far { font-family: 'Font Awesome 6 Free' !important; font-weight: 400; }
.fa-brands, .fab { font-family: 'Font Awesome 6 Brands' !important; }

/* Search box: slim line on black */
header .form-control, header #search input, header input[name="search"] {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid #555 !important;
  color: #fff !important; box-shadow: none !important; border-radius: 0 !important;
}
header .form-control::placeholder, header input[name="search"]::placeholder { color: #8e8e8e !important; }
header #search .btn, header .input-group .btn {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid #555 !important;
  color: #fff !important; border-radius: 0 !important;
}
header #search .btn:hover, header .input-group .btn:hover { color: var(--sc-gold) !important; }
header #search .btn i, header .input-group .btn i { color: #fff; }

/* Menu: full-width black bar */
#menu { position: relative; isolation: isolate; background: transparent !important; border: 0 !important; box-shadow: none !important; }
#menu::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; background: #0a0a0a; border-top: 1px solid #222; }
#menu .navbar-nav > li > a, #menu .nav-link, #menu .dropdown-toggle { color: #e9e9e9 !important; font-weight: 500 !important; }
#menu .navbar-nav > li > a:hover, #menu .nav-link:hover { color: var(--sc-gold) !important; }

/* Hero: full-width background, content stays aligned with the site */
.sc-hero { position: relative; isolation: isolate; background: none !important; }
.sc-hero::before {
  content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw;
  background: radial-gradient(circle at 75% 40%, rgba(184,153,94,.28), transparent 45%), linear-gradient(135deg, #000 0%, #121212 55%, #1d1810 100%);
  background-size: cover; background-position: center;
}

/* Product cards: make sure everything shows and nothing is clipped */
#container, #content { overflow: visible !important; }
.product-thumb { height: auto !important; }
.product-thumb .content { display: block !important; opacity: 1 !important; visibility: visible !important; position: static !important; }
footer { position: relative; z-index: 1; clear: both; }

/* =========================================================
   v3 FIXES – product price + add-to-cart label
   ========================================================= */
.product-thumb .price, .product-thumb .description .price {
  position: static !important; display: block !important; opacity: 1 !important; visibility: visible !important;
  height: auto !important; width: auto !important; margin: 12px 0 14px !important; padding: 0 !important;
  color: var(--sc-black) !important; font-size: 1.05rem; letter-spacing: .06em; font-weight: 500; text-align: center;
  background: transparent !important; transform: none !important;
}
.product-thumb .price-new { color: var(--sc-black); font-weight: 500; }
.product-thumb .price:has(.price-old) .price-new { color: var(--sc-gold-dark); font-weight: 600; }
.product-thumb .price-tax { display: none; }
.product-thumb .button { margin-top: 0 !important; }
.product-thumb .button button:first-child { font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
.product-thumb .button button:first-child::after { content: "  Add to cart"; font-family: var(--sc-sans); font-weight: 500; }

/* =========================================================
   v4 FIXES – exact match for OpenCart 4.1 product card markup
   ========================================================= */
.product-thumb .content { position: relative !important; }
.product-thumb .description { position: static !important; padding: 0 8px !important; margin: 0 0 12px !important; min-height: 0 !important; height: auto !important; }
.product-thumb form { position: static !important; display: block !important; margin: 0 !important; }
.product-thumb .button { position: static !important; display: flex !important; }

/* =========================================================
   v5 – lining (normal-height) numbers for prices and headings
   ========================================================= */
body, h1, h2, h3, h4, h5, h6, .price, .price-new, .price-old {
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum" 1;
}
/* v6 – hero starts right under the header when there is no menu */
body:not(:has(#menu)) .sc-hero { margin-top: 0 !important; }
/* ===== v8: CHECKOUT & CART PAGES ===== */
#checkout-checkout h1, #checkout-cart h1 { text-align: center; font-size: 2.4rem; margin: 10px 0 0; }
#checkout-checkout h1::after, #checkout-cart h1::after { content: ''; display: block; width: 56px; height: 1px; background: var(--sc-gold); margin: 16px auto 28px; }

/* Section headings */
#checkout-checkout h2, #checkout-checkout .h2, #checkout-checkout legend, #checkout-cart h2 {
  font-family: var(--sc-serif); font-size: 1.55rem; padding-bottom: 12px; margin: 0 0 22px;
  border-bottom: 1px solid var(--sc-line); width: 100%; float: none;
}

/* Section cards */
#checkout-register, #checkout-login, #checkout-account, #checkout-payment-address, #checkout-shipping-address,
#checkout-shipping-method, #checkout-payment-method, #checkout-confirm, #checkout-cart .table-responsive {
  background: #fff; border: 1px solid var(--sc-line); padding: 28px; margin-bottom: 26px;
}

/* Tick boxes and radio buttons */
input[type="radio"], input[type="checkbox"] { accent-color: #0a0a0a; }
.form-check-input:checked { background-color: #0a0a0a; border-color: #0a0a0a; }
.form-check-label { font-size: .9rem; }

/* Action buttons */
#button-register, #button-login, #button-shipping-methods, #button-payment-methods, #button-shipping-method, #button-payment-method {
  background: #0a0a0a; border-color: #0a0a0a; color: #fff;
}
#button-register:hover, #button-login:hover, #button-shipping-method:hover, #button-payment-method:hover { background: var(--sc-gold); border-color: var(--sc-gold); }
#button-confirm { width: 100%; padding: 1.15rem; background: var(--sc-gold) !important; border-color: var(--sc-gold) !important; color: #fff !important; font-size: .85rem; }
#button-confirm:hover { background: #0a0a0a !important; border-color: #0a0a0a !important; }

/* Order summary and totals */
#checkout-confirm .table img, #checkout-cart .table img { width: 64px; height: auto; border: 1px solid var(--sc-line); }
#checkout-confirm tfoot td, #checkout-cart tfoot td { font-size: .95rem; padding-top: .7rem; padding-bottom: .7rem; }
#checkout-confirm tfoot tr:last-child td, #checkout-cart tfoot tr:last-child td {
  font-family: var(--sc-serif); font-size: 1.4rem; font-weight: 700; border-top: 2px solid #0a0a0a; color: #0a0a0a;
}

/* Trust strip (optional, added in Part 3) */
.sc-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 34px; padding: 14px 10px; margin: 0 0 30px; background: var(--sc-cream); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: #55514b; }
.sc-trust span i, .sc-trust a i { color: var(--sc-gold-dark); margin-right: 7px; }
.sc-trust a { color: #55514b; }

@media (max-width: 575px) {
  #checkout-register, #checkout-login, #checkout-account, #checkout-payment-address, #checkout-shipping-address,
  #checkout-shipping-method, #checkout-payment-method, #checkout-confirm { padding: 18px; }
  #checkout-checkout h1, #checkout-cart h1 { font-size: 1.9rem; }
}
/* ===== v9: HERO WITH BOTTLE PHOTO ===== */
.sc-hero { min-height: 620px; }
.sc-hero::before { background: #0a0a0a url('/image/catalog/hero-elite.jpg') center / cover no-repeat !important; }
.sc-hero-inner { max-width: 560px; }
.sc-hero .sc-eyebrow { display: flex; align-items: center; gap: 14px; }
.sc-hero .sc-eyebrow::before { content: ''; width: 42px; height: 1px; background: var(--sc-gold); }
.sc-hero h1 { font-size: 4.4rem; line-height: 1.02; }
.sc-hero-tag { display: inline-block; margin-top: 8px; padding: 12px 18px; border: 1px solid rgba(184,153,94,.5); color: #d9c08a; font-size: .72rem; letter-spacing: .22em; text-transform: uppercase; }
.sc-hero-tag strong { color: #fff; font-weight: 500; }
@media (max-width: 991px) {
  .sc-hero { min-height: 540px; }
  .sc-hero::before { background-position: 76% center !important; }
  .sc-hero::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.35)); }
  .sc-hero-inner { max-width: 100%; }
  .sc-hero h1 { font-size: 3rem; }
}