
.user-menu-container[data-v-1db168b8] {
  position: relative;
}
.custom-dropdown-menu[data-v-1db168b8] {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: block;
  min-width: 160px;
  padding: 5px 0;
  background-color: #fff;
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
}
.custom-dropdown-item[data-v-1db168b8] {
  padding: 8px 16px;
  color: #333 !important;
  text-decoration: none;
  display: block;
}
.custom-dropdown-item[data-v-1db168b8]:hover {
  background-color: #f8f9fa;
  color: #007bff;
  text-decoration: none;
}

/* height:100dvh (with a 100vh fallback for old engines): on iOS Safari 100vh is
   the LARGE viewport — taller than what is visible behind the browser toolbar.
   Combined with overflow:hidden that pushed .spcr-footer (the checkout button)
   below the visible area with no way to scroll to it, so customers on real
   iPhones could not reach /checkout at all. */
.spcr[data-v-dec9b54c] { display:flex; flex-direction:column; width:100%; height:100vh; height:100dvh; overflow:hidden; direction:rtl; color:var(--sp-cart-text); background:var(--sp-cart-surface); font-family:Assistant,Arial,sans-serif; font-size:14px;
}
.spcr.spcr--preview[data-v-dec9b54c] { height:100%; min-height:0;
}
.spcr *[data-v-dec9b54c] { box-sizing:border-box;
}
.spcr > .spcr-header[data-v-dec9b54c] { position:relative!important; inset:auto!important; z-index:1!important; flex:0 0 auto; width:100%!important; max-width:none!important; height:auto!important; padding:15px 14px 10px; border-bottom:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent); background:var(--sp-cart-surface);
}
.spcr-title-row[data-v-dec9b54c] { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:8px;
}
.spcr-close[data-v-dec9b54c] { display:grid!important; place-items:center; width:34px!important; height:34px!important; padding:0!important; border:0!important; border-radius:50%!important; background:color-mix(in srgb,var(--sp-cart-title) 7%,transparent)!important; color:var(--sp-cart-title)!important; font-size:24px; line-height:1; cursor:pointer;
}
.spcr-title[data-v-dec9b54c] { display:flex; align-items:center; gap:8px; color:var(--sp-cart-title);
}
.spcr-title i[data-v-dec9b54c] { color:var(--sp-cart-accent); font-size:17px;
}
.spcr-title h2[data-v-dec9b54c] { margin:0; font-size:22px; font-weight:800;
}
.spcr-count[data-v-dec9b54c] { padding:5px 9px; border-radius:999px; background:color-mix(in srgb,var(--sp-cart-accent) 12%,transparent); color:var(--sp-cart-accent); font-size:12px; font-weight:800;
}
.spcr-account-row[data-v-dec9b54c] { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:30px; margin-top:8px; font-size:13px;
}
.spcr-auth[data-v-dec9b54c],.spcr-head-actions[data-v-dec9b54c] { display:flex; align-items:center; gap:8px;
}
.spcr-auth a[data-v-dec9b54c] { color:var(--sp-cart-title); text-decoration:none;
}
.spcr-head-actions button[data-v-dec9b54c] { padding:4px 0; border:0; background:transparent; color:color-mix(in srgb,var(--sp-cart-text) 74%,transparent); font-size:12px; cursor:pointer;
}
.spcr-smart-hero[data-v-dec9b54c] { display:grid; grid-template-columns:68px 1fr; align-items:center; gap:12px; margin-top:12px; padding:12px; border-radius:14px; background:color-mix(in srgb,var(--sp-cart-accent) 6%,var(--sp-cart-surface));
}
.spcr-smart-hero>div[data-v-dec9b54c]:last-child { display:grid; gap:7px;
}
.spcr-smart-hero strong[data-v-dec9b54c] { color:var(--sp-cart-title); font-size:14px;
}
.spcr-smart-hero small[data-v-dec9b54c] { font-size:12px;
}
.spcr-shipping-ring[data-v-dec9b54c] { display:grid; place-items:center; width:62px; height:62px; border-radius:50%; background:radial-gradient(circle,var(--sp-cart-surface) 57%,transparent 59%),conic-gradient(var(--sp-cart-accent) var(--spcr-ring),color-mix(in srgb,var(--sp-cart-accent) 12%,transparent) 0);
}
.spcr-shipping-ring b[data-v-dec9b54c] { color:var(--sp-cart-title); font-size:13px;
}
.spcr-impact-hero[data-v-dec9b54c] { position:relative; display:grid; justify-items:center; align-content:center; gap:2px; min-height:112px; margin-top:12px; padding:14px; overflow:hidden; border-radius:14px; color:var(--sp-cart-banner-text,var(--sp-cart-button-text)); background-color:var(--sp-cart-accent); background-position:center; background-size:cover; box-shadow:0 9px 24px color-mix(in srgb,var(--sp-cart-accent) 24%,transparent); text-shadow:0 2px 8px rgba(0,0,0,.42); isolation:isolate;
}
.spcr-impact-hero[data-v-dec9b54c]:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(120deg,color-mix(in srgb,var(--sp-cart-accent) 22%,transparent),transparent 65%); pointer-events:none;
}
.spcr-impact-name[data-v-dec9b54c] { padding:3px 8px; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(0,0,0,.14); font-weight:800; backdrop-filter:blur(5px);
}
.spcr-impact-hero strong[data-v-dec9b54c] { font-size:26px; line-height:1.05;
}
.spcr-impact-hero small[data-v-dec9b54c],.spcr-impact-hero span[data-v-dec9b54c] { font-size:12px;
}
.spcr-body[data-v-dec9b54c] { position:relative; flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:10px 10px 18px; background:var(--sp-cart-surface);
}
.spcr-body[data-v-dec9b54c]::-webkit-scrollbar { width:5px;
}
.spcr-body[data-v-dec9b54c]::-webkit-scrollbar-thumb { border-radius:99px; background:color-mix(in srgb,var(--sp-cart-title) 20%,transparent);
}
.spcr-shipping-card[data-v-dec9b54c] { display:grid; gap:7px; margin-bottom:9px; padding:12px; border:1px solid color-mix(in srgb,var(--sp-cart-accent) 22%,transparent); border-radius:13px; background:color-mix(in srgb,var(--sp-cart-accent) 5%,var(--sp-cart-surface));
}
.spcr-shipping-card>div[data-v-dec9b54c]:first-child { display:flex; align-items:center; gap:8px; color:var(--sp-cart-accent); font-size:14px;
}
.spcr-shipping-card small[data-v-dec9b54c] { font-size:12px; opacity:.75;
}
.spcr-meter[data-v-dec9b54c] { height:5px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--sp-cart-accent) 13%,transparent);
}
.spcr-meter span[data-v-dec9b54c] { display:block; height:100%; border-radius:inherit; background:var(--sp-cart-accent); transition:width .25s ease;
}
.spcr-impact-prompt[data-v-dec9b54c] { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px; margin-bottom:9px; padding:10px; border:1px solid color-mix(in srgb,var(--sp-cart-accent) 25%,transparent); border-radius:12px; color:var(--sp-cart-promo-text,var(--sp-cart-accent));
}
.spcr-impact-prompt>span[data-v-dec9b54c] { display:grid;
}
.spcr-impact-prompt strong[data-v-dec9b54c] { font-size:14px;
}
.spcr-impact-prompt small[data-v-dec9b54c] { color:var(--sp-cart-text); font-size:12px; line-height:1.35;
}
.spcr-impact-prompt a[data-v-dec9b54c] { color:var(--sp-cart-promo-text,var(--sp-cart-accent)); font-size:11px; font-weight:800;
}
.spcr-progress-list[data-v-dec9b54c] { display:grid; gap:8px; margin-bottom:9px;
}
.spcr-progress-card[data-v-dec9b54c] { display:grid; gap:7px; padding:11px; border:1px solid color-mix(in srgb,var(--sp-cart-accent) 22%,transparent); border-radius:12px; background:color-mix(in srgb,var(--sp-cart-accent) 5%,var(--sp-cart-surface));
}
.spcr-progress-copy[data-v-dec9b54c] { display:grid; gap:3px; font-size:13px; line-height:1.35;
}
.spcr-progress-copy>strong[data-v-dec9b54c],.spcr-progress-copy b[data-v-dec9b54c] { color:var(--sp-cart-promo-text,var(--sp-cart-accent));
}
.spcr-progress-copy span[data-v-dec9b54c] { display:grid; gap:2px;
}
.spcr-progress-actions[data-v-dec9b54c] { display:flex; justify-content:space-between; align-items:center; gap:8px;
}
.spcr-progress-actions button[data-v-dec9b54c] { padding:7px 10px; border:0; border-radius:8px; background:var(--sp-cart-accent); color:var(--sp-cart-button-text); font-size:12px; font-weight:800;
}
.spcr-progress-actions a[data-v-dec9b54c] { color:var(--sp-cart-promo-text,var(--sp-cart-accent)); font-size:11px; font-weight:800;
}
.spcr-items[data-v-dec9b54c] { display:grid; gap:0;
}
.spcr-item[data-v-dec9b54c] { position:relative!important; display:grid!important; grid-template-columns:68px 1fr auto!important; align-items:center!important; gap:9px!important; min-height:88px; margin:0!important; padding:10px 7px!important; border:0!important; border-bottom:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important;
}
.spcr-image[data-v-dec9b54c] { display:grid!important; place-items:center!important; width:66px!important; height:66px!important; overflow:hidden!important; padding:4px!important; border:1px solid color-mix(in srgb,var(--sp-cart-title) 9%,#fff)!important; border-radius:12px!important; background:#fff!important; box-shadow:0 3px 12px rgba(15,23,42,.08)!important;
}
.spcr-image img[data-v-dec9b54c] { display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; padding:0!important; border-radius:8px!important; object-fit:contain!important; object-position:center!important; background:transparent!important; transform:scale(1.08);
}
.spcr-item-copy[data-v-dec9b54c] { display:grid; gap:2px; min-width:0;
}
.spcr-item-copy>strong[data-v-dec9b54c] { display:-webkit-box; overflow:hidden; color:var(--sp-cart-title); font-size:14px; line-height:1.3; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.spcr-item-copy>small[data-v-dec9b54c] { font-size:11px; opacity:.72;
}
.spcr-qty[data-v-dec9b54c] { display:grid!important; grid-template-columns:31px minmax(34px,auto) 31px; align-items:center; width:max-content; margin-top:7px; padding:0!important; border:1px solid color-mix(in srgb,var(--sp-cart-title) 13%,transparent); border-radius:999px!important; overflow:hidden;
}
.spcr-qty .action[data-v-dec9b54c] { display:grid!important; place-items:center; width:31px!important; height:30px!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--sp-cart-accent)!important; font-size:18px!important; cursor:pointer;
}
.spcr-qty .count[data-v-dec9b54c] { padding:0 6px; color:var(--sp-cart-title); text-align:center; font-size:14px; font-weight:800;
}
.spcr-delete[data-v-dec9b54c] { position:absolute!important; top:7px!important; left:5px!important; display:grid!important; place-items:center; width:22px!important; height:22px!important; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; color:#94a3b8!important; font-size:18px!important; cursor:pointer;
}
.spcr-price[data-v-dec9b54c] { align-self:end; display:grid; justify-items:end; gap:2px; min-width:68px; padding-bottom:3px; color:var(--sp-cart-title)!important; font-size:14px!important; font-weight:800;
}
.spcr-original[data-v-dec9b54c] { color:#94a3b8; font-size:11px; text-decoration:line-through;
}
.spcr-final[data-v-dec9b54c] { color:var(--sp-cart-promo-text,var(--sp-cart-accent));
}
.spcr-price small[data-v-dec9b54c] { padding:3px 6px; border-radius:999px; background:color-mix(in srgb,var(--sp-cart-accent) 12%,transparent); color:var(--sp-cart-promo-text,var(--sp-cart-accent)); font-size:10px;
}
.spcr--smart .spcr-items[data-v-dec9b54c],.spcr--impact .spcr-items[data-v-dec9b54c] { gap:8px;
}
.spcr--smart .spcr-item[data-v-dec9b54c],.spcr--impact .spcr-item[data-v-dec9b54c] { border:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent)!important; border-radius:12px!important; background:var(--sp-cart-box)!important; box-shadow:0 3px 12px rgba(15,23,42,.05)!important;
}
.spcr--impact .spcr-item[data-v-dec9b54c] { min-height:94px;
}
.spcr-recommendations[data-v-dec9b54c] { display:grid; gap:8px; margin-top:12px; padding-top:11px; border-top:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent);
}
.spcr-rec-head[data-v-dec9b54c] { display:flex; justify-content:space-between; align-items:end;
}
.spcr-rec-head strong[data-v-dec9b54c] { color:var(--sp-cart-title); font-size:14px;
}
.spcr-rec-head small[data-v-dec9b54c] { font-size:11px; opacity:.68;
}
.spcr-rec-grid[data-v-dec9b54c] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px;
}
.spcr-rec-grid article[data-v-dec9b54c] { display:grid; justify-items:center; gap:4px; min-width:0; padding:7px 5px; border:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent); border-radius:11px; background:var(--sp-cart-surface);
}
.spcr-rec-grid img[data-v-dec9b54c] { width:58px; height:52px; padding:4px; border:1px solid #eef0f3; border-radius:9px; object-fit:contain; object-position:center; background:#fff;
}
.spcr-rec-grid strong[data-v-dec9b54c] { display:-webkit-box; width:100%; min-height:31px; overflow:hidden; color:var(--sp-cart-title); text-align:center; font-size:12px; line-height:1.3; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.spcr-rec-grid span[data-v-dec9b54c] { color:var(--sp-cart-title); font-size:13px; font-weight:800;
}
.spcr-rec-grid button[data-v-dec9b54c] { padding:5px 9px; border:1px solid var(--sp-cart-accent); border-radius:999px; background:transparent; color:var(--sp-cart-accent); font-size:11px; font-weight:800;
}
.spcr-empty[data-v-dec9b54c] { display:grid; justify-items:center; align-content:center; gap:8px; min-height:100%; padding:30px; text-align:center;
}
.spcr-empty>span[data-v-dec9b54c] { display:grid; place-items:center; width:74px; height:74px; border-radius:50%; background:color-mix(in srgb,var(--sp-cart-accent) 10%,transparent); color:var(--sp-cart-accent); font-size:30px;
}
.spcr-empty h3[data-v-dec9b54c] { margin:5px 0 0; color:var(--sp-cart-title); font-size:18px;
}
.spcr-empty p[data-v-dec9b54c] { margin:0; font-size:11px; opacity:.7;
}
.spcr-empty button[data-v-dec9b54c] { margin-top:5px; padding:9px 18px; border:0; border-radius:999px; background:var(--sp-cart-accent); color:var(--sp-cart-button-text); font-weight:800;
}
.spcr-footer[data-v-dec9b54c] { flex:0 0 auto; display:grid; gap:8px; padding:11px 12px 13px; padding-bottom:calc(13px + env(safe-area-inset-bottom, 0px)); border-top:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent); background:var(--sp-cart-surface); box-shadow:0 -9px 26px rgba(15,23,42,.07);
}
.spcr-totals[data-v-dec9b54c] { display:grid; grid-template-columns:repeat(3,1fr); gap:5px;
}
.spcr-totals span[data-v-dec9b54c] { display:grid; gap:1px;
}
.spcr-totals small[data-v-dec9b54c] { font-size:10px; opacity:.68;
}
.spcr-totals b[data-v-dec9b54c] { color:var(--sp-cart-title); font-size:13px;
}
.spcr-totals .spcr-saving b[data-v-dec9b54c] { color:var(--sp-cart-promo-text,var(--sp-cart-accent));
}
.spcr-trust[data-v-dec9b54c] { display:flex; justify-content:center; gap:15px; font-size:10px; opacity:.72;
}
.spcr-trust i[data-v-dec9b54c] { color:var(--sp-cart-accent);
}
.spcr-checkout[data-v-dec9b54c] { display:grid; grid-template-columns:20px 1fr auto; align-items:center; gap:8px; min-height:48px; padding:0 14px; border-radius:12px; background:var(--sp-cart-accent); color:var(--sp-cart-button-text)!important; text-decoration:none!important; font-size:15px; font-weight:800; box-shadow:0 8px 20px color-mix(in srgb,var(--sp-cart-accent) 24%,transparent);
}
.spcr-checkout b[data-v-dec9b54c] { font-size:16px;
}
.spcr-confirm[data-v-dec9b54c] { position:absolute; inset:0; z-index:20; display:grid; place-items:center; padding:18px; background:rgba(15,23,42,.55); backdrop-filter:blur(4px);
}
.spcr-confirm>div[data-v-dec9b54c] { display:grid; justify-items:center; gap:9px; width:100%; padding:24px 18px; border-radius:16px; background:var(--sp-cart-surface); text-align:center; box-shadow:0 24px 60px rgba(15,23,42,.2);
}
.spcr-confirm>div>span[data-v-dec9b54c] { display:grid; place-items:center; width:52px; height:52px; border-radius:50%; background:#fef2f2; color:#dc2626;
}
.spcr-confirm h3[data-v-dec9b54c] { margin:0; color:var(--sp-cart-title); font-size:18px;
}
.spcr-confirm p[data-v-dec9b54c] { margin:0 0 4px; font-size:11px;
}
.spcr-confirm button[data-v-dec9b54c] { width:100%; padding:9px; border-radius:9px; font-weight:800;
}
.spcr-danger[data-v-dec9b54c] { border:0; background:#dc2626; color:#fff;
}
.spcr-cancel[data-v-dec9b54c] { border:1px solid color-mix(in srgb,var(--sp-cart-title) 14%,transparent); background:transparent; color:var(--sp-cart-title);
}
.spcr-suggestions-overlay[data-v-dec9b54c] { position:fixed; inset:0; z-index:10010; display:flex; justify-content:flex-end; background:rgba(15,23,42,.48);
}
.spcr-suggestions[data-v-dec9b54c] { width:min(420px,100%); height:100%; overflow:auto; padding:16px; background:var(--sp-cart-surface); box-shadow:-12px 0 38px rgba(15,23,42,.18);
}
.spcr-suggestions>header[data-v-dec9b54c] { position:sticky; top:-16px; z-index:2; display:flex; justify-content:space-between; align-items:center; margin:-16px -16px 12px; padding:16px; border-bottom:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent); background:var(--sp-cart-surface);
}
.spcr-suggestions>header div[data-v-dec9b54c] { display:grid; gap:2px;
}
.spcr-suggestions>header strong[data-v-dec9b54c] { color:var(--sp-cart-title);
}
.spcr-suggestions>header small[data-v-dec9b54c] { font-size:10px;
}
.spcr-suggestions>header button[data-v-dec9b54c] { width:32px; height:32px; border:0; border-radius:50%; background:color-mix(in srgb,var(--sp-cart-title) 7%,transparent); color:var(--sp-cart-title); font-size:21px;
}
.spcr-suggestion-list[data-v-dec9b54c] { display:grid; gap:8px;
}
.spcr-suggestion-list article[data-v-dec9b54c] { display:grid; grid-template-columns:55px 1fr auto; align-items:center; gap:9px; padding:8px; border:1px solid color-mix(in srgb,var(--sp-cart-title) 10%,transparent); border-radius:11px;
}
.spcr-suggestion-list img[data-v-dec9b54c] { width:55px; height:55px; padding:4px; border:1px solid #eef0f3; border-radius:9px; object-fit:contain; object-position:center; background:#fff;
}
.spcr-suggestion-list article>div[data-v-dec9b54c] { display:grid; gap:2px; min-width:0;
}
.spcr-suggestion-list strong[data-v-dec9b54c] { overflow:hidden; color:var(--sp-cart-title); text-overflow:ellipsis; white-space:nowrap; font-size:11px;
}
.spcr-suggestion-list span[data-v-dec9b54c] { color:var(--sp-cart-accent); font-size:10px; font-weight:800;
}
.spcr-suggestion-list article>button[data-v-dec9b54c] { padding:6px 9px; border:0; border-radius:8px; background:var(--sp-cart-accent); color:var(--sp-cart-button-text); font-size:10px; font-weight:800;
}
.spcr-suggestion-state[data-v-dec9b54c] { padding:40px 12px; text-align:center; font-size:11px; opacity:.7;
}
@media(max-width:1024px){.spcr[data-v-dec9b54c]{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));}.spcr-body[data-v-dec9b54c]{padding-bottom:16px;}}
@media(max-width:450px){.spcr[data-v-dec9b54c]{height:100vh;height:100dvh;}.spcr-header[data-v-dec9b54c]{padding-top:12px;}.spcr-rec-grid[data-v-dec9b54c]{grid-template-columns:repeat(3,minmax(0,1fr));}}
