/** Shopify CDN: Minification failed

Line 207:12 Unexpected "{"
Line 415:48 Expected identifier but found "rgb("

**/
/* =============================================================
   pdp-section.css  â€”  Sea Buckthorn PDP  |  Shopify Horizon
   Load via: {{ 'pdp-section.css' | asset_url | stylesheet_tag }}
============================================================= */

/* â”€â”€ Tokens â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.pdp-section-wrapper {
  --font-display: "DM Serif Display", Georgia, serif;
  --font-body:    "DM Sans", "Helvetica Neue", sans-serif;

  --pdp-text-xs:   clamp(0.72rem,  0.68rem + 0.2vw,  0.82rem);
  --pdp-text-sm:   clamp(0.84rem,  0.78rem + 0.3vw,  0.95rem);
  --pdp-text-base: clamp(0.95rem,  0.9rem  + 0.25vw, 1.05rem);
  --pdp-text-lg:   clamp(1.1rem,   1rem    + 0.6vw,  1.35rem);
  --pdp-text-xl:   clamp(1.45rem,  1.1rem  + 1.1vw,  2rem);

  --pdp-sp1:.25rem;  --pdp-sp2:.5rem;  --pdp-sp3:.75rem;
  --pdp-sp4:1rem;    --pdp-sp5:1.25rem;--pdp-sp6:1.5rem;
  --pdp-sp8:2rem;    --pdp-sp10:2.5rem;--pdp-sp12:3rem;

  --pdp-bg:          #f9f8f5;
  --pdp-surface:     #ffffff;
  --pdp-surface-off: #f4f2ee;
  --pdp-border:      rgba(70,55,15,.11);
  --pdp-divider:     rgba(70,55,15,.07);
  --pdp-text:        #1c1910;
  --pdp-muted:       #69645e;
  --pdp-faint:       #b0aba3;

  --pdp-primary:       #e07b29;
  --pdp-primary-h:     #c86820;
  --pdp-primary-light: #fef3e8;
  --pdp-primary-bdr:   #f5c896;
  --pdp-success:       #2d7a44;

  --pdp-rad-sm:.375rem; --pdp-rad-md:.5rem; --pdp-rad-lg:.75rem;
  --pdp-rad-xl:1rem;    --pdp-rad-2xl:1.5rem; --pdp-rad-full:9999px;

  --pdp-sh-sm: 0 1px 3px rgba(60,40,10,.07);
  --pdp-sh-md: 0 4px 14px rgba(60,40,10,.09);

  --pdp-ease: 160ms cubic-bezier(.16,1,.3,1);
}

/* â”€â”€ Breadcrumb â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.pdp-breadcrumb {
  padding: var(--pdp-sp3) var(--pdp-sp6);
  font-size: var(--pdp-text-xs);
  color: var(--pdp-muted);
  border-bottom: 1px solid var(--pdp-divider);
  font-family: var(--font-body);
}
.pdp-breadcrumb a { color: var(--pdp-muted); text-decoration: none; transition: color var(--pdp-ease); }
.pdp-breadcrumb a:hover { color: var(--pdp-primary); }
.pdp-breadcrumb span { margin: 0 var(--pdp-sp2); color: var(--pdp-faint); }

/* â”€â”€ Layout â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.pdp-layout {
  margin: 0 auto;
  padding: var(--pdp-sp10) var(--pdp-sp6);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pdp-sp12);
  align-items: start;
  font-family: var(--font-body);
}

/* â”€â”€ Gallery â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.pdp-gallery { position: sticky; top: 80px; }

.pdp-gallery__main {
  background: #181510;
  border-radius: var(--pdp-rad-2xl);
  overflow: hidden;
  aspect-ratio: 1 / 1.05;
  position: relative;
  cursor: zoom-in;
}
.pdp-gallery__main img {
  width: 100%; height: 100%; object-fit: cover;
  transition: opacity .28s ease, transform .5s ease;
}
.pdp-gallery__main:hover img { transform: scale(1.03); }

.pdp-gallery__zoom-hint {
  position: absolute; bottom: var(--pdp-sp3); right: var(--pdp-sp3);
  background: rgba(0,0,0,.45); color: #fff;
  font-size: var(--pdp-text-xs); padding: 3px var(--pdp-sp3);
  border-radius: var(--pdp-rad-full); backdrop-filter: blur(6px);
  opacity: 0; transition: opacity var(--pdp-ease); pointer-events: none;
}
.pdp-gallery__main:hover .pdp-gallery__zoom-hint { opacity: 1; }
.pdp-gallery__placeholder { width:100%;height:100%;object-fit:cover; }

.pdp-gallery__thumbs {
  display: flex; gap: var(--pdp-sp3); margin-top: var(--pdp-sp3);
}
.pdp-gallery__thumb {
  flex: 1; aspect-ratio: 1; border-radius: var(--pdp-rad-lg);
  overflow: hidden; cursor: pointer;
  border: 2px solid transparent; background: none; padding: 0;
  transition: border-color var(--pdp-ease), transform var(--pdp-ease);
}
.pdp-gallery__thumb.is-active { border-color: var(--pdp-primary); }
.pdp-gallery__thumb:hover:not(.is-active) { border-color: var(--pdp-primary-bdr); transform: translateY(-2px); }
.pdp-gallery__thumb img { width:100%;height:100%;object-fit:cover; }

/* â”€â”€ Product Info â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
.pdp-info { display: flex; flex-direction: column; gap: 8px; }

/* Badges */
.pdp-badges { display: flex; gap: var(--pdp-sp2); flex-wrap: wrap; }
.pdp-badge {
  display: inline-flex; align-items: center;
  padding: 3px var(--pdp-sp3); border-radius: var(--pdp-rad-full);
  font-size: var(--pdp-text-xs); font-weight: 600;
  letter-spacing: .02em; font-family: var(--font-body);
}
.pdp-badge--orange { background:#fff0de;color: rgb(255, 140, 66);border:1px solid rgb(255, 140, 66); }
.pdp-badge--green  { background:#e8f5ee;color:#1a5e35;border:1px solid #9ed4b4; }
.pdp-badge--red    { background:#fdecea;color:#b91c1c;border:1px solid #fca5a5; }
.pdp-badge--pulse  { animation: pdp-pulse 2s ease infinite; }
@keyframes pdp-pulse { 0%,100%{opacity:1} 50%{opacity:.65} }

/* Title */
.pdp-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.15;
  color: var(--pdp-text);
  margin: 0
}

/* Rating */
.pdp-rating {
  display: flex; align-items: center; gap: var(--pdp-sp3); flex-wrap: wrap;
}
.pdp-rating__stars { display:flex;gap:1px; }
.pdp-star { color:#e8c23e;font-size:1rem; }
.pdp-star--half { opacity:.6; }
.pdp-star--empty { color:#ddd; }
.pdp-rating__score { font-weight:700;font-size:var(--pdp-text-sm); }
.pdp-rating__sep   { color:var(--pdp-faint); }
.pdp-rating__count {
  color:var(--pdp-muted);font-size:var(--pdp-text-sm);
  border-bottom:1px dashed var(--pdp-faint);text-decoration:none;
  transition:color var(--pdp-ease),border-color var(--pdp-ease);
}
.pdp-rating__count:hover { color:var(--pdp-primary);border-color:var(--pdp-primary); }

/* Divider */
.pdp-divider { border:none;border-top:1px solid var(--pdp-divider); }

/* Price */
.pdp-price__row {
  display: flex; align-items: baseline; gap: var(--pdp-sp4); flex-wrap: wrap;
}
.pdp-price__current {
  /* font-family: var(--font-display); */
  font-size: 36px;
  font-weight: 600;
  color: var(--pdp-text);
}
.pdp-price__orig { font-size:var(--pdp-text-base);color:var(--pdp-muted); }
.pdp-price__save {
  background:#e8f5ee;color:#1e6e3c;
  border-radius:var(--pdp-rad-full);padding:2px 10px;
  font-size:var(--pdp-text-xs);font-weight:700;
}
.pdp-price-vol { font-size:var(--pdp-text-sm);color:var(--pdp-muted);margin-top:3px; }

/* Variants */
.pdp-variant-group { margin-bottom: var(--pdp-sp2); }
.pdp-variant-label { font-size:var(--pdp-text-sm);font-weight:700;margin-bottom:var(--pdp-sp3); }
.pdp-variant-options { display:flex;gap:var(--pdp-sp2);flex-wrap:wrap; }
.pdp-variant-btn {
  padding: var(--pdp-sp2) var(--pdp-sp4);
  border-radius: var(--pdp-rad-lg);
  border: 1.5px solid var(--pdp-border);
  font-size: var(--pdp-text-sm); font-weight: 500;
  color: var(--pdp-muted); cursor: pointer; background: var(--pdp-surface);
  transition: border-color var(--pdp-ease), color var(--pdp-ease), background var(--pdp-ease);
  font-family: var(--font-body);
}
.pdp-variant-btn:hover { border-color:var(--pdp-primary-bdr);color:var(--pdp-primary); }
.pdp-variant-btn.is-active {
  border-color:var(--pdp-primary);background:var(--pdp-primary-light);
  color:var(--pdp-primary);font-weight:700;
}
.pdp-variant-btn.is-sold-out { opacity:.45;cursor:not-allowed; }

.pdp-desc{
    margin-bottom: 20px
}
.pdp-desc h1,
.pdp-desc h2,
.pdp-desc h3,
.pdp-desc h4,
.pdp-desc h5,
.pdp-desc h6,
.pdp-desc p,{
    margin: 0;
}

/* Benefits */
/* .pdp-benefits__label { font-size:var(--pdp-text-sm);font-weight:700;margin-bottom:var(--pdp-sp3); }
.pdp-benefits__grid  { display:grid;grid-template-columns:1fr 1fr;gap:var(--pdp-sp2) var(--pdp-sp4);list-style:none;padding:0; }
.pdp-benefit-item    { display:flex;align-items:center;gap:var(--pdp-sp2);font-size:var(--pdp-text-sm); }
.pdp-benefit-dot     { width:8px;height:8px;border-radius:50%;flex-shrink:0; } */

  .benefits-heading {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.5rem, 2.5vw, 2.1rem);
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 6px;
  }

  .benefits-subtext {
    text-align: center;
    color: #9a8f80;
    font-size: 0.875rem;
    margin-bottom: 36px;
  }

  .benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }

  .benefit-tile {
    background: #ffffff;
    border: 1px solid #ede8e0;
    border-radius: 12px;
    padding: 14px 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: transform 160ms ease, box-shadow 160ms ease;
  }

  .benefit-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(180,120,40,0.09);
  }

  .benefit-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #fff5e8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
  }

  .benefit-icon svg {
    width: 16px;
    height: 16px;
    stroke: #d97706;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .benefit-title {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.3;
  }

  .benefit-desc {
    font-size: 0.72rem;
    color: #9a8f80;
    line-height: 1.5;
  }

  /* Accent tile */
  .benefit-tile--accent {
    background: linear-gradient(135deg, #e8780a, #f59e0b);
    border-color: transparent;
  }
  .benefit-tile--accent .benefit-icon {
    background: rgba(255,255,255,0.22);
  }
  .benefit-tile--accent .benefit-icon svg { stroke: #fff; }
  .benefit-tile--accent .benefit-title { color: #fff; }
  .benefit-tile--accent .benefit-desc  { color: rgba(255,255,255,0.82); }

  @media (max-width: 800px) {
    .benefits-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  }
  @media (max-width: 540px) {
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
  }

/* Purchase options */
.pdp-purchase-options__label { font-size:var(--pdp-text-sm);font-weight:700;margin-bottom:var(--pdp-sp3); }
.pdp-po-list { display:flex;flex-direction:column;gap:var(--pdp-sp3); }
.pdp-po-card {
  display: flex; align-items: center; justify-content: space-between;
  border: 1.5px solid var(--pdp-border); border-radius: var(--pdp-rad-lg);
  padding: var(--pdp-sp4) var(--pdp-sp5); cursor: pointer;
  position: relative;
  transition: border-color var(--pdp-ease), background var(--pdp-ease), box-shadow var(--pdp-ease);
}
.pdp-po-card:hover { border-color:var(--pdp-primary-bdr);box-shadow:var(--pdp-sh-sm); }
.pdp-po-card.is-selected {
  border-color:var(--pdp-primary);background:var(--pdp-primary-light);
  box-shadow: 0 0 0 3px rgba(224,123,41,.1);
}
.pdp-po-card__title { font-size:var(--pdp-text-sm);font-weight:700; }
.pdp-po-card__sub   { font-size:var(--pdp-text-xs);color:var(--pdp-muted);margin-top:2px; }
.pdp-po-radio {
  width:20px;height:20px;border-radius:50%;
  border:2px solid var(--pdp-border);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  transition:border-color var(--pdp-ease),background var(--pdp-ease);
  pointer-events:none;
}
.pdp-po-card.is-selected .pdp-po-radio {
  border-color:var(--pdp-primary);background:var(--pdp-primary);
}
.pdp-po-card.is-selected .pdp-po-radio::after {
  content:"";width:7px;height:7px;border-radius:50%;background:#fff;
}
.pdp-po-savetag {
  position:absolute;top:-1px;right:14px;
  background:var(--pdp-primary);color:#fff;
  font-size:10px;font-weight:700;padding:2px 10px;
  border-radius:0 0 var(--pdp-rad-sm) var(--pdp-rad-sm);
}

/* Add to Cart Row */
.pdp-atc-row { display:flex;gap:var(--pdp-sp3);align-items:center; }
.pdp-qty {
  display:flex;align-items:center;
  border:1.5px solid var(--pdp-border);border-radius:var(--pdp-rad-lg);
  overflow:hidden;height:52px;background:var(--pdp-surface);
}
.pdp-qty__btn {
  width:46px;height:52px;display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--pdp-muted);cursor:pointer;background:none;border:none;
  font-family:var(--font-body);
  transition:color var(--pdp-ease),background var(--pdp-ease);
}
.pdp-qty__btn:hover { background:var(--pdp-surface-off);color:var(--pdp-text); }
.pdp-qty__input {
  width:42px;text-align:center;font-weight:700;font-size:var(--pdp-text-sm);
  border:none;border-left:1px solid var(--pdp-divider);border-right:1px solid var(--pdp-divider);
  background:transparent;font-family:var(--font-body);color:var(--pdp-text);
  -moz-appearance:textfield;
}
.pdp-qty__input::-webkit-outer-spin-button,
.pdp-qty__input::-webkit-inner-spin-button { -webkit-appearance:none; }

.pdp-btn-atc {
  flex:1;height:52px;
  background:var(--pdp-primary);color:#fff;
  font-weight:700;font-size:var(--pdp-text-sm);font-family:var(--font-body);
  border-radius:var(--pdp-rad-lg);border:none;
  display:flex;align-items:center;justify-content:center;gap:var(--pdp-sp2);
  box-shadow:0 3px 10px rgba(224,123,41,.28);cursor:pointer;
  transition:background var(--pdp-ease),box-shadow var(--pdp-ease),transform var(--pdp-ease);
  position:relative;overflow:hidden;
}
.pdp-btn-atc:hover { background:var(--pdp-primary-h);box-shadow:0 5px 18px rgba(224,123,41,.35); }
.pdp-btn-atc:active { transform:scale(.985); }
.pdp-btn-atc:disabled { opacity:.55;cursor:not-allowed;box-shadow:none; }
.pdp-btn-atc.is-loading .pdp-btn-atc__text { opacity:0; }
.pdp-btn-atc.is-loading .pdp-btn-atc__spinner { display:flex !important; position:absolute; }

.pdp-spinner { animation:pdp-spin .8s linear infinite; }
@keyframes pdp-spin { to{transform:rotate(360deg)} }

.pdp-form-error {
  color:#b91c1c;font-size:var(--pdp-text-sm);margin-top:var(--pdp-sp2);
}

/* Save & Share */
.pdp-sec-row { display:grid;grid-template-columns:1fr 1fr;gap:var(--pdp-sp3); }
.pdp-btn-sec {
  height:44px;border:1.5px solid var(--pdp-border);border-radius:var(--pdp-rad-lg);
  font-size:var(--pdp-text-sm);font-weight:600;font-family:var(--font-body);
  color:var(--pdp-muted);cursor:pointer;background:var(--pdp-surface);
  display:flex;align-items:center;justify-content:center;gap:var(--pdp-sp2);
  transition:border-color var(--pdp-ease),color var(--pdp-ease),background var(--pdp-ease);
}
.pdp-btn-sec:hover { border-color:var(--pdp-primary-bdr);color:var(--pdp-primary);background:var(--pdp-primary-light); }
.pdp-btn-sec.is-saved { border-color:var(--pdp-primary);color:var(--pdp-primary);background:var(--pdp-primary-light); }
.pdp-btn-sec.is-saved .pdp-heart-icon { fill:var(--pdp-primary);stroke:var(--pdp-primary); }

/* Trust Grid */
.pdp-trust-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pdp-sp2); }
.pdp-trust-item {
  display:flex;flex-direction:column;align-items:center;gap:var(--pdp-sp2);
  text-align:center;padding:var(--pdp-sp4) var(--pdp-sp2);
  transition:background var(--pdp-ease),box-shadow var(--pdp-ease);
}
.pdp-trust-icon {
    width:40px;height:40px;background:rgb(255, 245, 237);border-radius:var(--pdp-rad-md);
    display:flex;align-items:center;justify-content:center;box-shadow:var(--pdp-sh-sm);
}
.pdp-trust-icon svg{ stroke: rgb(255, 140, 66); }
.pdp-trust-label { font-size:var(--pdp-text-xs);rgb(255, 140, 66);font-weight:600; }

/* Utility */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0; }

/* â”€â”€ Responsive â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
@media(max-width:900px){
  .pdp-layout { grid-template-columns:1fr;gap:var(--pdp-sp8); }
  .pdp-gallery { position:static; }
  .pdp-atc-row {position: fixed;bottom: 0;left: 0;width: 100%;background-color: white;z-index: 9;padding: 20px;box-shadow: 2px -4px 20px #00000017;border-top: 1px solid #dadada; justify-content: center;}
  .pdp-btn-atc {max-width: 620px;}
}
@media(max-width:600px){
  .pdp-layout { padding:var(--pdp-sp6) var(--pdp-sp4); }
  .pdp-breadcrumb { padding:var(--pdp-sp3) var(--pdp-sp4); }
  .pdp-trust-grid { grid-template-columns:repeat(3,1fr); }
}