/*
Theme Name:  Rose & Castle Modern
Theme URI:   https://roseandcastle.co.uk
Description: Rose & Castle — dusty rose boutique theme
Version:     1.0.3
Author:      Rose & Castle
Text Domain: rose-and-castle-modern
Tags:        woocommerce, e-commerce, custom-menu, full-width-template
*/

/* ============================================================
   1. Variables & Reset
   ============================================================ */

:root {
  --bg:         #f9ecea;
  --bg-deep:    #f2dede;
  --bg-card:    #fdf5f4;
  --panel:      #2e1218;
  --panel-mid:  #4a1e28;
  --ink:        #2a0f14;
  --ink-soft:   #7a444e;
  --ink-muted:  #b48a92;
  --accent:     #b84c60;
  --accent-dk:  #9a3a4e;
  --accent-lt:  #fce8ec;
  --accent-2:   #9b7aaa;
  --border:     #e8cfd0;
  --border-mid: #d4b0b4;
  --max-w:      1200px;
  --nav-h:      64px;
  --radius:     12px;
  --radius-sm:  8px;
  --radius-xs:  6px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--accent); text-decoration: none; transition: color .15s; }
a:hover { color: var(--accent-dk); }
button { font-family: inherit; }
ul { list-style: none; }

/* ============================================================
   2. Layout
   ============================================================ */

.wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 48px;
}

.site-main { min-height: 60vh; }

/* ============================================================
   3. Header / Nav
   ============================================================ */

.site-header {
  background: var(--bg);
  border-bottom: 1.5px solid var(--border-mid);
  position: sticky;
  top: 0;
  z-index: 200;
  transition: box-shadow .2s;
}
.site-header.scrolled {
  box-shadow: 0 2px 16px rgba(46,18,24,.1);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--nav-h);
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 48px;
}

.site-branding a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.site-title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.03em;
  color: var(--ink);
}
.site-title:hover { color: var(--ink); text-decoration: none; }

.primary-nav-list {
  display: flex;
  gap: 36px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.primary-nav-list a {
  color: var(--ink-soft);
  text-decoration: none;
}
.primary-nav-list a:hover,
.primary-nav-list .current-menu-item > a,
.primary-nav-list .current_page_item > a {
  color: var(--ink);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-bag-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: var(--accent);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: var(--radius-sm);
  border: none;
  cursor: pointer;
  letter-spacing: -.02em;
  text-decoration: none;
  transition: background .15s;
  white-space: nowrap;
}
.header-bag-btn:hover {
  background: var(--accent-dk);
  color: #fff;
  text-decoration: none;
}
.header-bag-btn svg { flex-shrink: 0; }

.cart-count.rc-cart-count {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  background: rgba(255,255,255,.25);
  border-radius: 9px;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  line-height: 18px;
  padding: 0 4px;
}

/* ============================================================
   4. Hero (front page)
   ============================================================ */

.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}

.hero-left {
  background: var(--bg);
  padding: 72px 56px 72px 0;
  display: flex;
  justify-content: flex-end;
}
.hero-left-inner {
  width: 100%;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--accent-lt);
  color: var(--accent);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: var(--radius-xs);
  margin-bottom: 22px;
  width: fit-content;
  border: 1px solid #f2c4cc;
}

.hero-h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.06;
  color: var(--ink);
  letter-spacing: -.04em;
  margin-bottom: 18px;
}
.hero-h1 .pop { color: var(--accent); }

.hero-body {
  font-size: 15px;
  line-height: 1.72;
  color: var(--ink-soft);
  margin-bottom: 32px;
  font-weight: 400;
}

.hero-ctas { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.hero-stats {
  display: flex;
  gap: 28px;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1.5px solid var(--border);
}
.stat-num {
  font-size: 20px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.04em;
  display: block;
}
.stat-label {
  font-size: 11px;
  color: var(--ink-muted);
  font-weight: 400;
  display: block;
  margin-top: 2px;
}

.hero-right {
  background: var(--panel);
  background-image:
    radial-gradient(circle at 25% 20%, rgba(184,76,96,.28) 0%, transparent 55%),
    radial-gradient(circle at 75% 75%, rgba(155,122,170,.2) 0%, transparent 50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  gap: 14px;
  position: relative;
}
.hero-right-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  background: var(--accent);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.hero-photos {
  display: flex;
  gap: 10px;
  width: 100%;
  height: 300px;
}
.hero-photo {
  flex: 1;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--panel-mid);
}
.hero-photo:first-child { margin-top: 32px; }
.hero-photo:last-child { background: #3d1622; }
.hero-photo img { width: 100%; height: 100%; object-fit: cover; }
.hero-caption {
  font-size: 11px;
  color: rgba(249,236,234,.35);
  letter-spacing: .06em;
  text-align: center;
}

/* ============================================================
   5. Marquee Strip
   ============================================================ */

.marquee-strip {
  background: var(--accent);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 11px 0;
  overflow: hidden;
  white-space: nowrap;
}
.marquee-inner {
  display: inline-flex;
  gap: 56px;
  padding: 0 28px;
  animation: marquee 28s linear infinite;
}
.marquee-inner span {
  opacity: .9;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.marquee-inner span::before { content: "✦"; opacity: .7; }

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ============================================================
   6. Features Row
   ============================================================ */

.features-row {
  background: var(--bg);
  border-top: 1.5px solid var(--border);
  border-bottom: 1.5px solid var(--border);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.feature-item {
  padding: 22px 28px;
  border-right: 1.5px solid var(--border);
  display: flex;
  align-items: center;
  gap: 14px;
}
.feature-item:last-child { border-right: none; }
.feature-icon {
  width: 40px;
  height: 40px;
  background: var(--accent-lt);
  border: 1.5px solid #f2c4cc;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex-shrink: 0;
}
.feature-title { font-size: 12px; font-weight: 600; color: var(--ink); letter-spacing: -.01em; }
.feature-body  { font-size: 11px; color: var(--ink-muted); margin-top: 1px; line-height: 1.4; }

/* ============================================================
   7. Buttons
   ============================================================ */

.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: var(--radius-sm);
  border: 1.5px solid transparent;
  cursor: pointer;
  letter-spacing: -.02em;
  text-decoration: none;
  transition: background .15s, border-color .15s, color .15s;
  line-height: 1.4;
}

.btn-primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--accent);
  color: #fff;
  border-color: var(--accent);
}
.btn-primary:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--accent-dk);
  border-color: var(--accent-dk);
  color: #fff;
  text-decoration: none;
}

.btn-outline {
  background: transparent;
  color: var(--ink);
  border-color: var(--border-mid);
}
.btn-outline:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-lt);
  text-decoration: none;
}

.btn-dark {
  background: var(--ink);
  color: var(--bg);
  border-color: var(--ink);
}
.btn-dark:hover {
  background: #1a0508;
  border-color: #1a0508;
  color: var(--bg);
  text-decoration: none;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--ink);
  color: var(--bg);
  border-color: var(--ink);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: #1a0508;
  color: var(--bg);
  text-decoration: none;
}

/* ============================================================
   8. Section Headings
   ============================================================ */

.section-eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 5px;
}
.section-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.04em;
  line-height: 1.2;
}
.section-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 32px;
}

/* ============================================================
   9. Product Cards
   ============================================================ */

.product-card {
  background: var(--bg-card);
  border-radius: var(--radius);
  overflow: hidden;
  border: 1.5px solid var(--border);
  transition: box-shadow .18s, border-color .18s, transform .18s;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-card:hover {
  border-color: var(--accent);
  box-shadow: 3px 3px 0 var(--accent);
  transform: translateY(-2px);
}

.product-plate {
  aspect-ratio: 1;
  background: var(--bg-deep);
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.product-thumb-link {
  display: block;
  width: 100%;
  height: 100%;
}
.product-thumb-img,
.product-plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.product-card:hover .product-thumb-img,
.product-card:hover .product-plate img {
  transform: scale(1.04);
}

.product-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: .05em;
  z-index: 1;
}
.product-badge.sale { background: var(--accent); color: #fff; }
.product-badge.pop  { background: var(--accent); color: #fff; }
.product-badge.new  { background: var(--accent-2); color: #fff; }
.product-badge.ltd  { background: var(--panel); color: #f9ecea; }

.product-body {
  padding: 14px 16px 18px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.product-body h2,
.product-body h3 {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 3px;
  letter-spacing: -.02em;
  line-height: 1.4;
}
.product-body h2 a,
.product-body h3 a {
  color: var(--ink);
  text-decoration: none;
}
.product-body h2 a:hover,
.product-body h3 a:hover { color: var(--accent); }

.product-meta {
  font-size: 11px;
  color: var(--ink-muted);
  margin-bottom: 10px;
}
.product-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  gap: 8px;
}
.product-price,
.product-body .price {
  font-size: 16px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.03em;
}
.product-body .price del {
  color: var(--ink-muted);
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 4px;
}
.product-body .price ins { text-decoration: none; }

.product-card .button.add_to_cart_button,
.product-card a.button {
  background: var(--ink) !important;
  color: var(--bg) !important;
  border-color: var(--ink) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 8px 15px !important;
  border-radius: 7px !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}
.product-card .button.add_to_cart_button:hover,
.product-card a.button:hover {
  background: #1a0508 !important;
  color: var(--bg) !important;
  border-color: #1a0508 !important;
  text-decoration: none !important;
}
.product-card .added_to_cart { display: none !important; }

/* ============================================================
   10. Front Page — Products Preview
   ============================================================ */

.fp-products {
  background: var(--bg-deep);
  padding: 60px 0 68px;
  border-top: 1.5px solid var(--border);
}
.fp-products > .wrap { }
.fp-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* ============================================================
   11. Story / Dark Panel
   ============================================================ */

.story-section {
  background: var(--panel);
  background-image:
    radial-gradient(circle at 15% 50%, rgba(184,76,96,.2) 0%, transparent 55%),
    radial-gradient(circle at 80% 20%, rgba(155,122,170,.18) 0%, transparent 45%);
  padding: 64px 0;
}
.story-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
  align-items: center;
}
.story-h {
  font-size: 32px;
  font-weight: 700;
  color: #f9ecea;
  letter-spacing: -.04em;
  line-height: 1.15;
  margin-bottom: 14px;
}
.story-h .accent { color: var(--accent); }
.story-h .lav    { color: #c4a8d8; }
.story-p {
  font-size: 14px;
  line-height: 1.75;
  color: rgba(249,236,234,.62);
  margin-bottom: 24px;
}
.story-link {
  color: #f9ecea;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -.01em;
  border-bottom: 1px solid rgba(249,236,234,.3);
  padding-bottom: 2px;
}
.story-link:hover { color: #f9ecea; border-color: rgba(249,236,234,.7); text-decoration: none; }

.trust-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.trust-chip {
  background: rgba(249,236,234,.06);
  border: 1px solid rgba(249,236,234,.11);
  border-radius: 10px;
  padding: 18px;
}
.trust-icon  { font-size: 18px; margin-bottom: 8px; }
.trust-title { font-size: 12px; font-weight: 600; color: #f9ecea; letter-spacing: -.01em; }
.trust-body  { font-size: 11px; color: rgba(249,236,234,.45); margin-top: 3px; line-height: 1.4; }

/* ============================================================
   12. Reviews
   ============================================================ */

.reviews-section {
  background: var(--bg);
  padding: 60px 0;
  border-top: 1.5px solid var(--border);
}
.review-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.review-card {
  background: var(--bg-card);
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  padding: 22px;
}
.review-stars  { color: var(--accent); font-size: 13px; margin-bottom: 10px; letter-spacing: 2px; }
.review-body   { font-size: 13px; line-height: 1.65; color: var(--ink-soft); margin-bottom: 14px; font-style: italic; }
.review-author { font-size: 12px; font-weight: 600; color: var(--ink); }
.review-meta   { font-size: 11px; color: var(--ink-muted); margin-top: 2px; }

/* ============================================================
   13. Footer
   ============================================================ */

.site-footer {
  background: var(--panel);
  background-image: radial-gradient(circle at 20% 80%, rgba(184,76,96,.15) 0%, transparent 50%);
  padding: 52px 0 28px;
}
.footer-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(249,236,234,.1);
}
.footer-brand-name {
  font-size: 16px;
  font-weight: 700;
  color: #f9ecea;
  letter-spacing: -.03em;
  margin-bottom: 10px;
}
.footer-brand-desc {
  font-size: 13px;
  color: rgba(249,236,234,.5);
  line-height: 1.65;
}
.footer-col-title {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(249,236,234,.4);
  margin-bottom: 14px;
}
.footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-links a {
  font-size: 13px;
  color: rgba(249,236,234,.6);
  text-decoration: none;
}
.footer-links a:hover { color: #f9ecea; text-decoration: none; }
.footer-bottom {
  padding-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: rgba(249,236,234,.3);
}

/* ============================================================
   14. Shop Page Layout
   ============================================================ */

.shop-layout {
  display: block;
  padding-top: 40px;
  padding-bottom: 60px;
}
.shop-layout.has-sidebar {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 32px;
  align-items: start;
}
.shop-main  { min-width: 0; }
.shop-sidebar { position: sticky; top: calc(var(--nav-h) + 20px); }

/* Sort bar — override WooCommerce floats with flex */
.woocommerce-result-count,
.woocommerce-ordering {
  float: none !important;
}
.shop-main .woocommerce-result-count,
.shop-main .woocommerce-ordering {
  display: inline-block;
  vertical-align: middle;
}
.shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

/* WooCommerce injects result-count and ordering directly, wrap them visually */
.woocommerce-result-count {
  font-size: 13px;
  color: var(--ink-muted);
  margin: 0 0 0 0 !important;
}
.woocommerce-ordering {
  margin: 0 !important;
}

.shop-sidebar .sidebar-widget {
  background: var(--bg-card);
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  padding: 20px;
  margin-bottom: 14px;
}
.shop-sidebar .widget-title {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ink-muted);
  margin-bottom: 14px;
}
.shop-sidebar a { font-size: 13px; color: var(--ink-soft); text-decoration: none; }
.shop-sidebar a:hover { color: var(--accent); }

.woocommerce-products-header { margin-bottom: 24px; }
.woocommerce-products-header__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.04em;
}

.woocommerce-result-count {
  font-size: 13px;
  color: var(--ink-muted);
  margin-bottom: 16px;
}
.woocommerce-ordering {
  float: right;
  margin-bottom: 16px;
}
.woocommerce-ordering select {
  font-family: inherit;
  font-size: 13px;
  color: var(--ink);
  background: var(--bg-card);
  border: 1.5px solid var(--border-mid);
  border-radius: var(--radius-sm);
  padding: 7px 14px;
  outline: none;
  cursor: pointer;
}
.woocommerce-ordering select:focus { border-color: var(--accent); }

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  clear: both !important;
  float: none !important;
}
/* WooCommerce clearfix pseudo-elements become grid items — kill them */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
  display: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products > *,
.woocommerce-page ul.products > * {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  clear: none !important;
}

.woocommerce-breadcrumb {
  font-size: 12px;
  color: var(--ink-muted);
  margin-bottom: 20px;
}
.woocommerce-breadcrumb a { color: var(--ink-muted); }
.woocommerce-breadcrumb a:hover { color: var(--accent); }

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: var(--radius-sm);
  padding: 14px 20px;
  margin-bottom: 20px;
  font-size: 13px;
  border-left: 4px solid var(--accent);
  background: var(--accent-lt);
  color: var(--ink-soft);
  list-style: none;
}
.woocommerce-error   { border-left-color: #c0392b; background: #fef2f2; }
.woocommerce-info    { border-left-color: var(--accent-2); background: #f5f0fa; }
.woocommerce-message a.button,
.woocommerce-error a.button { margin-right: 12px; }

.woocommerce-pagination {
  margin-top: 36px;
  display: flex;
  justify-content: center;
}
.woocommerce-pagination ul.page-numbers {
  display: flex;
  gap: 6px;
  list-style: none;
}
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  border: 1.5px solid var(--border-mid);
  font-size: 13px;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
  background: var(--bg-card);
  transition: border-color .15s;
}
.woocommerce-pagination ul.page-numbers li a:hover { border-color: var(--accent); color: var(--accent); }
.woocommerce-pagination ul.page-numbers li span.current {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  font-weight: 700;
}

/* ============================================================
   15. Single Product
   ============================================================ */

.wc-page-wrap {
  padding-top: 40px;
  padding-bottom: 60px;
}
.wc-page-wrap h1 {
  font-size: 28px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.04em;
  margin-bottom: 28px;
}

.woocommerce div.product {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.woocommerce div.product .woocommerce-product-gallery img {
  border-radius: var(--radius);
}
.woocommerce div.product .woocommerce-product-gallery__image { border-radius: var(--radius); overflow: hidden; }

.woocommerce div.product .product_title {
  font-size: 28px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.04em;
  line-height: 1.2;
  margin-bottom: 12px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  font-size: 26px;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: -.04em;
  margin-bottom: 20px;
  display: block;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.75;
  margin-bottom: 24px;
}
.woocommerce div.product form.cart { margin-bottom: 24px; }
.woocommerce div.product .variations td,
.woocommerce div.product .variations th { padding: 8px 0; vertical-align: middle; }
.woocommerce div.product .variations label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
}
.woocommerce div.product .variations select {
  font-family: inherit;
  font-size: 13px;
  color: var(--ink);
  background: var(--bg-card);
  border: 1.5px solid var(--border-mid);
  border-radius: var(--radius-sm);
  padding: 9px 14px;
  width: 100%;
  outline: none;
}
.woocommerce div.product .variations select:focus { border-color: var(--accent); }
.woocommerce div.product .quantity { display: inline-block; margin-right: 10px; }
.woocommerce div.product .quantity input {
  font-family: inherit;
  font-size: 14px;
  color: var(--ink);
  background: var(--bg-card);
  border: 1.5px solid var(--border-mid);
  border-radius: var(--radius-sm);
  padding: 9px 14px;
  width: 72px;
  text-align: center;
  outline: none;
}
.woocommerce div.product .quantity input:focus { border-color: var(--accent); }
.woocommerce div.product button.single_add_to_cart_button {
  background: var(--accent) !important;
  color: #fff !important;
  border-color: var(--accent) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 13px 28px !important;
  border-radius: var(--radius-sm) !important;
}
.woocommerce div.product button.single_add_to_cart_button:hover {
  background: var(--accent-dk) !important;
  border-color: var(--accent-dk) !important;
}
.woocommerce div.product .product_meta {
  font-size: 12px;
  color: var(--ink-muted);
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1.5px solid var(--border);
}

.woocommerce div.product .woocommerce-tabs {
  grid-column: 1 / -1;
  border-top: 1.5px solid var(--border);
  padding-top: 32px;
  margin-top: 8px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  display: flex;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin-bottom: 24px;
  border-bottom: 1.5px solid var(--border);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: none; border: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-soft);
  padding: 10px 18px;
  border-radius: var(--radius-xs) var(--radius-xs) 0 0;
  text-decoration: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--accent);
  border-bottom: 2px solid var(--accent);
  margin-bottom: -1.5px;
}
.woocommerce div.product .woocommerce-tabs .panel {
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.75;
}

/* ============================================================
   16. Cart & Checkout
   ============================================================ */

.woocommerce table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: 32px;
}
.woocommerce table.shop_table th {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ink-muted);
  padding: 8px 0;
  border-bottom: 1.5px solid var(--border);
  text-align: left;
}
.woocommerce table.shop_table td {
  padding: 20px 0;
  border-bottom: 1.5px solid var(--border);
  color: var(--ink);
  vertical-align: middle;
}
.woocommerce table.shop_table td.product-name a {
  color: var(--ink);
  font-weight: 600;
}
.woocommerce table.shop_table .product-remove a {
  color: var(--ink-muted);
  font-size: 20px;
  font-weight: 300;
}
.woocommerce table.shop_table .product-remove a:hover { color: var(--accent); }

.woocommerce .cart_totals h2,
.woocommerce .cross-sells h2 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.03em;
  margin-bottom: 16px;
  color: var(--ink);
}
.woocommerce .cart_totals table { width: 100%; font-size: 14px; }
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}
.woocommerce .cart_totals table .order-total td,
.woocommerce .cart_totals table .order-total th { font-weight: 700; font-size: 16px; }

.woocommerce form .form-row label {
  font-size: 12px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 5px;
  display: block;
  letter-spacing: -.01em;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  font-family: inherit;
  font-size: 14px;
  color: var(--ink);
  background: var(--bg-card);
  border: 1.5px solid var(--border-mid);
  border-radius: var(--radius-sm);
  padding: 10px 14px;
  width: 100%;
  outline: none;
  transition: border-color .15s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
  border-color: var(--accent);
}
.woocommerce #place_order {
  background: var(--accent) !important;
  color: #fff !important;
  border-color: var(--accent) !important;
  width: 100%;
  font-size: 15px !important;
  font-weight: 700 !important;
  padding: 14px 28px !important;
}
.woocommerce #place_order:hover {
  background: var(--accent-dk) !important;
  border-color: var(--accent-dk) !important;
}
.woocommerce a.button.checkout-button {
  background: var(--accent) !important;
  color: #fff !important;
  border-color: var(--accent) !important;
  width: 100%;
  text-align: center;
  font-size: 14px !important;
  padding: 13px 28px !important;
}
.woocommerce a.button.checkout-button:hover {
  background: var(--accent-dk) !important;
  border-color: var(--accent-dk) !important;
}

/* ============================================================
   17. Generic Pages
   ============================================================ */

.page-wrap {
  padding: 56px 0 72px;
}
.page-wrap .page-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: -.04em;
  margin-bottom: 24px;
}
.entry-content {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.75;
  max-width: 720px;
}
.entry-content h2 { font-size: 22px; font-weight: 700; color: var(--ink); margin: 28px 0 12px; letter-spacing: -.03em; }
.entry-content h3 { font-size: 18px; font-weight: 600; color: var(--ink); margin: 24px 0 10px; }
.entry-content p  { margin-bottom: 16px; }
.entry-content a  { color: var(--accent); }
.entry-content ul, .entry-content ol { padding-left: 20px; margin-bottom: 16px; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }

/* Star ratings */
.star-rating span::before,
.woocommerce .star-rating span::before { color: var(--accent); }
.woocommerce .star-rating { color: var(--border-mid); }

/* ============================================================
   18. Responsive
   ============================================================ */

@media (max-width: 1024px) {
  .wrap, .header-inner, .footer-inner { padding-left: 28px; padding-right: 28px; }
  .hero-left { padding: 56px 36px 56px 0; }
  .hero-h1 { font-size: 38px; }
  .footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }
  .shop-layout.has-sidebar { grid-template-columns: 1fr 200px; }
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr) !important; }
  .woocommerce div.product { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .hero { grid-template-columns: 1fr; }
  .hero-left { padding: 48px 28px; justify-content: flex-start; }
  .hero-left-inner { max-width: 100%; }
  .hero-right { min-height: 260px; }
  .hero-h1 { font-size: 32px; }
  .primary-nav-list { display: none; }
  .features-row { grid-template-columns: repeat(2, 1fr); }
  .feature-item:nth-child(2) { border-right: none; }
  .feature-item:nth-child(3) { border-right: 1.5px solid var(--border); }
  .fp-grid { grid-template-columns: 1fr; }
  .story-inner { grid-template-columns: 1fr; gap: 40px; }
  .review-grid { grid-template-columns: 1fr; }
  .shop-layout.has-sidebar { grid-template-columns: 1fr; }
  .shop-sidebar { position: static; }
  .footer-top { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; gap: 10px; text-align: center; }
}

@media (max-width: 480px) {
  .hero-h1 { font-size: 28px; }
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: 1fr !important; }
  .features-row { grid-template-columns: 1fr; }
  .feature-item { border-right: none; border-bottom: 1.5px solid var(--border); }
  .feature-item:last-child { border-bottom: none; }
  .hero-stats { flex-wrap: wrap; gap: 16px; }
}