/** Shopify CDN: Minification failed

Line 157:8 Unexpected "{"
Line 157:17 Expected ":"
Line 157:24 Unexpected "{"

**/
/* ============================================================
   BEYTIK PRODUCT PAGE — v13 FINAL
   ✓ pp-purchase-row: qty + ATC same row (via Liquid edit)
   ✓ Selected image border #4999BB
   ✓ Selected variant border #4999BB
   ✓ Variants: 3D, bigger, pro labels
   ✓ No shadows · No popup · Read more description
   ============================================================ */

:root {
  --c:            #4999bb;   /* accent — your brand blue */
  --c-dk:         #346e85;
  --c-bg:         #eef6fa;
  --c-ink:        #111111;
  --c-ink-2:      #444444;
  --c-ink-3:      #999999;
  --c-border:     #e8e8e8;
  --c-white:      #ffffff;
  --c-soft:       #f7f8f9;
  --c-red:        #d63030;
  --c-green:      #1a7a50;
  --c-green-bg:   #eaf7f1;
  --r:            8px;
  --r-lg:         13px;
  --ease:         cubic-bezier(.4,0,.2,1);
}

/* ── zero shadows ─────────────────────────────────────────── */
.product *, .product *::before, .product *::after { box-shadow: none !important; }

/* ── kill popup ───────────────────────────────────────────── */
.product__media-toggle, .product-media-modal__toggle,
button.product__media-toggle, product-modal,
.product-media-modal, [id^="ProductModal"], .zoomImg {
  display: none !important; pointer-events: none !important;
}
.product__media-item a, .product__media-item button {
  pointer-events: none !important; cursor: default !important;
}

/* ── remove card bg ───────────────────────────────────────── */
.product__media-wrapper,
.grid__item.product__media-wrapper {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* ════════════════════════
   MAIN IMAGE
════════════════════════ */
.product__media-item .media,
.product__media-item--full .media {
  border-radius: var(--r-lg) !important;
  border: 1px solid var(--c-border) !important;
  background: var(--c-soft) !important;
  overflow: hidden !important;
}
.product__media-item .media img,
.product__media-item--full .media img {
  object-fit: cover !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  transition: transform .5s var(--ease) !important;
}

/* ════════════════════════
   THUMBNAILS — accent border on selected
════════════════════════ */
.thumbnail-slider__item .media,
.product__media-list--thumbnail .product__media-item .media {
  border-radius: var(--r) !important;
  border: 2.5px solid var(--c-border) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: var(--c-soft) !important;
  transition: border-color .2s var(--ease), transform .2s var(--ease) !important;
}
/* ★ SELECTED IMAGE = accent border */
.thumbnail-slider__item.is-active .media,
.thumbnail-slider__item:hover .media,
.product__media-list--thumbnail .product__media-item.is-active .media,
.product__media-list--thumbnail .product__media-item:hover .media {
  border-color: var(--c) !important;
  transform: translateY(-2px) !important;
}
.thumbnail-slider__item .media img,
.product__media-list--thumbnail .product__media-item .media img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
}

/* ════════════════════════
   INFO CONTAINER
════════════════════════ */
.product__info-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}
.product__info-container > * { margin: 0 !important; }
.product__info-container > * { animation: ppIn .38s var(--ease) both; }
.product__info-container > *:nth-child(1) { animation-delay: .04s; }
.product__info-container > *:nth-child(2) { animation-delay: .08s; }
.product__info-container > *:nth-child(3) { animation-delay: .12s; }
.product__info-container > *:nth-child(4) { animation-delay: .16s; }
.product__info-container > *:nth-child(5) { animation-delay: .20s; }
.product__info-container > *:nth-child(6) { animation-delay: .24s; }
.product__info-container > *:nth-child(7) { animation-delay: .28s; }
@keyframes ppIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ════════════════════════
   VENDOR / TITLE / PRICE
════════════════════════ */
.product__text {
  font-size: 10px !important; font-weight: 700 !important;
  letter-spacing: 2px !important; text-transform: uppercase !important;
  color: var(--c) !important;
}
.product__title { margin: 0 !important; }
.product__title h1 {
  font-size: clamp(20px, 2.4vw, 34px) !important;
  font-weight: 800 !important; line-height: 1.2 !important;
  color: var(--c-ink) !important; margin: 0 !important; letter-spacing: -.5px !important;
}
.product__title a.product__title { display: none !important; }

.price--large .price__regular .price-item--regular,
.price--large .price__sale   .price-item--sale {
  font-size: clamp(20px, 2vw, 28px) !important;
  font-weight: 700 !important; color: var(--c-ink) !important; letter-spacing: -.3px !important;
}
.price--large .price__sale .price-item--regular {
  font-size: 15px !important; color: var(--c-ink-3) !important;
  text-decoration: line-through !important; font-weight: 400 !important;
}
.price__badge-sale {
  background: var(--c-red) !important; color: #fff !important;
  font-size: 10px !important; font-weight: 700 !important;
  padding: 3px 9px !important; border-radius: 50px !important;
  margin-left: 6px !important; letter-spacing: .5px !important; text-transform: uppercase !important;
}
.product__tax { font-size: 11px !important; color: var(--c-ink-3) !important; margin-top: -6px !important; }
.product__tax a { color: var(--c-ink-3) !important; text-decoration: underline !important; }
#price-{{ section.id }} { padding-bottom: 14px !important; border-bottom: 1px solid var(--c-border) !important; }

/* ════════════════════════
   BADGES / INVENTORY
════════════════════════ */
.badge { font-size: 10px !important; font-weight: 700 !important; padding: 4px 11px !important; border-radius: 50px !important; letter-spacing: .5px !important; text-transform: uppercase !important; }
.badge--on-sale  { background: var(--c-red) !important; color: #fff !important; }
.badge--sold-out { background: var(--c-ink) !important; color: #fff !important; }
.product__inventory {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 5px 13px !important; border-radius: 50px !important;
  font-size: 12px !important; font-weight: 600 !important; width: fit-content !important;
  background: var(--c-green-bg) !important; color: var(--c-green) !important; border: 1px solid #b8e6d4 !important;
}

/* ════════════════════════
   VARIANT PICKER — 3D PRO
════════════════════════ */
.product-form__input, fieldset.product-form__input {
  border: none !important; padding: 0 !important; margin: 0 !important;
}

/* Legend: bigger, bold */
.product-form__input legend,
fieldset.product-form__input legend {
  display: block !important;
  float: none !important;
  width: 100% !important;
  font-size: 15px !important;          /* BIGGER label */
  font-weight: 700 !important;
  color: var(--c-ink) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
}

/* Selected value shown in accent color */
.product-form__input legend .swatch__footer,
.product-form__input legend em,
.product-form__input legend span.selected-value {
  color: var(--c) !important;
  font-style: normal !important;
}

.swatch-list {
  display: flex !important; flex-wrap: wrap !important; gap: 9px !important;
  list-style: none !important; padding: 0 !important; margin: 0 !important;
}
.swatch-input__input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }

/* ── BUTTON VARIANTS — 3D raised ── */
.swatch--button .swatch-input__label,
.swatch-input--button .swatch-input__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 60px !important;
  padding: 12px 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%) !important;
  color: var(--c-ink) !important;
  border: 1px solid #cccccc !important;
  border-bottom: 3px solid #aaaaaa !important;
  border-radius: var(--r) !important;
  font-size: 14px !important;           /* BIGGER text */
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all .15s var(--ease) !important;
  white-space: nowrap !important;
  position: relative !important;
  top: 0 !important;
  letter-spacing: .1px !important;
}
.swatch--button .swatch-input__label:hover,
.swatch-input--button .swatch-input__label:hover {
  border-color: var(--c) !important;
  border-bottom-color: var(--c-dk) !important;
  color: var(--c) !important;
  top: -1px !important;
}
/* ★ SELECTED BUTTON = accent #4999BB */
.swatch--button .swatch-input__input:checked + .swatch-input__label,
.swatch-input--button .swatch-input__input:checked + .swatch-input__label {
  background: linear-gradient(180deg, #62b2d0 0%, var(--c) 100%) !important;
  color: #ffffff !important;
  border: 1px solid var(--c-dk) !important;
  border-bottom: 3px solid #275f75 !important;
  font-weight: 700 !important;
  top: 1px !important;
}
.swatch--button .swatch-input__input:disabled + .swatch-input__label,
.swatch-input--button .swatch-input__input:disabled + .swatch-input__label {
  opacity: .25 !important; cursor: not-allowed !important; text-decoration: line-through !important;
}

/* ── COLOR SWATCHES — bigger circles, accent ring ── */
.swatch--circle .swatch-input__label,
.swatch-input--swatch .swatch-input__label {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  border: 2.5px solid #d0d0d0 !important;
  position: relative !important;
  cursor: pointer !important;
  transition: transform .18s var(--ease), border-color .15s !important;
}
/* White swatch */
.swatch--circle .swatch-input__label[style*="255, 255, 255"],
.swatch--circle .swatch-input__label[style*="white"],
.swatch--circle .swatch-input__label[style*="#fff"],
.swatch--circle .swatch-input__label[style*="#ffffff"] { border-color: #bbbbbb !important; }

/* ★ SELECTED SWATCH = accent ring #4999BB */
.swatch--circle .swatch-input__input:checked + .swatch-input__label,
.swatch-input--swatch .swatch-input__input:checked + .swatch-input__label {
  border-color: var(--c) !important;
  outline: 3px solid var(--c) !important;
  outline-offset: 2px !important;
  transform: scale(1.1) !important;
}
/* Checkmark */
.swatch--circle .swatch-input__input:checked + .swatch-input__label::after,
.swatch-input--swatch .swatch-input__input:checked + .swatch-input__label::after {
  content: '' !important;
  position: absolute !important; top: 50% !important; left: 50% !important;
  width: 9px !important; height: 5px !important;
  border-left: 2.5px solid #fff !important; border-bottom: 2.5px solid #fff !important;
  transform: translate(-50%,-60%) rotate(-45deg) !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5)) !important;
}
.swatch--circle .swatch-input__label:hover,
.swatch-input--swatch .swatch-input__label:hover { transform: scale(1.12) !important; border-color: var(--c) !important; }
.swatch--circle .swatch-input__input:disabled + .swatch-input__label { opacity: .22 !important; cursor: not-allowed !important; }

/* ════════════════════════
   QUANTITY WIDGET
════════════════════════ */
.quantity__label.form__label { display: none !important; }
.quantity {
  display: inline-flex !important; align-items: stretch !important;
  height: 50px !important;
  border: 1.5px solid var(--c-border) !important;
  border-radius: var(--r) !important;
  overflow: hidden !important;
  background: var(--c-white) !important;
  flex-shrink: 0 !important;
}
.quantity__button {
  width: 44px !important; height: 100% !important;
  background: var(--c-soft) !important; color: var(--c-ink) !important;
  border: none !important; font-size: 20px !important; font-weight: 300 !important;
  cursor: pointer !important; display: flex !important; align-items: center !important;
  justify-content: center !important; transition: background .14s !important; flex-shrink: 0 !important;
}
.quantity__button:hover { background: #e2e2e2 !important; }
.quantity__input {
  width: 46px !important; height: 100% !important; text-align: center !important;
  border: none !important;
  border-left: 1.5px solid var(--c-border) !important;
  border-right: 1.5px solid var(--c-border) !important;
  font-size: 15px !important; font-weight: 700 !important;
  color: var(--c-ink) !important; background: var(--c-white) !important;
  -moz-appearance: textfield !important;
}
.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button { -webkit-appearance: none !important; }
.quantity__rules, .quantity__rules-cart { font-size: 11px !important; color: var(--c-ink-3) !important; }

/* ════════════════════════
   PP-PURCHASE-ROW
   (rendered by buy-buttons.liquid)
   qty + ATC side by side
════════════════════════ */
.pp-purchase-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  padding-top: 6px !important;
}
.pp-qty-wrap {
  flex-shrink: 0 !important;
}

/* Add to Cart button */
.pp-atc-btn {
  flex: 1 !important;
  height: 50px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: var(--r) !important;
  background: var(--c-ink) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .18s var(--ease), transform .18s !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
.pp-atc-btn:hover:not(:disabled) {
  background: #2a2a2a !important;
  transform: translateY(-1px) !important;
}
.pp-atc-btn:disabled {
  background: #e0e0e0 !important;
  color: var(--c-ink-3) !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Buy It Now — below the row */
.pp-buynow-wrap {
  width: 100% !important;
  margin-top: 10px !important;
  display: block !important;
}
.shopify-payment-button { width: 100% !important; }
.shopify-payment-button__button {
  border-radius: var(--r) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  min-height: 52px !important;
  width: 100% !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  transition: opacity .2s, transform .18s !important;
}
.shopify-payment-button__button--unbranded {
  background: var(--c) !important;
  color: #fff !important;
  border: none !important;
}
.shopify-payment-button__button--unbranded:hover {
  opacity: .88 !important;
  transform: translateY(-1px) !important;
}

/* Mobile: stack */
@media screen and (max-width: 480px) {
  .pp-purchase-row { flex-direction: column !important; }
  .pp-qty-wrap .quantity { width: 100% !important; justify-content: center !important; }
  .pp-atc-btn { width: 100% !important; height: 52px !important; }
}

/* ════════════════════════
   DESCRIPTION — Read more
════════════════════════ */
.product__description.rte {
  font-size: 14px !important; color: var(--c-ink-2) !important;
  line-height: 1.8 !important; max-height: none !important;
  overflow: visible !important; background: none !important;
  border: none !important; padding: 0 !important;
}
.pp-desc-wrap { overflow: hidden !important; max-height: 130px !important; transition: max-height .45s var(--ease) !important; position: relative !important; }
.pp-desc-wrap.pp-expanded { max-height: 3000px !important; }
.pp-desc-wrap::after {
  content: '' !important; position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important; height: 60px !important;
  background: linear-gradient(to bottom, transparent, #fff) !important;
  pointer-events: none !important; transition: opacity .3s !important;
}
.pp-desc-wrap.pp-expanded::after { opacity: 0 !important; }
.pp-read-more {
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  margin-top: 8px !important; font-size: 13px !important; font-weight: 600 !important;
  color: var(--c) !important; background: none !important; border: none !important;
  cursor: pointer !important; padding: 0 !important; transition: color .18s !important;
}
.pp-read-more:hover { color: var(--c-dk) !important; }
.pp-read-more svg { transition: transform .3s var(--ease) !important; }
.pp-read-more.pp-open svg { transform: rotate(180deg) !important; }

.product__description.rte p { margin-bottom: 10px !important; }
.product__description.rte p:last-child { margin-bottom: 0 !important; }
.product__description.rte ul, .product__description.rte ol { padding-left: 18px !important; margin-bottom: 10px !important; }
.product__description.rte li { margin-bottom: 5px !important; }
.product__description.rte li:empty, .product__description.rte p:empty { display: none !important; }
.product__description.rte h2, .product__description.rte h3, .product__description.rte h4 {
  font-weight: 700 !important; color: var(--c-ink) !important; margin: 14px 0 6px !important; font-size: 14px !important;
}
.product__description.rte a { color: var(--c) !important; }
.product__description.rte strong { color: var(--c-ink) !important; font-weight: 700 !important; }

/* ════════════════════════
   ACCORDIONS / MISC
════════════════════════ */
.product__accordion { border-top: 1px solid var(--c-border) !important; }
.product__accordion summary {
  padding: 14px 0 !important; font-weight: 600 !important; font-size: 14px !important;
  cursor: pointer !important; color: var(--c-ink) !important; list-style: none !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  transition: color .18s !important;
}
.product__accordion summary:hover { color: var(--c) !important; }
.accordion__content { padding: 0 0 16px !important; font-size: 14px !important; color: var(--c-ink-2) !important; line-height: 1.75 !important; }

.rating-wrapper { display: flex !important; align-items: center !important; gap: 8px !important; }
.product__sku { font-size: 11px !important; color: var(--c-ink-3) !important; }
.product__view-details { display: none !important; }
.installment { font-size: 12px !important; color: var(--c-ink-2) !important; }