/* =========================================================
   ALVEREA K — COLLECTION PAGES V5 PRICE + CART
   Visual styling only — native EasyOrders grid is preserved
   ========================================================= */

:root {
  --ak-c-ivory: #F8F7F3;
  --ak-c-footer: #F5F0F7;
  --ak-c-white: #FFFDFC;
  --ak-c-gold: #C7A35D;
  --ak-c-lavender: #CFC6D9;
  --ak-c-mid: #A99BB8;
  --ak-c-deep: #81728E;
  --ak-c-deeper: #6E607A;
  --ak-c-ink: #2F2933;
  --ak-c-muted: #746B79;
  --ak-c-border: rgba(207, 198, 217, 0.84);
}

/* Page background — no grid/layout overrides */
main.collection_container.ak-collection-v4 {
  position: relative !important;
  isolation: isolate !important;

  min-height: 0 !important;
  margin: 0 !important;

  padding-top:
    calc(
      var(--ak-collection-header-offset, 124px) +
      14px
    ) !important;

  padding-bottom:
    calc(
      58px +
      env(safe-area-inset-bottom, 0px)
    ) !important;

  color: var(--ak-c-ink) !important;

  background:
    radial-gradient(
      circle at 96% 8%,
      rgba(207, 198, 217, 0.34) 0%,
      transparent 24rem
    ),
    radial-gradient(
      circle at 2% 44%,
      rgba(199, 163, 93, 0.07) 0%,
      transparent 22rem
    ),
    linear-gradient(
      180deg,
      #FBF9FC 0%,
      #F8F5FA 48%,
      var(--ak-c-footer) 100%
    ) !important;
}

main.collection_container.ak-collection-v4,
main.collection_container.ak-collection-v4 * {
  box-sizing: border-box !important;
}

main.collection_container.ak-collection-v4::after {
  content: "" !important;

  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: -1 !important;

  height: 140px !important;

  background:
    linear-gradient(
      180deg,
      rgba(245, 240, 247, 0) 0%,
      var(--ak-c-footer) 100%
    ) !important;

  pointer-events: none !important;
}

/* Blend into custom footer */
body:has(main.collection_container.ak-collection-v4)
#ak-premium-footer {
  margin-top: 0 !important;
}

/* Collection intro */
.ak-collection-v4-hero {
  position: relative !important;
  overflow: hidden !important;

  width: calc(100% - 18px) !important;
  max-width: 1120px !important;
  margin: 0 auto 13px !important;
  padding: 17px 17px 16px !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(207, 198, 217, 0.48) 0%,
      transparent 17rem
    ),
    linear-gradient(
      135deg,
      rgba(255, 253, 252, 0.98) 0%,
      rgba(246, 241, 248, 0.98) 100%
    ) !important;

  border:
    1px solid var(--ak-c-border) !important;
  border-radius: 20px !important;

  box-shadow:
    0 11px 28px rgba(47, 41, 51, 0.07) !important;
}

.ak-collection-v4-hero::before {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: 17px !important;

  width: 66px !important;
  height: 3px !important;

  background:
    linear-gradient(
      90deg,
      var(--ak-c-gold) 0 60%,
      var(--ak-c-lavender) 60% 100%
    ) !important;

  border-radius: 999px !important;
}

.ak-collection-v4-hero::after {
  content: "AK" !important;

  position: absolute !important;
  right: 4px !important;
  bottom: -24px !important;

  color:
    rgba(129, 114, 142, 0.045) !important;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif !important;

  font-size: 78px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  pointer-events: none !important;
}

.ak-collection-v4-kicker {
  position: relative !important;
  z-index: 1 !important;

  margin: 0 0 5px !important;

  color: var(--ak-c-gold) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 7.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}

.ak-collection-v4-title {
  position: relative !important;
  z-index: 1 !important;

  margin: 0 !important;

  color: var(--ak-c-ink) !important;

  font-family:
    "Cormorant Garamond",
    Georgia,
    serif !important;

  font-size: 31px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.ak-collection-v4-description {
  position: relative !important;
  z-index: 1 !important;

  max-width: 88% !important;
  margin: 6px 0 0 !important;

  color: var(--ak-c-muted) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.58 !important;
}

.ak-collection-v4-meta {
  position: relative !important;
  z-index: 1 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  margin-top: 9px !important;
  padding: 5px 8px !important;

  color: var(--ak-c-deep) !important;
  background:
    rgba(255, 255, 255, 0.72) !important;

  border:
    1px solid
    rgba(169, 155, 184, 0.46) !important;
  border-radius: 999px !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 7.8px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

.ak-collection-v4-meta::before {
  content: "" !important;

  width: 6px !important;
  height: 6px !important;

  background: var(--ak-c-gold) !important;
  border-radius: 50% !important;
}

/* Hide duplicated native collection heading */
main.collection_container
.ak-collection-native-title-v4 {
  display: none !important;
}

/* Native sort toolbar */
main.collection_container.ak-collection-v4
.category_section_header {
  margin-bottom: 12px !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
}

main.collection_container.ak-collection-v4
.category_section_header
button,
main.collection_container.ak-collection-v4
.category_section_header
select,
main.collection_container.ak-collection-v4
.category_section_header
[role="combobox"] {
  min-height: 39px !important;
  padding-right: 11px !important;
  padding-left: 11px !important;

  color: var(--ak-c-ink) !important;
  background:
    rgba(255, 253, 252, 0.96) !important;

  border:
    1px solid var(--ak-c-border) !important;
  border-radius: 12px !important;

  box-shadow:
    0 7px 18px
    rgba(47, 41, 51, 0.055) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 750 !important;
}

/*
 * IMPORTANT:
 * No display:grid, grid-template-columns, width or gap
 * is applied to section.ab-pgrid.
 * EasyOrders keeps full control of the native product layout.
 */
main.collection_container.ak-collection-v4
section.ab-pgrid {
  background: transparent !important;
}

/* Native EasyOrders cards — appearance only */
main.collection_container.ak-collection-v4
a.ab-pgrid-card {
  overflow: hidden !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  color: var(--ak-c-ink) !important;
  background:
    linear-gradient(
      180deg,
      rgba(255, 253, 252, 0.99) 0%,
      rgba(249, 246, 250, 0.99) 100%
    ) !important;

  border:
    1px solid var(--ak-c-border) !important;
  border-radius: 16px !important;

  box-shadow:
    0 7px 19px
    rgba(47, 41, 51, 0.06) !important;

  text-decoration: none !important;

  transition:
    transform 0.20s ease,
    border-color 0.20s ease,
    box-shadow 0.20s ease !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card:hover,
main.collection_container.ak-collection-v4
a.ab-pgrid-card:focus-visible {
  transform: translateY(-3px) !important;

  border-color:
    rgba(199, 163, 93, 0.58) !important;

  box-shadow:
    0 13px 28px
    rgba(47, 41, 51, 0.095) !important;
}

/* Product image area — no forced size/aspect ratio */
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-media {
  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 50% 42%,
      #FFFFFF 0%,
      #F7F3F8 74%,
      #F1EAF4 100%
    ) !important;

  border-bottom:
    1px solid
    rgba(207, 198, 217, 0.55) !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-media img {
  object-fit: contain !important;
  object-position: center !important;

  background: transparent !important;

  transition:
    transform 0.27s ease !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card:hover
.ab-pgrid-media img {
  transform: scale(1.025) !important;
}

/* Product info */
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-info {
  padding:
    10px
    10px
    11px
    !important;

  background:
    linear-gradient(
      180deg,
      rgba(255, 253, 252, 0.98) 0%,
      rgba(249, 246, 250, 0.98) 100%
    ) !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-name {
  display: -webkit-box !important;
  overflow: hidden !important;

  min-height: 30px !important;
  margin: 0 0 6px !important;

  color: var(--ak-c-ink) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 9.5px !important;
  font-weight: 750 !important;
  line-height: 1.42 !important;

  text-transform: none !important;

  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* Price row */
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-price-row {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 4px 6px !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-price,
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-price-sale {
  color: var(--ak-c-deep) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-price-old {
  color: #99909D !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 8.2px !important;
  font-weight: 550 !important;
  line-height: 1.25 !important;

  text-decoration-color:
    rgba(129, 114, 142, 0.62) !important;
  text-decoration-thickness:
    1px !important;
}

/* Sale badge */
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-sale-badge,
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ak-collection-v4-sale {
  min-height: 23px !important;
  padding: 4px 7px !important;

  color: #FFFFFF !important;
  background:
    linear-gradient(
      135deg,
      var(--ak-c-deep) 0%,
      var(--ak-c-deeper) 100%
    ) !important;

  border:
    1px solid
    rgba(199, 163, 93, 0.70) !important;
  border-radius: 999px !important;

  box-shadow:
    0 7px 16px
    rgba(47, 41, 51, 0.16) !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 7.2px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

/* Add-to-cart button */
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-media
button,
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-media
[role="button"],
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ak-collection-v4-cart {
  width: 35px !important;
  min-width: 35px !important;
  height: 35px !important;

  padding: 0 !important;

  color: #FFFFFF !important;
  background:
    linear-gradient(
      145deg,
      var(--ak-c-mid) 0%,
      var(--ak-c-deep) 100%
    ) !important;

  border:
    1px solid
    rgba(199, 163, 93, 0.76) !important;
  border-radius: 50% !important;

  box-shadow:
    0 8px 18px
    rgba(47, 41, 51, 0.18) !important;
}

main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-media
button svg,
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-media
[role="button"] svg,
main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ak-collection-v4-cart svg {
  width: 16px !important;
  height: 16px !important;

  color: #FFFFFF !important;
  fill: none !important;
  stroke: #FFFFFF !important;
}

/* Desktop refinement only */
@media (min-width: 768px) {
  .ak-collection-v4-hero {
    width: min(1120px, calc(100% - 30px)) !important;
    padding: 21px 22px 20px !important;
  }

  .ak-collection-v4-title {
    font-size: 44px !important;
  }

  .ak-collection-v4-description {
    font-size: 12px !important;
  }

  main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-pgrid-name {
    font-size: 11px !important;
  }

  main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-pgrid-price,
  main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-price-sale {
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  main.collection_container.ak-collection-v4
  a.ab-pgrid-card,
  main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-pgrid-media img {
    transition: none !important;
  }
}

/* =========================================================
   V5 — PRODUCT TEXT, PRICE AND CART BUTTON
   Applies to:
   1) Collection cards: .ab-pgrid-card
   2) Homepage horizontal cards: .ab-plist-card
   No grid or card-width changes.
   ========================================================= */

/* ---------- COLLECTION CARDS ---------- */

body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-info {
  padding:
    10px
    10px
    12px
    !important;

  background:
    linear-gradient(
      180deg,
      #FFFDFC 0%,
      #F8F4FA 100%
    ) !important;

  border-top:
    1px solid
    rgba(207, 198, 217, 0.52) !important;
}

body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-name {
  min-height: 34px !important;
  margin-bottom: 7px !important;

  color: #2F2933 !important;

  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.48 !important;
  letter-spacing: -0.01em !important;
}

body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-price-row {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 4px 6px !important;

  min-height: 20px !important;
  margin-top: 1px !important;
}

/* New/current price */
body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-pgrid-price,
body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-price-sale {
  order: -1 !important;

  display: inline-block !important;

  color: #5F5368 !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
}

/* Old price */
body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ab-price-old {
  order: 2 !important;

  display: inline-block !important;

  color: #958D99 !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  text-decoration:
    line-through !important;
  text-decoration-color:
    rgba(129, 114, 142, 0.72) !important;
  text-decoration-thickness:
    1px !important;
}

/* Exact collection add-to-cart button */
body main.collection_container.ak-collection-v4
button.ab-pgrid-add-btn,
body main.collection_container.ak-collection-v4
.ab-pgrid-media
button.ab-pgrid-add-btn,
body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ak-collection-v4-cart {
  width: 37px !important;
  min-width: 37px !important;
  height: 37px !important;

  color: #FFFFFF !important;
  background:
    linear-gradient(
      145deg,
      #A99BB8 0%,
      #81728E 62%,
      #6E607A 100%
    ) !important;

  border:
    1px solid
    rgba(199, 163, 93, 0.86) !important;
  border-radius: 50% !important;

  box-shadow:
    0 8px 19px
    rgba(47, 41, 51, 0.22),
    inset 0 1px 0
    rgba(255, 255, 255, 0.22) !important;
}

body main.collection_container.ak-collection-v4
button.ab-pgrid-add-btn svg,
body main.collection_container.ak-collection-v4
button.ab-pgrid-add-btn svg *,
body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ak-collection-v4-cart svg,
body main.collection_container.ak-collection-v4
a.ab-pgrid-card
.ak-collection-v4-cart svg * {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* ---------- HOMEPAGE / EDITOR'S PICKS CARDS ---------- */

body a.ab-plist-card
.ab-plist-info {
  padding:
    11px
    12px
    13px
    !important;

  background:
    linear-gradient(
      180deg,
      #FFFDFC 0%,
      #F8F4FA 100%
    ) !important;

  border-top:
    1px solid
    rgba(207, 198, 217, 0.52) !important;
}

body a.ab-plist-card
.ab-plist-name {
  display: -webkit-box !important;
  overflow: hidden !important;

  min-height: 34px !important;
  margin: 0 0 7px !important;

  color: #2F2933 !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.48 !important;
  letter-spacing: -0.01em !important;

  text-transform: none !important;

  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body a.ab-plist-card
.ab-plist-price-row {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 4px 7px !important;

  min-height: 21px !important;
}

/* Homepage current price — covers EasyOrders variants */
body a.ab-plist-card
.ab-plist-price,
body a.ab-plist-card
.ab-price-sale,
body a.ab-plist-card
[class*="price-sale"] {
  order: -1 !important;

  display: inline-block !important;

  color: #5F5368 !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
}

body a.ab-plist-card
.ab-price-old,
body a.ab-plist-card
[class*="price-old"] {
  order: 2 !important;

  display: inline-block !important;

  color: #958D99 !important;

  font-family:
    Manrope,
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;

  text-decoration:
    line-through !important;
  text-decoration-color:
    rgba(129, 114, 142, 0.72) !important;
  text-decoration-thickness:
    1px !important;
}

/* Exact Editor's Picks add-to-cart button */
body button.ab-plist-add-btn,
body .ab-plist-media
button.ab-plist-add-btn {
  width: 39px !important;
  min-width: 39px !important;
  height: 39px !important;

  padding: 0 !important;

  color: #FFFFFF !important;
  background:
    linear-gradient(
      145deg,
      #A99BB8 0%,
      #81728E 62%,
      #6E607A 100%
    ) !important;

  border:
    1px solid
    rgba(199, 163, 93, 0.86) !important;
  border-radius: 50% !important;

  box-shadow:
    0 8px 19px
    rgba(47, 41, 51, 0.22),
    inset 0 1px 0
    rgba(255, 255, 255, 0.22) !important;

  transition:
    transform 0.16s ease,
    box-shadow 0.16s ease !important;
}

body button.ab-plist-add-btn:active,
body .ab-plist-media
button.ab-plist-add-btn:active {
  transform: scale(0.92) !important;
}

body button.ab-plist-add-btn svg,
body button.ab-plist-add-btn svg *,
body .ab-plist-media
button.ab-plist-add-btn svg,
body .ab-plist-media
button.ab-plist-add-btn svg * {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Keep discount badges aligned with the same identity */
body a.ab-plist-card
.ab-sale-badge,
body a.ab-pgrid-card
.ab-sale-badge {
  color: #FFFFFF !important;
  background:
    linear-gradient(
      135deg,
      #81728E 0%,
      #6E607A 100%
    ) !important;

  border:
    1px solid
    rgba(199, 163, 93, 0.72) !important;
}

/* ---------- MOBILE REFINEMENT ---------- */

@media (max-width: 767px) {
  body main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-pgrid-name {
    min-height: 33px !important;
    font-size: 10px !important;
  }

  body main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-pgrid-price,
  body main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-price-sale {
    font-size: 12px !important;
  }

  body main.collection_container.ak-collection-v4
  a.ab-pgrid-card
  .ab-price-old {
    font-size: 8.6px !important;
  }

  body a.ab-plist-card
  .ab-plist-name {
    font-size: 10.5px !important;
  }

  body a.ab-plist-card
  .ab-plist-price,
  body a.ab-plist-card
  .ab-price-sale,
  body a.ab-plist-card
  [class*="price-sale"] {
    font-size: 12px !important;
  }

  body a.ab-plist-card
  .ab-price-old,
  body a.ab-plist-card
  [class*="price-old"] {
    font-size: 8.7px !important;
  }
}