/* ═══════════════════════════════════════════════
   AUTHENTIVIA — WooCommerce Style Overrides
   ═══════════════════════════════════════════════ */

/* ── Shop / Archive Page ── */
.woocommerce-main {
  padding-top: 6.5rem;
  padding-bottom: var(--space-7);
  min-height: 100vh;
}

.shop-header {
  margin-bottom: var(--space-7);
}

.shop-header h1 {
  margin-bottom: var(--space-3);
}

.shop-header .term-description {
  color: var(--color-text-secondary);
  max-width: 600px;
}

.shop-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-7);
}

@media (min-width: 1024px) {
  .shop-layout {
    grid-template-columns: 260px 1fr;
  }
}

/* Shop Sidebar / Filters */
.shop-sidebar {
  display: none;
}

@media (min-width: 1024px) {
  .shop-sidebar {
    display: block;
  }
}

.shop-sidebar .widget {
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-border-light);
}

.shop-sidebar .widget:last-child {
  border-bottom: none;
}

.shop-sidebar .widget-title {
  font-family: var(--font-body);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--space-4);
  color: var(--color-black);
}

.shop-sidebar .widget ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.shop-sidebar .widget ul a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  padding: var(--space-2) 0;
  transition: color var(--transition-fast);
}

.shop-sidebar .widget ul a:hover {
  color: var(--color-gold);
}

.shop-sidebar .widget ul .count {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

/* Mobile filter toggle */
.filter-toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 10px 20px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
  margin-bottom: var(--space-5);
}

@media (min-width: 1024px) {
  .filter-toggle {
    display: none;
  }
}

/* Shop toolbar */
.shop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-border-light);
}

.shop-toolbar__count {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.shop-toolbar__sort {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.shop-toolbar__sort label {
  font-size: var(--font-size-sm);
  font-weight: 500;
  white-space: nowrap;
}

.shop-toolbar__sort .orderby {
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  background: var(--color-white);
  cursor: pointer;
}

/* Pagination */
.woocommerce-pagination {
  margin-top: var(--space-8);
  text-align: center;
}

.woocommerce-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.woocommerce-pagination .page-numbers li {
  display: inline-block;
}

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
  transition: all var(--transition-fast);
  color: var(--color-text-secondary);
}

.woocommerce-pagination .page-numbers a:hover {
  background: var(--color-warm-ivory);
  color: var(--color-gold);
}

.woocommerce-pagination .page-numbers .current {
  background: var(--color-gold);
  color: var(--color-white);
}

/* ── Single Product Page ── */
.single-product-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-7);
  margin-bottom: var(--space-9);
}

@media (min-width: 768px) {
  .single-product-layout {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
}

/* Product Gallery */
.product-gallery {
  position: relative;
  margin-top: 0;
  padding-top: 0;
}

.mobile-gallery-slider {
  display: none !important;
}

.product-gallery__layout {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.product-gallery__thumbs {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 72px;
  flex-shrink: 0;
}

.product-gallery__thumb {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color var(--transition-fast);
  background: #F5F6EE;
}

.product-gallery__thumb.is-active,
.product-gallery__thumb:hover {
  border-color: #438BC4;
}

.product-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-gallery__main {
  flex: 1;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 5;
  min-height: 520px;
  margin-bottom: 0;
}

.product-gallery__main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Product Summary */
.product-summary {
  padding-top: 0;
}

/* PDP Pill Badges Above Product Title */
.pdp-badge-pill-wrap {
  margin-bottom: 0.6rem;
}

.pdp-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.85rem;
  border-radius: 9999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
}

.pdp-badge-pill svg,
.pdp-badge-pill .pdp-badge-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}

/* 1. Best Seller Badge (Warm Cream Pill with Gold Star) */
.pdp-badge-bestseller {
  background: #FDF7EE;
  color: #854E13;
  border: 1px solid rgba(133, 78, 19, 0.14);
  box-shadow: 0 1px 3px rgba(133, 78, 19, 0.05);
}

/* 2. New Arrival Badge (Pastel Blue Pill with Truck Icon) */
.pdp-badge-newarrival {
  background: #D8E5FF;
  color: #1D4ED8;
  border: 1px solid rgba(29, 78, 216, 0.14);
  box-shadow: 0 1px 3px rgba(29, 78, 216, 0.05);
}

/* 3. Top Rated Badge (Mint Green Pill with Check/Shield Icon) */
.pdp-badge-toprated {
  background: #D1FADF;
  color: #027A48;
  border: 1px solid rgba(2, 122, 72, 0.14);
  box-shadow: 0 1px 3px rgba(2, 122, 72, 0.05);
}

/* PDP Rating & Sold This Week Row (Under Product Title) */
.pdp-rating-sales-row {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-top: 0.4rem;
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
  color: #374151;
}

.pdp-stars-rating {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.pdp-stars-rating .pdp-stars {
  color: #F59E0B;
  font-size: 1.1rem;
  letter-spacing: 1px;
  line-height: 1;
}

.pdp-stars-rating .pdp-rating-num {
  font-weight: 700;
  color: #111827;
  font-size: 0.95rem;
}

.pdp-stars-rating .pdp-review-count {
  color: #6B7280;
  font-weight: 400;
  font-size: 0.92rem;
}

.pdp-row-divider {
  color: #D1D5DB;
  font-weight: 300;
  font-size: 1.1rem;
}

.pdp-sold-velocity {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-weight: 600;
  color: #111827;
  font-size: 0.92rem;
}

.pdp-sold-velocity strong {
  font-weight: 700;
  color: #111827;
}

/* Quick Stats Grid */
.pdp-quick-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  background: #FAF9F6;
  border: 1px solid #EAE8E2;
  border-radius: 14px;
  padding: 0.75rem 0.5rem;
  margin: 1rem 0;
  width: 100%;
  box-sizing: border-box;
}

.stat-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 0.25rem;
  border-right: 1px solid #EAE8E2;
  min-width: 0;
}

.stat-col:last-child {
  border-right: none;
}

.stat-label {
  font-size: 0.75rem;
  color: #6B7280;
  margin-bottom: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.stat-val {
  font-size: 0.85rem;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.product-summary__category {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
}

.product-summary__title {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(2.1rem, 3.2vw, 2.75rem);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.025em;
  color: #1D1D1F;
  margin-top: 0;
  margin-bottom: 0.4rem;
  word-break: break-word;
}

.product-summary__price {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  margin-bottom: var(--space-5);
  color: var(--color-charcoal);
}

.product-summary__price del {
  color: var(--color-text-muted);
  font-weight: 400;
  font-size: var(--font-size-lg);
  margin-right: var(--space-2);
}

.product-summary__price ins {
  text-decoration: none;
}

.product-summary__rating {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.product-summary__stars {
  display: flex;
  gap: 2px;
  color: var(--color-gold);
}

.product-summary__review-count {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.product-summary__short-desc {
  font-size: 0.98rem;
  line-height: 1.65;
  color: #4B5563;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  border-bottom: none;
}

.product-summary__short-desc p {
  color: #4B5563;
  font-size: 0.98rem;
  line-height: 1.65;
  margin-bottom: 0.5rem;
}

.product-summary__short-desc p:last-child {
  margin-bottom: 0;
}

/* Variant Selector */
.variant-selector {
  margin-bottom: var(--space-5);
}

.variant-selector__label {
  font-size: var(--font-size-sm);
  font-weight: 600;
  margin-bottom: var(--space-3);
  display: block;
}

.variant-selector__options {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.variant-option {
  padding: 8px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.variant-option:hover {
  border-color: var(--color-gold);
}

.variant-option.is-selected {
  border-color: var(--color-gold);
  background: rgba(201, 168, 76, 0.08);
  color: var(--color-gold-dark);
  font-weight: 600;
}

.variant-option.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  text-decoration: line-through;
}

/* Color swatches */
.color-swatch {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-border);
  cursor: pointer;
  transition: border-color var(--transition-fast);
  padding: 0;
}

.color-swatch:hover,
.color-swatch.is-selected {
  border-color: var(--color-gold);
  box-shadow: 0 0 0 2px var(--color-soft-cream), 0 0 0 4px var(--color-gold);
}

/* Subscribe & Save Toggle */
.subscribe-toggle {
  background: var(--color-warm-ivory);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin-bottom: var(--space-5);
}

.subscribe-toggle__option {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background var(--transition-fast);
  margin-bottom: var(--space-2);
}

.subscribe-toggle__option:last-child {
  margin-bottom: 0;
}

.subscribe-toggle__option:hover {
  background: var(--color-white);
}

.subscribe-toggle__option.is-selected {
  background: var(--color-white);
  box-shadow: var(--shadow-sm);
}

.subscribe-toggle__radio {
  width: 20px;
  height: 20px;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color var(--transition-fast);
}

.subscribe-toggle__option.is-selected .subscribe-toggle__radio {
  border-color: var(--color-gold);
}

.subscribe-toggle__option.is-selected .subscribe-toggle__radio::after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: var(--radius-full);
  background: var(--color-gold);
}

.subscribe-toggle__label {
  flex: 1;
}

.subscribe-toggle__title {
  font-size: var(--font-size-sm);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.subscribe-toggle__save-badge {
  font-size: 10px;
  background: var(--color-trust-green);
  color: var(--color-white);
  padding: 2px 8px;
  border-radius: var(--radius-full);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.subscribe-toggle__subtitle {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin-top: 2px;
}

.subscribe-toggle__price {
  text-align: right;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.subscribe-toggle__price-old {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  font-weight: 400;
  text-decoration: line-through;
}

.subscribe-frequency {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border-light);
}

.subscribe-frequency label {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  display: block;
  margin-bottom: var(--space-2);
}

.subscribe-frequency select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  background: var(--color-white);
}

/* Add to Cart Section */
.add-to-cart-section {
  display: flex;
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}

.add-to-cart-section .qty-stepper {
  flex-shrink: 0;
}

.add-to-cart-section .single_add_to_cart_button,
.add-to-cart-section .btn--add-to-cart {
  flex: 1;
}

/* Trust badges on PDP */
.pdp-trust-badges {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border-light);
}

.pdp-trust-badge {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.pdp-trust-badge svg {
  color: var(--color-trust-green);
  flex-shrink: 0;
}

/* Product Tabs */
.product-tabs {
  margin-top: var(--space-9);
  border-top: 1px solid var(--color-border-light);
}

.product-tabs__nav {
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
  overflow-x: auto;
}

.product-tabs__tab {
  padding: var(--space-4) var(--space-6);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-muted);
  border-bottom: 2px solid transparent;
  transition: all var(--transition-fast);
  white-space: nowrap;
}

.product-tabs__tab:hover {
  color: var(--color-text-primary);
}

.product-tabs__tab.is-active {
  color: var(--color-gold);
  border-bottom-color: var(--color-gold);
}

.product-tabs__content {
  padding: var(--space-7) 0;
}

.product-tabs__panel {
  display: none;
}

.product-tabs__panel.is-active {
  display: block;
}

.product-tabs__panel h3 {
  margin-bottom: var(--space-4);
}

.product-tabs__panel p {
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--space-4);
}

.product-tabs__panel ul {
  list-style: disc;
  padding-left: var(--space-5);
  color: var(--color-text-secondary);
}

.product-tabs__panel ul li {
  margin-bottom: var(--space-2);
  line-height: 1.6;
}

/* Related Products */
.related-products {
  padding-top: var(--space-9);
  border-top: 1px solid var(--color-border-light);
}

.related-products h2 {
  text-align: center;
  margin-bottom: var(--space-7);
}

/* ── Cart Page ── */
.cart-page {
  padding-block: var(--space-7);
}

.cart-table {
  width: 100%;
  border-collapse: collapse;
}

.cart-table thead {
  display: none;
}

@media (min-width: 768px) {
  .cart-table thead {
    display: table-header-group;
  }
}

.cart-table th {
  text-align: left;
  padding: var(--space-3) var(--space-4);
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted);
  border-bottom: 1px solid var(--color-border-light);
}

.cart-table td {
  padding: var(--space-5) var(--space-4);
  border-bottom: 1px solid var(--color-border-light);
  vertical-align: middle;
}

.cart-table .product-thumbnail img {
  width: 80px;
  height: 100px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.cart-table .product-name a {
  font-weight: 500;
  color: var(--color-text-primary);
}

.cart-table .product-name a:hover {
  color: var(--color-gold);
}

.cart-table .product-remove a {
  color: var(--color-text-muted);
  font-size: var(--font-size-xs);
}

.cart-table .product-remove a:hover {
  color: var(--color-rose);
}

.cart-totals {
  max-width: 400px;
  margin-left: auto;
  margin-top: var(--space-7);
  background: var(--color-white);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.cart-totals h2 {
  font-size: var(--font-size-xl);
  margin-bottom: var(--space-5);
}

.cart-totals table {
  width: 100%;
  margin-bottom: var(--space-5);
}

.cart-totals table th {
  text-align: left;
  font-weight: 500;
  font-size: var(--font-size-sm);
  padding: var(--space-3) 0;
  color: var(--color-text-secondary);
}

.cart-totals table td {
  text-align: right;
  padding: var(--space-3) 0;
  font-weight: 600;
}

.cart-totals .order-total td {
  font-size: var(--font-size-lg);
  color: var(--color-charcoal);
}

/* ── Checkout ── */
/* ══════════════════════════════════════════════════════
   SEED.COM SHOPIFY-STYLE LUXURY CHECKOUT SYSTEM
   ══════════════════════════════════════════════════════ */

/* Hide redundant page header title on checkout page */
.woocommerce-checkout .page-header,
.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title {
  display: none !important;
}

.woocommerce-checkout .site-main > .container,
.woocommerce-checkout .site-main > .section {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Seed Minimal Checkout Header: Sticky Top Bar ── */
body.woocommerce-checkout .announcement-bar,
body.woocommerce-checkout .announcement-bar-wrap {
  display: none !important;
}

/* ── Fix WordPress Admin Bar scrolling away on mobile (≤600px) so site-header never gets displaced ── */
html body.admin-bar.woocommerce-checkout #wpadminbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999999 !important;
}

html body.woocommerce-checkout .site-header,
html body.woocommerce-checkout .site-header.is-scrolled {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  padding: 0.35rem 0.75rem !important;
  background: #FFFFFF !important;
  border: none !important;
  border-bottom: 1px solid #EAE4D9 !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
  z-index: 999999 !important;
  width: 100% !important;
  pointer-events: auto !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.woocommerce-checkout {
  padding-top: var(--header-height, 48px) !important;
}

html body.admin-bar.woocommerce-checkout .site-header,
html body.admin-bar.woocommerce-checkout .site-header.is-scrolled {
  top: 32px !important;
}

html body.admin-bar.woocommerce-checkout {
  padding-top: calc(var(--header-height, 48px) + 32px) !important;
}

@media screen and (max-width: 782px) {
  html body.admin-bar.woocommerce-checkout .site-header,
  html body.admin-bar.woocommerce-checkout .site-header.is-scrolled {
    top: 46px !important;
  }
  html body.admin-bar.woocommerce-checkout {
    padding-top: calc(var(--header-height, 48px) + 46px) !important;
  }
}

/* Ensure no checkout content/heading/toggle row has sticky positioning or overlaps header */
html body.woocommerce-checkout .m-step-panel,
html body.woocommerce-checkout .m-step-panel__heading,
html body.woocommerce-checkout .m-gift-toggle-row,
html body.woocommerce-checkout .seed-checkout-block,
html body.woocommerce-checkout .seed-checkout-block__header,
html body.woocommerce-checkout .seed-checkout-block__title,
html body.woocommerce-checkout .etsy-card,
html body.woocommerce-checkout .etsy-card__header {
  position: relative !important;
  z-index: 1 !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}

body.woocommerce-checkout .site-header .header-inner {
  justify-content: space-between !important;
  padding: 0.25rem 0.5rem !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout .site-header .main-nav,
body.woocommerce-checkout .site-header .header-pill-right,
body.woocommerce-checkout .site-header .search-toggle,
body.woocommerce-checkout .site-header .header-account-link,
body.woocommerce-checkout .site-header .btn-seed-cart,
body.woocommerce-checkout .site-header .mobile-menu-toggle {
  display: none !important;
}

body.woocommerce-checkout .site-header .language-switcher {
  display: inline-flex !important;
}

html body.woocommerce-checkout .site-header .header-pill-left,
html body.woocommerce-checkout .site-header.is-scrolled .header-pill-left,
html body.woocommerce-checkout .site-header .header-pill-single,
html body.woocommerce-checkout .site-header.is-scrolled .header-pill-single {
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.woocommerce-checkout .site-header .site-logo {
  margin: 0 auto !important;
}

body.woocommerce-checkout .site-header .site-logo a {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #0071E3 !important;
}

/* 2-Column Split Edge-to-Edge Layout */
.seed-checkout-layout {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 85vh;
  width: 100%;
}

@media (min-width: 992px) {
  .seed-checkout-layout {
    grid-template-columns: 1.15fr 0.85fr;
  }

  html body.woocommerce-checkout .m-step-panel[data-step="1"],
  html body.woocommerce-checkout .m-step-panel[data-step="2"] {
    display: block !important;
  }

  html body.woocommerce-checkout .m-step-panel[data-step="3"],
  html body.woocommerce-checkout .m-step-3-review,
  html body.woocommerce-checkout #etsy-card-items,
  html body.woocommerce-checkout #etsy-card-ship-to,
  html body.woocommerce-checkout #etsy-card-payment {
    display: none !important;
  }
}

@media (min-width: 1360px) {
  .seed-checkout-layout {
    grid-template-columns: 1.2fr 480px;
  }
}

/* ── Left Column: Form & Payment Canvas (Shop Page Matching Spacing) ── */
.seed-checkout-main {
  padding: 1rem 1.25rem 3rem;
  max-width: 580px;
  margin-left: auto;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .seed-checkout-main {
    padding: 0.25rem 0.75rem 3rem !important;
  }
}

@media (min-width: 992px) {
  .seed-checkout-main {
    padding: 1.5rem 2rem 4rem 0;
    margin-left: auto;
    margin-right: 0;
  }
}

.seed-checkout-block {
  margin-bottom: 0;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid #E5E0DA;
}

.seed-checkout-block:last-child {
  border-bottom: none;
}

.seed-checkout-block + .seed-checkout-block {
  padding-top: 1.75rem;
}

.seed-checkout-block__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 1.15rem;
}

.seed-checkout-block__title {
  font-family: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #0B0B0A !important;
  margin: 0 !important;
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.seed-checkout-block__subtitle {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  color: #7A756D;
  margin: 0.15rem 0 1rem 0;
  line-height: 1.45;
}

.seed-checkout-login-link {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  font-weight: 500;
  color: #0071E3;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

/* ── Form Row Grid (Seed.com Exact Spacing) ── */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.65rem;
}

/* ── Hide duplicate WooCommerce Billing Details h3 heading ── */
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3 {
  display: none !important;
}

/* ══════════════════════════════════════════════════════════════
   GRID LAYOUT — NUCLEAR SPECIFICITY TO OVERRIDE WOOCOMMERCE
   ══════════════════════════════════════════════════════════════ */

/* Base: single column on mobile */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

/* Kill ALL WooCommerce float/width on every .form-row variant */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-first,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-last,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-first,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-last,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row-wide,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last,
.woocommerce-page form .form-row-wide {
  float: none !important;
  width: auto !important;
  clear: none !important;
}

/* Override WooCommerce screen-reader-text on checkout labels */
body.woocommerce-checkout .form-row > label.screen-reader-text,
body.woocommerce-checkout .form-row > label {
  position: absolute !important;
  clip: unset !important;
  clip-path: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Desktop: 6-column grid */
@media (min-width: 640px) {
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 12px !important;
  }

  /* ── First name + Last name: 50/50 side by side ── */
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field {
    grid-column: span 3 !important;
  }

  /* ── Full-width fields: span all 6 columns ── */
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_company_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_1_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_address_2_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_company_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_country_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_1_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_address_2_field {
    grid-column: span 6 !important;
  }

  /* ── District / State / Postcode: 3-column row ── */
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_city_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_city_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_state_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_state_field,
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_postcode_field,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_postcode_field {
    grid-column: span 2 !important;
  }
}

/* ── Seed.com Section Headers & Spacing ── */
.seed-checkout-block {
  margin-bottom: 0 !important;
  padding-top: 1rem !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid #EAE4D9 !important;
}

.seed-checkout-block:first-child {
  padding-top: 0.25rem !important;
}

@media (max-width: 768px) {
  .seed-checkout-block {
    padding-top: 0.75rem !important;
    padding-bottom: 1rem !important;
  }

  .seed-checkout-block:first-child {
    padding-top: 0.25rem !important;
  }
}

.seed-checkout-block:last-child,
.seed-checkout-block--payment {
  border-bottom: none !important;
}

.seed-checkout-block__header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-bottom: 1.25rem !important;
}

.seed-checkout-block__title {
  font-family: var(--font-body, 'Inter', -apple-system, sans-serif) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: #0071E3 !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}

.seed-checkout-block__subtitle {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.82rem !important;
  color: #7A756D !important;
  margin: 0.15rem 0 1rem 0 !important;
  line-height: 1.45 !important;
}

/* ─────────────────────────────────────────────────────────────
   FORM ROW — THE CRITICAL POSITIONING CONTAINER
   ───────────────────────────────────────────────────────────── */
.woocommerce-checkout .form-row,
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last,
.woocommerce-checkout .form-row-wide {
  position: relative !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
  clear: none !important;
}

/* ── Seed.com Floating Label ── */
.woocommerce-checkout .form-row > label {
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  font-family: var(--font-body, 'Inter', -apple-system, sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  color: #737067 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: top 150ms ease, font-size 150ms ease, font-weight 150ms ease !important;
  z-index: 5 !important;
  background: transparent !important;
  border: none !important;
  display: block !important;
}

/* Hide asterisks and optional/required text inside labels */
.woocommerce-checkout .form-row > label .required,
.woocommerce-checkout .form-row > label abbr {
  display: none !important;
}

.woocommerce-checkout .form-row > label .optional {
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* ── Label floats up when field is focused, filled, or is a select ── */
.woocommerce-checkout .form-row.is-filled > label,
.woocommerce-checkout .form-row.has-value > label,
.woocommerce-checkout .form-row.woocommerce-validated > label,
.woocommerce-checkout .form-row.woocommerce-invalid > label,
.woocommerce-checkout .form-row > label.is-floated,
.woocommerce-checkout .form-row:focus-within > label {
  top: 8px !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: #737067 !important;
}

/* CSS-only float triggers (for browsers supporting :has) */
.woocommerce-checkout .form-row:has(select) > label,
.woocommerce-checkout .form-row:has(input:not(:placeholder-shown)) > label,
.woocommerce-checkout .form-row:has(textarea:not(:placeholder-shown)) > label,
.woocommerce-checkout .form-row:has(input:-webkit-autofill) > label {
  top: 8px !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  color: #737067 !important;
}

/* ── Seed.com Input Box (56px, 12px radius, flat 1px border) ── */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.seed-checkout-textarea {
  width: 100% !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 24px 18px 8px 18px !important;
  font-family: var(--font-body, 'Inter', -apple-system, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #0071E3 !important;
  background: #FFFFFF !important;
  border: 1px solid #D9D5CC !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color 150ms ease !important;
  outline: none !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.woocommerce-checkout textarea,
.seed-checkout-textarea {
  height: auto !important;
  min-height: 80px !important;
  padding-top: 28px !important;
}

/* Select Chevron */
.woocommerce-checkout select {
  padding-right: 48px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 12px !important;
}

/* Focus: flat clean 1px dark green border */
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
  border-color: #0071E3 !important;
  box-shadow: none !important;
}

/* Placeholder invisible so floating label serves as placeholder */
.woocommerce-checkout input.input-text::placeholder {
  color: transparent !important;
}

/* ── Docked Icons ── */
.woocommerce-checkout #billing_phone_field input.input-text,
.woocommerce-checkout #shipping_phone_field input.input-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23737067' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 18px !important;
  padding-right: 50px !important;
}

.woocommerce-checkout #billing_address_1_field input.input-text,
.woocommerce-checkout #shipping_address_1_field input.input-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23737067' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 18px !important;
  padding-right: 50px !important;
}

/* ── Shipping Notice Box ── */
.seed-shipping-notice-box {
  background: #F4F1EB !important;
  border-radius: 12px !important;
  padding: 1.15rem 1.5rem !important;
  text-align: center !important;
  color: #615E56 !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  margin: 0.5rem 0 !important;
  border: none !important;
}

/* ── Soft Rounded Checkbox ── */
.woocommerce-checkout input[type="checkbox"],
.seed-checkout-checkbox {
  width: 20px !important;
  height: 20px !important;
  border-radius: 6px !important;
  border: 1.5px solid #D9D5CC !important;
  accent-color: #0071E3 !important;
  cursor: pointer !important;
}

.woocommerce-checkout .form-row > label .required {
  display: none !important;
}

/* Hide WooCommerce default asterisks and abbr */
.woocommerce-checkout .form-row > label abbr {
  display: none !important;
}

/* ─────────────────────────────────────────────────────────────
   SELECT2 CONTAINER OVERRIDES (WooCommerce replaces native <select> with Select2)
   ───────────────────────────────────────────────────────────── */
.woocommerce-checkout .select2-container {
  width: 100% !important;
}

.woocommerce-checkout .select2-container .select2-selection--single {
  height: 56px !important;
  min-height: 56px !important;
  padding: 24px 48px 8px 18px !important;
  background: #FFFFFF !important;
  border: 1px solid #D9D5CC !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-end !important;
}

.woocommerce-checkout .select2-container--open .select2-selection--single,
.woocommerce-checkout .select2-container--focus .select2-selection--single {
  border-color: #0071E3 !important;
  box-shadow: none !important;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
  font-family: var(--font-body, 'Inter', -apple-system, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  color: #0071E3 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
  height: 56px !important;
  top: 0 !important;
  right: 18px !important;
  width: 12px !important;
}

.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #333 transparent transparent transparent !important;
  border-width: 5px 4px 0 4px !important;
  margin-top: -2px !important;
  margin-left: -4px !important;
}

/* Select2 Dropdown Panel */
.select2-container--open .select2-dropdown {
  border: 1px solid #D9D5CC !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
  margin-top: 4px !important;
}

.select2-container--open .select2-dropdown .select2-search--dropdown {
  padding: 12px !important;
}

.select2-container--open .select2-dropdown .select2-search__field {
  height: 40px !important;
  border: 1px solid #D9D5CC !important;
  border-radius: 8px !important;
  padding: 0 12px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.9rem !important;
  outline: none !important;
  box-shadow: none !important;
}

.select2-container--open .select2-dropdown .select2-search__field:focus {
  border-color: #438BC4 !important;
}

.select2-container--open .select2-dropdown .select2-results__option {
  padding: 10px 16px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.9rem !important;
  color: #12284B !important;
}

.select2-container--open .select2-dropdown .select2-results__option--highlighted[aria-selected],
.select2-container--open .select2-dropdown .select2-results__option--highlighted {
  background: #F4F1EB !important;
  color: #12284B !important;
}

.select2-container--open .select2-dropdown .select2-results__option[aria-selected=true] {
  background: #EAE4D9 !important;
  color: #12284B !important;
}

/* ── Payment Options Box (Seed.com Exact Style) ── */
.seed-checkout-payment-box {
  margin-top: 0.85rem;
}

.woocommerce-checkout #payment {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  background: #FFFFFF;
  border: 1px solid #D4D0CA;
  border-radius: 6px;
  overflow: hidden;
  padding: 0;
  margin: 0 0 1.25rem 0;
  list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 0.9rem 1.15rem;
  border-bottom: 1px solid #E5E0DA;
  margin: 0;
  background: #FFFFFF;
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-weight: 500;
  font-size: 0.9rem;
  color: #0B0B0A;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
  accent-color: #0071E3;
  width: 17px;
  height: 17px;
  margin: 0;
}

.woocommerce-checkout #payment div.payment_box {
  background: var(--color-soft-cream, #FFFEF9);
  border-radius: 8px;
  padding: 0.85rem 1rem;
  font-size: 0.85rem;
  color: var(--color-text-secondary, #3F3F46);
  margin-top: 0.75rem;
  line-height: 1.45;
  border: 1px solid var(--color-border-light, #EAE4D9);
}

.woocommerce-checkout #payment div.payment_box::before {
  display: none;
}

/* ── Place Order / Pay Now Button — Clean Rule ── */
.woocommerce-checkout #payment .place-order #place_order,
.woocommerce-checkout button.btn-seed-place-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 1.1rem 2.5rem;
  background: #0071E3;
  background-color: #0071E3;
  color: #FFFFFF;
  font-family: var(--font-body, 'Inter', -apple-system, sans-serif);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  border-radius: 9999px;
  border: 2px solid #0071E3;
  cursor: pointer;
  box-shadow: 0 4px 18px rgba(18, 40, 75, 0.3);
  transition: all 200ms ease;
  margin-top: 1.5rem;
  box-sizing: border-box;
}

.woocommerce-checkout #payment .place-order #place_order:hover,
.woocommerce-checkout button.btn-seed-place-order:hover {
  background: #438BC4;
  background-color: #438BC4;
  border-color: #438BC4;
  color: #FFFFFF;
  transform: translateY(-1px);
  box-shadow: 0 6px 24px rgba(18, 40, 29, 0.35);
}

/* ── Ensure Parents Allow Sticky Positioning ── */
body.woocommerce-checkout,
body.woocommerce-checkout #page,
body.woocommerce-checkout .site-main,
body.woocommerce-checkout #primary,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout .seed-checkout-form {
  overflow: visible !important;
}

/* ── Right Column: Seed Tinted Order Summary Sidebar ── */
.seed-checkout-sidebar {
  background: var(--color-soft-cream, #FFFEF9);
  border-left: 1px solid var(--color-border-light, #EAE4D9);
  padding: 2rem 1.5rem 4rem;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .seed-checkout-layout {
    align-items: start;
  }

  .seed-checkout-sidebar {
    display: block !important;
    padding: 3rem 2.5rem 5rem 3rem;
    min-height: 100%;
  }

  .seed-order-summary-panel {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 5.5rem !important;
    z-index: 80 !important;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body.admin-bar.woocommerce-checkout .seed-order-summary-panel {
    top: calc(32px + 5.5rem) !important;
  }
}

/* Cart Items List */
.seed-cart-items {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.seed-cart-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.seed-cart-item__image-wrap {
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 10px;
  border: 1px solid var(--color-border-light, #EAE4D9);
  background: #FFFFFF;
  flex-shrink: 0;
}

.seed-cart-item__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
}

.seed-cart-item__badge {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: rgba(11, 11, 10, 0.85);
  color: #FFFFFF;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.72rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.seed-cart-item__details {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  flex: 1;
  min-width: 0;
}

.seed-cart-item__title {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-text-primary, #0B0B0A);
  margin: 0;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.seed-cart-item__sale-tag {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--color-ink, #12284B);
  background: rgba(18, 40, 75, 0.08);
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  width: fit-content;
}

.seed-cart-item__price {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--color-text-primary, #0B0B0A);
  margin-left: auto;
  flex-shrink: 0;
}

/* Coupon Box (Seed.com Exact Style — Image 2) */
.seed-coupon-box {
  display: flex;
  gap: 0.75rem;
  padding-block: 0.5rem;
}

.seed-coupon-input {
  flex: 1;
  padding: 0.75rem 1rem !important;
  font-size: 0.88rem !important;
  border: 1.5px solid #0071E3 !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #438BC4 !important;
  box-shadow: none !important;
  outline: none !important;
}

.seed-coupon-btn {
  padding: 0.75rem 1.6rem !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  background: #0071E3 !important;
  border: 1.5px solid #0071E3 !important;
  border-radius: 9999px !important;
  cursor: pointer;
  transition: all 180ms ease;
  white-space: nowrap;
}

.seed-coupon-btn:hover {
  background: #438BC4 !important;
  border-color: #438BC4 !important;
  color: #FFFFFF !important;
}

/* ── Textarea Resize Handle Disable (Mobile & Desktop) ── */
.woocommerce-checkout textarea,
.woocommerce-checkout #order_comments,
textarea.seed-checkout-input,
textarea.input-text {
  resize: none !important;
  min-height: 80px;
}

@media (max-width: 360px) {
  .seed-coupon-box {
    flex-direction: column !important;
    gap: 0.5rem !important;
  }
  .seed-coupon-btn {
    width: 100% !important;
    min-height: 44px !important;
  }
}

/* Summary Rows */
.seed-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border-light, #EAE4D9);
}

.seed-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  color: var(--color-text-secondary, #3F3F46);
}

.seed-summary-row__info-icon {
  font-size: 0.8rem;
  color: #7A756D;
  margin-left: 0.2rem;
  cursor: help;
}

.seed-summary-row--total {
  padding-top: 1rem;
  margin-top: 0.5rem;
  border-top: 1px solid var(--color-border-light, #EAE4D9);
}

.seed-summary-row__label-total {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.seed-summary-row__val-total-wrap {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
}

.seed-summary-row__currency {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-muted, #7A756D);
  text-transform: uppercase;
}

.seed-summary-row__val-total {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.seed-summary-row--savings {
  margin-top: 0.25rem;
}

.seed-savings-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: #12284B;
  letter-spacing: 0.02em;
}

/* Seed Trust List (Vertical) */
.seed-trust-list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border-light, #EAE4D9);
}

.seed-trust-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  font-weight: 500;
  color: #2B3A34;
  line-height: 1.35;
}

.seed-trust-item svg {
  color: var(--color-ink, #12284B);
  flex-shrink: 0;
}

.checkout-trust__item svg {
  color: var(--color-trust-green);
}

/* ── My Account Dashboard — Minimal Etsy-Inspired Layout ── */

/* Hide redundant page title for logged-in users on My Account pages */
.woocommerce-account.logged-in .page-header,
.woocommerce-account.logged-in .entry-title,
.woocommerce-account.logged-in .page-title {
  display: none !important;
}

/* Remove narrow container constraint so layout can use full width */
.woocommerce-account.logged-in .container--narrow {
  max-width: 100%;
  padding: 0;
}

/* Kill parent .section padding — layout manages its own spacing */
.woocommerce-account.logged-in .section {
  padding-block: 0;
}

.myaccount-layout {
  display: block;
  width: 100%;
  max-width: var(--container-width, 1360px);
  margin-inline: auto;
  padding: 1.25rem 1.5rem 2.5rem;
}

@media (min-width: 1200px) {
  .myaccount-layout {
    padding: 1.5rem 2rem 3rem;
  }
}

/* ── Subpage Back Navigation ── */
.myaccount-subpage-header {
  margin-bottom: 1.25rem;
}

.myaccount-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-ink, #438BC4);
  text-decoration: none !important;
  padding: 0.4rem 0.85rem;
  background: var(--color-soft-cream, #FFFEF9);
  border: 1px solid var(--color-border-light, #EAE4D9);
  border-radius: 9999px;
  transition: all 150ms ease;
}

.myaccount-back-link:hover {
  background: #FFFFFF;
  border-color: var(--color-ink, #438BC4);
  transform: translateX(-2px);
}

/* ── Content Container Card ── */
.myaccount-content {
  background: var(--color-white, #FFFFFF);
  border-radius: 20px;
  padding: 2.25rem 2.5rem;
  box-shadow: 0 4px 20px rgba(11, 11, 10, 0.04);
  border: 1px solid var(--color-border-light, #EAE4D9);
  width: 100%;
}

@media (max-width: 767px) {
  .myaccount-content {
    border-radius: 12px;
    padding: 1.25rem 1rem;
    box-shadow: 0 2px 10px rgba(11, 11, 10, 0.03);
  }
}

.myaccount-content h2,
.myaccount-content h3 {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
  margin-bottom: 1.25rem;
}

/* ══════════════════════════════════════════════════════
   ETSY-INSPIRED DASHBOARD UI SYSTEM (.dash-*)
   ══════════════════════════════════════════════════════ */

.dash-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

/* 1. Profile Banner (Etsy Seller Header) */
.dash-profile-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

.dash-profile-banner__left {
  display: flex;
  align-items: flex-start;
  gap: 1.1rem;
  width: 100%;
}

.dash-profile-banner__avatar {
  flex-shrink: 0;
  margin-top: 4px;
}

.dash-profile-banner__avatar img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-gold, #C9A24B);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.dash-profile-banner__meta {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1;
  min-width: 0;
}

.dash-profile-banner__title {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: clamp(1.2rem, 3.5vw, 1.5rem) !important;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
  margin: 0 !important;
  line-height: 1.25;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dash-wave-emoji {
  white-space: nowrap;
  display: inline-block;
}

.dash-profile-banner__sub {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  color: var(--color-text-muted, #7A756D);
}

.dash-profile-banner__badge-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.dash-profile-banner__email {
  font-size: 0.82rem;
  color: #666;
  word-break: break-all;
}

.dash-profile-banner__logout-row {
  margin-top: 2px;
}

.dash-badge--verified {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: var(--color-soft-cream, #FFFEF9);
  color: var(--color-ink, #12284B);
  font-weight: 600;
  font-size: 0.78rem;
  padding: 0.25rem 0.65rem;
  border-radius: 9999px;
  border: 1px solid var(--color-border-light, #EAE4D9);
}

.dash-profile-banner__logout {
  color: #C53030 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  font-size: 0.84rem !important;
}

.dash-profile-banner__logout:hover {
  color: #9B2C2C !important;
}

/* Section Headlines */
.dash-section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.dash-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dash-section-title {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 !important;
  letter-spacing: -0.01em;
}

.dash-link-more {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-ink, #438BC4) !important;
  text-decoration: underline !important;
}

/* 2. Top Tasks Cards Grid (4-Column Grid) */
.dash-tasks-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 576px) {
  .dash-tasks-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .dash-tasks-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dash-task-card {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 16px;
  padding: 1.25rem 1.35rem;
  text-decoration: none !important;
  transition: all 200ms ease;
  box-shadow: 0 2px 8px rgba(11, 11, 10, 0.02);
}

.dash-task-card:hover {
  border-color: var(--color-ink, #438BC4);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(18, 40, 75, 0.08);
}

.dash-task-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: var(--color-soft-cream, #FFFEF9);
  border-radius: 12px;
  color: var(--color-ink, #12284B);
  flex-shrink: 0;
  transition: background 200ms ease, color 200ms ease;
}

.dash-task-card:hover .dash-task-card__icon {
  background: var(--color-ink, #438BC4);
  color: var(--color-white, #FFFFFF);
}

.dash-task-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.dash-task-card__title {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.dash-task-card__arrow {
  transition: transform 200ms ease;
}

.dash-task-card:hover .dash-task-card__arrow {
  transform: translateX(4px);
  color: var(--color-gold, #C9A24B);
}

.dash-task-card__desc {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  color: var(--color-text-muted, #7A756D) !important;
  margin: 0 !important;
  line-height: 1.4;
}

/* 3. Account Stats Box (4-Column Box) */
.dash-stats-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 16px;
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .dash-stats-box {
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
  }

  .dash-stats-col {
    padding: 0 1.25rem;
    border-right: 1px solid var(--color-border-light, #EAE4D9);
  }

  .dash-stats-col:first-child {
    padding-left: 0;
  }

  .dash-stats-col:last-child {
    padding-right: 0;
    border-right: none;
  }
}

.dash-stats-col {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.dash-stats-label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-text-secondary, #3B3935);
}

.dash-stats-val {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
  line-height: 1.2;
}

.dash-stats-val--green {
  color: var(--color-ink, #12284B);
}

.dash-stats-sub {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.78rem;
  color: var(--color-text-muted, #7A756D);
}

/* 4. Empty Activity Card (Etsy Shop Advisor Style) */
.dash-empty-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: var(--color-soft-cream, #FFFEF9);
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 16px;
  padding: 3rem 2rem;
  gap: 0.75rem;
}

.dash-empty-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background: var(--color-white, #FFFFFF);
  border-radius: 50%;
  color: var(--color-ink, #12284B);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  margin-bottom: 0.5rem;
}

.dash-empty-card__title {
  font-family: var(--font-heading, 'Playfair Display', serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 !important;
}

.dash-empty-card__desc {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  color: var(--color-text-secondary, #3B3935) !important;
  max-width: 420px;
  margin: 0 0 1rem 0 !important;
  line-height: 1.5;
}

.dash-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.6rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-white, #FFFFFF) !important;
  background: var(--color-ink, #0071E3) !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(18, 40, 75, 0.25);
  transition: all 200ms ease;
}

.dash-btn-primary:hover {
  background: var(--color-ink-hover, #438BC4) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(18, 40, 75, 0.35);
}

.dash-btn-sm {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-ink, #0071E3) !important;
  background: var(--color-soft-cream, #FFFEF9) !important;
  border: 1px solid var(--color-border-light, #EAE4D9) !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 150ms ease;
}

.dash-btn-sm:hover {
  background: var(--color-ink, #0071E3) !important;
  color: var(--color-white, #FFFFFF) !important;
}

.dash-status-badge {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.78rem;
  font-weight: 600;
  border-radius: 9999px;
  text-transform: capitalize;
}

.dash-status-badge--completed,
.dash-status-badge--processing {
  background: #E6F4EA;
  color: #137333;
}

.dash-status-badge--on-hold,
.dash-status-badge--pending {
  background: #FEF7E0;
  color: #B06000;
}

.dash-status-badge--cancelled,
.dash-status-badge--failed {
  background: #FCE8E6;
  color: #C5221F;
}

/* ══════════════════════════════════════════════════════
   ETSY-INSPIRED ORDER DETAILS DESIGN SYSTEM (.etsy-order-*)
   ══════════════════════════════════════════════════════ */

.etsy-order-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

/* 1. Header & Breadcrumbs */
.etsy-order-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

.etsy-order-breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  color: var(--color-text-muted, #7A756D);
  margin-bottom: 0.5rem;
}

.etsy-order-breadcrumb a {
  color: var(--color-text-secondary, #3B3935) !important;
  text-decoration: underline !important;
  font-weight: 500;
}

.etsy-order-breadcrumb .sep {
  color: var(--color-text-muted, #7A756D);
}

.etsy-order-id {
  font-family: var(--font-heading, 'Playfair Display', serif) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 0 0.25rem 0 !important;
}

.etsy-order-date {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  color: var(--color-text-muted, #7A756D) !important;
  margin: 0 !important;
}

.etsy-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: transparent;
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 9999px;
  padding: 0.5rem 1.15rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-text-secondary, #3B3935);
  cursor: pointer;
  transition: all 150ms ease;
}

.etsy-btn-ghost:hover {
  background: var(--color-soft-cream, #FFFEF9);
  border-color: var(--color-ink, #0071E3);
  color: var(--color-ink, #0071E3);
}

/* 2. Grid Split Layout (2 Columns) */
.etsy-order-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 992px) {
  .etsy-order-grid {
    grid-template-columns: 1fr 340px;
    gap: 2.25rem;
  }
}

.etsy-order-main,
.etsy-order-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* 3. Etsy Card Styling */
.etsy-card {
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow: 0 2px 12px rgba(11, 11, 10, 0.02);
}

.etsy-card__label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-text-muted, #7A756D);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.etsy-card__status-title {
  font-family: var(--font-heading, 'Playfair Display', serif) !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: var(--color-ink, #12284B) !important;
  margin: 0.35rem 0 0.25rem 0 !important;
}

.etsy-card__status-sub {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  color: var(--color-text-secondary, #3B3935) !important;
  margin: 0 0 1.5rem 0 !important;
}

.etsy-tracking-code {
  color: var(--color-ink, #12284B);
  text-decoration: underline;
}

/* 4. Tracking Stepper Timeline (Matching Etsy Image 1) */
.etsy-stepper {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 2rem 0 2.25rem 0;
  padding: 0 0.5rem;
}

.etsy-stepper__line {
  position: absolute;
  top: 14px;
  left: 2rem;
  right: 2rem;
  height: 3px;
  background: var(--color-border-light, #EAE4D9);
  z-index: 1;
}

.etsy-stepper__progress {
  height: 100%;
  background: var(--color-ink, #0071E3);
  transition: width 300ms ease;
}

.etsy-stepper__step {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  flex: 1;
  text-align: center;
}

.etsy-stepper__node {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--color-white, #FFFFFF);
  border: 2px solid var(--color-border, #E3DDD3);
  color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 200ms ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.etsy-stepper__step.is-done .etsy-stepper__node {
  background: var(--color-ink, #0071E3);
  border-color: var(--color-ink, #438BC4);
  color: var(--color-white, #FFFFFF);
}

.etsy-stepper__label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--color-text-muted, #7A756D);
}

.etsy-stepper__step.is-done .etsy-stepper__label {
  color: var(--color-text-primary, #0B0B0A);
}

/* 5. Logistics Row */
.etsy-logistics-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  padding: 1.25rem;
  background: var(--color-soft-cream, #FFFEF9);
  border-radius: 12px;
  border: 1px solid var(--color-border-light, #EAE4D9);
  margin-bottom: 2rem;
}

@media (min-width: 576px) {
  .etsy-logistics-row {
    grid-template-columns: 1fr 1fr;
  }
}

.etsy-logistics-label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-muted, #7A756D);
  display: block;
  margin-bottom: 0.35rem;
}

.etsy-logistics-val {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--color-text-secondary, #3B3935);
  margin: 0 !important;
}

/* 6. Ordered Items List */
.etsy-items-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light, #EAE4D9);
}

.etsy-item-row {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

.etsy-item-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.etsy-item-row__media {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border-light, #EAE4D9);
  background: var(--color-soft-cream, #FFFEF9);
}

.etsy-item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.etsy-item-img-placeholder {
  width: 100%;
  height: 100%;
  background: var(--color-soft-cream, #FFFEF9);
}

.etsy-item-row__details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.etsy-item-title {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 !important;
  line-height: 1.35;
}

.etsy-item-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.etsy-item-title a:hover {
  color: var(--color-ink, #438BC4) !important;
}

.etsy-item-meta {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  color: var(--color-text-muted, #7A756D) !important;
  margin: 0 !important;
}

.etsy-item-return {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.78rem;
  color: var(--color-text-muted, #7A756D) !important;
  margin: 0 !important;
}

.etsy-item-row__action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
}

.etsy-item-price {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.etsy-btn-buy-again {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--color-ink, #0071E3) !important;
  text-decoration: underline !important;
  transition: opacity 150ms ease;
}

.etsy-btn-buy-again:hover {
  opacity: 0.75;
}

/* 7. Right Sidebar Cards (Support, Summary, Payment) */
.etsy-card--support {
  background: var(--color-soft-cream, #FFFEF9);
}

.etsy-support-header {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.75rem;
}

.etsy-support-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-gold, #C9A24B);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.etsy-support-meta {
  display: flex;
  flex-direction: column;
}

.etsy-support-name {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.etsy-support-sub {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.78rem;
  color: var(--color-text-muted, #7A756D);
}

.etsy-support-desc {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  color: var(--color-text-secondary, #3B3935) !important;
  margin: 0 0 1rem 0 !important;
  line-height: 1.45;
}

.etsy-btn-outline-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem 1.25rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A) !important;
  background: var(--color-white, #FFFFFF) !important;
  border: 1.5px solid var(--color-text-primary, #0B0B0A) !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 150ms ease;
}

.etsy-btn-outline-pill:hover {
  background: var(--color-text-primary, #0B0B0A) !important;
  color: var(--color-white, #FFFFFF) !important;
}

.etsy-summary-title {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 0 1.25rem 0 !important;
}

.etsy-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.etsy-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  color: var(--color-text-secondary, #3B3935);
}

.etsy-summary-row--discount {
  color: #137333;
  font-weight: 600;
}

.etsy-summary-divider {
  height: 1px;
  background: var(--color-border-light, #EAE4D9);
  margin: 0.5rem 0;
}

.etsy-summary-row--total {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.etsy-payment-name {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.92rem;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 0 0.25rem 0 !important;
}

.etsy-payment-sub {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.8rem;
  color: var(--color-text-muted, #7A756D) !important;
  margin: 0 !important;
}

/* 8. Orders List Grid (.etsy-orders-grid) */
.etsy-orders-header {
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

.etsy-orders-title {
  font-family: var(--font-heading, 'Playfair Display', serif) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 !important;
}

.etsy-orders-grid {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.etsy-order-card-item {
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 16px;
  padding: 1.35rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.etsy-order-card-item:hover {
  border-color: var(--color-ink, #438BC4);
  box-shadow: 0 6px 20px rgba(18, 40, 75, 0.06);
}

.etsy-order-card-item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.etsy-order-card-item__meta {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
}

.etsy-order-card-item__num {
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.etsy-order-card-item__date {
  color: var(--color-text-muted, #7A756D);
}

.etsy-order-card-item__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

  padding: 0.85rem 1rem;
  background: var(--color-soft-cream, #FFFEF9);
  border-radius: 12px;
}

.etsy-order-card-item__thumbs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.etsy-thumb-mini {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--color-border-light, #EAE4D9);
}

.etsy-order-card-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.etsy-order-card-item__total {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
}

.etsy-order-card-item__count {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.78rem;
  color: var(--color-text-muted, #7A756D);
}

.etsy-order-card-item__foot {
  display: flex;
  justify-content: flex-end;
}

.myaccount-content p {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--color-text-secondary, #3B3935);
}

.myaccount-content a {
  color: var(--color-ink, #12284B);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.myaccount-content a:hover {
  color: var(--color-gold, #C9A24B);
}

/* Dashboard Greeting Box */
.woocommerce-MyAccount-content > p:first-child {
  font-size: 1.05rem;
  padding: 1.25rem 1.5rem;
  background: var(--color-soft-cream, #FFFEF9);
  border-radius: 14px;
  border: 1px solid var(--color-border-light, #EAE4D9);
  margin-bottom: 1.75rem;
}

/* Orders Table */
.myaccount-content .woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-top: 1rem;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border-light, #EAE4D9);
}

.myaccount-content .woocommerce-orders-table th {
  background: var(--color-soft-cream, #FFFEF9);
  padding: 1rem 1.25rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-secondary, #3B3935);
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

.myaccount-content .woocommerce-orders-table td {
  padding: 1rem 1.25rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

.myaccount-content .woocommerce-orders-table tr:last-child td {
  border-bottom: none;
}

/* Address Cards Grid */
.woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .woocommerce-Addresses {
    grid-template-columns: 1fr 1fr;
  }
}

.woocommerce-Address {
  background: var(--color-soft-cream, #FFFEF9);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--color-border-light, #EAE4D9);
}

.woocommerce-Address header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.woocommerce-Address header h3 {
  margin-bottom: 0;
  font-size: 1.25rem;
}

.woocommerce-Address address {
  font-style: normal;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--color-text-secondary, #3B3935);
}

/* Edit Form Fields */
.myaccount-content form .form-row {
  margin-bottom: 1.25rem;
}

.myaccount-content form label {
  display: block;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--color-text-secondary, #3B3935);
  margin-bottom: 0.4rem;
}

.myaccount-content form input.input-text,
.myaccount-content form select,
.myaccount-content form textarea {
  width: 100%;
  padding: 0.8rem 1rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.95rem;
  border: 1.5px solid var(--color-border, #E3DDD3);
  border-radius: 10px;
  background: var(--color-white, #FFFFFF);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.myaccount-content form input.input-text:focus,
.myaccount-content form select:focus,
.myaccount-content form textarea:focus {
  border-color: var(--color-ink, #438BC4);
  box-shadow: 0 0 0 3px rgba(18, 40, 75, 0.08);
  outline: none;
}

.myaccount-content form button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.85rem 1.75rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-white, #FFFFFF) !important;
  background: var(--color-ink, #0071E3) !important;
  border-radius: 9999px !important;
  border: none !important;
  cursor: pointer;
  transition: all 200ms ease;
  box-shadow: 0 4px 14px rgba(18, 40, 75, 0.2);
}

.myaccount-content form button.button:hover {
  background: var(--color-ink-hover, #438BC4) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(18, 40, 75, 0.3);
}

/* ══════════════════════════════════════════════════════
   AUTH SPLIT LAYOUT — Lululemon-Inspired Login / Register
   ══════════════════════════════════════════════════════ */

/* --- Container: Full-viewport 50/50 Split --- */
.auth-split-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  min-height: 100dvh;
  width: 100%;
}

/* --- Left Panel: Lifestyle Image --- */
.auth-split-left {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 3rem;
  overflow: hidden;
  /* Fallback gradient if image fails to load */
  background-color: #0071E3;
}

.auth-split-left__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(11, 11, 10, 0.75) 0%,
    rgba(11, 11, 10, 0.25) 50%,
    rgba(11, 11, 10, 0.05) 100%
  );
  z-index: 1;
}

.auth-split-left__content {
  position: relative;
  z-index: 2;
  color: #FFFFFF;
  max-width: 480px;
}

.auth-split-left__heading {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #FFFFFF;
}

.auth-split-left__text {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 1.5rem;
}

.auth-split-left__link {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  color: #FFFFFF;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity 200ms ease;
}

.auth-split-left__link:hover {
  opacity: 0.8;
}

/* --- Right Panel: Form Container --- */
.auth-split-right {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  background: var(--color-warm-ivory, #FFFEF9);
  overflow-y: auto;
}

.auth-split-right__inner {
  width: 100%;
  max-width: 420px;
}

/* --- Logo --- */
.auth-form-logo {
  margin-bottom: 2rem;
}

.auth-form-logo .site-logo-link {
  text-decoration: none;
}

.auth-form-logo .site-logo-img {
  height: 32px !important;
  width: auto !important;
}

/* --- Heading + Accent Bar --- */
.auth-form-heading {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

.auth-form-accent-bar {
  width: 32px;
  height: 3px;
  background: var(--color-ink, #0071E3);
  border-radius: 2px;
  margin-bottom: 1.25rem;
}

/* ── Auth Segmented Tab Switcher (Sign In vs Create Account) ── */
.auth-tabs {
  display: flex;
  background: #EAE4D9;
  border-radius: 9999px;
  padding: 4px;
  margin-bottom: 1.75rem;
  gap: 4px;
}

.auth-tab-btn {
  flex: 1;
  padding: 0.65rem 1rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  font-weight: 600;
  color: #555555;
  background: transparent;
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 200ms ease;
  -webkit-tap-highlight-color: transparent;
}

.auth-tab-btn.is-active {
  background: #FFFFFF;
  color: #0071E3;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.auth-toggle-prompt {
  text-align: center;
  margin-top: 1.25rem;
  font-size: 0.88rem;
  color: #555555;
}

.auth-toggle-btn {
  background: none;
  border: none;
  color: #0071E3;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  margin-left: 0.35rem;
  font-size: 0.88rem;
}

.auth-form-row {
  display: flex;
  gap: 0.85rem;
}

.auth-form-row .auth-form-field {
  flex: 1;
  min-width: 0;
}

@media (max-width: 480px) {
  .auth-form-row {
    flex-direction: column;
    gap: 0;
  }
}

/* --- Form Fields --- */
.auth-form-field {
  margin-bottom: 1.25rem;
}

.auth-form-label {
  display: block;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--color-text-secondary, #3B3935);
  margin-bottom: 0.45rem;
}

.auth-form-label .required {
  color: var(--color-ink, #12284B);
}

.auth-form-input {
  width: 100%;
  padding: 0.85rem 1rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.95rem;
  color: var(--color-text-primary, #0B0B0A);
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-border, #E3DDD3);
  border-radius: 8px;
  outline: none;
  transition: border-color 200ms ease, box-shadow 200ms ease;
  -webkit-appearance: none;
  appearance: none;
}

.auth-form-input::placeholder {
  color: var(--color-text-muted, #7A756D);
}

.auth-form-input:focus {
  border-color: var(--color-ink, #438BC4);
  box-shadow: 0 0 0 3px rgba(18, 40, 75, 0.08);
}

/* --- Phone Input with +880 Prefix --- */
.auth-phone-input-wrap {
  display: flex;
  align-items: stretch;
  border: 1.5px solid var(--color-border, #E3DDD3);
  border-radius: 8px;
  background: var(--color-white, #FFFFFF);
  overflow: hidden;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.auth-phone-input-wrap:focus-within {
  border-color: var(--color-ink, #438BC4);
  box-shadow: 0 0 0 3px rgba(18, 40, 75, 0.08);
}

.auth-phone-prefix {
  display: flex;
  align-items: center;
  padding: 0 0.85rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text-secondary, #3B3935);
  background: var(--color-soft-cream, #FFFEF9);
  border-right: 1.5px solid var(--color-border, #E3DDD3);
  user-select: none;
  flex-shrink: 0;
}

.auth-form-input--phone {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.auth-form-input--phone:focus {
  border: none !important;
  box-shadow: none !important;
}

/* --- Remember Me + Forgot Password Row --- */
.auth-form-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.auth-remember-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.85rem;
  color: var(--color-text-secondary, #3B3935);
  cursor: pointer;
}

.auth-remember-label input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--color-ink, #12284B);
  cursor: pointer;
}

.auth-forgot-link {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--color-text-muted, #7A756D);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 200ms ease;
}

.auth-forgot-link:hover {
  color: var(--color-ink, #438BC4);
}

/* --- Submit Button --- */
.auth-form-submit {
  display: block;
  width: 100%;
  padding: 0.95rem 1.5rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF !important;
  background: var(--color-ink, #0071E3) !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: background-color 200ms ease, transform 150ms ease, box-shadow 200ms ease;
  text-align: center;
}

.auth-form-submit:hover {
  background: var(--color-ink-hover, #438BC4) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(18, 40, 75, 0.2);
}

.auth-form-submit:active {
  transform: translateY(0);
}

/* Register variant: outlined */
.auth-form-submit--register {
  background: transparent !important;
  color: var(--color-ink, #0071E3) !important;
  border: 1.5px solid var(--color-ink, #0071E3) !important;
}

.auth-form-submit--register:hover {
  background: var(--color-ink, #0071E3) !important;
  color: #FFFFFF !important;
}

/* --- OR Divider --- */
.auth-form-divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.75rem 0;
}

.auth-form-divider::before,
.auth-form-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--color-border, #E3DDD3);
}

.auth-form-divider span {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: var(--color-text-muted, #7A756D);
  text-transform: uppercase;
}

/* --- Legal Text --- */
.auth-form-legal {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.75rem;
  line-height: 1.6;
  color: var(--color-text-muted, #7A756D);
  text-align: center;
  margin-top: 2rem;
}

.auth-form-legal a {
  color: var(--color-text-secondary, #3B3935);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.auth-form-legal a:hover {
  color: var(--color-ink, #438BC4);
}

/* --- WooCommerce Notices inside Auth Layout --- */
.auth-split-right .woocommerce-error,
.auth-split-right .woocommerce-message,
.auth-split-right .woocommerce-info {
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-size: 0.85rem;
  margin-bottom: 1.25rem;
  list-style: none;
}

.auth-split-right .woocommerce-error {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  color: #991B1B;
}

.auth-split-right .woocommerce-message {
  background: #F0FDF4;
  border: 1px solid #BBF7D0;
  color: #166534;
}

/* --- Responsive: Mobile Stack --- */
@media (max-width: 768px) {
  .auth-split-layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .auth-split-left {
    min-height: 280px;
    padding: 2rem 1.5rem;
  }

  .auth-split-left__heading {
    font-size: 1.5rem;
  }

  .auth-split-right {
    padding: 2rem 1.25rem;
  }

  .auth-split-right__inner {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .auth-split-left {
    min-height: 220px;
    padding: 1.5rem 1rem;
  }

  .auth-split-left__heading {
    font-size: 1.3rem;
  }

  .auth-form-heading {
    font-size: 1.15rem;
  }

  .auth-form-options {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

/* Hide default WooCommerce my-account layout when showing login */
.woocommerce-account:not(.logged-in) .myaccount-layout {
  display: none;
}

/* Override WooCommerce page wrapper to be full-width for login */
.woocommerce-account:not(.logged-in) .woocommerce-main .container {
  max-width: 100%;
  padding: 0;
}

.woocommerce-account:not(.logged-in) .woocommerce-main {
  padding: 0;
  margin: 0;
}

/* Hide page title on login */
.woocommerce-account:not(.logged-in) .entry-title,
.woocommerce-account:not(.logged-in) .page-title,
.woocommerce-account:not(.logged-in) .page-header,
.woocommerce-account:not(.logged-in) .woocommerce-MyAccount-content > h2:first-child {
  display: none;
}

/* Remove all page padding/margin so the split layout is edge-to-edge */
.woocommerce-account:not(.logged-in) .site-main {
  padding: 0;
  margin: 0;
}

.woocommerce-account:not(.logged-in) .site-main > .container,
.woocommerce-account:not(.logged-in) .site-main > .section,
.woocommerce-account:not(.logged-in) .container--narrow {
  max-width: 100%;
  padding: 0;
  margin: 0;
}


/* ── WooCommerce Notices ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-5);
  font-size: var(--font-size-sm);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.woocommerce-message {
  background: rgba(45, 106, 79, 0.08);
  border-left: 3px solid var(--color-trust-green);
  color: var(--color-trust-green);
}

.woocommerce-info {
  background: rgba(201, 168, 76, 0.08);
  border-left: 3px solid var(--color-gold);
  color: var(--color-gold-dark);
}

.woocommerce-error {
  background: rgba(181, 131, 141, 0.1);
  border-left: 3px solid var(--color-rose);
  color: #8B3A4A;
}

.woocommerce-error li {
  list-style: none;
}

/* ── Star Rating ── */
.star-rating {
  display: inline-flex;
  gap: 1px;
  color: var(--color-gold);
  font-size: 14px;
  overflow: hidden;
  position: relative;
  height: 1.2em;
  line-height: 1.2;
  width: 5.4em;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

.star-rating::before {
  content: '★★★★★';
  color: var(--color-border);
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

.star-rating span::before {
  content: '★★★★★';
  top: 0;
  position: absolute;
  left: 0;
  color: var(--color-gold);
}

/* ── Sale Badge ── */
.onsale {
  display: none;
}

/* ── Price ── */
.woocommerce .price {
  font-size: var(--font-size-base);
  font-weight: 600;
}

.woocommerce .price del {
  color: var(--color-text-muted);
  font-weight: 400;
  font-size: 0.9em;
}

.woocommerce .price ins {
  text-decoration: none;
  color: var(--color-rose);
}

/* ── Quantity Input (Seed.com [- 1 +] Pill Stepper) ── */
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button,
.qty-stepper input[type="number"]::-webkit-inner-spin-button,
.qty-stepper input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.quantity input[type="number"],
.qty-stepper input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.woocommerce .quantity.qty-stepper,
.quantity.qty-stepper,
.etsy-cart-item__qty-wrap .quantity,
.cart-page .product-quantity .quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1.5px solid #E3DDD3 !important;
  border-radius: 9999px !important;
  padding: 0.15rem 0.35rem !important;
  gap: 0.15rem !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  height: 38px !important;
  min-width: 78px !important;
  max-width: 86px !important;
}

.qty-stepper__btn,
.quantity .btn-qty-minus,
.quantity .btn-qty-plus {
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #111111 !important;
  width: 22px !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  user-select: none !important;
  transition: color 150ms ease !important;
}

.qty-stepper__btn:hover,
.quantity .btn-qty-minus:hover,
.quantity .btn-qty-plus:hover {
  color: #0071E3 !important;
}

.qty-stepper__input,
.quantity input.qty,
.etsy-cart-item__qty-wrap .quantity input,
.cart-page .product-quantity .quantity input {
  width: 24px !important;
  height: 28px !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── Button overrides ── */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 14px 32px;
  font-family: var(--font-body);
  font-size: var(--font-size-sm);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: var(--radius-sm);
  background: var(--color-gold);
  color: var(--color-white);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
  background: var(--color-gold-dark);
}

.woocommerce .button.alt,
.woocommerce button.button.alt {
  background: var(--color-charcoal);
}

.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--color-black);
}

/* ══════════════════════════════════════════════════════
   ACCOUNT DETAILS FORM (.edit-account-form)
   ══════════════════════════════════════════════════════ */

.edit-account-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.edit-account-form__title {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 0 0.5rem 0 !important;
}

/* Remove default browser fieldset lines & legend overlaps */
.woocommerce-EditAccountForm fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 1.5rem 0 !important;
  min-width: 0;
}

.woocommerce-EditAccountForm legend {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--color-text-primary, #0B0B0A);
  padding: 0;
  margin-bottom: 1rem;
  float: none;
  width: 100%;
}

/* 2-Column Side-by-Side Grid for First & Last Name */
.edit-account-form__row-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@media (min-width: 640px) {
  .edit-account-form__row-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.woocommerce-EditAccountForm .form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding: 0;
  float: none !important;
  width: 100% !important;
}

.woocommerce-EditAccountForm .form-row label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text-primary, #0B0B0A);
  margin-bottom: 0.4rem;
  line-height: 1.3;
}

.woocommerce-EditAccountForm .form-row label .required {
  color: #C53030;
  text-decoration: none;
}

/* Custom Input Fields — Pill & Card Rounded */
.woocommerce-EditAccountForm input.input-text,
.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"] {
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.92rem;
  color: var(--color-text-primary, #0B0B0A);
  background: var(--color-white, #FFFFFF);
  border: 1.5px solid var(--color-border-light, #EAE4D9);
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(11, 11, 10, 0.02);
  transition: border-color 150ms ease, box-shadow 150ms ease;
  outline: none;
  box-sizing: border-box;
}

.woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-EditAccountForm input[type="text"]:focus,
.woocommerce-EditAccountForm input[type="email"]:focus,
.woocommerce-EditAccountForm input[type="password"]:focus {
  border-color: var(--color-ink, #438BC4);
  box-shadow: 0 0 0 3.5px rgba(18, 40, 75, 0.08);
}

.edit-account-form__hint {
  display: block;
  font-size: 0.78rem;
  color: var(--color-text-muted, #7A756D);
  margin-top: 0.35rem;
  line-height: 1.4;
}

/* Password Change Card Box Container */
.edit-account-password-card {
  background: var(--color-soft-cream, #FFFEF9);
  border: 1px solid var(--color-border-light, #EAE4D9);
  border-radius: 16px;
  padding: 1.5rem 1.75rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.edit-account-password-card__title {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: var(--color-text-primary, #0B0B0A) !important;
  margin: 0 !important;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color-border-light, #EAE4D9);
}

/* Save Changes Button */
.edit-account-form__actions {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.edit-account-form__actions button[name="save_account_details"],
.woocommerce-EditAccountForm button.button[name="save_account_details"] {
  background: var(--color-ink, #0071E3) !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 0.85rem 2.25rem !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 200ms ease !important;
  box-shadow: 0 4px 14px rgba(18, 40, 75, 0.2) !important;
}

.edit-account-form__actions button[name="save_account_details"]:hover,
.woocommerce-EditAccountForm button.button[name="save_account_details"]:hover {
  background: var(--color-gold, #C9A24B) !important;
  color: #0B0B0A !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(201, 162, 75, 0.3) !important;
}

/* ── Seed.com Inspired Single Product Reviews Styling ── */
.authentivia-reviews-wrapper {
  margin-top: 1.5rem;
  font-family: var(--font-body, 'Inter', sans-serif);
}

.reviews-summary-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FAF8F5;
  border: 1px solid #EAE4D9;
  border-radius: 16px;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.reviews-summary-main {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.reviews-score-big {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 2.75rem;
  font-weight: 700;
  color: #12284B;
  line-height: 1;
}

.reviews-stars-gold {
  color: #F59E0B;
  font-size: 1.25rem;
  letter-spacing: 2px;
  margin-bottom: 0.25rem;
}

.reviews-count-meta {
  font-size: 0.88rem;
  color: #555;
  font-weight: 500;
}

.reviews-write-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #0071E3;
  color: #FFFFFF !important;
  padding: 0.7rem 1.4rem;
  border-radius: 9999px;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 200ms ease;
}

.reviews-write-cta:hover {
  background: #C9A24B;
  color: #0B0B0A !important;
}

.reviews-comments-list {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}

.reviews-comments-list li.comment {
  background: #FFFFFF;
  border: 1px solid #EAE4D9;
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
}

.review-form-wrapper {
  background: #FAF8F5;
  border: 1px solid #EAE4D9;
  border-radius: 20px;
  padding: 2rem;
  margin-top: 2rem;
}

.comment-reply-title {
  font-family: var(--font-heading, 'Playfair Display', serif) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #12284B !important;
  margin-bottom: 1.25rem !important;
}

.comment-form-rating-custom {
  margin-bottom: 1.25rem;
}

.comment-form-rating-custom .rating-label {
  display: block;
  font-weight: 600;
  color: #12284B;
  margin-bottom: 0.5rem;
  font-size: 0.92rem;
}

.interactive-star-rating {
  display: flex;
  gap: 0.35rem;
  font-size: 1.8rem;
  cursor: pointer;
  user-select: none;
}

.interactive-star-rating .star-btn {
  color: #D1D5DB;
  transition: color 150ms ease;
}

.interactive-star-rating .star-btn.active {
  color: #F59E0B;
}

.comment-form-comment {
  margin-bottom: 1.25rem;
}

.comment-form-comment .form-label {
  display: block;
  font-weight: 600;
  color: #12284B;
  margin-bottom: 0.5rem;
  font-size: 0.92rem;
}

.reviews-textarea {
  width: 100%;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid #D1D5DB;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
  background: #FFFFFF;
}

.reviews-form-submit-btn,
#review_form_wrapper input[type="submit"] {
  background: #0071E3 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 0.85rem 2rem !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 180ms ease !important;
}

.reviews-form-submit-btn:hover,
#review_form_wrapper input[type="submit"]:hover {
  background: #C9A24B !important;
  color: #0B0B0A !important;
}

.reviews-empty-state {
  text-align: center;
  padding: 3rem 1.5rem;
  background: #FAF8F5;
  border: 1.5px dashed #EAE4D9;
  border-radius: 16px;
  margin-bottom: 2rem;
}

.reviews-empty-icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.reviews-empty-state h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #12284B;
  margin-bottom: 0.35rem;
}

.reviews-empty-state p {
  color: #666;
  font-size: 0.9rem;
}

/* ── Mobile Bottom Navigation Bar (< 768px) Apple-inspired Fluid Animation Aesthetic ── */
.authentivia-mobile-bottom-nav {
  display: none;
  position: fixed;
  bottom: max(0.6rem, env(safe-area-inset-bottom));
  left: 0.85rem;
  right: 0.85rem;
  z-index: 9990;
  background: rgba(250, 247, 242, 0.95);
  border: 1px solid rgba(18, 40, 75, 0.12);
  border-radius: 9999px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(16px) saturate(190%);
  -webkit-backdrop-filter: blur(16px) saturate(190%);
  padding: 0.25rem 0.4rem;
  transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1), opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 350ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}

@media (max-width: 768px) {
  body {
    padding-bottom: 76px !important;
  }

  body.woocommerce-checkout {
    padding-bottom: 85px !important;
  }

  body.woocommerce-cart {
    padding-bottom: 140px !important;
  }

  body.woocommerce-cart .etsy-cart-page {
    padding-bottom: 120px !important;
  }

  body.woocommerce-cart .etsy-cart-totals {
    margin-bottom: 3rem !important;
  }

  /* Compact & Ultra-Responsive Mobile Cart Items */
  .etsy-cart-item {
    padding: 0.65rem 0.75rem !important;
    margin-bottom: 0.5rem !important;
    border-radius: 14px !important;
  }

  .etsy-cart-item__main {
    gap: 0.55rem !important;
    margin-bottom: 0.25rem !important;
  }

  .etsy-cart-item__img-wrap {
    width: 52px !important;
    height: 52px !important;
    border-radius: 10px !important;
  }

  .etsy-cart-item__title,
  .etsy-cart-item__title a {
    font-size: 0.86rem !important;
    line-height: 1.3 !important;
  }

  .etsy-cart-item__price {
    font-size: 0.92rem !important;
  }

  .etsy-cart-item__controls {
    margin-top: 0.3rem !important;
  }

  .etsy-cart-item__qty-wrap .quantity input {
    width: 36px !important;
    height: 30px !important;
    font-size: 0.82rem !important;
  }

  .etsy-btn-trash,
  .etsy-btn-options {
    width: 32px !important;
    height: 32px !important;
    position: relative !important;
    z-index: 25 !important;
  }

  /* Hide floating Ask AI widget on mobile so it NEVER overlaps content or buttons */
  [class*="ask-ai" i],
  [id*="ask-ai" i],
  [class*="askai" i],
  [id*="askai" i],
  [class*="hostinger" i],
  [id*="hostinger" i],
  [class*="ai-assistant" i],
  [id*="ai-assistant" i],
  [class*="ai-widget" i],
  [id*="ai-widget" i],
  [class*="floating-ai" i],
  [id*="floating-ai" i],
  .floating-ai-btn,
  #ask-ai-button,
  .ask-ai-button,
  iframe[src*="ai"] {
    display: none !important;
  }

  .cart-drawer,
  .cart-drawer-overlay {
    display: none !important;
  }

  .authentivia-mobile-bottom-nav {
    display: block;
  }
}

.mobile-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
  gap: 0.2rem;
}

.mobile-nav-item {
  flex: 1;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-decoration: none !important;
  color: #555555;
  padding: 0.35rem 0.25rem;
  border-radius: 9999px;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), background 250ms cubic-bezier(0.16, 1, 0.3, 1), color 250ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 250ms cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  will-change: transform, background;
}

/* Apple iOS Spring Touch Feedback */
.mobile-nav-item:active {
  transform: scale(0.91) !important;
  transition: transform 100ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  opacity: 0.9;
}

/* Active State Capsule Pill Highlight with Apple-style Fluid Spring Bounce */
.mobile-nav-item.is-active {
  background: #EAE4D9 !important;
  box-shadow: inset 0 0 0 1px rgba(18, 40, 75, 0.1);
  padding-left: 0.55rem;
  padding-right: 0.55rem;
  animation: applePillBounce 320ms cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #555555;
  transition: color 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #555555;
  transition: color 250ms cubic-bezier(0.16, 1, 0.3, 1), font-weight 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-item.is-active .mobile-nav-icon {
  color: #438BC4 !important;
  transform: scale(1.08);
}

.mobile-nav-item.is-active .mobile-nav-label {
  color: #438BC4 !important;
  font-weight: 700 !important;
}

/* Live Cart Badge (Circular Red Count Badge like Etsy) */
.mobile-nav-cart-badge {
  display: none;
  position: absolute;
  top: -5px;
  right: -8px;
  background: #C84B31;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  min-width: 17px;
  height: 17px;
  border-radius: 9999px;
  padding: 0 4px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #FFFEF9;
  box-shadow: 0 2px 6px rgba(200, 75, 49, 0.4);
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-cart-badge.has-count {
  display: inline-flex;
}

@keyframes applePillBounce {
  0% {
    transform: scale(0.92);
  }
  60% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

/* ── Shop Page Category Grid & Mobile 2-Column Layout (Matching Etsy Reference) ── */
.shop-categories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
  gap: 0.85rem;
}

.shop-category-card {
  background: #FFFFFF;
  border: 1px solid #EAE4D9;
  border-radius: 14px;
  padding: 0.75rem 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none !important;
  color: #12284B;
  transition: all 180ms ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.shop-category-card:hover {
  border-color: #C9A24B;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.category-card-img {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #FFFEF9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}

.category-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-placeholder-icon {
  font-size: 1.25rem;
}

.category-card-title {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  font-weight: 600;
  color: #12284B;
  line-height: 1.3;
}

/* Etsy Mobile Search & Filter Toolbar (Matching Reference Image 2) */
.mobile-search-filter-bar {
  display: none;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}

.mobile-shop-search-form {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #D4E0D8;
  border-radius: 9999px;
  padding: 0.45rem 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.mobile-shop-search-form .search-icon {
  margin-right: 0.4rem;
  flex-shrink: 0;
}

.mobile-shop-search-input {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.88rem;
  color: #12284B;
  width: 100%;
  padding: 0 !important;
}

.mobile-filter-trigger-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #D4E0D8;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  transition: all 180ms ease;
}

.mobile-filter-trigger-btn:active {
  background: #FFFEF9;
  transform: scale(0.95);
}

@media (max-width: 768px) {
  .mobile-search-filter-bar {
    display: flex !important;
  }

  .shop-breadcrumbs {
    display: none !important;
  }

  /* Main Container Top Padding for Mobile Header */
  .woocommerce-main {
    padding-top: var(--m-gap-xs) !important;
  }

  .woocommerce-main .container {
    padding-inline: var(--m-container-px) !important;
  }

  .shop-by-category-section {
    margin-bottom: 1rem !important;
  }

  .category-section-header h2 {
    font-size: 1.1rem !important;
  }

  .shop-filter-toolbar {
    display: none !important;
  }

  /* 2-Column Mobile Category Cards */
  .shop-categories-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.5rem !important;
  }

  .shop-category-card {
    padding: 0.55rem 0.65rem !important;
    border-radius: 12px !important;
  }

  .category-card-img {
    width: 34px !important;
    height: 34px !important;
  }

  .category-card-title {
    font-size: 0.8rem !important;
  }

  /* 2-Column Product Catalog Grid (Image 2 Reference) */
  .etsy-shop-grid {
    display: block !important;
  }

  .etsy-sidebar-filters {
    display: none !important;
  }

  .etsy-products-catalog,
  .shop-products,
  .woocommerce ul.products,
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.65rem !important;
    width: 100% !important;
  }

  .etsy-card.product-card,
  .product-card,
  .product-card--seed-split,
  .seed-product-card {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #EAEAE8 !important;
    padding: 0.85rem !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  }

  .etsy-card__img-wrap,
  .product-card__image-wrapper {
    height: 240px !important;
    min-height: 220px !important;
    margin-bottom: 0.5rem !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
  }

  .etsy-card__img-wrap img,
  .product-card__image-wrapper img,
  .product-card__image {
    transform: scale(1.40) !important;
    transform-origin: center center !important;
    transition: transform 350ms ease !important;
  }

  .etsy-card__wishlist,
  .product-card__wishlist {
    top: 6px !important;
    right: 6px !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 0.9rem !important;
  }

  .etsy-card__title,
  .product-card__title,
  .product-card--seed-split .product-card__title {
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.35rem !important;
    height: auto !important;
    max-height: 2.6em !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .etsy-card__title a,
  .product-card__title a,
  .product-card--seed-split .product-card__title a {
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
    color: #111827 !important;
    font-weight: 600 !important;
  }

  .product-card__tag span,
  .product-card__code-tag span {
    font-size: 10px !important;
    padding: 0.1rem 0.45rem !important;
    margin-bottom: 0.2rem !important;
  }

  .etsy-card__rating {
    font-size: 0.75rem !important;
    margin-bottom: 0.35rem !important;
  }

  .etsy-card__price-row,
  .product-card__price {
    font-size: 0.95rem !important;
    margin-bottom: 0.45rem !important;
  }

  .etsy-card__actions,
  .product-card__actions,
  .product-card__actions-wrap,
  .product-card--seed-split .product-card__actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 0.35rem !important;
    margin-top: 0.5rem !important;
  }

  .btn-etsy-learn,
  .btn--seed-learn,
  .product-card__actions .btn--seed-learn,
  .product-card__actions-wrap .btn--seed-learn,
  .product-card--seed-split .btn--seed-learn {
    display: none !important;
  }

  /* Solid Dark Forest Green Pill Button matching Reference Image 2 */
  .btn-etsy-add,
  .btn-seed-add-cart,
  button.btn-seed-add-cart,
  a.btn-seed-add-cart,
  .ajax-add-to-cart,
  .product-card__actions button,
  .product-card__actions a,
  .product-card__actions-wrap button,
  .product-card__actions-wrap a,
  .product-card--seed-split .btn-seed-add-cart,
  .product-card--seed-split .product-card__actions-wrap .btn-seed-add-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    background: #0071E3 !important;
    background-color: #0071E3 !important;
    color: #FFFFFF !important;
    border-radius: 9999px !important;
    padding: 0.75rem 1.25rem !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-align: center !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 4px 14px rgba(28, 51, 34, 0.28) !important;
    border: none !important;
    outline: none !important;
    margin-top: 0 !important;
    cursor: pointer !important;
    transition: all 200ms ease !important;
    box-sizing: border-box !important;
  }

  .btn-etsy-add:hover,
  .btn-seed-add-cart:hover,
  button.btn-seed-add-cart:hover,
  a.btn-seed-add-cart:hover,
  .ajax-add-to-cart:hover,
  .product-card__actions button:hover,
  .product-card__actions a:hover,
  .product-card__actions-wrap button:hover,
  .product-card__actions-wrap a:hover,
  .product-card--seed-split .btn-seed-add-cart:hover,
  .product-card--seed-split .product-card__actions-wrap .btn-seed-add-cart:hover {
    background: #112215 !important;
    background-color: #112215 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(28, 51, 34, 0.38) !important;
  }
}

/* ── Etsy-Inspired Mobile Bottom Sheet Filter Drawer ── */
.authentivia-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 99990;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms cubic-bezier(0.16, 1, 0.3, 1), visibility 300ms cubic-bezier(0.16, 1, 0.3, 1);
}

.authentivia-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.authentivia-filter-drawer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #FFFEF9;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
  transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

.authentivia-filter-drawer.is-open {
  transform: translateY(0);
}

/* Header */
.authentivia-filter-drawer .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid rgba(18, 40, 75, 0.1);
}

.drawer-close-btn,
.drawer-reset-btn {
  background: #FFFFFF;
  border: 1px solid rgba(18, 40, 75, 0.12);
  border-radius: 9999px;
  padding: 0.4rem 0.85rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #0071E3;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.drawer-close-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drawer-title {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: #12284B;
  margin: 0;
}

/* Body */
.authentivia-filter-drawer .drawer-body {
  padding: 1.25rem;
  overflow-y: auto;
  flex: 1;
  -webkit-overflow-scrolling: touch;
}

.drawer-section {
  margin-bottom: 1.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(18, 40, 75, 0.08);
}

.drawer-section:last-child {
  border-bottom: none;
}

.drawer-section-title {
  font-family: var(--font-heading, 'Playfair Display', serif);
  font-size: 1.05rem;
  font-weight: 700;
  color: #12284B;
  margin: 0 0 0.75rem;
}

.drawer-subtitle {
  font-size: 0.8rem;
  color: #666;
  margin: -0.5rem 0 0.85rem;
}

/* Toggle Switch Row */
.drawer-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.drawer-toggle-row:last-child {
  margin-bottom: 0;
}

.toggle-text strong {
  display: block;
  font-size: 0.9rem;
  color: #12284B;
}

.toggle-text p {
  font-size: 0.78rem;
  color: #666;
  margin: 2px 0 0;
  line-height: 1.3;
}

/* Switch Toggle Styling */
.switch-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
  flex-shrink: 0;
}

.switch-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-round {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #E2DDD5;
  transition: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 34px;
}

.slider-round:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.switch-toggle input:checked + .slider-round {
  background-color: #0071E3;
}

.switch-toggle input:checked + .slider-round:before {
  transform: translateX(22px);
}

/* Pills Wrap */
.drawer-pills-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.drawer-pill-item {
  background: #FFFFFF;
  border: 1px solid rgba(18, 40, 75, 0.14);
  border-radius: 9999px;
  padding: 0.45rem 1rem;
  font-size: 0.84rem;
  font-weight: 500;
  color: #444;
  cursor: pointer;
  transition: all 180ms ease;
}

.drawer-pill-item.is-active {
  background: #438BC4;
  color: #FFFFFF;
  border-color: #438BC4;
  font-weight: 600;
}

/* Price Inputs */
.price-input-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.price-input-box {
  flex: 1;
  display: flex;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid rgba(18, 40, 75, 0.14);
  border-radius: 12px;
  padding: 0.45rem 0.75rem;
}

.currency-label {
  font-weight: 700;
  color: #12284B;
  margin-right: 0.35rem;
}

.price-input-box input {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 0.9rem;
  font-weight: 600;
  color: #12284B;
  width: 100%;
  padding: 0 !important;
}

.price-dash {
  color: #888;
  font-weight: 700;
}

/* Sticky Footer */
.authentivia-filter-drawer .drawer-footer {
  padding: 1rem 1.25rem max(1rem, env(safe-area-inset-bottom));
  background: #FFFEF9;
  border-top: 1px solid rgba(18, 40, 75, 0.08);
}

.drawer-apply-btn {
  width: 100%;
  height: 48px;
  background: #0071E3;
  color: #FFFFFF;
  border: none;
  border-radius: 9999px;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(18, 40, 75, 0.25);
  transition: all 180ms ease;
}

.drawer-apply-btn:active {
  transform: scale(0.97);
  opacity: 0.9;
}

/* ── Etsy Single Product Mobile Flow (PDP Redesign) ── */
.mobile-pdp-top-bar {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 0.25rem;
  margin-bottom: 0.5rem;
  z-index: 10;
}

.pdp-top-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid rgba(18, 40, 75, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  text-decoration: none !important;
  transition: transform 180ms ease, background 180ms ease;
}

.pdp-top-btn:active {
  transform: scale(0.92);
  background: #FFFEF9;
}

.pdp-top-actions-group {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.btn-find-similar-pill {
  position: absolute;
  bottom: 0.85rem;
  right: 0.85rem;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(18, 40, 75, 0.12);
  border-radius: 9999px;
  padding: 0.45rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #0071E3;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 5;
  transition: transform 180ms ease;
}

.btn-find-similar-pill:active {
  transform: scale(0.95);
}

.pdp-sourced-by-row {
  font-size: 0.84rem;
  color: #555;
  margin-bottom: 0.85rem;
}

.pdp-sourced-by-row strong {
  color: #12284B;
}

.pdp-quick-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
  background: #FFFFFF;
  border: 1px solid rgba(18, 40, 75, 0.1);
  border-radius: 14px;
  padding: 0.75rem 0.85rem;
  margin-bottom: 1.25rem;
}

.stat-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.stat-label {
  font-size: 0.76rem;
  color: #777;
}

.stat-val {
  font-size: 0.85rem;
  font-weight: 700;
  color: #12284B;
}

@media (max-width: 768px) {
  .mobile-pdp-top-bar {
    display: flex !important;
  }

  .desktop-only-breadcrumbs {
    display: none !important;
  }

  .single-product .woocommerce-main {
    padding-top: 0.25rem !important;
  }

  .product-gallery__main {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .gallery-wishlist-btn {
    display: none !important;
  }

  /* Mobile Touch-Scrollable Image Gallery Carousel */
  .product-gallery__layout {
    display: none !important;
  }

  .mobile-gallery-slider {
    display: block !important;
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    background: #FFFEF9;
  }

  .mobile-gallery-track {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .mobile-gallery-track::-webkit-scrollbar {
    display: none;
  }

  .mobile-gallery-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always;
    background: #FFFEF9;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .mobile-gallery-dots {
    position: absolute;
    bottom: 0.85rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 9999px;
    padding: 0.35rem 0.65rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    z-index: 5;
  }

  .gallery-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .gallery-dot.is-active {
    width: 16px;
    border-radius: 9999px;
    background: #FFFFFF;
  }
}

/* ── Seed.com Slide-Out Cart Drawer (Desktop & Mobile Luxury Design) ── */
.cart-drawer {
  position: fixed;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  height: calc(100vh - 2rem);
  width: 440px;
  max-width: calc(100vw - 2rem);
  background: #FFFFFF;
  border-radius: 24px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
  z-index: 2000;
  transform: translateX(120%) !important;
  transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: var(--font-body, 'Inter', sans-serif);
}

@media (max-width: 576px) {
  .cart-drawer {
    top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    height: calc(100vh - 1rem);
    width: calc(100vw - 1rem);
    max-width: calc(100vw - 1rem);
    border-radius: 20px;
  }
}

.cart-drawer.is-open {
  transform: translateX(0) !important;
}

.cart-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.75rem 1rem;
  background: #FFFFFF;
}

.cart-drawer__title {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.4rem;
  font-weight: 700;
  color: #0B0B0A;
  margin: 0;
  letter-spacing: -0.01em;
}

.cart-drawer__close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F3F3F0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171716;
  transition: background 200ms ease, transform 150ms ease;
}

.cart-drawer__close:hover {
  background: #E8E8E3;
}

/* Top Offer Banner */
.cart-drawer__top-banner {
  padding: 0 1.5rem 0.75rem;
}

.seed-promo-pill-banner {
  background: #F3F3EE;
  border-radius: 9999px;
  padding: 0.65rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: #171716;
  text-align: center;
}

.seed-promo-pill-banner .bracket-icon {
  color: #7A756D;
  font-size: 0.9rem;
}

.seed-progress-track {
  width: 100%;
  height: 4px;
  background: #EAEAE4;
  border-radius: 9999px;
  overflow: hidden;
  margin-top: 0.6rem;
}

.seed-progress-fill {
  height: 100%;
  background: #0071E3;
  border-radius: 9999px;
  transition: width 350ms ease;
}

/* Main Body Scrollable */
.cart-drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 0.5rem 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* Items List */
.cart-drawer__items {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.seed-cart-item-card {
  background: #FAF9F6;
  border-radius: 18px;
  padding: 1.15rem;
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.seed-cart-item-img {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background: #F5F6EE;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seed-cart-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.seed-cart-item-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 72px;
}

.seed-cart-item-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0B0B0A;
  text-decoration: none !important;
  line-height: 1.35;
  display: block;
}

.seed-cart-item-subtitle {
  font-size: 0.78rem;
  color: #7A756D;
  display: block;
  margin-top: 2px;
}

.seed-savings-badge {
  display: inline-block;
  background: #E6F4EA;
  color: #137333;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 9999px;
  padding: 0.15rem 0.55rem;
  margin-top: 0.35rem;
  width: fit-content;
}

.seed-cart-item-price {
  margin-top: 0.35rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0B0B0A;
}

.seed-cart-item-price .regular-price {
  color: #999990;
  margin-left: 6px;
  font-size: 0.85rem;
  font-weight: 400;
  text-decoration: line-through;
}

.seed-cart-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.seed-cart-item-footer .qty-stepper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #E3DDD3;
  border-radius: 9999px;
  padding: 0.25rem 0.65rem;
  gap: 0.6rem;
  background: #FFFFFF;
}

.seed-cart-item-footer .qty-stepper__btn {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0B0B0A;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.seed-cart-item-footer .qty-stepper__value {
  font-size: 0.88rem;
  font-weight: 600;
  color: #0B0B0A;
  min-width: 16px;
  text-align: center;
}

.btn-remove-cart-item {
  border: none;
  background: transparent;
  color: #7A756D;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 150ms ease;
}

.btn-remove-cart-item:hover {
  color: #991B1B;
}

/* Bundle + Save Section */
.cart-drawer__bundle-section {
  background: #FAF9F6;
  border-radius: 18px;
  padding: 1rem 1.15rem;
}

.bundle-section-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: #0B0B0A;
  margin: 0 0 0.75rem;
}

.seed-bundle-scroll {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 0.25rem;
}

.seed-bundle-scroll::-webkit-scrollbar {
  display: none;
}

.seed-bundle-card {
  min-width: 220px;
  background: #FFFFFF;
  border-radius: 14px;
  padding: 0.75rem 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
}

.bundle-card-img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  background: #F5F6EE;
  flex-shrink: 0;
}

.bundle-card-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bundle-card-name {
  font-size: 0.82rem;
  font-weight: 700;
  color: #0B0B0A;
  margin: 0;
  line-height: 1.25;
}

.bundle-card-price {
  font-size: 0.8rem;
  font-weight: 600;
  color: #0B0B0A;
}

.bundle-card-price .orig {
  color: #999;
  text-decoration: line-through;
  margin-left: 4px;
  font-size: 0.75rem;
}

.btn-upsell-add {
  background: #FFFFFF;
  border: 1px solid #0B0B0A;
  border-radius: 9999px;
  padding: 0.3rem 0.85rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: #0B0B0A;
  cursor: pointer;
  transition: all 200ms ease;
  flex-shrink: 0;
}

.btn-upsell-add:hover {
  background: #0B0B0A;
  color: #FFFFFF;
}

/* Promo Code Section */
.cart-drawer__promo-section {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.promo-section-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: #0B0B0A;
}

.seed-applied-promo-pill {
  border: 1px solid #0B0B0A;
  border-radius: 9999px;
  padding: 0.65rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.85rem;
  background: #FFFFFF;
}

.btn-remove-drawer-coupon {
  border: none;
  background: transparent;
  color: #0B0B0A;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
  cursor: pointer;
  font-size: 0.85rem;
}

.seed-promo-input-pill {
  border: 1px solid #0B0B0A;
  border-radius: 9999px;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  display: flex;
  align-items: center;
  background: #FFFFFF;
}

.seed-promo-input-pill input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 0.88rem;
  background: transparent;
  color: #0B0B0A;
}

.btn-apply-promo {
  background: #0B0B0A;
  color: #FFFFFF;
  border: none;
  border-radius: 9999px;
  padding: 0.5rem 1.15rem;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 180ms ease;
}

.btn-apply-promo:hover {
  background: #262624;
}

/* Footer Section */
.cart-drawer__footer {
  padding: 1.25rem 1.5rem 1.5rem;
  border-top: 1px solid #EAE4D9;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.seed-summary-rows {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.seed-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #0B0B0A;
}

.seed-summary-row.discounts-row {
  font-size: 0.85rem;
}

.seed-discount-tag {
  background: #E6F4EA;
  color: #137333;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  font-size: 0.82rem;
}

.seed-summary-row.total-row {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0.25rem;
}

.seed-shipping-note {
  font-size: 0.78rem;
  color: #7A756D;
  margin: 0.25rem 0 0;
}

.btn-drawer-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  background: #0071E3;
  color: #FFFFFF;
  font-family: var(--font-body), sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 9999px;
  transition: background 200ms ease, transform 150ms ease;
  box-shadow: 0 4px 16px rgba(18, 40, 75, 0.2);
}

.btn-drawer-checkout:hover {
  background: #438BC4;
  color: #FFFFFF;
}

.btn-drawer-checkout:active {
  transform: scale(0.98);
}


/* ══════════════════════════════════════════════════════════════════════════════
   MOBILE 3-STEP CHECKOUT WIZARD (Etsy-Inspired)
   Step 1: Review Order  →  Step 2: Address  →  Step 3: Payment & Confirm
   Only active at max-width: 768px — desktop layout untouched.
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Mobile Checkout Header Bar (X + "Checkout" title) ── */
.m-checkout-header {
  display: none;
}

/* ── Mobile 3-Step Wizard Navigation Bar ── */
.m-step-wizard-bar {
  display: none;
}

/* ── Step Panels (hidden on desktop, shown mobile via JS) ── */
.m-step-panel {
  display: block; /* Desktop: all panels visible by default */
}

/* ── Sticky Bottom Continue Bar ── */
.m-checkout-sticky-footer {
  display: none;
}

/* ── Etsy-Style Gift Toggle Row (Visible at top of Address Step) ── */
.m-gift-toggle-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  background: #FFFFFF !important;
  border: 1.5px solid #EAE4D9 !important;
  border-radius: 14px !important;
  padding: 0.75rem 1rem !important;
  margin-bottom: 1rem !important;
  cursor: pointer !important;
  transition: all 200ms ease !important;
  user-select: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  -webkit-tap-highlight-color: transparent !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.m-gift-toggle-row.is-active {
  border-color: #438BC4 !important;
  background: #FAF9F6 !important;
}

.m-gift-toggle-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: #FFF5F5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.2rem !important;
  flex-shrink: 0 !important;
}

.m-gift-toggle-text {
  flex: 1 !important;
  min-width: 0 !important;
}

.m-gift-toggle-text__title {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  line-height: 1.2 !important;
}

.m-gift-toggle-text__sub {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.78rem !important;
  color: #6B7280 !important;
  margin-top: 2px !important;
  line-height: 1.2 !important;
}

.m-gift-toggle-switch {
  width: 48px !important;
  height: 26px !important;
  background: #CBD5E1 !important;
  border-radius: 9999px !important;
  position: relative !important;
  flex-shrink: 0 !important;
  transition: background 250ms ease !important;
  display: block !important;
}

.m-gift-toggle-switch::after {
  content: '' !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  background: #FFFFFF !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
  transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.m-gift-toggle-row.is-active .m-gift-toggle-switch {
  background: #438BC4 !important;
}

.m-gift-toggle-row.is-active .m-gift-toggle-switch::after {
  transform: translateX(22px) !important;
}

.m-gift-toggle-dismiss {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #F3F4F6 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #6B7280 !important;
  font-size: 1rem !important;
  flex-shrink: 0 !important;
  transition: background 150ms ease !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

@media (max-width: 991px) {

  /* ── Hide floating Ask AI widget on mobile checkout so it NEVER overlaps the Place Order / Continue button ── */
  body.woocommerce-checkout [class*="ask-ai"],
  body.woocommerce-checkout [id*="ask-ai"],
  body.woocommerce-checkout [class*="hostinger-ai"],
  body.woocommerce-checkout [id*="hostinger-ai"],
  body.woocommerce-checkout [class*="ai-assistant"],
  body.woocommerce-checkout [id*="ai-assistant"],
  body.woocommerce-checkout .floating-ai-btn {
    display: none !important;
  }

  /* ── Full-bleed Edge-to-Edge Mobile Checkout Container (0px top/left/right margin) ── */
  body.woocommerce-checkout .site-main,
  body.woocommerce-checkout .site-main > .container,
  body.woocommerce-checkout #page,
  body.woocommerce-checkout .seed-checkout-form,
  body.woocommerce-checkout .seed-checkout-layout,
  body.woocommerce-checkout .seed-checkout-main,
  body.woocommerce-checkout .seed-checkout-sidebar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.woocommerce-checkout .site-header,
  html body.woocommerce-checkout .site-header.is-scrolled,
  html body.admin-bar.woocommerce-checkout .site-header,
  html body.admin-bar.woocommerce-checkout .site-header.is-scrolled {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: 99999 !important;
    background: #FFFFFF !important;
    border: none !important;
    border-bottom: 1px solid #F3EFEA !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02) !important;
    padding-bottom: 0.45rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    min-height: auto !important;
    transform: none !important;
  }

  body.woocommerce-checkout .site-header .header-inner {
    padding: 0 0.5rem !important;
    min-height: auto !important;
    justify-content: center !important;
    display: flex !important;
  }

  body.woocommerce-checkout .site-header .header-pill-left,
  body.woocommerce-checkout .site-header.is-scrolled .header-pill-left {
    padding: 0 !important;
    margin: 0 auto !important;
  }

  body.woocommerce-checkout .site-header .site-logo a {
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #0071E3 !important;
  }

  body.woocommerce-checkout .site-header .site-logo img {
    max-height: 36px !important;
  }

  /* ── Prevent horizontal overflow on mobile checkout ── 
     NOTE: Using overflow-x: clip instead of hidden because hidden breaks position: sticky */
  html, body,
  body.woocommerce-checkout,
  body.woocommerce-checkout #page,
  body.woocommerce-checkout .site-main,
  body.woocommerce-checkout #primary,
  body.woocommerce-checkout .entry-content,
  body.woocommerce-checkout .seed-checkout-form,
  body.woocommerce-checkout .seed-checkout-layout,
  body.woocommerce-checkout .seed-checkout-main {
    overflow-x: clip !important;
    max-width: 100vw !important;
  }

  .seed-order-summary-panel,
  .seed-checkout-sidebar,
  .seed-cart-items,
  .seed-coupon-box,
  .seed-summary-rows,
  .seed-summary-trust-list,
  .m-step-panel,
  .m-checkout-header,
  .m-step-wizard-bar,
  .m-gift-toggle-row,
  .m-checkout-sticky-footer,
  .seed-cart-item,
  .seed-summary-row,
  .seed-summary-row--total,
  .seed-coupon-input {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ── Mobile Checkout Sticky Navigation Container — Hidden ── */
  .m-checkout-sticky-nav,
  .m-checkout-header {
    display: none !important;
  }

  .m-checkout-header__back {
    position: absolute;
    left: 0.75rem;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #FFFEF9;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 180ms ease;
    color: #0071E3;
    font-size: 1rem;
    padding: 0;
  }

  .m-checkout-header__back:active {
    background: #E3DDD3;
    transform: scale(0.93);
  }

  .m-checkout-header__back svg {
    width: 14px;
    height: 14px;
    stroke: #0071E3;
  }

  .m-checkout-header__title {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 0.88rem;
    font-weight: 700;
    color: #0B0B0A;
    margin: 0;
    letter-spacing: -0.01em;
  }

  /* ── Mobile 3-Step Wizard Navigation Bar ── */
  .m-step-wizard-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #FFFFFF !important;
    border: 1px solid #EAE4D9 !important;
    border-radius: 12px !important;
    padding: 0.45rem 0.75rem !important;
    margin: 0.35rem 0 0.75rem 0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .m-step-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    padding: 0.2rem 0.35rem !important;
    border-radius: 9999px !important;
  }

  .m-step-badge {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #E5E0D8 !important;
    color: #555555 !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transition: all 180ms ease !important;
  }

  .m-step-label {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #666666 !important;
    line-height: 1 !important;
    transition: color 180ms ease !important;
  }

  .m-step-divider {
    color: #B5B0A6 !important;
    font-size: 0.95rem !important;
    line-height: 1 !important;
  }

  .m-step-item.is-active .m-step-badge {
    background: #438BC4 !important;
    color: #FFFFFF !important;
  }

  .m-step-item.is-active .m-step-label {
    color: #438BC4 !important;
    font-weight: 700 !important;
  }

  .m-step-item.is-completed .m-step-badge,
  .m-step-item.is-done .m-step-badge {
    background: #4B7A2B !important;
    color: #FFFFFF !important;
  }

  .m-step-item.is-completed .m-step-label,
  .m-step-item.is-done .m-step-label {
    color: #12284B !important;
    font-weight: 600;
  }

  /* ── Etsy 3-Segment Line Progress Bar (Bottom Navigation) ── */
  .m-step-progress-line {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 0 0 0.35rem 0 !important;
    background: transparent !important;
    position: relative !important;
    top: 0 !important;
    z-index: 1 !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .m-progress-segment {
    height: 3.5px;
    border-radius: 2px;
    background: #E5E0D8;
    transition: background 250ms ease;
  }

  .m-progress-segment.is-active {
    background: #1F2937;
  }

  .m-step-panel__heading {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 1.15rem;
    font-weight: 700;
    color: #111111;
    margin: 0.35rem 0 0.75rem 0;
    letter-spacing: -0.01em;
  }

  /* ── Etsy-Style Summary Review Cards (Step 3) ── */
  .etsy-review-cards {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 1rem;
  }

  .etsy-card {
    background: #FFFFFF;
    border: 1.5px solid #EAE4D9;
    border-radius: 12px;
    padding: 0.85rem 1rem;
    cursor: pointer;
    transition: all 180ms ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
    width: 100%;
  }

  .etsy-card:active {
    background: #FAF9F6;
    border-color: #D1C9BC;
  }

  .etsy-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .etsy-card__title {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 0.95rem;
    font-weight: 700;
    color: #111111;
  }

  .etsy-card__arrow {
    font-size: 1.3rem;
    color: #888888;
    font-weight: 400;
    line-height: 1;
  }

  .etsy-card__body {
    margin-top: 0.3rem;
  }

  .etsy-card__name {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 0.88rem;
    font-weight: 600;
    color: #222222;
  }

  .etsy-card__sub {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 0.82rem;
    color: #555555;
    line-height: 1.35;
  /* ── Rokomari Air-Mail Envelope Box Responsive Fix ── */
  .rokomari-envelope-box {
    box-sizing: border-box !important;
    max-width: 100% !important;
    border-width: 6px !important;
    padding: 0.85rem 0.65rem !important;
  }

  /* ── Unbreakable Mobile Checkout Sticky Footer Buttons ── */
  .m-checkout-sticky-footer__btns {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .m-checkout-back-nav-btn {
    height: 48px !important;
    border-radius: 9999px !important;
    background: #FFFEF9 !important;
    color: #1F2937 !important;
    border: 1px solid #EAE4D9 !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 0.75rem !important;
    line-height: 1 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .m-checkout-back-nav-btn:focus,
  .m-checkout-back-nav-btn:focus-visible,
  .m-checkout-back-nav-btn:active {
    outline: none !important;
  }

  .m-checkout-continue-btn {
    height: 46px !important;
    border-radius: 9999px !important;
    background: #0071E3 !important;
    color: #FFFFFF !important;
    border: none !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  /* ── Step Panels (Unified Horizontal Padding Across All Steps) ── */
  .m-step-panel {
    display: none;
    animation: mStepFadeIn 300ms cubic-bezier(0.16, 1, 0.3, 1);
    padding: var(--m-gap-xs) var(--m-container-px) calc(var(--m-footer-height) + var(--m-gap-lg)) var(--m-container-px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .m-step-panel.is-active {
    display: block;
  }

  @keyframes mStepFadeIn {
    from {
      opacity: 0;
      transform: translateY(8px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ── Step 1: Review — Order Summary Panel Card ── */
  .m-step-1-review,
  .m-step-2-address,
  .m-step-3-confirm {
    padding: 0.25rem 0.65rem calc(var(--m-footer-height, 120px) + 10px) 0.65rem !important;
  }

  .m-step-1-review .seed-checkout-sidebar,
  .m-step-3-review .seed-checkout-sidebar,
  body.woocommerce-checkout .seed-checkout-sidebar,
  body.woocommerce-checkout #payment #place_order,
  body.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
  body.woocommerce-checkout #payment .form-row.place-order,
  body.gift-order-active #seed-billing-details-section,
  #seed-gift-toggle-block {
    display: none !important;
  }

  .m-step-1-review .seed-order-summary-panel {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  /* ── Remove ALL horizontal border lines on mobile checkout ── */
  .m-step-1-review .seed-summary-rows,
  .m-step-1-review .seed-summary-row--total,
  .m-step-1-review .seed-coupon-box,
  .m-step-1-review .seed-summary-trust-list,
  .m-step-1-review .seed-trust-list,
  .m-step-1-review .seed-order-summary-panel,
  .m-step-1-review .seed-cart-items,
  .seed-summary-rows,
  .seed-summary-row--total,
  .seed-summary-trust-list,
  .seed-trust-list,
  body.woocommerce-checkout hr,
  body.woocommerce-checkout .seed-checkout-block,
  body.woocommerce-checkout .seed-checkout-block--billing,
  body.woocommerce-checkout .seed-checkout-block--shipping,
  body.woocommerce-checkout .seed-checkout-block--payment {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* Override inline border-top on trust list */
  .seed-summary-trust-list[style],
  div.seed-summary-trust-list {
    border: none !important;
    border-top: none !important;
    padding-top: 0.4rem !important;
    margin-top: 0.4rem !important;
  }

  /* Tighten summary rows spacing */
  .seed-summary-rows {
    padding-top: 0.4rem !important;
    gap: 0.3rem !important;
  }

  .seed-summary-row--total {
    padding-top: 0.35rem !important;
    margin-top: 0.2rem !important;
  }

  .m-step-3-confirm .seed-checkout-block--payment {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }

  .m-step-panel {
    padding-top: 0.5rem !important;
  }

  /* ── Etsy-Style Gift Toggle Row ── */
  .m-gift-toggle-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #FFFFFF;
    border: 1px solid #EAE4D9;
    border-radius: 14px;
    padding: 0.75rem 1rem;
    margin: 1.25rem 0.85rem 0.75rem 0.85rem !important;
    cursor: pointer;
    transition: all 200ms ease;
    user-select: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    -webkit-tap-highlight-color: transparent;
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
  }

  .m-gift-toggle-row:active {
    transform: scale(0.98);
    background: #FFFEF9;
  }

  .m-gift-toggle-icon {
    width: 42px;
    height: 42px;
    background: #FFFEF9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
  }

  .m-gift-toggle-text {
    flex: 1;
  }

  .m-gift-toggle-text__title {
    font-family: var(--font-body, 'Inter', sans-serif);
    font-size: 0.92rem;
    font-weight: 700;
    color: #0B0B0A;
    line-height: 1.25;
  }

  .m-gift-toggle-text__sub {
    font-size: 0.78rem;
    color: #7A756D;
    margin-top: 2px;
  }

  .m-gift-toggle-switch {
    width: 46px;
    height: 26px;
    background: #DAD5CD;
    border-radius: 9999px;
    position: relative;
    flex-shrink: 0;
    transition: background 250ms ease;
  }

  .m-gift-toggle-switch::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
  }

  .m-gift-toggle-row.is-active .m-gift-toggle-switch {
    background: #438BC4;
  }

  .m-gift-toggle-row.is-active .m-gift-toggle-switch::after {
    transform: translateX(20px);
  }

  .m-gift-toggle-dismiss {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #FFFEF9;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #7A756D;
    font-size: 0.95rem;
    flex-shrink: 0;
    transition: background 150ms ease;
    padding: 0;
  }

  .m-gift-toggle-dismiss:active {
    background: #E3DDD3;
  }

  /* ── Hide Order total row in Step 1 & Step 2, show only in Step 3 Review ── */
  body.m-step-1-active .m-checkout-sticky-footer__total-row,
  body.m-step-2-active .m-checkout-sticky-footer__total-row {
    display: none !important;
  }

  body.m-step-3-active .m-checkout-sticky-footer__total-row {
    display: flex !important;
  }

  /* ── Sticky Bottom Footer Bar ── */
  .m-checkout-sticky-footer {
    display: flex !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: #FFFFFF !important;
    border-top: none !important;
    padding: var(--m-gap-sm) var(--m-gap-lg) !important;
    padding-bottom: max(var(--m-gap-sm), env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
  }

  /* ── Hide site-wide mobile bottom nav on checkout so checkout sticky footer is visible ── */
  body.woocommerce-checkout .authentivia-mobile-bottom-nav {
    display: none !important;
  }

  .m-checkout-sticky-footer__container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--m-gap-xs);
  }

  .m-checkout-sticky-footer__total-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding-bottom: 0.1rem !important;
  }

  .m-checkout-sticky-footer__total-label {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
  }

  .m-checkout-sticky-footer__total-amount {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    color: #111111 !important;
  }

  .m-checkout-continue-btn {
    width: 100% !important;
    height: 48px !important;
    background: #0071E3 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 9999px !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 3px 12px rgba(18, 40, 75, 0.22) !important;
    transition: all 180ms ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    outline: none !important;
    line-height: 1 !important;
    padding: 0 1rem !important;
    margin: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .m-checkout-continue-btn:focus,
  .m-checkout-continue-btn:focus-visible,
  .m-checkout-continue-btn:active {
    outline: none !important;
    transform: scale(0.98) !important;
    background: #438BC4 !important;
  }

  /* ── Step 3: Brand Forest Green "Place your order" button ── */
  body.m-step-3-active .m-checkout-continue-btn {
    background: #0071E3 !important;
    box-shadow: 0 3px 12px rgba(18, 40, 75, 0.28) !important;
  }

  body.m-step-3-active .m-checkout-continue-btn:active {
    background: #438BC4 !important;
  }

  .m-checkout-terms-note {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.74rem !important;
    color: #6B7280 !important;
    text-align: center !important;
    line-height: 1.35 !important;
    padding: 0 0.5rem !important;
    display: none !important;
  }

  body.m-step-3-active .m-checkout-terms-note {
    display: block !important;
  }

  .m-checkout-terms-note a {
    color: #1F2937 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
  }

  /* ── Hide inline Place Order button & long privacy policy text on mobile (handled by sticky footer) ── */
  body.woocommerce-checkout #payment #place_order,
  body.woocommerce-checkout #place_order,
  body.woocommerce-checkout button#place_order,
  body.woocommerce-checkout input#place_order,
  body.woocommerce-checkout .place-order,
  body.woocommerce-checkout .btn-seed-place-order,
  body.woocommerce-checkout .woocommerce-privacy-policy-text,
  body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    display: none !important;
  }

  /* Add bottom padding for sticky footer */
  body.woocommerce-checkout {
    padding-bottom: 120px !important;
  }

  /* ── Hide site footer & desktop elements on checkout ── */
  body.woocommerce-checkout #site-footer,
  body.woocommerce-checkout .site-footer,
  body.woocommerce-checkout .footer-main,
  body.woocommerce-checkout .footer-trust,
  body.woocommerce-checkout .footer-bottom,
  body.woocommerce-checkout .whatsapp-float {
    display: none !important;
  }

  body.woocommerce-checkout .seed-checkout-layout {
    display: block !important;
  }

  body.woocommerce-checkout .seed-checkout-main {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hide the sidebar (it's cloned into Step 1 on mobile) */
  body.woocommerce-checkout .seed-checkout-layout > .seed-checkout-sidebar {
    display: none !important;
  }

  /* Hide desktop gift toggle (replaced by Etsy-style toggle row) */
  body.woocommerce-checkout #seed-gift-toggle-block {
    display: none !important;
  }

  /* ── Override seed-checkout-form padding on mobile ── */
  body.woocommerce-checkout .seed-checkout-form {
    padding: 0 !important;
  }
}

/* ── Extra-Small Screen Optimizations (≤375px) ── */
@media (max-width: 375px) {
  .m-step-panel,
  .m-step-1-review,
  .m-step-2-address,
  .m-step-3-confirm {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .m-checkout-header {
    display: none !important;
  }

  .m-step-item {
    min-height: 28px;
    gap: 1px;
  }

  .m-step-label {
    font-size: 0.62rem;
  }

  .m-checkout-sticky-footer {
    padding: var(--m-gap-sm) var(--m-container-px) !important;
  }

  .m-checkout-continue-btn {
    height: 44px !important;
    font-size: 0.9rem !important;
  }

  .m-checkout-sticky-footer__total-label {
    font-size: 0.85rem !important;
  }

  .m-checkout-sticky-footer__total-amount {
    font-size: 1rem !important;
  }

  .m-gift-toggle-row {
    padding: 0.6rem 0.75rem;
    gap: 0.6rem;
    border-radius: 12px;
  }

  .m-gift-toggle-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 1.1rem;
  }

  .m-gift-toggle-text__title {
    font-size: 0.85rem;
  }

  .m-gift-toggle-text__sub {
    font-size: 0.72rem;
  }

  .seed-coupon-input {
    font-size: 0.82rem !important;
    padding: 0.6rem 0.75rem !important;
  }

  .seed-coupon-btn {
    padding: 0.6rem 1.15rem !important;
    font-size: 0.82rem !important;
  }
}
}


/* ══════════════════════════════════════════════════════════════════════════════
   MOBILE CART PAGE RESPONSIVE LAYOUT FIXES
   Fixes broken table layout, bottom nav padding, and checkout button overlap.
   ══════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 991px) {

  /* ── Hide site footer on cart page ── */
  body.woocommerce-cart .site-footer,
  body.woocommerce-cart #site-footer,
  body.woocommerce-cart footer.site-footer,
  body.woocommerce-cart .footer-main,
  body.woocommerce-cart .footer-trust,
  body.woocommerce-cart .footer-bottom {
    display: none !important;
  }

  /* ── Etsy Green Toast Notification for Cart Notices ── */
  .woocommerce-cart .woocommerce-message,
  .woocommerce-cart .woocommerce-info,
  .woocommerce-cart .woocommerce-error {
    background: #4B7A2B !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 14px !important;
    padding: 0.85rem 1.15rem !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 4px 14px rgba(75, 122, 43, 0.25) !important;
    margin-bottom: 1.5rem !important;
  }

  .woocommerce-cart .woocommerce-message::before,
  .woocommerce-cart .woocommerce-info::before {
    content: "✓ " !important;
    font-weight: 800 !important;
    margin-right: 6px !important;
  }

  .woocommerce-cart .woocommerce-message a,
  .woocommerce-cart .woocommerce-info a {
    color: #FFFFFF !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    margin-left: 0.5rem !important;
  }

  /* ── Shop Page Matching Side Spacing & Card Weight for Cart, Wishlist & Checkout Flows ── */
  .woocommerce-cart .site-main,
  .cart-page,
  .etsy-wishlist-page,
  .woocommerce-checkout .site-main {
    padding-inline: 0 !important;
    width: 100% !important;
  }

  /* ── Unified Top Offset Under Header (Matching /shop/ Tightness) ── */
  body.woocommerce-cart .site-main,
  body.woocommerce-cart .cart-page,
  body.woocommerce-cart .etsy-cart-page,
  body.is-wishlist-page .site-main,
  body.is-wishlist-page #primary,
  body.is-wishlist-page .myaccount-layout,
  body.is-wishlist-page .myaccount-content,
  body.is-wishlist-page .etsy-wishlist-page,
  body.woocommerce-checkout .site-main,
  body.woocommerce-checkout .seed-checkout-main {
    padding-top: var(--m-gap-xs) !important;
    margin-top: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
  }

  .woocommerce-cart .container,
  .cart-page .container,
  .etsy-cart-page .container,
  body.is-wishlist-page .container,
  body.is-wishlist-page .myaccount-layout,
  body.is-wishlist-page .myaccount-content,
  .woocommerce-checkout .container,
  .seed-checkout-main,
  .seed-checkout-sidebar {
    padding-inline: var(--m-container-px) !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }

  .etsy-shop-card,
  .etsy-cart-totals,
  .seed-checkout-block,
  .etsy-card {
    padding: 0.85rem 0.75rem !important;
    border-radius: 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ── Mobile Payment Options & Review Section ── */
  .woocommerce-checkout #payment ul.payment_methods {
    border-radius: 14px !important;
    border: 1px solid #EAE4D9 !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
    margin-bottom: 1rem !important;
  }

  .woocommerce-checkout #payment ul.payment_methods li {
    padding: 0.75rem 0.85rem !important;
    border-bottom: 1px solid #F0ECE4 !important;
  }

  .woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #111111 !important;
  }

  .woocommerce-checkout #payment div.payment_box {
    border-radius: 10px !important;
    padding: 0.75rem 0.85rem !important;
    font-size: 0.82rem !important;
    line-height: 1.4 !important;
    background: #FFFEF9 !important;
    border: 1px solid #EAE4D9 !important;
  }

  .etsy-cart-item {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ── Hide duplicate page header on cart page ── */
  body.woocommerce-cart .site-main > .container > .page-header:first-child,
  body.woocommerce-cart .site-main > .page-header:first-child {
    display: none !important;
  }

  .cart-page .page-header {
    padding: 0.85rem 0 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .cart-page .page-header h1 {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
  }

  /* ── Stacked Mobile Cart Cards ── */
  .cart-page .cart-table,
  .cart-page .cart-table thead,
  .cart-page .cart-table tbody,
  .cart-page .cart-table tr,
  .cart-page .cart-table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .cart-page .cart-table thead {
    display: none !important;
  }

  .cart-page .woocommerce-cart-form__cart-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    background: #FFFFFF !important;
    border: 1px solid #EAE4D9 !important;
    border-radius: 16px !important;
    padding: 1rem !important;
    margin-bottom: 0.85rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    flex-wrap: wrap !important;
  }

  /* Image Thumbnail */
  .cart-page .product-thumbnail {
    width: 76px !important;
    height: 76px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .cart-page .product-thumbnail img {
    width: 76px !important;
    height: 76px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
  }

  /* Product Name & Price Column */
  .cart-page .product-name {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 0 1.75rem 0 0 !important;
    border: none !important;
  }

  .cart-page .product-name a {
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    color: #0B0B0A !important;
    line-height: 1.3 !important;
    display: block !important;
    margin-bottom: 4px !important;
  }

  .cart-page .product-price {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #12284B !important;
  }

  /* Remove × Button Top Right */
  .cart-page .product-remove {
    position: absolute !important;
    top: 0.75rem !important;
    right: 0.75rem !important;
    width: auto !important;
    padding: 0 !important;
    border: none !important;
  }

  .cart-page .product-remove a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #FFFEF9 !important;
    color: #7A756D !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background 150ms ease !important;
  }

  .cart-page .product-remove a:active {
    background: #E3DDD3 !important;
  }

  /* Quantity & Subtotal Row (Bottom of Card) */
  .cart-page .product-quantity {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    border: none !important;
  }

  .cart-page .product-quantity .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #EAE4D9 !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    background: #FFF !important;
  }

  .cart-page .product-quantity .quantity input {
    width: 44px !important;
    height: 34px !important;
    text-align: center !important;
    border: none !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    background: transparent !important;
  }

  .cart-page .product-subtotal {
    margin-left: auto !important;
    padding: 0 !important;
    border: none !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #0B0B0A !important;
  }

  /* ── Cart Totals Box ── */
  .cart-totals {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #EAE4D9 !important;
    border-radius: 16px !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  }

  /* ── Update Cart button ── */
  .cart-page button[name="update_cart"] {
    font-size: 0.82rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 9999px !important;
  }

  /* ── Proceed to Checkout Pill Button ── */
  .wc-proceed-to-checkout .checkout-button {
    width: 100% !important;
    min-height: 50px !important;
    border-radius: 9999px !important;
    background: #0071E3 !important;
    color: #FFFFFF !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(18, 40, 75, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
  }

  .wc-proceed-to-checkout .checkout-button:active {
    transform: scale(0.97) !important;
    background: #438BC4 !important;
  }

  /* ── Bottom Nav padding for cart page ── */
  body.woocommerce-cart {
    padding-bottom: 90px !important;
  }
}


/* ══════════════════════════════════════════════════════════════════════════════
   ETSY MOBILE APP CART DESIGN SYSTEM
   Exact match for Etsy Mobile App Cart reference design.
   ══════════════════════════════════════════════════════════════════════════════ */

/* Top Bar: Estimated Total & Checkout CTA */
.etsy-cart-top-bar {
  background: #FAF8F5;
  border: 1px solid #EAE4D9;
  border-radius: 18px;
  padding: 1.15rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

.etsy-cart-top-bar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.85rem;
}

.etsy-cart-top-bar__label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.05rem;
  font-weight: 700;
  color: #222222;
}

.etsy-cart-top-bar__amount {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.25rem;
  font-weight: 700;
  color: #0B0B0A;
}

.etsy-btn-checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  background: #0071E3 !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(18, 40, 75, 0.28) !important;
  transition: all 200ms ease !important;
}

.etsy-cart-top-bar__subtext {
  font-size: 0.8rem;
  color: #555555;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
}

.etsy-shop-card__coupon-row {
  margin-top: 0.6rem !important;
}

.etsy-coupon-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  background: #F8FAF6;
  border: 1.5px dashed #A7F3D0;
  border-radius: 12px;
  padding: 0.55rem 0.85rem !important;
  font-family: var(--font-body, 'Inter', 'Hind Siliguri', sans-serif);
  font-size: 0.84rem;
  font-weight: 500;
  color: #166534;
  cursor: pointer;
  user-select: none;
  transition: all 180ms ease;
  box-sizing: border-box;
  width: 100%;
}

.etsy-coupon-badge:hover,
.etsy-coupon-badge:active {
  background: #F0FDF4;
  border-color: #059669;
  transform: translateY(-1px);
}

.etsy-coupon-badge__left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

.etsy-coupon-badge__left svg {
  flex-shrink: 0;
}

.etsy-coupon-badge__text {
  font-family: var(--font-body, 'Hind Siliguri', 'Inter', sans-serif);
  font-size: 0.84rem;
  line-height: 1.3;
  color: #15803D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.etsy-coupon-code {
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #166534;
  margin-left: 3px;
  background: #DCFCE7;
  padding: 1px 6px;
  border-radius: 4px;
}

.etsy-coupon-badge__action {
  flex-shrink: 0;
}

.etsy-coupon-copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body, 'Hind Siliguri', 'Inter', sans-serif);
  font-size: 0.75rem;
  font-weight: 700;
  color: #15803D;
  background: #FFFFFF;
  border: 1px solid #86EFAC;
  padding: 0.2rem 0.6rem;
  border-radius: 9999px;
  transition: all 150ms ease;
}

.etsy-coupon-badge:active .etsy-coupon-copy-btn {
  background: #166534;
  color: #FFFFFF;
  border-color: #166534;
}

.etsy-coupon-badge.is-applied {
  background: #ECFDF5;
  border: 1.5px solid #10B981;
}

.etsy-coupon-badge.is-applied .etsy-coupon-code {
  background: #059669;
  color: #FFFFFF;
}

.etsy-coupon-badge.is-applied .etsy-coupon-copy-btn {
  background: #FEF2F2;
  color: #991B1B;
  border-color: #FCA5A5;
}

.etsy-coupon-badge.is-applied .etsy-coupon-copy-btn:hover {
  background: #EF4444;
  color: #FFFFFF;
  border-color: #DC2626;
}

.etsy-shop-checkout-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.6rem;
}

.etsy-btn-shop-checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.55rem 1.25rem !important;
  min-height: 40px !important;
  background: #FFFFFF !important;
  color: #222222 !important;
  border: 1.5px solid #222222 !important;
  border-radius: 9999px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 150ms ease !important;
}

.etsy-btn-shop-checkout:active {
  background: #222222 !important;
  color: #FFFFFF !important;
}

/* Minimal & Simple Etsy Shop Card Container (No Heavy Box Border) */
.etsy-shop-card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 0.85rem !important;
  box-shadow: none !important;
}

.etsy-shop-card__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.65rem !important;
  padding-bottom: 0.5rem !important;
  border-bottom: 1px solid #EAE4D9;
}

.etsy-shop-card__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FFFEF9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.etsy-shop-card__name {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.92rem;
  font-weight: 700;
  color: #222222;
  letter-spacing: -0.01em;
}

/* Etsy Cart Item (Compact & Optimized for All Mobile Screen Sizes) */
.etsy-cart-item {
  padding: clamp(0.65rem, 2.5vw, 0.9rem) clamp(0.65rem, 2.8vw, 1rem) !important;
  border: 1px solid #EAE4D9 !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  margin-bottom: 0.75rem !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.etsy-cart-item:last-child {
  margin-bottom: 0 !important;
}

.etsy-cart-item__main {
  display: flex !important;
  align-items: center !important;
  gap: clamp(0.5rem, 2.2vw, 0.85rem) !important;
  margin-bottom: 0.35rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.etsy-cart-item__img-wrap {
  width: clamp(52px, 14vw, 64px) !important;
  height: clamp(52px, 14vw, 64px) !important;
  flex-shrink: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #FFFEF9 !important;
}

.etsy-cart-item__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.etsy-cart-item__info {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.etsy-cart-item__title,
.etsy-cart-item__title a {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: clamp(0.84rem, 2.4vw, 0.95rem) !important;
  font-weight: 600 !important;
  color: #222222 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.etsy-cart-item__subtext {
  display: inline-block !important;
  font-size: clamp(0.72rem, 2vw, 0.78rem) !important;
  color: #15803D !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}

.etsy-cart-item__price {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: clamp(0.9rem, 2.6vw, 1.02rem) !important;
  font-weight: 700 !important;
  color: #222222 !important;
  flex-shrink: 0 !important;
  text-align: right !important;
  margin-left: auto !important;
  white-space: nowrap !important;
}

.etsy-cart-item__price .screen-reader-text,
.etsy-cart-item__price del {
  display: none !important;
}

.etsy-cart-item__qty-wrap .quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid #DAD5CD;
  border-radius: 9999px;
  overflow: hidden;
  background: #FFFFFF;
}

.etsy-cart-item__qty-wrap .quantity input {
  width: clamp(36px, 10vw, 44px);
  height: 32px;
  text-align: center;
  border: none !important;
  font-size: 0.88rem;
  font-weight: 700;
  color: #222222;
  background: transparent !important;
}

.etsy-cart-item__controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: 0.35rem !important;
  gap: 0.4rem !important;
  flex-wrap: wrap !important;
}

.etsy-cart-item__controls-left {
  display: flex !important;
  align-items: center !important;
  gap: clamp(0.4rem, 1.8vw, 0.65rem) !important;
  flex-wrap: wrap !important;
}

.etsy-cart-item__controls-right {
  margin-left: auto !important;
}

.etsy-btn-favorited {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  padding: 0.4rem 0.85rem !important;
  background: #FAFAFA !important;
  border: 1px solid #EAE4D9 !important;
  border-radius: 9999px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  color: #555555 !important;
  cursor: pointer !important;
  transition: all 150ms ease !important;
}

.etsy-btn-favorited:active {
  background: #FFFEF9 !important;
}

.etsy-btn-add-to-cart-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.45rem 1.15rem !important;
  min-height: 38px !important;
  background: #FFFFFF !important;
  color: #222222 !important;
  border: 2px solid #222222 !important;
  border-radius: 9999px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 150ms ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

.etsy-btn-add-to-cart-pill:active {
  background: #222222 !important;
  color: #FFFFFF !important;
}

.etsy-btn-trash {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFEF9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 150ms ease;
  text-decoration: none !important;
}

.etsy-btn-trash:active {
  background: #E3DDD3;
}

.etsy-btn-options {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #DAD5CD;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 150ms ease;
}

.etsy-btn-options:active {
  background: #FFFEF9;
  transform: scale(0.95);
}

.etsy-shop-checkout-row {
  display: none !important;
}

/* ════════════════════════════════════════════════
   ETSY ORDER SUMMARY BOX (IMAGE 1 MATCH)
   ════════════════════════════════════════════════ */
.etsy-cart-totals,
.cart-drawer__summary-box {
  background: #FFFFFF !important;
  border: 1.5px dashed #EAE4D9 !important;
  border-radius: 20px !important;
  padding: 1.25rem 1.5rem !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  box-shadow: 0 4px 16px rgba(11, 11, 10, 0.03) !important;
}

.etsy-saved-for-later-card {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #EAE4D9;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── Etsy Saved For Later Card & Items Mobile Responsiveness Fix ── */
.etsy-saved-item-card {
  background: #FFFFFF !important;
  border: 1px solid #EAE4D9 !important;
  border-radius: 16px !important;
  padding: clamp(0.75rem, 2.5vw, 1rem) !important;
  margin-bottom: 0.85rem !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.etsy-saved-item-card .etsy-cart-item__controls {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-top: 0.75rem !important;
  gap: 0.4rem !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}

.etsy-saved-item-card .etsy-cart-item__controls-left {
  display: flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  flex-shrink: 0 !important;
}

.etsy-saved-item-card .etsy-btn-favorited {
  padding: 0.38rem 0.75rem !important;
  font-size: clamp(0.76rem, 2.2vw, 0.82rem) !important;
  white-space: nowrap !important;
}

.etsy-saved-item-card .etsy-btn-add-to-cart-pill {
  padding: 0.45rem 0.95rem !important;
  font-size: clamp(0.78rem, 2.3vw, 0.84rem) !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 375px) {
  .etsy-saved-item-card .etsy-cart-item__controls-left {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .etsy-saved-item-card .etsy-cart-item__controls-right {
    width: 100% !important;
    margin-top: 0.35rem !important;
  }
  .etsy-saved-item-card .etsy-btn-add-to-cart-pill {
    width: 100% !important;
  }
}

.etsy-cart-totals__title {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", sans-serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin-bottom: 0.65rem !important;
  letter-spacing: -0.01em !important;
}

.etsy-totals-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 1rem !important;
}

.etsy-totals-table th,
.etsy-totals-table td {
  padding: 0.55rem 0 !important;
  border: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", sans-serif !important;
  font-size: 0.95rem !important;
}

.etsy-totals-table th {
  font-weight: 500 !important;
  color: #555555 !important;
  text-align: left !important;
}

.etsy-totals-table td {
  font-weight: 600 !important;
  color: #111111 !important;
  text-align: right !important;
}

.etsy-totals-row-total th,
.etsy-totals-row-total td {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
  padding-top: 0.75rem !important;
  border-top: 1px dashed #EAE4D9 !important;
}

.etsy-cart-totals .wc-proceed-to-checkout {
  margin-top: 1.1rem !important;
  padding: 0 !important;
}

.etsy-cart-totals .wc-proceed-to-checkout a.etsy-btn-checkout,
.btn-cart-primary-express,
a.checkout-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 48px !important;
  background: #0071E3 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 9999px !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(18, 40, 75, 0.25) !important;
  transition: all 180ms ease !important;
}

.etsy-cart-totals .wc-proceed-to-checkout a.etsy-btn-checkout:active,
.btn-cart-primary-express:active,
a.checkout-button:active {
  transform: scale(0.98) !important;
  background: #438BC4 !important;
}

/* Free Shipping Bar */
.etsy-shop-card__footer {
  margin-top: 0.65rem !important;
  padding-top: 0.5rem !important;
  border-top: 1px solid #EAE4D9;
}

.etsy-shipping-bar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: #15803D;
  margin-bottom: 0.5rem;
}

.etsy-shipping-progress {
  height: 6px;
  background: #EAE4D9;
  border-radius: 9999px;
  overflow: hidden;
}

.etsy-shipping-progress__bar {
  height: 100%;
  background: #0071E3;
  border-radius: 9999px;
  transition: width 300ms ease;
}

/* Hide WooCommerce default return-to-shop paragraph if WooCommerce outputs it outside our custom template */
.woocommerce-cart .return-to-shop,
.etsy-cart-form-actions,
button[name="update_cart"],
.woocommerce-cart button[name="update_cart"],
.etsy-cart-top-bar {
  display: none !important;
}

/* Etsy Empty Cart Screen */
.etsy-empty-cart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 3.5rem 1rem 4rem !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 1rem 0 !important;
}

.etsy-empty-cart__icon-wrap {
  margin-bottom: 1rem !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.etsy-empty-cart__title {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: #222222 !important;
  margin: 0.75rem 0 0.35rem !important;
  letter-spacing: -0.01em !important;
}

.etsy-empty-cart__sub {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 0.95rem !important;
  color: #555555 !important;
  margin-bottom: 1.75rem !important;
}

.etsy-empty-cart__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 90% !important;
  max-width: 340px !important;
  min-height: 52px !important;
  padding: 0.85rem 1.75rem !important;
  background: #2B252C !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 16px rgba(43, 37, 44, 0.25) !important;
  transition: all 180ms ease !important;
}

.etsy-empty-cart__btn:active {
  transform: scale(0.98) !important;
  background: #0071E3 !important;
}

.etsy-cart-form-actions {
  text-align: right;
  margin: 0.85rem 0 1.25rem;
}

/* More Options Button */
.etsy-btn-more-options {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFEF9;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 150ms ease;
}

.etsy-btn-more-options:active {
  background: #E3DDD3;
}

/* Etsy Bottom Sheet Modal Drawer */
.etsy-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
  z-index: 99998;
}

.etsy-modal-backdrop.is-active {
  opacity: 1;
  pointer-events: auto;
}

.etsy-bottom-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 540px;
  margin: 0 auto;
  background: #FFFFFF;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  padding: 1.25rem 1.25rem 2rem;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.18);
  transform: translateY(100%);
  transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 99999;
}

.etsy-bottom-sheet.is-active {
  transform: translateY(0);
}

.etsy-bottom-sheet__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #FFFEF9;
  margin-bottom: 0.85rem;
}

.etsy-bottom-sheet__brand {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: #222222;
}

.etsy-bottom-sheet__close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFFEF9;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.etsy-bottom-sheet__banner {
  margin-bottom: 1.15rem;
}

.etsy-bottom-sheet__banner-text {
  display: block;
  font-size: 0.88rem;
  font-weight: 600;
  color: #15803D;
  margin-bottom: 0.5rem;
}

.etsy-bottom-sheet__progress {
  height: 6px;
  background: #EAE4D9;
  border-radius: 9999px;
  overflow: hidden;
}

.etsy-bottom-sheet__progress-bar {
  height: 100%;
  background: #0071E3;
  border-radius: 9999px;
}

.etsy-bottom-sheet__section-title {
  font-size: 1.02rem;
  font-weight: 700;
  color: #222222;
  margin-bottom: 0.85rem;
}

/* Horizontal Recommended Products Carousel */
.etsy-products-carousel {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 0.75rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.etsy-rec-card {
  flex: 0 0 148px;
  scroll-snap-align: start;
  background: #FFFFFF;
  border: 1px solid #EAE4D9;
  border-radius: 16px;
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
}

.etsy-rec-card__img {
  width: 100%;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 0.5rem;
  background: #FFFEF9;
}

.etsy-rec-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.etsy-rec-card__title {
  font-size: 0.82rem;
  font-weight: 600;
  color: #222222;
  line-height: 1.3;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 2.3em;
}

.etsy-rec-card__price {
  font-size: 0.88rem;
  font-weight: 700;
  color: #0B0B0A;
  margin-bottom: 0.65rem;
}

.etsy-rec-card__btn {
  margin-top: auto !important;
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 9999px !important;
  border: 1.5px solid #222222 !important;
  background: #FFFFFF !important;
  color: #222222 !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  padding: 0 0.5rem !important;
  transition: all 150ms ease !important;
}

.etsy-rec-card__btn:active {
  background: #222222 !important;
  color: #FFFFFF !important;
}

/* ════════════════════════════════════════════════
   ETSY WISHLIST / FAVORITES UI
   ════════════════════════════════════════════════ */
body.is-wishlist-page .myaccount-subpage-header {
  display: none !important;
}

body.is-wishlist-page .site-main,
body.is-wishlist-page #primary,
body.is-wishlist-page .woocommerce,
body.is-wishlist-page .woocommerce-account,
body.is-wishlist-page .myaccount-content,
body.is-wishlist-page .myaccount-layout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.etsy-wishlist-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.etsy-wishlist-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0.65rem !important;
  border-bottom: 1px solid #EAE4D9;
}

.etsy-wishlist-tabs {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.etsy-wishlist-tab {
  background: none;
  border: none;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.1rem;
  font-weight: 700;
  color: #777777;
  padding: 0.15rem 0 0.4rem;
  position: relative;
  cursor: pointer;
  transition: color 180ms ease;
}

.etsy-wishlist-tab.is-active {
  color: #111111;
}

.etsy-wishlist-tab.is-active::after {
  content: '';
  position: absolute;
  bottom: -0.55rem;
  left: 0;
  right: 0;
  height: 2.5px;
  background: #438BC4;
  border-radius: 9999px;
}

.etsy-wishlist-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #222222;
  text-decoration: none;
  transition: background 150ms ease;
}

.etsy-wishlist-search-btn:active {
  background: #FFFEF9;
}

/* Collections Grid & Create Card */
.etsy-collections-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem;
  padding: 0.5rem 0;
}

.etsy-create-collection-card {
  aspect-ratio: 1 / 1;
  background: #ECEAE4;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  cursor: pointer;
  transition: transform 150ms ease, background 150ms ease;
}

.etsy-create-collection-card:active {
  transform: scale(0.97);
  background: #E3DDD3;
}

.etsy-create-collection-card__icon {
  font-size: 2.2rem;
  font-weight: 300;
  color: #222222;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.etsy-create-collection-card__label {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.9rem;
  font-weight: 600;
  color: #222222;
  line-height: 1.25;
}

/* Hide site footer on Wishlist page on mobile view */
@media (max-width: 991px) {
  body.is-wishlist-page .site-footer,
  body.is-wishlist-page #site-footer,
  body.is-wishlist-page footer.site-footer,
  body.is-wishlist-page .footer-main,
  body.is-wishlist-page .footer-trust,
  body.is-wishlist-page .footer-bottom,
  .etsy-wishlist-page ~ .site-footer {
    display: none !important;
  }
}

/* Suppress Etsy Mobile Modal Drawer and Recommendation Hint on Desktop View */
@media (min-width: 992px) {
  .etsy-modal-backdrop,
  .etsy-bottom-sheet {
    display: none !important;
  }
  .etsy-shipping-rec-hint {
    display: none !important;
  }
  .etsy-shop-card__footer {
    cursor: default !important;
  }
}