/**
 * ==============================================================================
 * DİLOVASI ÇİÇEKÇİ — PREMIUM BOTANICAL INNER PAGES STYLESHEET
 * Category, Multi-Step Product Wizard, Modals, Forms & Tracking
 * Brand Theme: Modern Botanical Luxury (Forest Green, Sand, Bronze, Warm Pearl)
 * ==============================================================================
 */

/* ------------------------------------------------------------------------------
   0. RESET & CONTAINER ADAPTERS
   ------------------------------------------------------------------------------ */
.product-detail-section {
  padding: 24px 0 60px 0 !important;
  background: var(--dv-background, #FBFBF9) !important;
}

.tz-container, .dv-container {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ------------------------------------------------------------------------------
   1. BREADCRUMBS
   ------------------------------------------------------------------------------ */
.dv-breadcrumb-wrap, .kk-breadcrumb-wrap, .page-breadcrumb-banner.tz-breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 14px 0 18px 0 !important;
  font-size: 13px !important;
  color: var(--dv-text-muted, #5A6A60) !important;
  font-family: var(--dv-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--dv-border-subtle, rgba(42, 72, 57, 0.08)) !important;
  margin-bottom: 20px !important;
}

.dv-breadcrumb-wrap a, .kk-breadcrumb-wrap a, .page-breadcrumb-banner.tz-breadcrumb a {
  color: var(--dv-text-muted, #5A6A60) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.dv-breadcrumb-wrap a:hover, .page-breadcrumb-banner.tz-breadcrumb a:hover {
  color: var(--dv-forest-deep, #1B382B) !important;
}

.dv-breadcrumb {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dv-breadcrumb li {
  display: inline-flex !important;
  align-items: center !important;
  list-style: none !important;
  font-size: 13px !important;
  color: var(--dv-text-muted, #5A6A60) !important;
}

.dv-breadcrumb li::marker,
.dv-breadcrumb li::before {
  content: none !important;
}

.dv-breadcrumb a {
  color: var(--dv-text-muted, #5A6A60) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.dv-breadcrumb a:hover {
  color: var(--dv-forest-deep, #1B382B) !important;
}

.dv-breadcrumb-sep {
  color: var(--dv-border, #E2E8E4) !important;
  font-size: 11px !important;
  padding: 0 4px !important;
}

.dv-breadcrumb .active {
  color: var(--dv-forest-deep, #1B382B) !important;
  font-weight: 700 !important;
}

/* ------------------------------------------------------------------------------
   2. PRODUCT DETAIL WIZARD STEP HEADER
   ------------------------------------------------------------------------------ */
.product-step-header-wrap {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-md, 12px) !important;
  padding: 12px 20px !important;
  box-shadow: 0 4px 14px rgba(27, 56, 43, 0.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 24px !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.pd-step-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  background: var(--dv-surface-alt, #F4F6F4) !important;
  color: var(--dv-text-muted, #5A6A60) !important;
  font-family: var(--dv-font-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: all 0.25s ease !important;
}

.pd-step-item.active-step {
  background: var(--dv-forest-deep, #1B382B) !important;
  color: #FFFFFF !important;
  box-shadow: 0 3px 10px rgba(27, 56, 43, 0.18) !important;
}

.pd-step-badge {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.pd-step-item:not(.active-step) .pd-step-badge {
  background: rgba(42, 72, 57, 0.12) !important;
  color: var(--dv-forest-deep, #1B382B) !important;
}

.btn-pd-action {
  background: linear-gradient(135deg, var(--dv-forest-deep, #1B382B) 0%, var(--dv-forest-mid, #274D3D) 100%) !important;
  color: #FFFFFF !important;
  font-family: var(--dv-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 11px 24px !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 3px 12px rgba(27, 56, 43, 0.2) !important;
}

.btn-pd-action:hover {
  background: var(--dv-forest-mid, #274D3D) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(27, 56, 43, 0.25) !important;
}

.btn-pd-back {
  background: #FFFFFF !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  font-family: var(--dv-font-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}

.btn-pd-back:hover {
  background: var(--dv-surface-alt, #F4F6F4) !important;
  border-color: var(--dv-forest-light, #3E6B56) !important;
}

.is-hidden {
  display: none !important;
}

/* ------------------------------------------------------------------------------
   3. PRODUCT DETAIL 2-COLUMN SHELL & PANELS
   ------------------------------------------------------------------------------ */
.gz-pd-page {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

.gz-pd-shell {
  display: grid !important;
  grid-template-columns: 440px minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: flex-start !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

@media (max-width: 992px) {
  .gz-pd-shell {
    grid-template-columns: 100% !important;
    gap: 24px !important;
  }
}

/* LEFT PANEL (Sticky Gallery & Summary) */
.pd-left-panel {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-lg, 16px) !important;
  padding: 20px !important;
  box-shadow: 0 4px 16px rgba(27, 56, 43, 0.04) !important;
  box-sizing: border-box !important;
  position: sticky !important;
  top: 90px !important;
  width: 100% !important;
  float: none !important;
}

@media (max-width: 992px) {
  .pd-left-panel {
    position: static !important;
  }
}

.pd-main-img-box {
  width: 100% !important;
  height: 380px !important;
  border-radius: var(--dv-radius-md, 12px) !important;
  overflow: hidden !important;
  background: var(--dv-surface-alt, #F4F6F4) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--dv-border-subtle, rgba(42, 72, 57, 0.08)) !important;
  margin-bottom: 12px !important;
  position: relative !important;
  cursor: pointer !important;
}

.pd-main-img-box img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}

.pd-main-img-box:hover img {
  transform: scale(1.03) !important;
}

.pd-zoom-badge {
  position: absolute !important;
  bottom: 10px !important;
  right: 10px !important;
  background: rgba(27, 56, 43, 0.85) !important;
  backdrop-filter: blur(4px) !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.pd-thumbnails-row {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
  overflow-x: auto !important;
  padding-bottom: 4px !important;
}

.pd-thumb-item {
  width: 64px !important;
  height: 64px !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  border: 2px solid var(--dv-border, #E2E8E4) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  flex-shrink: 0 !important;
  background: #FFFFFF !important;
}

.pd-thumb-item.active,
.pd-thumb-item:hover {
  border-color: var(--dv-forest-deep, #1B382B) !important;
  transform: translateY(-2px) !important;
}

.pd-thumb-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Order Summary Box in Left Panel */
.pd-summary-card {
  background: var(--dv-surface-alt, #F8F9F8) !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-md, 12px) !important;
  padding: 16px !important;
}

.pd-summary-title {
  font-family: var(--dv-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  margin-bottom: 10px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid var(--dv-border, #E2E8E4) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.pd-summary-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-family: var(--dv-font-sans) !important;
  font-size: 12.5px !important;
  padding: 5px 0 !important;
  border-bottom: 1px dashed var(--dv-border, #E2E8E4) !important;
}

.pd-summary-row:last-child {
  border-bottom: none !important;
}

.pd-summary-label {
  color: var(--dv-text-muted, #5A6A60) !important;
  font-weight: 600 !important;
}

.pd-summary-val {
  color: var(--dv-forest-deep, #1B382B) !important;
  font-weight: 700 !important;
}

.pd-summary-price-box {
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 2px solid var(--dv-forest-deep, #1B382B) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.pd-total-label {
  font-family: var(--dv-font-sans) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--dv-text-main, #1F2E26) !important;
}

.pd-total-price {
  font-family: var(--dv-font-sans) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
}

/* RIGHT PANEL (Product Configuration & Steps) */
.pd-right-panel {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-lg, 16px) !important;
  padding: 28px 32px !important;
  box-shadow: 0 4px 16px rgba(27, 56, 43, 0.04) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  float: none !important;
}

@media (max-width: 575px) {
  .pd-right-panel {
    padding: 20px 16px !important;
  }
}

.pd-product-header {
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--dv-border-subtle, rgba(42, 72, 57, 0.08)) !important;
}

.pd-product-name {
  font-family: var(--dv-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  line-height: 1.25 !important;
  margin: 0 0 6px 0 !important;
}

.pd-code-badge {
  display: inline-block !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: var(--dv-bronze-dark, #8A6438) !important;
  background: var(--dv-bronze-light, rgba(197, 155, 109, 0.15)) !important;
  padding: 2px 8px !important;
  border-radius: var(--dv-radius-xs, 4px) !important;
  margin-bottom: 12px !important;
}

.pd-price-highlight {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
  padding: 12px 18px !important;
  background: var(--dv-forest-subtle, rgba(42, 72, 57, 0.06)) !important;
  border-radius: var(--dv-radius-md, 12px) !important;
}

.pd-price-label {
  font-size: 12px !important;
  color: var(--dv-text-muted, #5A6A60) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.pd-price-value {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
}

.pd-price-note {
  font-size: 12px !important;
  color: var(--dv-bronze-dark, #8A6438) !important;
  font-weight: 600 !important;
}

.gz-pd-trust {
  display: flex !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 12px 0 0 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--dv-text-muted, #5A6A60) !important;
  flex-wrap: wrap !important;
}

.gz-pd-trust li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.gz-pd-trust li i {
  color: var(--dv-forest-mid, #274D3D) !important;
}

/* Size Options Grid */
.pd-section-label {
  font-family: var(--dv-font-sans) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  margin: 20px 0 10px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.pd-size-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.pd-size-card {
  border: 2px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-md, 12px) !important;
  padding: 14px 12px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  background: #FFFFFF !important;
}

.pd-size-card:hover {
  border-color: var(--dv-forest-mid, #274D3D) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(27, 56, 43, 0.08) !important;
}

.pd-size-card.active,
.pd-size-card:has(input[type="radio"]:checked) {
  border-color: var(--dv-forest-deep, #1B382B) !important;
  background: var(--dv-forest-subtle, rgba(42, 72, 57, 0.06)) !important;
}

.pd-size-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  margin-bottom: 4px !important;
}

.pd-size-price {
  font-size: 14px !important;
  font-weight: 900 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
}

/* Delivery Select Dropdowns */
.pd-select-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

@media (max-width: 575px) {
  .pd-select-row {
    grid-template-columns: 100% !important;
  }
}

.pd-field-wrap label {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--dv-text-main, #1F2E26) !important;
  margin-bottom: 6px !important;
}

.pd-select-control, .pd-input-control {
  width: 100% !important;
  height: 44px !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  padding: 0 14px !important;
  font-size: 13.5px !important;
  color: var(--dv-text-main, #1F2E26) !important;
  background: #FFFFFF !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.pd-select-control:focus, .pd-input-control:focus {
  border-color: var(--dv-forest-deep, #1B382B) !important;
  box-shadow: 0 0 0 3px rgba(27, 56, 43, 0.1) !important;
}

/* Coupon & Card Message */
.pd-coupon-wrap {
  margin-top: 16px !important;
  padding: 12px 16px !important;
  background: var(--dv-surface-alt, #F8F9F8) !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  border: 1px dashed var(--dv-border, #E2E8E4) !important;
}

.btn-ready-msgs-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  background: var(--dv-bronze-light, rgba(197, 155, 109, 0.15)) !important;
  color: var(--dv-bronze-dark, #8A6438) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  border: 1px solid rgba(197, 155, 109, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-ready-msgs-trigger:hover {
  background: var(--dv-bronze-dark, #8A6438) !important;
  color: #FFFFFF !important;
}

/* ------------------------------------------------------------------------------
   4. STEP 2: GIFTS / ADD-ONS GRID
   ------------------------------------------------------------------------------ */
.extra-gifts-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

.extra-gift-card {
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-md, 12px) !important;
  padding: 12px !important;
  text-align: center !important;
  background: #FFFFFF !important;
  transition: all 0.2s ease !important;
}

.extra-gift-card:hover {
  border-color: var(--dv-forest-mid, #274D3D) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(27, 56, 43, 0.08) !important;
}

/* ------------------------------------------------------------------------------
   5. STEP 3 & 4: FORMS & PAYMENT
   ------------------------------------------------------------------------------ */
.pd-form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}

@media (max-width: 575px) {
  .pd-form-grid {
    grid-template-columns: 100% !important;
  }
}

.pd-textarea-control {
  width: 100% !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: var(--dv-text-main, #1F2E26) !important;
  outline: none !important;
  min-height: 80px !important;
  resize: vertical !important;
}

.pd-textarea-control:focus {
  border-color: var(--dv-forest-deep, #1B382B) !important;
  box-shadow: 0 0 0 3px rgba(27, 56, 43, 0.1) !important;
}

/* ------------------------------------------------------------------------------
   6. READY MESSAGES & LIGHTBOX MODALS
   ------------------------------------------------------------------------------ */
.rm-modal-overlay, .pd-lightbox-modal {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(15, 30, 23, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  z-index: 99999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.rm-modal-overlay.show-modal,
.rm-modal-overlay.active,
.pd-lightbox-modal.active {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.pd-lightbox-backdrop {
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.pd-lightbox-container {
  position: relative;
  z-index: 2;
  max-width: 900px;
  width: 90%;
  background: #FFFFFF;
  border-radius: var(--dv-radius-lg, 16px);
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
}

.pd-lightbox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--dv-surface-alt, #F8F9F8);
  border-bottom: 1px solid var(--dv-border, #E2E8E4);
}

.pd-lightbox-title {
  font-family: var(--dv-font-serif, "Playfair Display", Georgia, serif);
  font-size: 18px;
  font-weight: 700;
  color: var(--dv-forest-deep, #1B382B);
}

.pd-lightbox-counter {
  font-size: 13px;
  font-weight: 700;
  color: var(--dv-text-muted, #5A6A60);
}

.pd-lightbox-close {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: var(--dv-text-muted, #5A6A60);
  transition: color 0.2s;
}

.pd-lightbox-close:hover {
  color: var(--dv-forest-deep, #1B382B);
}

.pd-lightbox-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  min-height: 420px;
  background: #FFFFFF;
}

.pd-lightbox-img-wrapper img {
  max-width: 100%;
  max-height: 520px;
  object-fit: contain;
}

.pd-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid var(--dv-border, #E2E8E4);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  color: var(--dv-forest-deep, #1B382B);
  transition: all 0.2s;
  z-index: 3;
}

.pd-lightbox-nav.prev { left: 16px; }
.pd-lightbox-nav.next { right: 16px; }

.pd-lightbox-nav:hover {
  background: var(--dv-forest-deep, #1B382B);
  color: #FFFFFF;
}

.pd-lightbox-footer {
  padding: 12px 20px;
  background: var(--dv-surface-alt, #F8F9F8);
  border-top: 1px solid var(--dv-border, #E2E8E4);
}

.pd-lightbox-thumbs-strip {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.pd-lightbox-thumb {
  width: 48px;
  height: 48px;
  border-radius: var(--dv-radius-xs, 4px);
  border: 2px solid var(--dv-border, #E2E8E4);
  overflow: hidden;
  cursor: pointer;
}

.pd-lightbox-thumb.active {
  border-color: var(--dv-forest-deep, #1B382B);
}

.pd-lightbox-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rm-modal-container {
  background: #FFFFFF !important;
  border-radius: var(--dv-radius-lg, 16px) !important;
  max-width: 650px !important;
  width: 100% !important;
  max-height: 85vh !important;
  overflow-y: auto !important;
  padding: 24px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
}

.rm-category-pills {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px !important;
}

.rm-pill-tab {
  padding: 7px 14px !important;
  border-radius: 999px !important;
  background: var(--dv-surface-alt, #F4F6F4) !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.rm-pill-tab.active {
  background: var(--dv-forest-deep, #1B382B) !important;
  color: #FFFFFF !important;
  border-color: var(--dv-forest-deep, #1B382B) !important;
}

.rm-card-item {
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: var(--dv-text-main, #1F2E26) !important;
}

.rm-card-item:hover {
  background: var(--dv-forest-subtle, rgba(42, 72, 57, 0.06)) !important;
  border-color: var(--dv-forest-mid, #274D3D) !important;
}

/* ------------------------------------------------------------------------------
   7. RELATED PRODUCTS SECTION
   ------------------------------------------------------------------------------ */
.tz-related-products-section, .dv-related-products-section {
  margin-top: 48px !important;
  padding-top: 36px !important;
  border-top: 1px solid var(--dv-border, #E2E8E4) !important;
}

.tz-related-products-section .tz-eyebrow,
.dv-related-products-section .dv-eyebrow {
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--dv-bronze-dark, #8A6438) !important;
  margin-bottom: 4px !important;
}

.tz-related-products-section h3,
.dv-related-products-section h3 {
  font-family: var(--dv-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  margin: 0 0 24px 0 !important;
}

.kk-product-grid, .dv-product-grid-related {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

@media (max-width: 992px) {
  .kk-product-grid, .dv-product-grid-related {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .kk-product-grid, .dv-product-grid-related {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

/* ------------------------------------------------------------------------------
   8. AUTH & REGISTRATION PAGES (Dilovası Bordeaux Design System)
   ------------------------------------------------------------------------------ */
.kk-auth-section, .dv-auth-section {
  display: block !important;
  width: 100% !important;
  padding: 56px 0 80px 0 !important;
  background-color: var(--dv-bg, #FAF6F4) !important;
  min-height: calc(100vh - 480px) !important;
  clear: both !important;
}

.kk-auth-container, .dv-auth-container {
  max-width: 520px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.kk-auth-card, .dv-auth-card {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 18px) !important;
  padding: 44px 38px !important;
  box-shadow: 0 10px 32px rgba(60, 18, 34, 0.06) !important;
  text-align: center !important;
  position: relative !important;
}

.kk-auth-icon-badge, .dv-auth-icon-badge {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(212, 155, 106, 0.12) !important;
  color: var(--dv-cta, #7D213E) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 26px !important;
  margin: 0 auto 18px auto !important;
  border: 1px solid rgba(212, 155, 106, 0.3) !important;
}

.kk-auth-title, .dv-auth-title,
.kk-auth-card h1, .dv-auth-card h1,
.kk-auth-card h2, .dv-auth-card h2 {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.25 !important;
}

.kk-auth-subtitle, .dv-auth-subtitle {
  font-size: 13.5px !important;
  color: var(--dv-text-muted, #7A6966) !important;
  margin: 0 0 28px 0 !important;
  line-height: 1.55 !important;
}

.kk-auth-form, .dv-auth-form {
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}

.kk-auth-field, .dv-auth-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.kk-auth-label, .dv-auth-label {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 2px !important;
}

.kk-auth-label a, .dv-auth-label a {
  color: var(--dv-bronze-dark, #B57B4B) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.kk-auth-label a:hover, .dv-auth-label a:hover {
  color: var(--dv-forest-deep, #3C1222) !important;
  text-decoration: underline !important;
}

.kk-auth-input, .dv-auth-input {
  width: 100% !important;
  height: 48px !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  color: #2E1E24 !important;
  outline: none !important;
  background: #FFFFFF !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.kk-auth-input:focus, .dv-auth-input:focus {
  border-color: var(--dv-forest-deep, #3C1222) !important;
  box-shadow: 0 0 0 3px rgba(60, 18, 34, 0.12) !important;
}

.kk-auth-btn-submit, .dv-auth-btn-submit {
  width: 100% !important;
  height: 50px !important;
  background: linear-gradient(135deg, var(--dv-forest-deep, #3C1222) 0%, var(--dv-forest-mid, #541B32) 100%) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-top: 8px !important;
  box-shadow: 0 4px 14px rgba(60, 18, 34, 0.22) !important;
}

.kk-auth-btn-submit:hover, .dv-auth-btn-submit:hover {
  background: linear-gradient(135deg, #2D0D19 0%, #431427 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(60, 18, 34, 0.3) !important;
}

.kk-auth-alert-error, .dv-auth-alert-error {
  background: #FEF2F2 !important;
  border: 1px solid #FCA5A5 !important;
  color: #991B1B !important;
  padding: 12px 16px !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.kk-auth-alert-success, .dv-auth-alert-success {
  background: #F0FDF4 !important;
  border: 1px solid #86EFAC !important;
  color: #166534 !important;
  padding: 12px 16px !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.kk-auth-footer-link, .dv-auth-footer-link {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--dv-border, #E8DDD9) !important;
  font-size: 13.5px !important;
  color: var(--dv-text-muted, #7A6966) !important;
  text-align: center !important;
}

.kk-auth-footer-link a, .dv-auth-footer-link a {
  color: var(--dv-cta, #7D213E) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.kk-auth-footer-link a:hover, .dv-auth-footer-link a:hover {
  text-decoration: underline !important;
}

/* ------------------------------------------------------------------------------
   8.1 ORDER TRACKING & STATUS SYSTEM (Dilovası Bordeaux Design System)
   ------------------------------------------------------------------------------ */
.kk-track-page, .dv-track-page {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  padding: 56px 0 80px 0 !important;
  background-color: var(--dv-bg, #FAF6F4) !important;
  min-height: calc(100vh - 440px) !important;
}

.kk-track-container, .dv-track-container {
  max-width: 820px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.kk-track-card, .dv-track-card {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 20px) !important;
  padding: 48px 40px !important;
  box-shadow: 0 10px 36px rgba(60, 18, 34, 0.06) !important;
  text-align: center !important;
}

.kk-track-icon, .dv-track-icon {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 32px !important;
  margin-bottom: 20px !important;
}

.kk-track-icon.is-success, .dv-track-icon.is-success {
  background: linear-gradient(135deg, #10B981, #059669) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.3) !important;
}

.kk-track-icon.is-cancel, .dv-track-icon.is-cancel {
  background: linear-gradient(135deg, #EF4444, #DC2626) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(239, 68, 68, 0.3) !important;
}

.kk-track-icon.is-info, .dv-track-icon.is-info {
  background: linear-gradient(135deg, var(--dv-forest-deep, #3C1222), var(--dv-forest-mid, #541B32)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(60, 18, 34, 0.25) !important;
}

.kk-track-studio-badge, .dv-track-studio-badge {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--dv-bronze-dark, #B57B4B) !important;
  background: rgba(212, 155, 106, 0.12) !important;
  border: 1px solid rgba(212, 155, 106, 0.3) !important;
  padding: 4px 14px !important;
  border-radius: var(--dv-radius-pill, 20px) !important;
  margin-bottom: 12px !important;
}

.kk-track-title, .dv-track-title {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
}

.kk-track-desc, .dv-track-desc {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--dv-text-muted, #7A6966) !important;
  max-width: 580px !important;
  margin: 0 auto 32px auto !important;
}

.kk-track-meta-grid, .dv-track-meta-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  gap: 16px !important;
  background: #FAF6F4 !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-md, 14px) !important;
  padding: 20px 26px !important;
  margin-bottom: 38px !important;
  text-align: left !important;
}

.kk-track-meta-item, .dv-track-meta-item {
  flex: 1 !important;
  min-width: 180px !important;
}

.kk-track-meta-label, .dv-track-meta-label {
  display: block !important;
  font-size: 11.5px !important;
  color: var(--dv-text-muted, #7A6966) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 6px !important;
}

.kk-track-token-box, .dv-track-token-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.kk-track-token-text, .dv-track-token-text {
  font-family: monospace !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  letter-spacing: 0.5px !important;
}

.kk-btn-copy-token, .dv-btn-copy-token {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.kk-btn-copy-token:hover, .dv-btn-copy-token:hover {
  background: var(--dv-forest-deep, #3C1222) !important;
  color: #FFFFFF !important;
  border-color: var(--dv-forest-deep, #3C1222) !important;
}

.kk-track-badge, .dv-track-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 8px !important;
}

.kk-track-badge.badge-green, .dv-track-badge.badge-green {
  background: #D1FAE5 !important;
  color: #065F46 !important;
}

.kk-track-badge.badge-blue, .dv-track-badge.badge-blue {
  background: #DBEAFE !important;
  color: #1E40AF !important;
}

.kk-track-badge.badge-amber, .dv-track-badge.badge-amber {
  background: #FEF3C7 !important;
  color: #92400E !important;
}

.kk-track-badge.badge-red, .dv-track-badge.badge-red {
  background: #FEE2E2 !important;
  color: #991B1B !important;
}

.kk-track-badge-dot, .dv-track-badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  display: inline-block !important;
}

/* Stepper Timeline */
.kk-track-timeline, .dv-track-timeline {
  position: relative !important;
  margin: 40px 10px 48px 10px !important;
}

.kk-track-line-bg, .dv-track-line-bg {
  position: absolute !important;
  top: 22px !important;
  left: 36px !important;
  right: 36px !important;
  height: 4px !important;
  background: var(--dv-border, #E8DDD9) !important;
  z-index: 1 !important;
  border-radius: 4px !important;
}

.kk-track-line-fill, .dv-track-line-fill {
  height: 100% !important;
  background: linear-gradient(90deg, var(--dv-forest-deep, #3C1222), var(--dv-bronze, #D49B6A)) !important;
  border-radius: 4px !important;
  transition: width 0.4s ease !important;
}

.kk-track-steps-list, .dv-track-steps-list {
  display: flex !important;
  justify-content: space-between !important;
  position: relative !important;
  z-index: 2 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.kk-track-step-node, .dv-track-step-node {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 95px !important;
  text-align: center !important;
}

.kk-track-dot-circle, .dv-track-dot-circle {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  margin-bottom: 8px !important;
  transition: all 0.2s ease !important;
}

.kk-track-step-node.is-done .kk-track-dot-circle,
.dv-track-step-node.is-done .dv-track-dot-circle {
  background: var(--dv-forest-deep, #3C1222) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(60, 18, 34, 0.25) !important;
}

.kk-track-step-node.is-current .kk-track-dot-circle,
.dv-track-step-node.is-current .dv-track-dot-circle {
  background: rgba(212, 155, 106, 0.15) !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  border: 3px solid var(--dv-bronze, #D49B6A) !important;
  box-shadow: 0 0 0 5px rgba(212, 155, 106, 0.25) !important;
}

.kk-track-step-node.is-pending .kk-track-dot-circle,
.dv-track-step-node.is-pending .dv-track-dot-circle {
  background: #F3F4F6 !important;
  color: #9CA3AF !important;
  border: 2px solid var(--dv-border, #E8DDD9) !important;
}

.kk-track-step-label, .dv-track-step-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin-bottom: 2px !important;
}

.kk-track-step-node.is-current .kk-track-step-label,
.dv-track-step-node.is-current .dv-track-step-label {
  color: var(--dv-cta, #7D213E) !important;
  font-weight: 800 !important;
}

.kk-track-step-node.is-pending .kk-track-step-label,
.dv-track-step-node.is-pending .dv-track-step-label {
  color: var(--dv-text-muted, #7A6966) !important;
  font-weight: 600 !important;
}

.kk-track-step-sub, .dv-track-step-sub {
  font-size: 11px !important;
  color: var(--dv-text-muted, #7A6966) !important;
}

.kk-track-actions, .dv-track-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  padding-top: 28px !important;
  border-top: 1px solid var(--dv-border, #E8DDD9) !important;
}

.kk-btn-whatsapp-track, .dv-btn-whatsapp-track {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 48px !important;
  padding: 0 24px !important;
  background: #25D366 !important;
  color: #FFFFFF !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3) !important;
  transition: all 0.2s ease !important;
}

.kk-btn-whatsapp-track:hover, .dv-btn-whatsapp-track:hover {
  background: #20BA5A !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.4) !important;
}

.kk-btn-continue-shopping, .dv-btn-continue-shopping {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 48px !important;
  padding: 0 24px !important;
  background: var(--dv-forest-deep, #3C1222) !important;
  color: #FFFFFF !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(60, 18, 34, 0.2) !important;
}

.kk-btn-continue-shopping:hover, .dv-btn-continue-shopping:hover {
  background: var(--dv-forest-mid, #541B32) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(60, 18, 34, 0.3) !important;
}

@media (max-width: 640px) {
  .kk-auth-card, .dv-auth-card,
  .kk-track-card, .dv-track-card {
    padding: 32px 22px !important;
  }
  .kk-track-meta-grid, .dv-track-meta-grid {
    flex-direction: column !important;
    gap: 14px !important;
  }
  .kk-track-steps-list, .dv-track-steps-list {
    flex-wrap: wrap !important;
    gap: 16px !important;
    justify-content: center !important;
  }
  .kk-track-line-bg, .dv-track-line-bg {
    display: none !important;
  }
}

/* ------------------------------------------------------------------------------
   9. CONTACT / İLETİŞİM PAGE (Modern Botanical Layout)
   ------------------------------------------------------------------------------ */
.corporate-page-section, .dv-contact-section {
  padding: 24px 0 60px 0 !important;
}

.iletisim-cards-grid, .tz-contact-cards-grid, .dv-contact-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 36px !important;
}

@media (max-width: 860px) {
  .iletisim-cards-grid, .tz-contact-cards-grid, .dv-contact-cards-grid {
    grid-template-columns: 1fr !important;
  }
}

.tz-contact-card, .dv-contact-card {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-md, 12px) !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  box-shadow: 0 4px 16px rgba(27, 56, 43, 0.04) !important;
  transition: all 0.2s ease !important;
}

.tz-contact-card:hover, .dv-contact-card:hover {
  transform: translateY(-2px) !important;
  border-color: var(--dv-forest-mid, #274D3D) !important;
  box-shadow: 0 8px 24px rgba(27, 56, 43, 0.08) !important;
}

.tz-contact-icon, .dv-contact-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  background: var(--dv-forest-subtle, rgba(42, 72, 57, 0.08)) !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  flex-shrink: 0 !important;
}

.tz-contact-icon.tz-icon-green, .dv-contact-icon.is-green {
  background: #E8F5E9 !important;
  color: #2E7D32 !important;
}

.tz-contact-icon.tz-icon-gold, .dv-contact-icon.is-gold {
  background: var(--dv-bronze-light, rgba(197, 155, 109, 0.15)) !important;
  color: var(--dv-bronze-dark, #8A6438) !important;
}

.tz-contact-info, .dv-contact-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.tz-contact-label, .dv-contact-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--dv-text-muted, #5A6A60) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.tz-contact-card .tz-contact-val, .dv-contact-card .dv-contact-val {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.tz-contact-card .tz-contact-val:hover, .dv-contact-card .dv-contact-val:hover {
  color: var(--dv-forest-mid, #274D3D) !important;
}

/* 2-Column Bottom Layout: Map & Form */
.iletisim-bottom-grid, .tz-contact-layout-grid, .dv-contact-layout-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.2fr !important;
  gap: 32px !important;
  align-items: flex-start !important;
}

@media (max-width: 992px) {
  .iletisim-bottom-grid, .tz-contact-layout-grid, .dv-contact-layout-grid {
    grid-template-columns: 1fr !important;
  }
}

.tz-contact-card-box, .dv-contact-card-box {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-lg, 16px) !important;
  padding: 32px !important;
  box-shadow: 0 4px 16px rgba(27, 56, 43, 0.04) !important;
}

.tz-contact-box-header, .dv-contact-box-header {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.tz-contact-icon-sm, .dv-contact-icon-sm {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--dv-forest-subtle, rgba(42, 72, 57, 0.08)) !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
}

.tz-contact-address, .dv-contact-address {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: var(--dv-text-main, #1F2E26) !important;
  font-weight: 600 !important;
}

.iletisim-harita-wrap, .tz-contact-map-frame, .dv-contact-map-frame {
  border-radius: var(--dv-radius-md, 12px) !important;
  overflow: hidden !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
}

.iletisim-harita-wrap iframe, .tz-contact-map-frame iframe {
  width: 100% !important;
  height: 320px !important;
  border: none !important;
  display: block !important;
}

/* Contact Form */
.tz-form-box-title h2, .dv-form-box-title h2, .tz-inner-h2 {
  font-family: var(--dv-font-serif, "Playfair Display", Georgia, serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #1B382B) !important;
  margin: 0 0 6px 0 !important;
}

.tz-form-sub, .dv-form-sub {
  font-size: 13.5px !important;
  color: var(--dv-text-muted, #5A6A60) !important;
  margin: 0 0 24px 0 !important;
}

.tz-form-grid, .dv-form-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tz-form-group, .dv-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.tz-form-group label, .dv-form-group label {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--dv-text-main, #1F2E26) !important;
}

.tz-form-input, .dv-form-input,
.tz-form-textarea, .dv-form-textarea {
  width: 100% !important;
  border: 1px solid var(--dv-border, #E2E8E4) !important;
  border-radius: var(--dv-radius-sm, 8px) !important;
  padding: 10px 14px !important;
  font-size: 13.5px !important;
  color: var(--dv-text-main, #1F2E26) !important;
  background: #FFFFFF !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease !important;
}

.tz-form-input:focus, .dv-form-input:focus,
.tz-form-textarea:focus, .dv-form-textarea:focus {
  border-color: var(--dv-forest-deep, #1B382B) !important;
  box-shadow: 0 0 0 3px rgba(27, 56, 43, 0.1) !important;
}

.tz-btn-submit, .dv-btn-submit,
.tz-btn-primary, .dv-btn-primary,
.tz-btn.tz-btn-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, var(--dv-forest-deep, #3C1222) 0%, var(--dv-forest-mid, #541B32) 100%) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  padding: 12px 28px !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 14px rgba(60, 18, 34, 0.22) !important;
}

.tz-btn-submit:hover, .dv-btn-submit:hover,
.tz-btn-primary:hover, .dv-btn-primary:hover,
.tz-btn.tz-btn-primary:hover {
  background: linear-gradient(135deg, #2D0D19 0%, #431427 100%) !important;
  color: #FFFFFF !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(60, 18, 34, 0.3) !important;
}

.tz-btn-full, .dv-btn-full {
  width: 100% !important;
}

/* ------------------------------------------------------------------------------
   10. CORPORATE & EDITORIAL CONTENT PAGES (Hakkımızda, KVKK, vb.)
   ------------------------------------------------------------------------------ */
.corporate-page-section, .tz-inner-page {
  padding: 36px 0 72px 0 !important;
  background-color: var(--dv-bg, #FAF6F4) !important;
  min-height: calc(100vh - 460px) !important;
}

.corporate-page-container {
  max-width: 960px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.corporate-card, .tz-editorial-card {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 18px) !important;
  padding: 48px 44px !important;
  box-shadow: 0 10px 32px rgba(60, 18, 34, 0.05) !important;
}

.corporate-card-header, .tz-article-header {
  text-align: center !important;
  margin-bottom: 36px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid var(--dv-border, #E8DDD9) !important;
}

.corporate-eyebrow, .tz-eyebrow, .cat-eyebrow {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--dv-bronze-dark, #B57B4B) !important;
  background: rgba(212, 155, 106, 0.12) !important;
  border: 1px solid rgba(212, 155, 106, 0.3) !important;
  padding: 4px 14px !important;
  border-radius: var(--dv-radius-pill, 20px) !important;
  margin-bottom: 14px !important;
}

.corporate-title, .tz-inner-h1, .cat-section-title {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
}

.corporate-page-content, .tz-editorial-content {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #3D2B32 !important;
}

.corporate-page-content p, .tz-editorial-content p {
  margin: 0 0 18px 0 !important;
}

.corporate-page-content h2, .tz-editorial-content h2,
.corporate-page-content h3, .tz-editorial-content h3 {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin: 32px 0 14px 0 !important;
  font-weight: 700 !important;
}

.corporate-page-content ul, .tz-editorial-content ul,
.corporate-page-content ol, .tz-editorial-content ol {
  margin: 0 0 20px 0 !important;
  padding-left: 24px !important;
}

.corporate-page-content li, .tz-editorial-content li {
  margin-bottom: 8px !important;
  line-height: 1.7 !important;
}

/* ------------------------------------------------------------------------------
   11. 404 NOT FOUND & EMPTY STATES
   ------------------------------------------------------------------------------ */
.page-404-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - 440px) !important;
}

.tz-empty-state-card {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 20px) !important;
  padding: 64px 36px !important;
  text-align: center !important;
  box-shadow: 0 10px 36px rgba(60, 18, 34, 0.06) !important;
}

.tz-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.tz-btn-outline {
  background: #FFFFFF !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  box-shadow: 0 2px 6px rgba(60, 18, 34, 0.04) !important;
}

.tz-btn-outline:hover {
  background: var(--dv-forest-deep, #3C1222) !important;
  color: #FFFFFF !important;
  border-color: var(--dv-forest-deep, #3C1222) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(60, 18, 34, 0.16) !important;
}

/* ------------------------------------------------------------------------------
   12. BLOG LIST & ARTICLE DETAIL PAGES
   ------------------------------------------------------------------------------ */
.blog-detail-page .tz-blog-article-card {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 18px) !important;
  padding: 38px 40px !important;
  box-shadow: 0 10px 32px rgba(60, 18, 34, 0.05) !important;
}

.tz-blog-cover-wrap {
  width: 100% !important;
  max-height: 420px !important;
  overflow: hidden !important;
  border-radius: var(--dv-radius-md, 14px) !important;
  margin-bottom: 28px !important;
}

.tz-blog-cover-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.tz-blog-meta-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.tz-blog-pill {
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--dv-cta, #7D213E) !important;
  background: rgba(125, 33, 62, 0.08) !important;
  padding: 4px 12px !important;
  border-radius: var(--dv-radius-pill, 20px) !important;
}

.tz-blog-date {
  font-size: 12.5px !important;
  color: var(--dv-text-muted, #7A6966) !important;
  font-weight: 600 !important;
}

.tz-blog-detail-title {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  line-height: 1.25 !important;
  margin: 0 0 16px 0 !important;
}

.tz-blog-lead-text {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: var(--dv-forest-mid, #541B32) !important;
  font-weight: 500 !important;
  margin-bottom: 24px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--dv-border, #E8DDD9) !important;
}

/* ------------------------------------------------------------------------------
   13. USER DASHBOARD & ACCOUNT PANEL
   ------------------------------------------------------------------------------ */
.user-dashboard-wrapper {
  display: block !important;
  width: 100% !important;
  padding: 40px 0 80px 0 !important;
  background-color: var(--dv-bg, #FAF6F4) !important;
  min-height: calc(100vh - 460px) !important;
}

.user-dashboard-container {
  max-width: 1040px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.user-profile-banner {
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 16px) !important;
  padding: 28px 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  box-shadow: 0 6px 24px rgba(60, 18, 34, 0.05) !important;
  margin-bottom: 24px !important;
  flex-wrap: wrap !important;
}

.user-avatar-circle {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: rgba(212, 155, 106, 0.15) !important;
  color: var(--dv-cta, #7D213E) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 28px !important;
  flex-shrink: 0 !important;
  border: 1px solid rgba(212, 155, 106, 0.3) !important;
}

.user-info-text {
  flex: 1 !important;
  min-width: 200px !important;
}

.user-info-text h2 {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin: 0 0 4px 0 !important;
}

.user-info-text p {
  font-size: 13.5px !important;
  color: var(--dv-text-muted, #7A6966) !important;
  margin: 0 !important;
}

.user-status-pill {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--dv-cta, #7D213E) !important;
  background: rgba(125, 33, 62, 0.08) !important;
  padding: 6px 14px !important;
  border-radius: var(--dv-radius-pill, 20px) !important;
}

.user-nav-tabs {
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 28px !important;
  flex-wrap: wrap !important;
}

.user-tab-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.user-tab-btn:hover {
  background: #FAF6F4 !important;
  border-color: var(--dv-forest-deep, #3C1222) !important;
}

.user-tab-btn.active {
  background: var(--dv-forest-deep, #3C1222) !important;
  color: #FFFFFF !important;
  border-color: var(--dv-forest-deep, #3C1222) !important;
  box-shadow: 0 4px 14px rgba(60, 18, 34, 0.2) !important;
}

/* ------------------------------------------------------------------------------
   14. ORDER VERIFICATION CARD & CONFIRMATION
   ------------------------------------------------------------------------------ */
.order-verify-shell {
  display: flex !important;
  justify-content: center !important;
  padding: 24px 0 48px 0 !important;
}

.order-verify-card {
  width: 100% !important;
  max-width: 580px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--dv-border, #E8DDD9) !important;
  border-radius: var(--dv-radius-lg, 20px) !important;
  box-shadow: 0 12px 40px rgba(60, 18, 34, 0.08) !important;
  overflow: hidden !important;
}

.order-verify-top {
  text-align: center !important;
  padding: 36px 32px 26px 32px !important;
  background: linear-gradient(180deg, #FAF6F4 0%, #FFFFFF 100%) !important;
  border-bottom: 1px solid var(--dv-border, #E8DDD9) !important;
}

.order-verify-badge {
  display: inline-block !important;
  background: var(--dv-forest-deep, #3C1222) !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  margin-bottom: 16px !important;
}

.order-verify-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 14px auto !important;
  border-radius: 50% !important;
  background: rgba(212, 155, 106, 0.15) !important;
  color: var(--dv-cta, #7D213E) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  border: 2px solid var(--dv-border, #E8DDD9) !important;
}

.order-verify-top h2 {
  font-family: var(--dv-font-display, "Playfair Display", Georgia, serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--dv-forest-deep, #3C1222) !important;
  margin: 0 0 6px 0 !important;
}

.order-verify-top p {
  font-size: 13.5px !important;
  color: var(--dv-text-muted, #7A6966) !important;
  margin: 0 !important;
}

.order-verify-body {
  padding: 32px 32px !important;
}

.order-verify-main .btn-verify-submit {
  width: 100% !important;
  height: 48px !important;
  background: linear-gradient(135deg, var(--dv-forest-deep, #3C1222) 0%, var(--dv-forest-mid, #541B32) 100%) !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  border: none !important;
  border-radius: var(--dv-radius-sm, 10px) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.order-verify-main .btn-verify-submit:hover {
  background: linear-gradient(135deg, #2D0D19 0%, #431427 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(60, 18, 34, 0.3) !important;
}