/* ═══════════════════════════════════════════════════════════════════
   Nuggela & Sulé — Cart Drawer Overrides
   Covers both legacy FKCart markup and active Necta/NS side-cart (`ns-sc-*`).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Active Necta/NS side-cart: upsell plus + checkout hover ───── */
body.ns-design-v1 .ns-sc-upsells__add {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: var(--ink, #1a1a1a) !important;
  color: #fff !important;
  display: inline-grid !important;
  place-items: center !important;
  position: relative !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: background .14s ease, transform .14s ease, box-shadow .14s ease !important;
}

body.ns-design-v1 .ns-sc-upsells__add::before,
body.ns-design-v1 .ns-sc-upsells__add::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  display: block !important;
  background: currentColor !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
}

body.ns-design-v1 .ns-sc-upsells__add::before {
  width: 13px !important;
  height: 2px !important;
}

body.ns-design-v1 .ns-sc-upsells__add::after {
  width: 2px !important;
  height: 13px !important;
}

body.ns-design-v1 .ns-sc-upsells__add:hover,
body.ns-design-v1 .ns-sc-upsells__add:focus-visible {
  background: var(--orange, #e86d31) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(232, 109, 49, .26) !important;
  opacity: 1 !important;
}

body.ns-design-v1 .ns-sc-upsells__add:active {
  transform: translateY(0) !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .16) !important;
}

body.ns-design-v1 .ns-sc-checkout {
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

body.ns-design-v1 .ns-sc-checkout:hover,
body.ns-design-v1 .ns-sc-checkout:focus-visible {
  background: var(--orange, #e86d31) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 36px rgba(232, 109, 49, .28) !important;
}

body.ns-design-v1 .ns-sc-checkout:hover *,
body.ns-design-v1 .ns-sc-checkout:focus-visible * {
  color: #fff !important;
  stroke: currentColor !important;
}

body.ns-design-v1 .ns-sc-checkout:active {
  transform: translateY(0) !important;
}

/* ── FKCart CSS variable overrides ────────────────────────────── */
#fkcart-modal {
  --fkcart-primary-bg-color:     var(--ink, #1a1a1a);
  --fkcart-primary-font-color:   #fff;
  --fkcart-primary-text-color:   var(--ink, #1a1a1a);
  --fkcart-secondary-text-color: var(--muted, #888);
  --fkcart-border-color:         var(--line, rgba(0,0,0,.08));
  --fkcart-border-radius:        12px;
  --fkcart-panel-color:          var(--paper, #FBF7F1);
  --fkcart-accent-color:         var(--orange-deep, #B84F1C);
  font-family: var(--sans, 'Inter', sans-serif) !important;
}

/* ── Backdrop ─────────────────────────────────────────────────── */
#fkcart-modal .fkcart-modal-backdrop {
  background: rgba(21, 17, 13, 0.45) !important;
  backdrop-filter: blur(2px);
}

/* ── Drawer panel ─────────────────────────────────────────────── */
#fkcart-modal .fkcart-preview-ui {
  background: var(--paper, #FBF7F1) !important;
  box-shadow: -20px 0 60px rgba(0,0,0,.18) !important;
  max-width: 440px !important;
}

/* ── HEADER ───────────────────────────────────────────────────── */
#fkcart-modal .fkcart-slider-header {
  background: #fff !important;
  border-bottom: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  padding: 18px 22px 14px !important;
}

#fkcart-modal .fkcart-slider-heading {
  align-items: center !important;
  padding-bottom: 0 !important;
}

#fkcart-modal .fkcart-slider-heading .fkcart-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: var(--ink, #1a1a1a) !important;
  font-family: var(--display, 'Fraunces', serif) !important;
  line-height: 1.2 !important;
}

#fkcart-modal .fkcart-slider-heading .fkcart-title span {
  font-size: 13px !important;
  font-family: var(--sans, 'Inter', sans-serif) !important;
  font-weight: 500 !important;
  color: var(--muted, #888) !important;
}

/* Close button — circular with border */
#fkcart-modal .fkcart-modal-close {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: var(--ink, #1a1a1a) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background .12s !important;
}
#fkcart-modal .fkcart-modal-close:hover {
  background: var(--paper-2, #F5EFE5) !important;
}

/* ── REWARD PROGRESS BAR ──────────────────────────────────────── */
#fkcart-modal .fkcart-reward-panel {
  background: #fff !important;
  border-bottom: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-top: none !important;
  padding: 16px 22px 22px !important;
}

#fkcart-modal .fkcart-reward-message {
  font-size: 12px !important;
  color: var(--muted, #888) !important;
  font-weight: 500 !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}

/* Progress bar (the bar itself) */
#fkcart-modal .fkcart-progress-wrap,
#fkcart-modal .fkcart-progress-bar-bg {
  background: var(--paper-3, #EDE3D3) !important;
  border-radius: 99px !important;
  overflow: visible !important;
  height: 4px !important;
  position: relative !important;
}

#fkcart-modal .fkcart-progress-bar,
#fkcart-modal .fkcart-progress-bar-fill,
#fkcart-modal .fkcart-progress-value {
  background: var(--orange, #E86D31) !important;
  border-radius: 99px !important;
  height: 4px !important;
}

/* Milestone badges sitting on the bar */
#fkcart-modal .fkcart-rewards,
#fkcart-modal .fkcart-reward-item-wrap {
  position: relative !important;
  margin-top: -14px !important;
  height: 44px !important;
}

#fkcart-modal .fkcart-reward-item {
  position: absolute !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  transform: translateX(-50%) !important;
}

#fkcart-modal .fkcart-reward-item .fkcart-reward-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: var(--paper-3, #EDE3D3) !important;
  border: 2px solid #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--muted, #888) !important;
  transition: all .2s !important;
}

#fkcart-modal .fkcart-reward-item.is-activated .fkcart-reward-icon {
  background: var(--orange, #E86D31) !important;
  color: #fff !important;
}

#fkcart-modal .fkcart-reward-item .fkcart-reward-text {
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--muted, #888) !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

#fkcart-modal .fkcart-reward-item.is-activated .fkcart-reward-text {
  color: var(--ink, #1a1a1a) !important;
}

/* ── SCROLLABLE BODY ──────────────────────────────────────────── */
#fkcart-modal .fkcart-slider-body {
  background: var(--paper, #FBF7F1) !important;
  padding: 0 !important;
}

/* item-wrap container (items.php wraps all items in .fkcart-item-wrap) */
#fkcart-modal .fkcart-item-wrap {
  padding: 0 22px !important;
}

/* ── INDIVIDUAL ITEM: .fkcart--item.fkcart-panel ─────────────── */
/* Layout (matches design: image L | meta+price top, qty+remove bottom) */
#fkcart-modal .fkcart-item-wrap .fkcart--item {
  display: grid !important;
  grid-template-columns: 70px 1fr !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  padding: 14px 0 !important;
  margin-bottom: 0 !important;
  border-top: 1px solid var(--line, rgba(0,0,0,.06)) !important;
  border-bottom: none !important;
  align-items: flex-start !important;
  background: transparent !important;
  position: relative !important;
}

#fkcart-modal .fkcart-item-wrap .fkcart--item:first-child {
  border-top: none !important;
}

/* Thumbnail wrap — fixed 70×70 column */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  position: relative !important;
  flex-shrink: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

/* The <a class="fkcart-image-wrapper"> built in front.php */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-image-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 70px !important;
  height: 70px !important;
  background: linear-gradient(160deg, var(--paper-2, #F5EFE5), var(--paper-3, #EDE3D3)) !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  padding: 5px !important;
  box-sizing: border-box !important;
}

#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-image-wrapper img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply;
  display: block !important;
  border-radius: 0 !important;
  background: none !important;
  padding: 0 !important;
}

/* Remove X → repositioned as "Usuń" link at bottom-right of item.
   The X SVG is hidden, replaced with text "Usuń" via ::after.        */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-remove-item {
  position: absolute !important;
  top: auto !important;
  bottom: 16px !important;
  right: 0 !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: var(--muted, #888) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-family: var(--sans) !important;
  z-index: 1 !important;
  transition: color .12s !important;
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-remove-item:hover {
  color: var(--ink, #1a1a1a) !important;
}
/* Hide the original X SVG */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-remove-item span,
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-remove-item svg {
  display: none !important;
}
/* Inject "🗑 Usuń" text */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-remove-item::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/><path d='M10 11v6M14 11v6'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6'/><path d='M10 11v6M14 11v6'/></svg>") no-repeat center / contain;
}
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-thumb-wrap .fkcart-remove-item::after {
  content: "Usuń";
}

/* Right column info — restructured grid:
   row 1: meta-content (eyebrow) + name + variant | price (top-right)
   row 2: qty stepper | remove ("Usuń" is absolute on item)            */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-info {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  gap: 6px 12px !important;
  min-width: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding-right: 60px !important; /* space for absolute "Usuń" */
}

/* Title + meta block — top-left */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-meta {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title-price {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

/* Product name */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title-price a,
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title-price > a:first-child,
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-title {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ink, #1a1a1a) !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  display: block !important;
  font-family: var(--sans) !important;
}

/* Variant / meta — e.g. "Pojemność: 100ml" */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-meta-content {
  font-size: 11px !important;
  color: var(--muted, #888) !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

/* "Wybierz opcje" link — hide (visual noise) */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-select-options,
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-meta-content:has(.fkcart-select-options) {
  display: none !important;
}

/* Price — top-right */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-misc {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
  align-self: flex-start !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
}

#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-item-price {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ink, #1a1a1a) !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  text-align: right !important;
  font-family: var(--display, 'Fraunces', serif) !important;
}

/* Qty stepper — bottom-left, spanning row 2 */
#fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-qty-wrap {
  grid-column: 1 / 3 !important;
  grid-row: 2 / 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

/* Qty stepper — pill */
#fkcart-modal .fkcart-quantity-selector {
  background: #fff !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 99px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
}

#fkcart-modal .fkcart-quantity-selector .fkcart-quantity-button {
  background: transparent !important;
  border: 0 !important;
  color: var(--ink, #1a1a1a) !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

#fkcart-modal .fkcart-quantity-selector .fkcart-quantity__input {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ink, #1a1a1a) !important;
  width: 28px !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
}

/* ── UPSELL / FREQUENTLY BOUGHT TOGETHER ─────────────────────── */
#fkcart-modal .fkcart-carousel-wrap,
#fkcart-modal .fkcart-upsell-style1 {
  margin: 14px 22px 0 !important;
  padding: 16px !important;
  background: #fff !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

/* Heading "Często kupowane razem" */
#fkcart-modal .fkcart-upsell-heading,
#fkcart-modal .fkcart--item-heading {
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: var(--display, 'Fraunces', serif) !important;
  color: var(--ink, #1a1a1a) !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  text-align: left !important;
  background: transparent !important;
  border: 0 !important;
  letter-spacing: -0.01em !important;
}

/* Carousel container — flat list */
#fkcart-modal .fkcart-carousel,
#fkcart-modal .fkcart-carousel__viewport,
#fkcart-modal .fkcart-carousel__container {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Single upsell item — re-layout: thumb | (name + meta + price) | + button */
#fkcart-modal .fkcart-carousel-wrap .fkcart--item,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item {
  display: grid !important;
  grid-template-columns: 54px 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  border-top: 1px solid var(--line, rgba(0,0,0,.05)) !important;
  background: transparent !important;
}

#fkcart-modal .fkcart-carousel-wrap .fkcart--item:first-of-type,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
}

/* Upsell image — smaller framed card */
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-image-wrapper,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-image-wrapper {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(160deg, var(--paper-2, #F5EFE5), var(--paper-3, #EDE3D3)) !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-image-wrapper img,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-image-wrapper img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply;
}

#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-item-info,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-item-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
  padding: 0 !important;
}

#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-item-info a,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-item-info a {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--ink, #1a1a1a) !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-item-misc {
  display: none !important; /* price comes from inside item info instead */
}

/* Upsell "Dodaj" → circular dark + button */
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-add-product-button,
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-button,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-add-product-button,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  background: var(--ink, #1a1a1a) !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 0 !important; /* hide "Dodaj" text */
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  transition: background .14s ease, transform .14s ease, box-shadow .14s ease !important;
}
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-add-product-button:hover,
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-add-product-button:focus-visible,
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-button:hover,
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-button:focus-visible,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-add-product-button:hover,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-add-product-button:focus-visible,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-button:hover,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-button:focus-visible {
  background: var(--orange, #E86D31) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 20px rgba(232,109,49,.24) !important;
}
/* Inject + icon */
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-add-product-button::before,
#fkcart-modal .fkcart-carousel-wrap .fkcart--item .fkcart-button::before,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-add-product-button::before,
#fkcart-modal .fkcart-upsell-style1 .fkcart--item .fkcart-button::before {
  content: "+";
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -52%) !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #fff !important;
  font-family: var(--sans) !important;
}

/* ── Hide "Continue Shopping" link below CTA ───────────────────── */
#fkcart-modal .fkcart-shopping-link {
  display: none !important;
}

/* ── COUPON AREA ──────────────────────────────────────────────── */
#fkcart-modal .fkcart-coupon-area {
  border: 0 !important;
  border-bottom: none !important;
  padding: 14px 22px 4px !important;
}

#fkcart-modal .fkcart-coupon-area .fkcart-coupon-head {
  background: #fff !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  width: 100%;
}

#fkcart-modal .fkcart-coupon-area .fkcart-coupon-title {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ink, #1a1a1a) !important;
}

#fkcart-modal .fkcart-coupon-area .fkcart-coupon-icon {
  color: var(--orange, #E86D31) !important;
}

#fkcart-modal .fkcart-coupon-area #fkcart-coupon__input {
  height: 38px !important;
  border: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  padding: 0 12px !important;
  background: #fff !important;
  font-family: var(--sans) !important;
  max-height: 38px !important;
}

#fkcart-modal .fkcart-coupon-area .fkcart-coupon-button {
  height: 38px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  background: var(--ink, #1a1a1a) !important;
  color: #fff !important;
  border-color: var(--ink, #1a1a1a) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--sans) !important;
  max-height: 38px !important;
}

/* Applied coupon badge */
#fkcart-modal .fkcart-coupon-applied,
#fkcart-modal .fkcart-coupon-code-wrapper {
  background: rgba(232,109,49,.08) !important;
  border: 1px dashed var(--orange-deep, #B84F1C) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
}

/* ── STICKY FOOTER ────────────────────────────────────────────── */
#fkcart-modal .fkcart-slider-footer {
  background: #fff !important;
  border-top: 1px solid var(--line, rgba(0,0,0,.08)) !important;
  padding: 14px 22px 18px !important;
  box-shadow: 0 -8px 24px rgba(0,0,0,.04) !important;
}

/* ── ORDER SUMMARY ROWS ───────────────────────────────────────── */
#fkcart-modal .fkcart-order-summary {
  margin-bottom: 12px !important;
  padding: 0 !important;
}

#fkcart-modal .fkcart-order-summary .fkcart-summary-line-item {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  padding: 3px 0 !important;
}

#fkcart-modal .fkcart-order-summary .fkcart-summary-text {
  font-size: 13px !important;
  color: var(--muted, #888) !important;
  font-weight: 500 !important;
}

#fkcart-modal .fkcart-order-summary .fkcart-summary-amount {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ink, #1a1a1a) !important;
}

/* Shipping tax text note */
#fkcart-modal .fkcart-order-summary .fkcart-shipping-tax-calculation-text {
  font-size: 11px !important;
  color: var(--muted, #888) !important;
}

/* ── CHECKOUT CTA BUTTON ──────────────────────────────────────── */
#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button {
  background: var(--ink, #1a1a1a) !important;
  border-radius: 12px !important;
  width: 100% !important;
  height: 52px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-family: var(--sans, 'Inter', sans-serif) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 20px !important;
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button:hover,
#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button:focus-visible {
  background: var(--orange, #E86D31) !important;
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(232,109,49,.26) !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.16) !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button .fkcart-checkout--text {
  color: #fff !important;
  margin: 0 !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button .fkcart-checkout--price * {
  color: #fff !important;
}

#fkcart-modal .fkcart-checkout-wrap #fkcart-checkout-button .fkcart-checkout--icon path {
  fill: #fff !important;
}

/* ── SCROLLBAR ─────────────────────────────────────────────────── */
#fkcart-modal ::-webkit-scrollbar        { width: 4px !important; }
#fkcart-modal ::-webkit-scrollbar-thumb  { background: var(--paper-3, #EDE3D3) !important; border-radius: 99px !important; }
#fkcart-modal ::-webkit-scrollbar-track  { background: transparent !important; }