/* =========================================================================
   Kenzsilk — main stylesheet
   Design tokens, layout and component styles for every template in the
   theme, plus restyling for WooCommerce's native cart/checkout/notice
   markup. Organised top to bottom in the order a visitor encounters
   things: tokens → header/nav → footer → homepage → shop → single
   product → static pages → WooCommerce forms → generic/blog/404.
   ========================================================================= */

/* ---- Tokens ---- */
:root {
  --ink: #0b0b0a; --bone: #f1ece0; --paper: #fbf8f1; --paper-2: #f4eee0;
  --line: #d9cfba; --muted: #6d6455; --brass: #8a744c; --garnet: #7b2430; --on-ink: #efe6d4;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ink: #efe6d4; --bone: #131110; --paper: #1b1815; --paper-2: #211c15;
    --line: #362f26; --muted: #a89a80; --brass: #c2a165; --garnet: #d97e85; --on-ink: #131110;
  }
}
:root[data-theme="dark"] {
  --ink: #efe6d4; --bone: #131110; --paper: #1b1815; --paper-2: #211c15; --line: #362f26;
  --muted: #a89a80; --brass: #c2a165; --garnet: #d97e85; --on-ink: #131110;
}
:root[data-theme="light"] {
  --ink: #0b0b0a; --bone: #f1ece0; --paper: #fbf8f1; --paper-2: #f4eee0; --line: #d9cfba;
  --muted: #6d6455; --brass: #8a744c; --garnet: #7b2430; --on-ink: #efe6d4;
}

/* ---- Reset / base ---- */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bone); color: var(--ink);
  font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.serif, h1, h2, h3 { font-family: "Didot", "Playfair Display", Georgia, "Times New Roman", serif; }
h1, h2, h3 { margin: 0; }
a { color: inherit; }
img { max-width: 100%; display: block; }
button { font-family: inherit; }
ul { list-style: none; margin: 0; padding: 0; }

/* ---- Utility bar ---- */
.utility {
  display: flex; justify-content: flex-end; align-items: center;
  padding: 14px 32px; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--muted); border-bottom: 1px solid var(--line);
}
.utility .links { display: flex; gap: 20px; }
.utility .links span { cursor: default; opacity: 0.55; }
.utility .links a { cursor: pointer; opacity: 0.55; text-decoration: none; }
.utility .links a:hover { opacity: 0.85; }
.utility .links span.active, .utility .links a.active { opacity: 1; color: var(--ink); border-bottom: 1px solid var(--brass); padding-bottom: 2px; }
@media (max-width: 480px) { .utility { flex-wrap: wrap; gap: 6px 0; padding: 12px 20px; } .utility .links { gap: 12px; flex-wrap: wrap; } }

/* ---- Header ---- */
.site-header { border-bottom: 1px solid var(--line); position: relative; }
.header-row {
  display: flex; justify-content: center; align-items: center;
  padding: 20px 32px; position: relative;
}
.header-row .brand-mark { height: 26px; width: auto; }
@media (prefers-color-scheme: dark) { .header-row .brand-mark, .hero .brand-mark-lg { filter: invert(1); } }
:root[data-theme="dark"] .header-row .brand-mark { filter: invert(1); }
:root[data-theme="light"] .header-row .brand-mark { filter: none; }
.header-row .side { position: absolute; top: 50%; transform: translateY(-50%); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: 22px; }
.header-row .side-text {
  font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit;
  background: none; border: none; padding: 0; margin: 0; text-decoration: none; cursor: pointer;
}
.header-row .side-text:hover { color: var(--ink); }
.header-row .side.right { right: 32px; }

.left-icons { display: none; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); align-items: center; gap: 6px; }
.menu-toggle { display: flex; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; }
.menu-toggle span { display: block; width: 20px; height: 1px; background: var(--ink); }

.icon-group { display: none; align-items: center; gap: 18px; }
.icon-btn { position: relative; display: flex; align-items: center; justify-content: center; background: none; border: none; cursor: pointer; color: var(--ink); padding: 4px; text-decoration: none; }
.icon-btn svg { width: 19px; height: 19px; }
.icon-btn .cart-badge {
  position: absolute; top: -3px; right: -5px; width: 14px; height: 14px; border-radius: 50%;
  background: var(--garnet); color: var(--on-ink); font-size: 9px; display: flex; align-items: center; justify-content: center;
}

.search-panel { display: none; border-top: 1px solid var(--line); padding: 18px 32px; }
.search-panel.open { display: block; }
.search-panel-inner { max-width: 480px; margin: 0 auto; }
.search-panel-inner form { display: flex; gap: 10px; }
.search-panel-inner input[type="search"], .search-panel-inner input[type="text"] {
  flex: 1; border: 1px solid var(--line); background: var(--paper); padding: 11px 14px; font-size: 14px; border-radius: 2px; color: var(--ink);
}
.search-panel-inner button {
  border: 1px solid var(--ink); background: none; padding: 0 18px; font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase; border-radius: 2px; cursor: pointer; color: var(--ink);
}

/* ---- Mega nav (desktop hover / mobile drawer) ---- */
.mega-nav { border-top: 1px solid var(--line); }
.mega-nav .menu { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; }
.mega-nav li { position: relative; }
.mega-nav > .menu > li > a {
  display: block; padding: 14px 2px; font-size: 12px; letter-spacing: 0.08em;
  text-transform: uppercase; text-decoration: none; color: var(--ink);
}
.mega-nav a:visited { color: var(--ink) !important; }
.mega-nav li:hover > a, .mega-nav li:focus-within > a { color: var(--garnet) !important; }
.mega-nav .sub-menu {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(4px);
  background: var(--paper); border: 1px solid var(--line); border-radius: 2px;
  padding: 14px 22px; min-width: 200px; display: flex; flex-direction: column; gap: 2px;
  opacity: 0; pointer-events: none; z-index: 30; list-style: none; margin: 0;
}
@media (prefers-reduced-motion: no-preference) { .mega-nav .sub-menu { transition: opacity 0.2s ease, transform 0.2s ease; } }
/* Desktop-only: hover/focus-within opens the dropdown via transform/opacity.
   Scoped to min-width so that tapping a mobile accordion link — which also
   moves focus onto it — doesn't re-trigger this rule and, thanks to its
   higher specificity, override the mobile reset below with the desktop
   translateX(-50%) offset (which shoves the sub-menu outside the drawer). */
@media (min-width: 861px) {
  .mega-nav li:hover > .sub-menu, .mega-nav li:focus-within > .sub-menu { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
}
.mega-nav .sub-menu a { padding: 7px 4px; font-size: 13px; text-decoration: none; color: var(--ink); display: block; }
.mega-nav .sub-menu a:hover { color: var(--garnet); }
.mega-nav .sub-menu .sub-menu { position: static; opacity: 1; pointer-events: auto; transform: none; border: none; padding: 4px 0 4px 14px; background: none; }
.mega-nav .sub-menu .sub-menu a { font-size: 12px; color: var(--muted); }

.mnav-head { display: none; }

.nav-backdrop { position: fixed; inset: 0; background: rgba(8,7,6,0.45); opacity: 0; pointer-events: none; z-index: 99; }
.nav-backdrop.open { opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: no-preference) { .nav-backdrop { transition: opacity 0.3s ease; } }

@media (max-width: 860px) {
  .menu-toggle, .left-icons, .icon-group { display: flex; }
  .header-row .side.right .side-text { display: none; }

  .mega-nav {
    position: fixed; top: 0; left: 0; bottom: 0; width: 84%; max-width: 340px; z-index: 100;
    background: var(--bone); border-top: none; transform: translateX(-100%);
    display: flex; flex-direction: column; overflow-y: auto;
    box-shadow: 3px 0 28px rgba(0,0,0,0.18);
  }
  .mega-nav.open { transform: translateX(0); }
  @media (prefers-reduced-motion: no-preference) { .mega-nav { transition: transform 0.3s ease; } }

  .mnav-head { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid var(--line); }
  .mnav-head .brand-mark { height: 22px; }
  .drawer-close { background: none; border: none; font-size: 20px; line-height: 1; cursor: pointer; color: var(--ink); padding: 4px; }

  .mega-nav .menu { flex-direction: column; align-items: stretch; gap: 0; padding: 6px 20px 16px; }
  .mega-nav > .menu > li { border-bottom: 1px solid var(--line); }
  .mega-nav > .menu > li > a { padding: 13px 2px; display: flex; justify-content: space-between; align-items: center; }
  .mega-nav > .menu > li.menu-item-has-children > a::after { content: "+"; color: var(--brass); font-size: 15px; }
  .mega-nav > .menu > li.nav-open > a::after { content: "\2212"; }
  .mega-nav li.nav-open > a { color: var(--garnet); }
  .mega-nav .sub-menu {
    position: static; transform: none; opacity: 1; pointer-events: auto;
    display: none; border: none; background: none; padding: 2px 0 10px 14px; min-width: 0; z-index: auto;
  }
  .mega-nav li.nav-open > .sub-menu { display: flex; }
}

/* ---- Breadcrumb ---- */
.breadcrumb {
  max-width: 1180px; margin: 0 auto; padding: 22px 32px 0;
  font-size: 11.5px; letter-spacing: 0.04em; color: var(--muted); text-transform: uppercase;
  display: flex; gap: 8px; flex-wrap: wrap;
}
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover { color: var(--ink); }
.breadcrumb span.sep { opacity: 0.5; }
.breadcrumb span.here { color: var(--ink); }

/* ---- Footer ---- */
.site-footer { border-top: 1px solid var(--line); margin-top: 80px; background: var(--paper); }
.site-footer a { text-decoration: none; color: var(--muted); transition: color 0.2s ease; }
.site-footer a:hover { color: var(--ink); }

.footer-main {
  max-width: 1180px; margin: 0 auto; padding: 64px 32px 44px; display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px;
}
.footer-brand .footer-mark { height: 24px; width: auto; margin-bottom: 16px; }
.footer-brand p { font-size: 13px; line-height: 1.7; color: var(--muted); max-width: 32ch; margin: 0; }
.footer-social { display: flex; gap: 10px; margin-top: 20px; }
.footer-social a {
  display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;
  border: 1px solid var(--line); border-radius: 50%; color: var(--ink); transition: background 0.2s ease, color 0.2s ease;
}
.footer-social a:hover { background: var(--ink); color: var(--bone); }
.footer-social svg { width: 16px; height: 16px; }
.footer-col h3 {
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink);
  font-weight: 700; margin: 0 0 18px;
}
.footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.footer-col a { font-size: 13.5px; }

.footer-bottom {
  border-top: 1px solid var(--line); max-width: 1180px; margin: 0 auto; padding: 20px 32px;
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
  font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted);
}

@media (max-width: 860px) {
  .footer-main { grid-template-columns: 1fr 1fr; gap: 36px 24px; padding: 48px 24px 36px; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 500px) {
  .footer-main { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* =========================================================================
   Homepage
   ========================================================================= */
.hero {
  position: relative; min-height: 92vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 60px 24px; background-size: cover; background-position: center;
}
.hero-frame { position: absolute; inset: 22px; border: 1px solid rgba(241,236,224,0.28); pointer-events: none; z-index: 1; }
@media (max-width: 640px) { .hero-frame { inset: 12px; } }
.hero-inner { position: relative; z-index: 2; }
.hero .brand-mark-lg { height: clamp(48px, 8vw, 96px); width: auto; filter: invert(1) brightness(1.35); margin: 0 auto 30px; }
.hero .eyebrow { font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: #d8c9a6; margin-bottom: 22px; display: block; }
.hero .rule { width: 64px; height: 1px; background: #cbb98c; margin: 30px auto; opacity: 0.7; }
.hero .tagline { font-style: italic; font-weight: 400; font-size: clamp(17px, 2.4vw, 23px); color: #f1ece0; max-width: 34ch; margin: 0 auto; text-wrap: balance; }
.hero .cta {
  display: inline-block; margin-top: 42px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase;
  text-decoration: none; color: #f1ece0; border-bottom: 1px solid #f1ece0; padding-bottom: 4px; transition: opacity 0.3s ease;
}
.hero .cta:hover { opacity: 0.6; }
@media (prefers-reduced-motion: no-preference) {
  .hero-inner { animation: rise 0.9s cubic-bezier(.2,.7,.3,1) both; }
  @keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
}

.hero-scroll-cue {
  position: absolute; left: 50%; bottom: 34px; transform: translateX(-50%); z-index: 2;
  display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(241,236,224,0.75);
}
.hero-scroll-cue span { width: 1px; height: 30px; background: currentColor; opacity: 0.5; }
.hero-scroll-cue svg { width: 14px; height: 14px; }
@media (prefers-reduced-motion: no-preference) {
  .hero-scroll-cue svg { animation: cue-bob 1.8s ease-in-out infinite; }
  @keyframes cue-bob { 0%, 100% { transform: translateY(0); opacity: 0.75; } 50% { transform: translateY(5px); opacity: 1; } }
}
@media (max-width: 640px) { .hero-scroll-cue { display: none; } }

.intro { max-width: 820px; margin: 0 auto; padding: 130px 32px; display: grid; grid-template-columns: 1fr 2fr; gap: 48px; }
.intro .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); }
.intro p { font-size: clamp(20px, 2.6vw, 26px); line-height: 1.45; margin: 0; text-wrap: balance; }
.intro p .drop { float: left; font-size: 3.4em; line-height: 0.8; padding-right: 10px; padding-top: 4px; color: var(--garnet); }
@media (max-width: 640px) { .intro { grid-template-columns: 1fr; } }

.showcase { padding: 0 32px 140px; }
.showcase-head { text-align: center; margin-bottom: 56px; }
.showcase-head .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 14px; }
.showcase-head h2 { font-size: clamp(28px, 4vw, 44px); font-weight: 700; text-wrap: balance; }
.grid3 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media (max-width: 820px) { .grid3 { grid-template-columns: 1fr; } }
.grid4 { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
@media (max-width: 980px) { .grid4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .grid4 { gap: 16px 12px; padding: 0 4px; } .swatch-caption { font-size: 13px; padding-top: 10px; } }
.swatch-tile { display: block; text-decoration: none; cursor: pointer; }
.swatch {
  aspect-ratio: 1 / 1; border-radius: 2px; overflow: hidden; display: block;
  background-size: cover; background-position: center;
  transition: transform 0.5s cubic-bezier(.2,.7,.3,1);
}
.swatch-tile:hover .swatch { transform: translateY(-6px); }
.swatch-empty { background-color: var(--paper); border: 1px solid var(--line); }
.swatch-caption {
  display: block; padding-top: 16px; font-size: 15px; letter-spacing: 0.06em;
  text-transform: uppercase; font-weight: 700; color: var(--ink);
}
.showcase-empty { text-align: center; padding: 60px 20px; border: 1px dashed var(--line); border-radius: 2px; }
.showcase-empty p { color: var(--muted); margin: 0 0 20px; }

/* ---- Homepage: trust bar (%100 İpek / Sınırlı Üretim / İade & Değişim / Ücretsiz Kargo) ---- */
.trust-bar { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); }
.trust-bar-inner {
  max-width: 1180px; margin: 0 auto; padding: 28px 32px; display: grid;
  grid-template-columns: repeat(4, 1fr); align-items: center;
}
.trust-item {
  display: flex; align-items: center; justify-content: center; gap: 12px; padding: 0 18px;
  border-left: 1px solid var(--line);
}
.trust-item:first-child { border-left: none; }
.trust-item svg { width: 26px; height: 26px; color: var(--brass); flex-shrink: 0; }
.trust-item span { font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink); line-height: 1.35; }
@media (max-width: 860px) {
  .trust-bar-inner { grid-template-columns: repeat(2, 1fr); gap: 22px 0; padding: 26px 20px; }
  .trust-item { border-left: none; justify-content: flex-start; padding: 0 8px; }
  .trust-item svg { width: 22px; height: 22px; }
}

/* ---- Homepage: "Sanatçı Atölyesi" story split (image + copy) ---- */
.story-split {
  max-width: 1180px; margin: 0 auto 140px; padding: 0 32px; display: grid;
  grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;
}
@media (max-width: 860px) { .story-split { grid-template-columns: 1fr; gap: 26px; margin-bottom: 90px; } }
.story-img { aspect-ratio: 3 / 2; border-radius: 2px; background-size: cover; background-position: center; }
.story-content .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); font-style: italic; display: block; margin-bottom: 16px; }
.story-content h2 { font-size: clamp(28px, 3.4vw, 40px); margin: 0 0 18px; font-weight: 700; text-wrap: balance; }
.story-content .story-lede { font-size: 16px; font-style: italic; color: var(--ink); margin: 0 0 16px; }
.story-content p { font-size: 14.5px; line-height: 1.75; color: var(--muted); margin: 0 0 28px; max-width: 46ch; }
.cta-dark {
  display: inline-block; background: var(--ink); color: var(--on-ink); text-decoration: none;
  font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; padding: 15px 26px; border-radius: 2px;
}
.cta-dark:hover { opacity: 0.85; }

.craft { background: var(--ink); background-size: cover; background-position: center 30%; color: var(--on-ink); padding: 150px 32px; text-align: center; }
.craft .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 26px; }
.craft blockquote { font-size: clamp(24px, 3.6vw, 40px); line-height: 1.4; max-width: 18ch; margin: 0 auto; font-style: italic; font-weight: 400; text-wrap: balance; }
.craft .attribution { margin-top: 30px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.6; }

.newsletter { max-width: 480px; margin: 0 auto; padding: 130px 32px 90px; text-align: center; }
.newsletter .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 18px; }
.newsletter h3 { font-size: 26px; margin: 0 0 28px; font-weight: 700; }
.newsletter .signup { display: flex; border-bottom: 1px solid var(--ink); padding-bottom: 10px; }
.newsletter .signup input { flex: 1; border: none; background: transparent; font-size: 14px; color: var(--ink); font-family: inherit; outline: none; padding: 6px 0; }
.newsletter .signup input::placeholder { color: var(--muted); }
.newsletter .signup button { border: none; background: none; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink); cursor: pointer; padding: 6px 4px; font-family: inherit; }
.newsletter-note { font-size: 11px; color: var(--muted); margin-top: 16px; }

/* =========================================================================
   Shop / category archive
   ========================================================================= */
.cat-hero {
  margin: 22px 32px 0; height: 46vh; min-height: 320px; border-radius: 2px; overflow: hidden;
  position: relative; display: flex; align-items: flex-end; background-size: cover; background-position: center 30%;
}
.cat-hero-inner { padding: 40px 44px; color: #f1ece0; }
.cat-hero .eyebrow { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #d8c9a6; display: block; margin-bottom: 12px; }
.cat-hero h1 { font-size: clamp(34px, 5vw, 60px); margin: 0 0 10px; font-weight: 700; }
.cat-hero p { margin: 0; font-size: 14.5px; max-width: 46ch; opacity: 0.9; }

.cat-tabs { max-width: 1240px; margin: 0 auto; padding: 30px 32px 0; display: flex; gap: 28px; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.cat-tabs a { font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; color: var(--muted); padding-bottom: 16px; border-bottom: 1px solid transparent; margin-bottom: -1px; }
.cat-tabs a.active { color: var(--ink); border-bottom-color: var(--garnet); }

.toolbar { max-width: 1240px; margin: 0 auto; padding: 22px 32px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; }
.toolbar .count { font-size: 12.5px; color: var(--muted); }
.toolbar .controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.chip {
  font-size: 11.5px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink);
  border: 1px solid var(--line); border-radius: 20px; padding: 8px 16px; cursor: default;
  display: inline-flex; align-items: center; gap: 6px; background: var(--paper);
  height: 34px; box-sizing: border-box; font-family: inherit; line-height: 1;
}
.chip .chev { font-size: 9px; color: var(--brass); }
button.chip.filter-toggle { cursor: pointer; }
.chip.sort { color: var(--muted); padding: 0 16px; }
.chip.sort form.woocommerce-ordering { display: inline-block; width: auto; margin: 0; }
/* .woocommerce form select { width:100% !important; ... } (a generic
   checkout-field rule) also matches this dropdown since it's technically
   a <select> inside a <form> under .woocommerce — override it explicitly. */
.chip.sort select {
  width: auto !important; max-width: none !important;
  border: none !important; background-color: transparent !important; color: var(--muted); font-size: 11.5px !important; text-transform: uppercase;
  letter-spacing: 0.05em; cursor: pointer; font-family: inherit !important; height: 100% !important; padding: 0 16px 0 0 !important;
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--brass) 50%), linear-gradient(135deg, var(--brass) 50%, transparent 50%);
  background-position: right 1px top 55%, right 6px top 55%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}

/* ---- Renk / Desen / Fiyat filter dropdowns ---- */
.filter-dd { position: relative; }
.filter-dd.is-active .filter-toggle { border-color: var(--ink); color: var(--ink); }
.filter-panel {
  display: none; position: absolute; top: calc(100% + 8px); left: 0; z-index: 40;
  background: var(--paper); border: 1px solid var(--line); border-radius: 6px;
  padding: 14px; min-width: 190px; box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  flex-direction: column; gap: 8px;
}
.filter-dd.is-open .filter-panel { display: flex; }
.filter-opt { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--ink); cursor: pointer; text-transform: none; letter-spacing: normal; }
.filter-opt input { margin: 0; cursor: pointer; }
.filter-empty { font-size: 12px; color: var(--muted); margin: 0; }
.filter-apply {
  margin-top: 6px; border: none; background: var(--ink); color: var(--bone); border-radius: 4px;
  padding: 9px 14px; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; font-family: inherit;
}
.filter-apply:hover { opacity: 0.85; }
.filter-panel-price { min-width: 160px; }
.filter-price-field { display: flex; flex-direction: column; gap: 4px; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.filter-price-field input {
  border: 1px solid var(--line); border-radius: 4px; padding: 8px 10px; font-size: 13px;
  font-family: inherit; color: var(--ink); background: var(--bone);
}
.filter-clear { color: var(--garnet); text-decoration: none; }
.filter-clear:hover { text-decoration: underline; }

.grid-wrap { max-width: 1240px; margin: 0 auto; padding: 34px 32px 30px; }
.pgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 22px; }
@media (max-width: 980px) { .pgrid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .pgrid { gap: 22px 14px; } .pcard-name { font-size: 15px; } .pcard-sub { font-size: 10.5px; } }
/* The "every 5th card is large" treatment is mobile-only — on desktop
   every card stays the same size as the rest of the grid. */
@media (max-width: 980px) {
  .pcard-large { grid-column: 1 / -1; }
  .pcard-large .pcard-name { font-size: 22px; }
  .pcard-large .pcard-price { font-size: 15px; }
}

.pcard-img { aspect-ratio: 1/1; border-radius: 2px; overflow: hidden; position: relative; background: var(--paper-2); border: 1px solid var(--line); display: block; }
.pcard-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pcard-img .img-b { opacity: 0; }
/* "Anadolu" collection: show the photo as-is, no crop/zoom — same reasoning as the PDP gallery. */
.pcard.no-zoom .pcard-img img { object-fit: contain; }
@media (prefers-reduced-motion: no-preference) {
  .pcard-img img { transition: opacity 0.5s ease, transform 0.6s cubic-bezier(.2,.7,.3,1); }
  .pcard:hover .img-a { opacity: 0; }
  .pcard:hover .img-b { opacity: 1; transform: scale(1.03); }
}
.pcard-badge {
  position: absolute; top: 12px; left: 12px; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  background: var(--garnet); color: var(--on-ink); border-radius: 2px; padding: 4px 9px; z-index: 2;
}
.pcard-badge.sold { background: var(--muted); }
.pcard-body { padding-top: 14px; }
.pcard-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; text-decoration: none; color: inherit; }
.pcard-name { font-size: 17px; font-weight: 700; }
.pcard-price { font-size: 13px; font-variant-numeric: tabular-nums; color: var(--ink); }
.pcard-price del { color: var(--muted); font-weight: 400; margin-right: 6px; }
.pcard-price ins { text-decoration: none; }
.pcard-sub { display: block; font-size: 11.5px; color: var(--muted); margin-top: 4px; }
/* Card layout (desktop and mobile alike): name on its own line, price
   below it, and an explicit "Ürünü İncele" button under that.
   Cards in the same grid row can have product names that wrap to a
   different number of lines, which would otherwise leave the "Ürünü
   İncele" buttons at different heights row to row. Making each card a
   flex column (the grid already stretches every card to the row's
   tallest item) and pushing the button down with margin-top:auto keeps
   every button on the same line regardless of how the name above it wraps. */
.pcard { display: flex; flex-direction: column; height: 100%; }
.pcard-body { display: flex; flex-direction: column; flex: 1; }
.pcard-top { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 14px; }
.pcard-view-btn {
  display: block; margin-top: auto; text-align: center; text-decoration: none;
  border: 1px solid var(--ink); background: var(--ink); color: var(--bone); border-radius: 2px; padding: 10px 14px;
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
}
.pcard-view-btn:hover, .pcard-view-btn:focus { opacity: 0.85; }
.rel-colors { color: var(--brass); }
.grid-empty { text-align: center; padding: 60px 20px; color: var(--muted); }
.grid-empty .cta {
  display: inline-block; margin-top: 18px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
  text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 4px;
}
.pagination-wrap { text-align: center; margin-top: 50px; }
.pagination-wrap.screen-reader-text {
  position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden !important; clip: rect(1px,1px,1px,1px) !important; white-space: nowrap !important; margin: 0 !important;
}
#infiniteScrollSentinel { height: 1px; }
#infiniteScrollSentinel.loading { height: auto; padding: 40px 0; text-align: center; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.pagination-wrap .page-numbers { display: inline-flex; gap: 10px; align-items: center; list-style: none; padding: 0; }
.pagination-wrap .page-numbers li { display: inline-block; }
.pagination-wrap a.page-numbers, .pagination-wrap span.page-numbers {
  display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
  border: 1px solid var(--line); border-radius: 50%; font-size: 12.5px; text-decoration: none; color: var(--ink);
}
.pagination-wrap span.page-numbers.current { background: var(--ink); color: var(--bone); border-color: var(--ink); }

/* =========================================================================
   Single product
   ========================================================================= */
.pdp { max-width: 1180px; margin: 0 auto; padding: 28px 32px 0; display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; }
@media (max-width: 860px) { .pdp { grid-template-columns: 1fr; gap: 36px; } }

.gallery { display: flex; flex-direction: column; gap: 14px; position: sticky; top: 20px; align-self: start; }
@media (max-width: 860px) { .gallery { display: none; } }
.thumbs { display: flex; flex-direction: row; gap: 10px; }
.thumbs button {
  padding: 0; border: 1px solid var(--line); background: var(--paper); cursor: pointer;
  border-radius: 2px; overflow: hidden; aspect-ratio: 1/1; width: 84px; flex: none; opacity: 0.65; transition: opacity 0.25s, border-color 0.25s;
}
.thumbs button.active { opacity: 1; border-color: var(--ink); }
.thumbs img { width: 100%; height: 100%; object-fit: cover; }
.main-frame { aspect-ratio: 1/1; overflow: hidden; border-radius: 2px; background: var(--paper-2); border: 1px solid var(--line); }
.main-frame img { width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: no-preference) { .main-frame img { transition: opacity 0.35s ease; } }

.gallery-mobile { display: none; position: relative; margin-left: -32px; margin-right: -32px; width: calc(100% + 64px); }
@media (max-width: 860px) { .gallery-mobile { display: block; } }
.gm-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.gm-track::-webkit-scrollbar { display: none; }
.gm-slide { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 1/1; background: var(--paper-2); }
.gm-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* "Anadolu" collection: show the photo as-is, no crop/zoom to fill the square frame. */
.gallery.no-zoom .thumbs img,
.gallery.no-zoom .main-frame img,
.gallery-mobile.no-zoom .gm-slide img { object-fit: contain; }
.gm-back {
  position: absolute; left: 14px; top: 14px; z-index: 5; width: 34px; height: 34px; border-radius: 50%; border: none;
  background: rgba(251,248,241,0.9); display: flex; align-items: center; justify-content: center; color: var(--ink);
  cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,0.18);
}
.gm-back svg { width: 17px; height: 17px; }
.gm-dots { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 12px; }
.gm-dots span { width: 6px; height: 6px; border-radius: 50%; background: var(--line); }
.gm-dots span.active { background: var(--ink); }

.info { display: flex; flex-direction: column; }
@media (max-width: 860px) {
  .info > .badge-new { order: 1; }
  .info > h1 { order: 2; }
  .info > .sub { order: 3; }
  .info > .price { order: 4; }
  .info > .colorpick { order: 5; margin-top: 4px; }
  .info > .desc { order: 6; margin-top: 22px; }
  .info > .add-to-cart-wrap { order: 7; }
  .info > .trust { order: 8; }
  .info > .accordion { order: 9; }
}
.badge-new { display: inline-block; align-self: flex-start; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; background: var(--garnet); color: var(--on-ink); border-radius: 2px; padding: 4px 9px; margin-bottom: 14px; }
.info h1 { font-size: clamp(24px, 3vw, 34px); margin: 0 0 6px; font-weight: 500; text-wrap: balance; }
.info .sub { font-size: 14.5px; color: var(--muted); margin-bottom: 22px; }
.info .price { font-size: 21px; font-variant-numeric: tabular-nums; margin-bottom: 30px; }
.info .price del { font-size: 15px; color: var(--muted); font-weight: 400; margin-right: 10px; text-decoration: line-through; }
.info .price ins { text-decoration: none; }
.info .price .stock { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brass); margin-left: 12px; border: 1px solid var(--brass); border-radius: 2px; padding: 3px 8px; vertical-align: middle; }
.info .price .stock.out-of-stock { color: var(--garnet); border-color: var(--garnet); }

.desc { font-size: 15px; line-height: 1.7; color: var(--ink); max-width: 46ch; margin-bottom: 32px; }
.desc p:first-child { margin-top: 0; }
.desc p:last-child { margin-bottom: 0; }

.colorpick .label { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.colorpick .label .val { color: var(--ink); font-weight: 600; }
.swatches { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.swatches a { display: flex; flex-direction: column; align-items: center; gap: 9px; text-decoration: none; cursor: pointer; }
.swatches a .frame { display: block; box-sizing: border-box; width: 70px; height: 70px; border-radius: 2px; overflow: hidden; border: 1px solid var(--line); transition: border-color 0.25s; }
.swatches a:hover .frame { border-color: var(--ink); }
.swatches a img { width: 100%; height: 100%; object-fit: cover; }
.swatches a .underline { width: 28px; height: 1px; background: transparent; }
.swatches a.active .underline { background: var(--ink); }

.trust { display: flex; flex-wrap: wrap; gap: 8px 0; font-size: 11.5px; color: var(--muted); margin: 26px 0 8px; }
.trust span:not(.dot) { text-transform: uppercase; letter-spacing: 0.06em; }
.trust .dot { margin: 0 10px; opacity: 0.5; }

.accordion { margin-top: 26px; border-top: 1px solid var(--line); }
.accordion details { border-bottom: 1px solid var(--line); }
.accordion summary { cursor: pointer; padding: 16px 2px; font-size: 13.5px; letter-spacing: 0.04em; display: flex; justify-content: space-between; align-items: center; list-style: none; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary::after { content: "+"; font-size: 16px; color: var(--brass); }
.accordion details[open] summary::after { content: "\2212"; }
.accordion .panel { padding: 0 2px 18px; font-size: 13.5px; line-height: 1.7; color: var(--muted); max-width: 50ch; }

.story { max-width: 760px; margin: 0 auto; padding: 150px 32px; text-align: center; }
.story h2 { font-style: italic; font-weight: 500; font-size: clamp(25px, 3vw, 33px); color: var(--ink); margin: 0 0 34px; text-wrap: balance; }
.story p { font-family: "Didot", "Playfair Display", Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(15px, 1.7vw, 17.5px); line-height: 1.9; color: var(--brass); max-width: 64ch; margin: 0 auto; text-wrap: balance; }

.related { max-width: 1180px; margin: 0 auto; padding: 130px 32px 120px; }
.related-head { text-align: center; margin-bottom: 46px; }
.related-head .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 14px; }
.related-head h2 { font-size: clamp(26px, 3.6vw, 38px); font-weight: 700; }
.rel-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 860px) { .rel-grid { grid-template-columns: repeat(2, 1fr); } }
.rel-card { cursor: pointer; text-decoration: none; color: inherit; display: block; }
.rel-card .thumb { aspect-ratio: 1/1; overflow: hidden; border-radius: 2px; border: 1px solid var(--line); margin-bottom: 12px; }
.rel-card .thumb img { width: 100%; height: 100%; object-fit: cover; }
.rel-card.no-zoom .thumb img { object-fit: contain; }
@media (prefers-reduced-motion: no-preference) { .rel-card .thumb img { transition: transform 0.5s cubic-bezier(.2,.7,.3,1); } }
.rel-card:hover .thumb img { transform: scale(1.04); }
.rel-card .name { font-size: 16.5px; }
.rel-card .price { font-size: 12.5px; color: var(--muted); margin-top: 2px; font-variant-numeric: tabular-nums; }
.rel-card .price del { margin-right: 6px; opacity: 0.75; text-decoration: line-through; }
.rel-card .rel-tag { font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--garnet); display: block; margin-bottom: 3px; }
.rel-card .rel-tag.sold { color: var(--muted); }
.rel-card.is-sold .thumb img { opacity: 0.55; }

/* ---- Add-to-cart form (native WooCommerce form, restyled) ---- */
.add-to-cart-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 16px; }
.add-to-cart-wrap form.cart { display: flex; align-items: center; gap: 14px; flex: 1; flex-wrap: nowrap; }
.add-to-cart-wrap .quantity { display: flex !important; align-items: center; border: 1px solid var(--line); border-radius: 2px; margin: 0 !important; flex: none !important; width: auto !important; }
.add-to-cart-wrap .quantity .kenzsilk-qty-btn { width: 38px !important; height: 48px; border: none !important; background: none !important; cursor: pointer; font-size: 16px; color: var(--ink); flex: none; padding: 0 !important; }
.add-to-cart-wrap .quantity .qty { width: 40px !important; height: 48px; text-align: center; border: none !important; background: none !important; font-variant-numeric: tabular-nums; font-size: 14px; color: var(--ink); -moz-appearance: textfield; flex: none; padding: 0 !important; }
.add-to-cart-wrap .quantity .qty::-webkit-outer-spin-button, .add-to-cart-wrap .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.add-to-cart-wrap .single_add_to_cart_button,
.add-to-cart-wrap a.single_add_to_cart_button,
.add-to-cart-wrap button.single_add_to_cart_button {
  flex: 1; background: var(--garnet) !important; color: var(--on-ink) !important;
  border: none !important; border-radius: 2px !important; height: 48px; box-shadow: none !important;
  font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: opacity 0.25s;
}
.add-to-cart-wrap .single_add_to_cart_button:hover,
.add-to-cart-wrap .single_add_to_cart_button:focus { opacity: 0.85; background: var(--garnet) !important; color: var(--on-ink) !important; }
.add-to-cart-wrap .single_add_to_cart_button.disabled { opacity: 0.4; cursor: not-allowed; }
.add-to-cart-wrap .fav-btn { width: 48px; height: 48px; border: 1px solid var(--line); background: none; border-radius: 2px; cursor: pointer; color: var(--ink); flex: none; display: flex; align-items: center; justify-content: center; }
.add-to-cart-wrap .fav-btn svg { width: 19px; height: 19px; }
.add-to-cart-wrap .fav-btn.is-active svg { fill: var(--garnet); stroke: var(--garnet); }
.add-to-cart-wrap .woocommerce-variation-add-to-cart { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; width: 100%; }

/* Safety net: if a product is accidentally left as "Variable" (see the
   admin-side warning in functions.php), WooCommerce's own attribute
   dropdown still gets a reasonable, on-brand style instead of looking
   like unstyled default markup. */
.add-to-cart-wrap table.variations { width: 100%; border-collapse: collapse; margin: 0 0 14px; }
.add-to-cart-wrap table.variations tr { display: block; margin-bottom: 12px; }
.add-to-cart-wrap table.variations th.label {
  display: block; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 8px; text-align: left; font-weight: 600;
}
.add-to-cart-wrap table.variations td.value { display: block; }
.add-to-cart-wrap table.variations select {
  width: 100%; max-width: 280px; border: 1px solid var(--line); background: var(--paper); padding: 12px 13px;
  font-size: 14px; border-radius: 2px; color: var(--ink); font-family: inherit;
}
.add-to-cart-wrap .reset_variations { display: inline-block; margin-top: 6px; font-size: 11px; color: var(--muted); text-decoration: underline; }
.add-to-cart-wrap .woocommerce-variation-description p { font-size: 13px; color: var(--muted); margin: 0 0 10px; }
.add-to-cart-wrap .woocommerce-variation-price { font-size: 15px; margin-bottom: 10px; width: 100%; }
.add-to-cart-wrap .woocommerce-variation-availability { width: 100%; }

@media (max-width: 860px) {
  .add-to-cart-wrap {
    position: fixed; left: 0; right: 0; bottom: 54px; z-index: 60; margin: 0;
    background: var(--bone); border-top: 1px solid var(--line);
    padding: 12px 16px;
    transform: translateY(0%);
  }
  @media (prefers-reduced-motion: no-preference) { .add-to-cart-wrap { transition: transform 0.3s ease; } }
  .add-to-cart-wrap.is-hidden { transform: translateY(100%); }
  .add-to-cart-wrap .fav-btn { width: 44px; height: 44px; }
  body.single-product { padding-bottom: 129px; }
}

/* =========================================================================
   Mobile bottom tab bar (Anasayfa / Favoriler / Sepet / Hesabım)
   ========================================================================= */
.mobile-tabbar { display: none; }
@media (max-width: 860px) {
  body { padding-bottom: 54px; }
  .mobile-tabbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
    background: var(--bone); border-top: 1px solid var(--line);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .mobile-tabbar a {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 3px; padding: 9px 4px 8px; text-decoration: none; color: var(--muted);
    font-size: 9.5px; letter-spacing: 0.01em; position: relative;
  }
  .mobile-tabbar a.is-active { color: var(--ink); }
  .mobile-tabbar svg { width: 21px; height: 21px; }
  .mobile-tabbar .tab-badge {
    position: absolute; top: 3px; right: 26%; min-width: 15px; height: 15px; padding: 0 3px;
    border-radius: 50%; background: var(--garnet); color: var(--on-ink); font-size: 9px; font-weight: 600;
    display: flex; align-items: center; justify-content: center; line-height: 1;
  }
}

/* =========================================================================
   About page
   ========================================================================= */
.about-hero { min-height: 62vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 60px 24px; position: relative; overflow: hidden; background-size: cover; background-position: center; color: #f1ece0; }
.about-hero .eyebrow { font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: #d8c9a6; margin-bottom: 22px; display: block; }
.about-hero h1 { font-size: clamp(38px, 6vw, 60px); margin: 0 0 20px; font-weight: 700; }
.about-hero p { font-style: italic; font-size: clamp(16px, 2.2vw, 20px); max-width: 40ch; margin: 0 auto; opacity: 0.95; }

.story-intro { max-width: 820px; margin: 0 auto; padding: 130px 32px; }
.story-intro .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 22px; text-align: center; }
.story-intro p { font-size: clamp(20px, 2.6vw, 26px); line-height: 1.65; text-align: center; margin: 0 0 24px; text-wrap: balance; }

.values { max-width: 1180px; margin: 0 auto; padding: 0 32px 130px; }
.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; border-top: 1px solid var(--line); padding-top: 46px; }
@media (max-width: 860px) { .values-grid { grid-template-columns: repeat(2, 1fr); } }
.value-item .num { font-size: 15px; color: var(--brass); margin-bottom: 14px; }
.value-item h3 { font-size: 19px; margin: 0 0 10px; font-weight: 700; }
.value-item p { font-size: 13.5px; line-height: 1.7; color: var(--muted); margin: 0; max-width: 30ch; }

.craft-band { padding: 160px 32px; text-align: center; color: #f1ece0; background-size: cover; background-position: center 30%; }
.craft-band .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #cbb98c; display: block; margin-bottom: 26px; }
.craft-band blockquote { font-size: clamp(24px, 3.6vw, 40px); line-height: 1.4; max-width: 20ch; margin: 0 auto; font-style: italic; font-weight: 400; text-wrap: balance; }

.about-links { max-width: 720px; margin: 0 auto; padding: 110px 32px; text-align: center; }
.about-links .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 20px; }
.about-links h2 { font-size: clamp(24px, 3vw, 32px); margin: 0 0 26px; font-weight: 700; }
.about-links .cta { display: inline-block; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 4px; }

/* =========================================================================
   Artists (Sanatçı Atölyesi) page
   ========================================================================= */
.artists-hero { min-height: 54vh; display: flex; align-items: flex-end; padding: 60px 44px; position: relative; background-size: cover; background-position: center; color: #f1ece0; }
.artists-hero .inner { max-width: 640px; }
.artists-hero .eyebrow { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #d8c9a6; display: block; margin-bottom: 16px; }
.artists-hero h1 { font-size: clamp(30px, 5vw, 52px); margin: 0 0 18px; font-weight: 700; text-wrap: balance; }
.artists-hero p { font-size: 15px; line-height: 1.75; opacity: 0.92; max-width: 58ch; margin: 0; }

.artist-block { max-width: 1180px; margin: 0 auto; padding: 110px 32px; display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 64px; align-items: center; }
.artist-block.reverse { grid-template-columns: 1.3fr 0.7fr; }
.artist-block.reverse .monogram { order: 2; }
@media (max-width: 820px) {
  .artist-block, .artist-block.reverse { grid-template-columns: 1fr; gap: 32px; }
  .artist-block.reverse .monogram { order: 0; }
}
.monogram { aspect-ratio: 1/1; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; background: var(--paper); }
.monogram span { font-size: clamp(70px, 9vw, 120px); color: var(--brass); }
.artist-text .role { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 16px; }
.artist-text h2 { font-size: clamp(28px, 3.4vw, 40px); margin: 0 0 20px; font-weight: 700; text-wrap: balance; }
.artist-text p { font-size: 15px; line-height: 1.85; color: var(--ink); max-width: 54ch; margin: 0 0 20px; }
.artist-text .cta { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--ink); padding-bottom: 4px; }

.atelier { max-width: 1180px; margin: 0 auto; padding: 10px 32px 130px; }
.atelier-head { text-align: center; margin-bottom: 46px; }
.atelier-head .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; margin-bottom: 14px; }
.atelier-head h2 { font-size: clamp(26px, 3.6vw, 38px); margin: 0; font-weight: 700; }
.atelier-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 860px) { .atelier-grid { grid-template-columns: repeat(2, 1fr); } }
.atelier-grid .frame { aspect-ratio: 1/1; overflow: hidden; border-radius: 2px; border: 1px solid var(--line); }
.atelier-grid img { width: 100%; height: 100%; object-fit: cover; }

/* =========================================================================
   Support (Müşteri Hizmetleri) page
   ========================================================================= */
.support-wrap { max-width: 1180px; margin: 0 auto; padding: 44px 32px 0; }
.support-title h1 { font-size: clamp(30px, 4vw, 44px); margin: 0 0 14px; font-weight: 700; }
.support-title p { font-size: 14.5px; color: var(--muted); max-width: 62ch; line-height: 1.7; }

.support-grid { display: grid; grid-template-columns: 220px 1fr; gap: 64px; margin-top: 48px; align-items: start; padding: 0 32px 20px; max-width: 1180px; margin-left: auto; margin-right: auto; }
@media (max-width: 820px) { .support-grid { grid-template-columns: 1fr; gap: 30px; padding: 0 32px 0; } }
.support-nav { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 2px; }
@media (max-width: 820px) { .support-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 4px 18px; } .support-nav a { padding: 6px 0; border-bottom: none; } }
.support-nav a { font-size: 12.5px; text-decoration: none; color: var(--muted); padding: 10px 0; border-bottom: 1px solid var(--line); }
.support-nav a:hover { color: var(--ink); }

.faq-group { margin-bottom: 54px; }
.faq-group:last-child { margin-bottom: 0; }
.faq-group h2 { font-size: 22px; margin: 0 0 6px; font-weight: 700; }
.faq-group .count { font-size: 12px; color: var(--muted); margin-bottom: 18px; display: block; }
.faq-group .accordion { border-top: 1px solid var(--line); margin-top: 0; }

.contact-block { max-width: 1180px; margin: 90px auto 0; padding: 60px 32px 130px; border-top: 1px solid var(--line); }
.contact-block > .label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brass); display: block; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; margin-top: 30px; }
@media (max-width: 820px) { .contact-grid { grid-template-columns: 1fr; gap: 36px; } }
.contact-info h2 { font-size: 26px; margin: 0 0 22px; font-weight: 700; }
.contact-info .row { display: flex; flex-direction: column; gap: 5px; margin-bottom: 22px; }
.contact-info .row .k { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.contact-info .row .v { font-size: 15px; }
.contact-form { display: flex; flex-direction: column; gap: 16px; }
.contact-form input, .contact-form textarea { border: 1px solid var(--line); background: var(--paper); padding: 13px 14px; font-size: 14px; border-radius: 2px; font-family: inherit; color: var(--ink); }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--muted); }
.contact-form textarea { min-height: 120px; resize: vertical; }
.contact-form button { align-self: flex-start; background: var(--garnet); color: var(--on-ink); border: none; padding: 14px 30px; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 2px; cursor: pointer; }
.contact-form button:hover { opacity: 0.88; }
.form-note { font-size: 11px; color: var(--muted); margin-top: -4px; }

/* =========================================================================
   Checkout page chrome
   ========================================================================= */
body.woocommerce-checkout .utility,
body.woocommerce-checkout .mega-nav,
body.woocommerce-checkout .nav-backdrop,
body.woocommerce-checkout .left-icons,
body.woocommerce-checkout .header-row .side.right .side-text,
body.woocommerce-checkout .icon-group { display: none !important; }
body.woocommerce-checkout .header-row { justify-content: center; }
body.woocommerce-checkout .header-row::after {
  content: "\1F512"; position: absolute; right: 32px; top: 50%; transform: translateY(-50%);
  font-size: 11.5px; color: var(--muted);
}

.checkout-steps { display: flex; justify-content: center; gap: 22px; padding: 18px 32px; font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); border-bottom: 1px solid var(--line); }
.checkout-steps .arrow { opacity: 0.4; }
.checkout-steps .done { color: var(--ink); }
.checkout-steps .active { color: var(--garnet); font-weight: 600; }
.checkout-wrap { max-width: 1180px; margin: 0 auto; padding: 44px 32px 120px; }

/* =========================================================================
   Cart page
   ========================================================================= */
.cart-wrap { max-width: 1180px; margin: 0 auto; padding: 44px 32px 100px; }
.cart-title { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
.cart-title h1 { font-size: clamp(30px, 4vw, 44px); margin: 0; font-weight: 700; }
.cart-title .count { font-size: 13px; color: var(--muted); }

/* =========================================================================
   Generic page / blog / 404
   ========================================================================= */
.generic-page { max-width: 760px; margin: 0 auto; padding: 60px 32px 120px; }
.generic-page-title { font-size: clamp(30px, 4vw, 44px); margin: 0 0 30px; font-weight: 700; }
.generic-page-content { font-size: 15px; line-height: 1.8; }
.generic-page-content p { margin: 0 0 20px; }
.generic-page-content h2 { font-size: 24px; margin: 40px 0 16px; }
.generic-page-content img { border-radius: 2px; margin: 20px 0; }
.not-found-page { text-align: center; }
.not-found-page .eyebrow { font-size: 12px; letter-spacing: 0.2em; color: var(--brass); }
.not-found-page .cta { display: inline-block; margin-top: 20px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 4px; }

.single-post-thumb { aspect-ratio: 16/9; overflow: hidden; border-radius: 2px; margin-bottom: 40px; }
.single-post-thumb img { width: 100%; height: 100%; object-fit: cover; }

.blog-list { display: flex; flex-direction: column; gap: 50px; }
.blog-card-thumb { aspect-ratio: 16/9; overflow: hidden; border-radius: 2px; margin-bottom: 18px; display: block; }
.blog-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.blog-card h2 { font-size: 24px; margin: 0 0 10px; }
.blog-card h2 a { text-decoration: none; }
.blog-card-excerpt { font-size: 14.5px; color: var(--muted); line-height: 1.7; }

/* =========================================================================
   WooCommerce native form / notice restyling (cart, checkout, my-account)
   ========================================================================= */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-error, .woocommerce-info {
  list-style: none; margin: 0 0 24px !important; padding: 16px 20px !important; border-radius: 2px !important; font-size: 13.5px !important;
  background: var(--paper) !important; border: 1px solid var(--line) !important;
  display: flex !important; align-items: center; justify-content: space-between; gap: 16px;
}
/* WooCommerce core adds a dashicon via ::before with its own absolute
   positioning + left padding on the parent — since the flex layout above
   already provides spacing, that icon is suppressed to avoid it
   overlapping the message text. */
.woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before { display: none !important; content: none !important; }
.woocommerce-error { border-color: var(--garnet); color: var(--garnet); }
.woocommerce-error li { list-style: none; }
.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button {
  background: var(--ink); color: var(--bone); border: none; padding: 8px 16px; font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase; border-radius: 2px; text-decoration: none; white-space: nowrap;
}

table.shop_table { width: 100%; border-collapse: collapse; margin-bottom: 30px; font-size: 13.5px; }
table.shop_table th { text-align: left; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); padding: 0 12px 12px 0; border-bottom: 1px solid var(--line); }
table.shop_table td { padding: 18px 12px 18px 0; border-bottom: 1px solid var(--line); vertical-align: middle; }
table.shop_table .product-thumbnail img { width: 72px; border-radius: 2px; border: 1px solid var(--line); }
table.shop_table .product-name a,
table.shop_table .product-name a:visited {
  color: var(--ink) !important; text-decoration: none; font-weight: 500;
}
table.shop_table .product-name a:hover { color: var(--garnet) !important; }
table.shop_table .product-remove a {
  display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px;
  border-radius: 50%; border: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: 14px;
}
table.shop_table td.actions .coupon { display: flex; gap: 10px; align-items: center; }
table.shop_table td.actions .coupon input { border: 1px solid var(--line); background: var(--paper); padding: 11px 14px; font-size: 13px; border-radius: 2px; }
table.shop_table td.actions .coupon button, table.shop_table td.actions > button {
  border: 1px solid var(--ink); background: none; padding: 11px 20px; font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase; border-radius: 2px; cursor: pointer; color: var(--ink);
}

.cart_totals { max-width: 420px; margin-left: auto; background: var(--paper); border: 1px solid var(--line); border-radius: 2px; padding: 30px 26px; }
.cart_totals h2 { font-size: 18px; margin: 0 0 22px; font-weight: 700; }
.cart_totals table { width: 100%; border-collapse: collapse; }
.cart_totals table th, .cart_totals table td { padding: 12px 0; border-top: 1px solid var(--line); font-size: 13.5px; text-align: left; }
.cart_totals table tr:first-child th, .cart_totals table tr:first-child td { border-top: none; }
.cart_totals .order-total th, .cart_totals .order-total td { font-size: 16px; font-weight: 700; border-top: 1px solid var(--ink); }
.wc-proceed-to-checkout { margin-top: 20px; }
.wc-proceed-to-checkout .checkout-button {
  display: block; width: 100%; text-align: center; background: var(--garnet) !important; color: var(--on-ink) !important;
  border: none !important; box-shadow: none !important;
  padding: 16px; font-size: 12px; font-weight: 500 !important; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 2px; text-decoration: none;
}
.wc-proceed-to-checkout .checkout-button:hover, .wc-proceed-to-checkout .checkout-button:focus { background: var(--garnet) !important; color: var(--on-ink) !important; opacity: 0.85; }

.woocommerce form .form-row { margin-bottom: 14px; width: 100% !important; }
.woocommerce form .form-row label {
  display: block !important; font-size: 11px !important; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--muted) !important; margin-bottom: 7px !important; float: none !important;
}
.woocommerce form .form-row .required { color: var(--garnet); text-decoration: none; }
.woocommerce form .input-text, .woocommerce form select, .woocommerce-checkout select, .woocommerce-additional-fields textarea {
  width: 100% !important; border: 1px solid var(--line) !important; background: var(--paper) !important;
  padding: 12px 13px !important; font-size: 14px !important; border-radius: 2px !important; color: var(--ink) !important;
  font-family: inherit !important; box-shadow: none !important; height: auto !important; float: none !important;
}
.woocommerce-checkout #order_review_heading {
  font-size: 18px !important; margin: 0 0 22px !important; font-weight: 700 !important;
  font-family: "Didot", "Playfair Display", Georgia, serif !important;
}
#order_review { background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 2px; padding: 28px 24px !important; }
#order_review table.shop_table td, #order_review table.shop_table th { padding: 12px 0; }
.wc_payment_methods { list-style: none; margin: 0 0 20px; padding: 0; }
.wc_payment_methods .wc_payment_method {
  border: 1px solid var(--line); border-radius: 2px; padding: 16px 18px; margin-bottom: 10px;
}
.wc_payment_methods .wc_payment_method:has(input:checked) { border-color: var(--ink); background: var(--paper); }
.wc_payment_methods .payment_method_paytr_payment_gateway { border-color: var(--ink); background: var(--paper); }
.wc_payment_methods input.input-radio { accent-color: var(--ink); width: 17px; height: 17px; margin-right: 4px; vertical-align: middle; }
.wc_payment_methods label { font-size: 14px; font-weight: 700; cursor: pointer; }
.wc_payment_methods .payment_box {
  margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); background: none; padding-left: 0; padding-right: 0;
}
.wc_payment_methods .payment_box p { margin: 0 0 10px; }
#place_order {
  width: 100%; background: var(--garnet) !important; color: var(--on-ink) !important; border: none !important; box-shadow: none !important;
  padding: 17px; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 2px; cursor: pointer; margin-top: 8px;
}
#place_order:hover, #place_order:focus { background: var(--garnet) !important; color: var(--on-ink) !important; opacity: 0.85; }

.kz-checkout-terms-note { text-align: center; font-size: 11.5px; color: var(--muted); margin: 12px 0 0; }
.kz-checkout-terms-note a { color: var(--ink); text-decoration: underline; }

.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); border-radius: 2px; overflow: hidden; }
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--line); }
.woocommerce-MyAccount-navigation li:last-child { border-bottom: none; }
.woocommerce-MyAccount-navigation a { display: block; padding: 12px 16px; text-decoration: none; font-size: 13.5px; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--garnet); font-weight: 600; }
.woocommerce-MyAccount-content { margin-top: 30px; }
.woocommerce-account .container, .woocommerce-account .generic-page { max-width: 960px; }

/* My Account: login/register/lost-password/edit-account/address forms all
   fall back to WooCommerce's own unstyled grey button by default — bring
   them in line with the black CTA style used everywhere else on the site. */
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account a.button {
  background: var(--ink) !important; color: var(--bone) !important; border: 1px solid var(--ink) !important;
  border-radius: 2px !important; padding: 12px 20px !important; font-size: 11px !important; letter-spacing: 0.08em !important;
  text-transform: uppercase !important; font-family: inherit !important; cursor: pointer; box-shadow: none !important;
}
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account a.button:hover { opacity: 0.85; }
.woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register {
  border: 1px solid var(--line); border-radius: 2px; padding: 28px;
}
.woocommerce-account .u-column1, .woocommerce-account .u-column2 { width: 48%; }
@media (max-width: 700px) { .woocommerce-account .u-column1, .woocommerce-account .u-column2 { width: 100%; float: none; } }

.star-rating { display: none; }
.price ins, .amount { text-decoration: none; }

/* =========================================================================
   Kenzsilk custom cart page (woocommerce/cart/cart.php override)
   ========================================================================= */
.kz-cart-page { max-width: 1180px; margin: 0 auto; padding: 0 32px 100px; }
.kz-cart-title { font-size: 34px; margin: 6px 0 40px; display: flex; align-items: baseline; gap: 14px; }
.kz-cart-count { font-size: 13px; font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-weight: 400; color: var(--muted); }

.kz-cart-empty { padding: 60px 0; text-align: center; }
.kz-cart-empty .cta {
  display: inline-block; margin-top: 18px; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;
  text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--ink); padding-bottom: 4px;
}

.kz-cart-layout { display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px 60px; align-items: start; }
@media (max-width: 900px) { .kz-cart-layout { grid-template-columns: 1fr; } }

.kz-cart-items { grid-column: 1; }
.kz-cart-update-fallback { display: none; }

.kz-cart-line {
  display: flex !important; align-items: flex-start; gap: 20px; padding: 26px 0; border-bottom: 1px solid var(--line);
}
.kz-cart-line:first-child { padding-top: 0; }
.kz-cart-line-thumb { flex: none !important; width: 84px !important; }
.kz-cart-line-thumb img { width: 84px !important; height: 84px !important; object-fit: cover; border-radius: 2px; border: 1px solid var(--line); }
.kz-cart-line-info { flex: 1 1 0% !important; min-width: 0 !important; max-width: 100%; }
.kz-cart-line-name { font-size: 16px; margin: 0 0 6px; font-weight: 700; }
.kz-cart-line-name a { text-decoration: none; color: var(--ink); }
.kz-cart-line-meta { font-size: 12.5px; color: var(--muted); margin-bottom: 8px; }
.kz-cart-line-remove { font-size: 11.5px; color: var(--muted); text-decoration: underline; }
.kz-cart-line-remove:hover { color: var(--garnet); }
.kz-cart-line-price { flex: none !important; align-self: center; font-size: 14.5px; color: var(--ink); white-space: nowrap; }
.kz-cart-line-qty { flex: none !important; align-self: center; }
.kz-cart-line-qty .quantity {
  display: flex !important; align-items: center; border: 1px solid var(--line); border-radius: 2px; margin: 0 !important; width: auto !important;
}
.kz-cart-line-qty .quantity .kenzsilk-qty-btn { width: 32px !important; height: 40px; border: none !important; background: none !important; cursor: pointer; font-size: 15px; color: var(--ink); flex: none; padding: 0 !important; }
.kz-cart-line-qty .quantity .qty {
  width: 34px !important; height: 40px; text-align: center; border: none !important; background: none !important;
  font-variant-numeric: tabular-nums; font-size: 14px; color: var(--ink); -moz-appearance: textfield; flex: none; padding: 0 !important;
}
.kz-cart-line-qty .quantity .qty::-webkit-outer-spin-button, .kz-cart-line-qty .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.kz-cart-line-qty .quantity label.screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px,1px,1px,1px) !important; }

.kz-cart-summary {
  grid-column: 2; background: var(--paper); border: 1px solid var(--line); border-radius: 2px; padding: 30px 26px;
}
@media (max-width: 900px) { .kz-cart-summary { grid-column: 1; } }
.kz-cart-summary h2 { font-size: 19px; margin: 0 0 20px; font-weight: 700; }
.kz-summary-row {
  display: flex; justify-content: space-between; gap: 12px; font-size: 13.5px; color: var(--muted);
  padding: 12px 0; border-bottom: 1px solid var(--line);
}
.kz-summary-row span:last-child { color: var(--ink); }
.kz-summary-discount span:last-child { color: var(--garnet); }
.kz-summary-total { border-bottom: none; padding-top: 16px; font-size: 16px; }
.kz-summary-total span { color: var(--ink); font-weight: 700; }

.kz-coupon-row { display: flex !important; gap: 10px; margin: 20px 0 22px; }
.kz-coupon-row input {
  flex: 1 1 0% !important; width: auto !important; border: 1px solid var(--line); background: var(--bone); padding: 11px 14px; font-size: 13px;
  border-radius: 2px; color: var(--ink); min-width: 0 !important;
}
.kz-coupon-apply {
  border: 1px solid var(--ink); background: none; padding: 0 18px; font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase; border-radius: 2px; cursor: pointer; color: var(--ink); white-space: nowrap;
}

.kz-proceed-to-checkout .checkout-button {
  display: block; width: 100%; text-align: center; background: var(--garnet) !important; color: var(--on-ink) !important;
  border: none !important; box-shadow: none !important;
  padding: 16px; font-size: 12px; font-weight: 500 !important; letter-spacing: 0.12em; text-transform: uppercase; border-radius: 2px; text-decoration: none;
}
.kz-proceed-to-checkout .checkout-button:hover, .kz-proceed-to-checkout .checkout-button:focus { opacity: 0.85; background: var(--garnet) !important; color: var(--on-ink) !important; }

.kz-continue-shopping {
  display: block; text-align: center; margin-top: 14px; font-size: 12px; color: var(--muted); text-decoration: underline;
}
.kz-continue-shopping:hover { color: var(--ink); }

.kz-trust-badges { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.kz-trust-badges p { font-size: 11.5px; color: var(--muted); margin: 0 0 6px; }
.kz-trust-badges p:last-child { margin-bottom: 0; }

/* =========================================================================
   Kenzsilk custom checkout (woocommerce/checkout/form-checkout.php +
   checkout/review-order.php overrides)
   ========================================================================= */
.kz-checkout { display: grid !important; grid-template-columns: 1.5fr 1fr; gap: 20px 60px; align-items: start; }
@media (max-width: 900px) { .kz-checkout { grid-template-columns: 1fr; } }

.kz-checkout-main { grid-column: 1; }
@media (max-width: 900px) { .kz-checkout-main { grid-column: 1; } }

.kz-checkout-section { padding: 30px 0; border-bottom: 1px solid var(--line); }
.kz-checkout-section:first-child { padding-top: 0; }
.kz-checkout-section h2 {
  display: flex; align-items: center; gap: 12px; font-size: 19px; font-weight: 700; margin: 0 0 22px;
}
.kz-step-num {
  display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none;
  border-radius: 50%; background: var(--ink); color: var(--bone); font-size: 13px; font-family: -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

.kz-checkout-section .form-row { max-width: 480px; }
.kz-address-fields { display: flex; flex-wrap: wrap; gap: 0 20px; }
.kz-address-fields .form-row { flex: 1 1 100%; }
.kz-address-fields .form-row-first, .kz-address-fields .form-row-last { flex: 1 1 calc(50% - 10px); }
.kz-address-fields > div[id*="shipping"],
.kz-checkout-section #ship-to-different-address { display: none; } /* WooCommerce's own "ship to different address" toggle + fields: hidden — this theme collects one address only, matching the original design */

.kz-newsletter-opt {
  display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); margin-top: 16px; cursor: pointer;
}
.kz-newsletter-opt input { accent-color: var(--ink); width: 16px; height: 16px; }

.kz-shipping-methods { display: flex; flex-direction: column; gap: 12px; max-width: 480px; }
.kz-shipping-option {
  display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 2px; padding: 16px 18px; cursor: pointer;
}
.kz-shipping-option.is-selected { border-color: var(--ink); background: var(--paper); }
.kz-shipping-radio { accent-color: var(--ink); width: 17px; height: 17px; flex: none; }
.kz-shipping-label { flex: 1; font-size: 14px; }
.kz-shipping-cost { font-size: 13.5px; color: var(--muted); white-space: nowrap; }

.kz-checkout-payment-section #order_review { background: none !important; border: none !important; padding: 0 !important; }

.kz-checkout-summary {
  grid-column: 2; background: var(--paper); border: 1px solid var(--line); border-radius: 2px; padding: 30px 26px;
}
@media (max-width: 900px) { .kz-checkout-summary { grid-column: 1; } }
.kz-checkout-summary h2 { font-size: 19px; margin: 0 0 20px; font-weight: 700; }

.kz-checkout-summary-items { display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.kz-summary-item { display: flex; align-items: center; gap: 14px; }
.kz-summary-item-thumb { flex: none; width: 52px; }
.kz-summary-item-thumb img { width: 52px; height: 52px; object-fit: cover; border-radius: 2px; border: 1px solid var(--line); }
.kz-summary-item-info { flex: 1; min-width: 0; }
.kz-summary-item-name { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.kz-summary-item-qty { font-size: 12px; color: var(--muted); margin-top: 2px; }
.kz-summary-item-price { flex: none; font-size: 13.5px; color: var(--ink); white-space: nowrap; }

.kz-checkout-summary-totals .kz-summary-row {
  display: flex; justify-content: space-between; gap: 12px; font-size: 13.5px; color: var(--muted);
  padding: 12px 0; border-bottom: 1px solid var(--line);
}
.kz-checkout-summary-totals .kz-summary-row span:last-child { color: var(--ink); }
.kz-checkout-summary-totals .kz-summary-discount span:last-child { color: var(--garnet); }
.kz-checkout-summary-totals .kz-summary-total { border-bottom: none; padding-top: 16px; font-size: 16px; }
.kz-checkout-summary-totals .kz-summary-total span { color: var(--ink); font-weight: 700; }
mark { background: none; color: inherit; }