/** Shopify CDN: Minification failed

Line 1016:21 Unexpected bad string token
Line 1016:24 Unterminated string token

**/
/* START_SECTION:header (INDEX:42) */
/* Nav dropdown trigger ("Partner With Us" and any future mega-menu parent):
     match the plain nav links at rest. Without this it inherits the sitewide
     generic <button> skin from layout/theme.liquid, which assumes every
     button in the header is a CTA or an icon control (cart, search, etc.) -
     that skin renders it bold, uppercase, in the heading font. This targets
     the trigger by its own data attribute plus an explicit class so it wins
     over that skin's !important rules regardless of stylesheet order. */
  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger,
  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger * {
    background: transparent !important;
    font-family: var(--main-font-stack) !important;
    font-weight: var(--main-font-weight) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: #79b841 !important;
    transform: none !important;
  }

  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger:hover,
  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger:hover *,
  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger[aria-expanded="true"],
  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-dropdown-trigger[aria-expanded="true"] * {
    background: transparent !important;
    color: #0f3124 !important;
    transform: none !important;
  }

  /* Split parent ("Partner With Us" once it links to its own page): the
     title is a link, the chevron a separate toggle. Same colours as the
     plain trigger above. */
  [class*="header"] nav[role="navigation"] .sf-nav-parent-link {
    padding-right: 2px !important;
    color: #79b841 !important;
  }

  [class*="header"] nav[role="navigation"] .sf-nav-parent-link:hover,
  [class*="header"] nav[role="navigation"] li:has(.sf-nav-chevron[aria-expanded="true"]) .sf-nav-parent-link {
    color: #0f3124 !important;
  }

  [class*="header"] nav[role="navigation"] button[data-dropdown-parent].sf-nav-chevron {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 28px;
    padding: 0 10px 0 4px !important;
    justify-content: center;
    cursor: pointer;
  }

  [class*="header"] nav[role="navigation"] li:has(.sf-nav-parent-link:hover) button[data-dropdown-parent].sf-nav-chevron,
  [class*="header"] nav[role="navigation"] li:has(.sf-nav-parent-link:hover) button[data-dropdown-parent].sf-nav-chevron * {
    color: #0f3124 !important;
  }

  /* Mobile sidebar equivalent: title link plus a 44px chevron button. */
  .sf-sidebar-split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .sf-sidebar-chevron {
    width: 44px;
    height: 44px;
    margin-right: -14px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center !important;
    color: #0f3124 !important;
  }

  /* Mega menu panel: a lime top rule ties it to the same accent used across
     the program pages and their notification emails. */
  [data-header-dropdown] {
    border-top: 3px solid #a3d764;
  }

  /* Plain-link mega menu columns (page links, no images, no grandchildren):
     even card columns instead of a left-hugging row of bare text. */
  ul.sf-mega-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 4px 32px;
    width: 100%;
  }

  ul.sf-mega-list > li {
    list-style: none;
    border-top: 1px solid rgba(15, 49, 36, 0.1);
  }

  ul.sf-mega-list > li:first-child {
    border-top: none;
  }

  @media (min-width: 1024px) {
    ul.sf-mega-list > li {
      border-top: none;
      border-left: 1px solid rgba(15, 49, 36, 0.1);
    }

    ul.sf-mega-list > li:first-child {
      border-left: none;
    }
  }

  .sf-mega-link {
    display: block !important;
    padding: 20px 24px !important;
    margin: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    transition: background-color 160ms ease;
  }

  .sf-mega-link:hover {
    background: rgba(163, 215, 100, 0.12);
  }

  .sf-mega-link__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .sf-mega-link__title {
    font-family: var(--heading-font-stack);
    font-size: 17px;
    font-weight: 600;
    color: #0f3124;
    letter-spacing: -0.01em;
  }

  .sf-mega-link__arrow {
    flex-shrink: 0;
    width: 20px;
    height: 10px;
    color: #a3d764;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity 160ms ease, transform 160ms ease;
  }

  .sf-mega-link__arrow svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .sf-mega-link:hover .sf-mega-link__arrow {
    opacity: 1;
    transform: translateX(0);
  }

  .sf-mega-link__blurb {
    display: block;
    margin-top: 6px;
    font-family: var(--main-font-stack);
    font-size: 13px;
    line-height: 1.5;
    color: rgba(15, 49, 36, 0.62);
  }

  @media (prefers-reduced-motion: reduce) {
    .sf-mega-link,
    .sf-mega-link__arrow {
      transition: none !important;
    }
  }

  /* ====================================================================
     COMPACT CARD DROPDOWN (Option 2)
     Turns the simple text mega-menus (Partner With Us, Resources, and any
     other plain link list) from a full-width strip into a small card that
     opens directly under its menu item, each link showing a title plus a
     one-line description.

     Scoped with :has(ul.sf-mega-list) so that image / collection mega-menus
     (e.g. a SHOP showcase with product or collection tiles) are left at full
     width and completely untouched. Only the plain text dropdowns become
     cards.
     ==================================================================== */

  /* The header's inner wrapper has overflow:hidden. That is fine for the
     full-width mega-menu (its containing block is the header banner, which
     sits ABOVE this wrapper, so it is never clipped). But the compact card
     is positioned against its own menu item, which lives INSIDE this
     wrapper - so the wrapper would clip the card and it looks like it is
     hiding behind the hero section. Let the header overflow show so the card
     can drop below the header row. The card is width-capped and the
     right-most card opens leftward, so nothing runs off-screen. */
  [class*="header"] #headerContainer > div {
    overflow: visible !important;
  }

  /* Anchor the card to its own menu item (only for the plain-text ones, so
     the full-width mega-menus keep positioning against the header row). */
  [class*="header"] nav[role="navigation"] > ul > li:has(ul.sf-mega-list) {
    position: relative !important;
  }

  [class*="header"] nav[role="navigation"] [data-header-dropdown]:has(ul.sf-mega-list) {
    width: auto !important;
    min-width: 290px !important;
    max-width: 360px !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border: 1px solid #e4e8e2 !important;
    border-top: 3px solid #a3d764 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px rgba(20, 40, 20, 0.15) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* The last menu item sits toward the right, so open its card leftward to
     keep it from running off the edge of the screen. */
  [class*="header"] nav[role="navigation"] > ul > li:last-child [data-header-dropdown]:has(ul.sf-mega-list) {
    left: auto !important;
    right: 0 !important;
  }

  /* Single column of links inside the card. */
  [data-header-dropdown]:has(ul.sf-mega-list) ul.sf-mega-list {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 2px !important;
    width: 100% !important;
    text-align: left !important;
  }

  [data-header-dropdown]:has(ul.sf-mega-list) ul.sf-mega-list > li {
    border: none !important;
  }

  /* Tighter, card-sized rows. */
  [data-header-dropdown]:has(ul.sf-mega-list) .sf-mega-link {
    padding: 11px 14px !important;
    border-radius: 10px !important;
  }

  [data-header-dropdown]:has(ul.sf-mega-list) .sf-mega-link__title {
    font-size: 14px !important;
  }

  [data-header-dropdown]:has(ul.sf-mega-list) .sf-mega-link__blurb {
    font-size: 12px !important;
    margin-top: 3px !important;
  }

  /* Hover arrow is too busy at card size - hide it here. */
  [data-header-dropdown]:has(ul.sf-mega-list) .sf-mega-link__arrow {
    display: none !important;
  }

  /* Mobile sidebar dropdown triggers (Partner With Us, and any future item
     with sub-links): same generic sitewide <button> skin problem as the
     desktop trigger above, but here the sidebar wrapper's own class names
     (.sidebar-nav, data-island) don't match that skin's header/menu escape
     hatch at all, so it applies in full: solid green pill, white uppercase
     text. This stops the skin and lets the sidebar's own existing classes
     (.font-heading on first level, the header font class on second level)
     take back over, rather than replacing them with new hardcoded values. */
  .sf-sidebar-dropdown-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .sf-sidebar-dropdown-trigger,
  .sf-sidebar-dropdown-trigger:hover,
  .sf-sidebar-dropdown-trigger:focus,
  .sf-sidebar-dropdown-trigger:active {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    text-align: left !important;
    transform: none !important;
  }

  .sf-sidebar-dropdown-trigger:not(.sf-sidebar-dropdown-trigger--sub),
  .sf-sidebar-dropdown-trigger:not(.sf-sidebar-dropdown-trigger--sub) * {
    color: #0f3124 !important;
    font-family: var(--heading-font-stack) !important;
    font-weight: var(--heading-font-weight) !important;
    text-transform: var(--heading-capitalize) !important;
  }

  .sf-sidebar-dropdown-trigger--sub,
  .sf-sidebar-dropdown-trigger--sub * {
    color: #0f3124 !important;
    font-family: var(--main-font-stack) !important;
    font-weight: var(--main-font-weight) !important;
    text-transform: none !important;
  }
    /* ====================================================================
     SHOP DROPDOWN - KOLEKSIYON GORSEL KARTLARI
     SHOP menusune koleksiyon eklenince tema, acilir menuyu tam genislikte
     buyuk "showcase" izgarasina cevirip gorselleri ortada asili birakiyor.
     Asagisi, o menuyu Partner With Us / Resources gibi kompakt bir karta
     sokar: her koleksiyon = kucuk urun gorseli (sol) + adi (sag).
     Sadece gorselli (.showcase-tile) acilir menuyu hedefler; metin
     menulerine dokunmaz.
     ==================================================================== */

  /* Karti kendi menu ogesine (SHOP) sabitle */
  [class*="header"] nav[role="navigation"] > ul > li:has(.showcase-tile) {
    position: relative !important;
  }

  /* Tam genislikteki paneli kucuk bir karta donustur */
  [class*="header"] nav[role="navigation"] [data-header-dropdown]:has(.showcase-tile) {
    width: auto !important;
    min-width: 260px !important;
    max-width: 320px !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 8px !important;
    padding: 8px !important;
    border: 1px solid #e4e8e2 !important;
    border-top: 3px solid #a3d764 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px rgba(20, 40, 20, 0.15) !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* Izgarayi tek sutunlu dikey listeye cevir */
  [data-header-dropdown]:has(.showcase-tile) ul.grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 2px !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* Her satiri (li) tam genislige getir, tema bosluklarini sifirla */
  [data-header-dropdown]:has(.showcase-tile) ul.grid > li {
    margin: 0 !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  [data-header-dropdown]:has(.showcase-tile) .showcase-tile {
    width: 100% !important;
  }

  /* Satiri yatay yap: gorsel solda, baslik sagda */
  [data-header-dropdown]:has(.showcase-tile) .showcase-tile a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    height: auto !important;
    transition: background-color 160ms ease;
  }

  [data-header-dropdown]:has(.showcase-tile) .showcase-tile a:hover {
    background: rgba(163, 215, 100, 0.14);
  }

  /* Gorsel kutusu: sabit 52x52 kucuk thumbnail */
  [data-header-dropdown]:has(.showcase-tile) .showcase-tile a > div:first-child {
    position: relative !important;
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #f5f7f3 !important;
  }

  [data-header-dropdown]:has(.showcase-tile) .showcase-tile a > div:first-child img,
  [data-header-dropdown]:has(.showcase-tile) .showcase-tile .media__styled-element {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 4px !important;
    box-sizing: border-box !important;
  }

  /* Baslik: sola yasli, okunakli */
  [data-header-dropdown]:has(.showcase-tile) .showcase-tile a > div:last-child {
    margin: 0 !important;
    flex: 1 1 auto !important;
    text-align: left !important;
    font-family: var(--heading-font-stack) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f3124 !important;
    letter-spacing: -0.01em;
  }
/* END_SECTION:header */
/* START_SECTION:pharmaris-amazon-trust (INDEX:85) */
.phx-amz {
  position: relative;
  isolation: isolate;
  color: var(--phx-amz-ink, #1A1A1A);
  padding: clamp(20px, 4vw, 48px) clamp(16px, 4vw, 40px);
  font-family: 'Gotham Rounded', 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.phx-amz__glow {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
}
.phx-amz__glow-a,
.phx-amz__glow-b {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.18;
}
.phx-amz__glow-a {
  width: 520px;
  height: 520px;
  background: var(--phx-amz-accent);
  top: -180px;
  left: -120px;
}
.phx-amz__glow-b {
  width: 460px;
  height: 460px;
  background: var(--phx-amz-orange);
  bottom: -160px;
  right: -100px;
  opacity: 0.14;
}

.phx-amz__inner {
  position: relative;
  z-index: 1;
  max-width: var(--phx-amz-max-w, 1440px);
  margin: 0 auto;
  background: var(--phx-amz-bg, #F6F8F7);
  border-radius: clamp(20px, 2.4vw, 36px);
  padding: var(--phx-amz-pad-y, 96px) clamp(20px, 5vw, 72px);
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.05);
}
.phx-amz__inner .phx-amz__glow { border-radius: inherit; }

/* ====== HEADER ====== */
.phx-amz__head {
  text-align: center;
  margin-bottom: 56px;
}
.phx-amz__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--phx-amz-accent);
  padding: 7px 14px;
  background: rgba(var(--phx-amz-accent-rgb), 0.08);
  border-radius: 999px;
  margin-bottom: 18px;
}
.phx-amz__eyebrow-icon { color: var(--phx-amz-star); }

.phx-amz__title {
  font-size: clamp(2.1rem, 4.6vw, 3.6rem);
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.022em;
  margin: 0 0 16px;
}
.phx-amz__title-1 { display: block; color: var(--phx-amz-ink); }
.phx-amz__title-2 { display: block; color: var(--phx-amz-accent); }

.phx-amz__subtitle {
  max-width: 640px;
  margin: 0 auto 22px;
  font-size: clamp(1rem, 1.2vw, 1.125rem);
  line-height: 1.55;
  color: var(--phx-amz-muted);
}

.phx-amz__brand-row {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px 8px 16px;
  border-radius: 999px;
  background: var(--phx-amz-dark);
  color: #fff;
  margin-top: 6px;
}
.phx-amz__avail {
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
}
.phx-amz__amz-logo {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  line-height: 1;
}
.phx-amz__amz-text {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1;
}
.phx-amz__amz-smile { margin-top: -3px; }

/* ====== LIVE BAR ====== */
.phx-amz__livebar {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  padding: 9px 18px 9px 14px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 999px;
  margin: 0 auto 36px;
  font-size: 13px;
  color: var(--phx-amz-ink);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2;
}
.phx-amz__live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #DC2626;
  box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.65);
  animation: phx-amz-pulse-red 1.6s cubic-bezier(0.66, 0, 0.34, 1) infinite;
  flex-shrink: 0;
}
.phx-amz__live-label {
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.16em;
  color: #DC2626;
}
.phx-amz__live-sep {
  width: 1px;
  height: 14px;
  background: rgba(0, 0, 0, 0.12);
}
.phx-amz__live-text {
  color: var(--phx-amz-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70vw;
}
.phx-amz__live-count {
  font-weight: 800;
  color: var(--phx-amz-accent);
  font-variant-numeric: tabular-nums;
}

@keyframes phx-amz-pulse-red {
  0%   { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.6); }
  70%  { box-shadow: 0 0 0 12px rgba(220, 38, 38, 0); }
  100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}
@keyframes phx-amz-pulse-green {
  0%   { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55); }
  70%  { box-shadow: 0 0 0 9px rgba(22, 163, 74, 0); }
  100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}
@keyframes phx-amz-pulse-orange {
  0%   { box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.5); }
  70%  { box-shadow: 0 0 0 10px rgba(255, 153, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 153, 0, 0); }
}
@keyframes phx-amz-flash {
  0%   { background: rgba(var(--phx-amz-accent-rgb), 0.18); transform: scale(1.06); }
  100% { background: transparent; transform: scale(1); }
}

.phx-amz__stat-value.is-ticking {
  animation: phx-amz-flash 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  border-radius: 6px;
  padding: 0 4px;
  margin: 0 -4px;
}

/* ====== PULSE DOT ON STATS LABEL ====== */
.phx-amz__pulse-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--phx-amz-orange);
  margin-right: 5px;
  vertical-align: middle;
  box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.5);
  animation: phx-amz-pulse-orange 2s cubic-bezier(0.66, 0, 0.34, 1) infinite;
}

/* ====== STATS ====== */
.phx-amz__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  padding: 24px;
  margin-bottom: 64px;
  background: var(--phx-amz-card-bg);
  border-radius: var(--phx-amz-radius);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.04);
}
.phx-amz__stat {
  text-align: center;
  padding: 18px 12px;
  position: relative;
}
.phx-amz__stat:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 18%;
  height: 64%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.08), transparent);
}
.phx-amz__stat-icon {
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  margin-bottom: 6px;
  color: var(--phx-amz-orange);
}
.phx-amz__stat-number {
  font-size: clamp(2rem, 3.4vw, 2.7rem);
  font-weight: 800;
  color: var(--phx-amz-ink);
  letter-spacing: -0.02em;
  line-height: 1;
  margin-bottom: 8px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
}
.phx-amz__stat-prefix {
  font-size: 0.55em;
  color: var(--phx-amz-accent);
  font-weight: 800;
}
.phx-amz__stat-suffix {
  font-size: 0.5em;
  color: var(--phx-amz-accent);
  font-weight: 800;
  margin-left: 2px;
}
.phx-amz__stat-label {
  font-size: 12.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--phx-amz-ink);
}
.phx-amz__stat-sub {
  margin-top: 4px;
  font-size: 12px;
  color: var(--phx-amz-muted);
}

/* ====== PRODUCT SHOWCASE ====== */
.phx-amz__products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 22px;
  margin-bottom: 32px;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.phx-amz__products[data-count="1"] {
  grid-template-columns: minmax(0, 520px);
  justify-content: center;
}
.phx-amz__products[data-count="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 900px;
}
.phx-amz__products[data-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.phx-amz__product {
  position: relative;
  background: var(--phx-amz-card-bg);
  border-radius: calc(var(--phx-amz-radius) - 4px);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}
.phx-amz__product:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.09);
}

.phx-amz__viewers {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: var(--phx-amz-ink);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}
.phx-amz__viewers-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16A34A;
  box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55);
  animation: phx-amz-pulse-green 1.8s cubic-bezier(0.66, 0, 0.34, 1) infinite;
}
.phx-amz__viewers-count {
  font-weight: 800;
  color: var(--phx-amz-accent);
  font-variant-numeric: tabular-nums;
}

.phx-amz__product-media {
  position: relative;
  aspect-ratio: 4 / 3;
  background: linear-gradient(135deg, #FAFAFA 0%, #F0F2F1 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.phx-amz__product-img {
  width: 72%;
  height: 78%;
  object-fit: contain;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.phx-amz__product:hover .phx-amz__product-img { transform: scale(1.05); }
.phx-amz__product-img--placeholder { opacity: 0.4; }

.phx-amz__choice-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  flex-direction: column;
  background: var(--phx-amz-dark);
  color: #fff;
  padding: 5px 9px;
  border-radius: 6px;
  line-height: 1.05;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
.phx-amz__choice-amazon {
  font-size: 8.5px;
  letter-spacing: 0.02em;
  font-weight: 400;
}
.phx-amz__choice-word {
  font-size: 11.5px;
  font-weight: 700;
}

.phx-amz__bestseller-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--phx-amz-orange);
  color: #fff;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.phx-amz__bestseller-tag {
  background: #fff;
  color: var(--phx-amz-orange);
  font-size: 9px;
  padding: 1px 3px;
  border-radius: 3px;
  font-weight: 900;
}

.phx-amz__choice-badge--img,
.phx-amz__bestseller-badge--img {
  background: transparent;
  padding: 0;
  border-radius: 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  overflow: hidden;
}
.phx-amz__badge-img {
  display: block;
  width: auto;
  height: auto;
  max-width: 92px;
  max-height: 56px;
  object-fit: contain;
}
@media (max-width: 600px) {
  .phx-amz__badge-img { max-width: 76px; max-height: 46px; }
}

.phx-amz__made-badge {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fff;
  color: var(--phx-amz-ink);
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.phx-amz__made-badge svg { color: var(--phx-amz-accent); width: 12px; height: 12px; }

.phx-amz__product-body {
  padding: 20px 22px 24px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  flex: 1;
}

.phx-amz__product-kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--phx-amz-accent);
}

.phx-amz__product-name {
  font-size: 1.08rem;
  font-weight: 800;
  margin: 0;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: var(--phx-amz-ink);
}

.phx-amz__rating {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.phx-amz__stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  color: var(--phx-amz-star);
}
.phx-amz__star { width: 16px; height: 16px; }
.phx-amz__rating-value {
  font-weight: 800;
  color: var(--phx-amz-ink);
  font-size: 14px;
}
.phx-amz__rating-sep {
  color: var(--phx-amz-muted);
  font-size: 14px;
}
.phx-amz__rating-count {
  color: var(--phx-amz-muted);
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: rgba(0, 0, 0, 0.15);
  text-underline-offset: 2px;
}

.phx-amz__bought-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(var(--phx-amz-accent-rgb), 0.08);
  color: var(--phx-amz-ink);
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12.5px;
  width: fit-content;
}
.phx-amz__bought-pill strong { color: var(--phx-amz-accent); font-weight: 800; font-variant-numeric: tabular-nums; }

.phx-amz__product-desc {
  margin: 0;
  font-size: 0.88rem;
  color: var(--phx-amz-muted);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.phx-amz__price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.phx-amz__compare {
  font-size: 0.85rem;
  color: var(--phx-amz-muted);
  text-decoration: line-through;
}
.phx-amz__price {
  font-size: 1.32rem;
  font-weight: 800;
  color: var(--phx-amz-ink);
  letter-spacing: -0.01em;
}
.phx-amz__price-per {
  font-size: 0.78rem;
  color: var(--phx-amz-muted);
}

.phx-amz__product-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 2px;
}

.phx-amz__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex: 1;
}
.phx-amz__btn--amazon {
  background: var(--phx-amz-orange);
  color: var(--phx-amz-dark);
  box-shadow: 0 10px 22px rgba(255, 153, 0, 0.32);
}
.phx-amz__btn--amazon" {
  background: #FFB133;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(255, 153, 0, 0.4);
}
.phx-amz__btn--ghost {
  background: transparent;
  color: var(--phx-amz-ink);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.phx-amz__btn--ghost:hover {
  background: var(--phx-amz-ink);
  color: #fff;
  border-color: var(--phx-amz-ink);
}
.phx-amz__btn--lg {
  padding: 16px 28px;
  font-size: 0.95rem;
}

/* ====== RIBBON ====== */
.phx-amz__ribbon {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 26px clamp(20px, 3vw, 36px);
  background: var(--phx-amz-dark);
  color: #fff;
  border-radius: var(--phx-amz-radius);
  box-shadow: 0 20px 50px rgba(35, 47, 62, 0.25);
  flex-wrap: wrap;
}
.phx-amz__ribbon-left {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  min-width: 260px;
}
.phx-amz__amz-logo--lg .phx-amz__amz-text { font-size: 30px; }
.phx-amz__ribbon-copy { display: flex; flex-direction: column; gap: 2px; }
.phx-amz__ribbon-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.phx-amz__ribbon-text {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
}
.phx-amz__ribbon .phx-amz__btn { flex: 0 0 auto; }

/* ====== Responsive ====== */
@media (max-width: 900px) {
  /* Ürün kartlarının mobilde sıkışmaması için 1fr (alt alta) yapıyoruz ve [data-count] seçicilerini eziyoruz */
  .phx-amz__products,
  .phx-amz__products[data-count="1"],
  .phx-amz__products[data-count="2"],
  .phx-amz__products[data-count="3"] { 
    grid-template-columns: 1fr; 
    max-width: 480px; /* Mobilde kartların aşırı büyümesini engeller, ortalar */
    margin-left: auto;
    margin-right: auto;
  }
  
  .phx-amz__stat:not(:last-child)::after { display: none; }
  .phx-amz__stats { gap: 4px; }
  .phx-amz__ribbon-left { min-width: 100%; }
}

/* Below this the stats grid drops to a single column (auto-fit needs 404px of track
   plus ~112px of container padding), so the reserved icon row would only add dead space. */
@media (max-width: 515px) {
  .phx-amz__stat-icon:empty { display: none; }
}

@media (max-width: 600px) {
  .phx-amz { padding: 70px 16px; }
  .phx-amz__head { margin-bottom: 36px; }
  .phx-amz__stats { padding: 14px; margin-bottom: 40px; }
  .phx-amz__products { margin-bottom: 50px; }
  .phx-amz__reviews-wrap { margin-bottom: 44px; }
  .phx-amz__ribbon { flex-direction: column; align-items: flex-start; text-align: left; }
  .phx-amz__btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .phx-amz__product,
  .phx-amz__product-img,
  .phx-amz__btn { transition: none !important; transform: none !important; }
  .phx-amz__live-dot,
  .phx-amz__pulse-dot,
  .phx-amz__viewers-dot,
  .phx-amz__ticker-dot { animation: none !important; }
  .phx-amz__ticker-row { animation: none !important; }
  .phx-amz__stat-value.is-ticking { animation: none !important; }
}
/* END_SECTION:pharmaris-amazon-trust */