@font-face { font-family: Geist; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/geist-400.woff2") format("woff2"); }
@font-face { font-family: Geist; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/geist-500.woff2") format("woff2"); }
@font-face { font-family: Geist; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/geist-600.woff2") format("woff2"); }
@font-face { font-family: Geist; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/geist-700.woff2") format("woff2"); }
:root { --wccp-font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --wccp-mono: 'Geist Mono', ui-monospace, SFMono-Regular, 'JetBrains Mono', Menlo, Consolas, monospace; }
.wccp-sc { --sc-brand: #2BD08A; --sc-brand-2: #1FA86C; --sc-accent: #1B4332; --sc-paper: #FFFFFF; --sc-bg: #F6F4EE; --sc-bg-2: #FBF9F3; --sc-ink: #19231E; --sc-ink-2: #586660; --sc-ink-3: #69736B; --sc-line: #ECE7DC; --sc-line-2: #DED7C8; --sc-live: #1FA86C; --sc-live-bg: #E7F6EE; --sc-danger: #C2410C; --sc-sh-lg: -24px 0 60px -22px rgba(20,40,25,.4); font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: var(--sc-font,16px); line-height: normal; color: var(--sc-ink); }
.wccp-sc, .wccp-sc * { box-sizing: border-box; }
.wccp-sc [hidden] { display: none !important; }
.wccp-sc button { font-family: inherit; cursor: pointer; }
.wccp-sc h2, .wccp-sc h3, .wccp-sc h4 { color: inherit; }
.wccp-sc .num { font-variant-numeric: tabular-nums; }
html.wccp-sc-lock { overflow: hidden; }
.wccp-sc-scrim { position: fixed; inset: 0px; background: rgba(18, 28, 20, 0.42); backdrop-filter: blur(2px); z-index: 99989; opacity: 0; pointer-events: none; transition: opacity 0.26s; }
.wccp-sc.is-open .wccp-sc-scrim { opacity: 1; pointer-events: auto; }
.wccp-sc--nodim .wccp-sc-scrim { background: transparent; backdrop-filter: none; }
.wccp-sc-drawer { position: fixed; top: 0px; right: 0px; bottom: 0px; width: 420px; max-width: calc(-40px + 100vw); background: var(--sc-paper); z-index: 99991; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.32s; box-shadow: none; }
.wccp-sc.is-open .wccp-sc-drawer { transform: none; box-shadow: var(--sc-sh-lg); }
body.admin-bar .wccp-sc-drawer { top: 32px; }
@media screen and (max-width: 782px){body.admin-bar .wccp-sc-drawer { top: 0px; }}
@media (prefers-reduced-motion: reduce){.wccp-sc-drawer, .wccp-sc-scrim, .wccp-sc-bar i { transition: none; }}
.wccp-sc-head { display: flex; align-items: center; gap: 10px; padding: 14px 18px 13px; border-bottom: 1px solid var(--sc-line); flex: 0 0 auto; }
.wccp-sc-title { font-size: 16px; font-weight: 650; letter-spacing: -0.01em; margin: 0px; display: flex; align-items: center; gap: 9px; white-space: nowrap; min-width: 0px; }
.wccp-sc-title svg { width: 21px; height: 21px; flex: 0 0 auto; color: var(--sc-accent); }
.wccp-sc-count { font-size: 11.5px; font-weight: 700; color: var(--sc-ink-2); background: var(--sc-bg-2); border: 1px solid var(--sc-line); border-radius: 99px; padding: 2px 9px; white-space: nowrap; flex: 0 0 auto; }
.wccp-sc-x { margin-left: auto; width: 34px; height: 34px; padding: 0px; appearance: none; border-radius: 9px; border: 1px solid var(--sc-line); background: var(--sc-paper); color: var(--sc-ink-2); display: grid; place-items: center; flex: 0 0 auto; }
.wccp-sc-x:hover { color: var(--sc-ink); border-color: var(--sc-line-2); background: var(--sc-bg-2); }
.wccp-sc-x svg { width: 17px; height: 17px; }
.wccp-sc-ship { padding: 12px 20px 13px; border-bottom: 1px solid var(--sc-line); background: linear-gradient(180deg,var(--sc-bg-2),var(--sc-paper)); flex: 0 0 auto; }
.wccp-sc-ship-lbl { font-size: 12.5px; color: var(--sc-ink-2); margin: 0px 0px 8px; display: flex; align-items: center; gap: 7px; line-height: 1.4; }
.wccp-sc-ship-lbl svg { width: 15px; height: 15px; color: var(--sc-brand-2); flex: 0 0 auto; }
.wccp-sc-ship-lbl b { color: var(--sc-ink); font-weight: 700; }
.wccp-sc-ship.is-done .wccp-sc-ship-lbl { color: rgb(18, 122, 78); }
.wccp-sc-ship.is-done .wccp-sc-ship-lbl b { color: rgb(15, 92, 58); }
.wccp-sc-bar { height: 8px; border-radius: 99px; background: rgb(234, 228, 214); overflow: hidden; }
.wccp-sc-bar i { display: block; height: 100%; width: 0px; border-radius: 99px; background: linear-gradient(90deg,var(--sc-brand),var(--sc-brand-2)); transition: width 0.45s cubic-bezier(0.32, 0.72, 0, 1); }
.wccp-sc-ship.is-done .wccp-sc-bar i { background: linear-gradient(90deg,var(--sc-brand-2),#0F5C3A); }
.wccp-sc-body { flex: 1 1 auto; overflow: hidden auto; }
.wccp-sc-body.is-loading { opacity: 0.55; }
.wccp-sc-items { padding: 6px var(--sc-pad,20px); }
.wccp-sc-item { display: flex; gap: 13px; padding: 16px 0px; border-bottom: 1px solid var(--sc-line); position: relative; }
.wccp-sc-item:last-child { border-bottom: 0px; }
.wccp-sc-item.is-busy { opacity: 0.55; pointer-events: none; }
.wccp-sc-item--noimg { gap: 0px; }
.wccp-sc-th { width: 64px; height: 74px; border-radius: 11px; flex: 0 0 auto; overflow: hidden; background: var(--sc-bg-2); display: grid; place-items: center; }
.wccp-sc-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wccp-sc-meta { flex: 1 1 0%; min-width: 0px; padding-right: 18px; }
.wccp-sc-name { font-size: 14px; font-weight: 600; margin: 0px 0px 2px; letter-spacing: -0.01em; line-height: 1.3; }
.wccp-sc-opt { font-size: 12px; color: var(--sc-ink-3); margin: 0px 0px 11px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wccp-sc-ctrl { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 10px 16px; }
.wccp-sc-qty { display: inline-flex; align-items: center; border: 1px solid var(--sc-line-2); border-radius: 9px; overflow: hidden; }
.wccp-sc-qbtn { width: 28px; height: 30px; padding: 0px; appearance: none; border: 0px; background: var(--sc-paper); color: var(--sc-ink-2); font-size: 15px; display: grid; place-items: center; transition: background 0.14s, color 0.14s, transform 0.08s; }
.wccp-sc-qbtn:hover:not(:disabled) { background: var(--sc-bg-2); color: var(--sc-ink); }
.wccp-sc-qbtn:active:not(:disabled) { transform: scale(0.86); }
.wccp-sc-qbtn:disabled { color: var(--sc-line-2); cursor: default; }
.wccp-sc-qbtn--rm svg { width: 14px; height: 14px; }
.wccp-sc-qbtn--rm:hover:not(:disabled) { color: var(--sc-danger); background: rgb(251, 237, 230); }
.wccp-sc-qn { min-width: 30px; text-align: center; font-size: 13px; font-weight: 650; }
.wccp-sc-qstatic { font-size: 12px; color: var(--sc-ink-3); }
.wccp-sc-pr { text-align: right; flex: 0 0 auto; align-self: flex-end; }
.wccp-sc-amt { font-size: 14px; font-weight: 650; }
.wccp-sc-was { font-size: 11.5px; color: var(--sc-ink-3); text-decoration: line-through; }
.wccp-sc-ea { font-size: 11.5px; color: var(--sc-ink-3); }
.wccp-sc-rm { position: absolute; top: 16px; right: 0px; width: 24px; height: 24px; padding: 0px; appearance: none; border: 0px; background: none; color: var(--sc-ink-3); border-radius: 7px; display: grid; place-items: center; }
.wccp-sc-rm:hover { color: var(--sc-danger); background: rgb(251, 237, 230); }
.wccp-sc-rm svg { width: 15px; height: 15px; }
.wccp-sc-empty { min-height: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 40px 30px 24px; }
.wccp-sc-empty-mid { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.wccp-sc-empty-trust { flex: 0 0 auto; margin-top: 18px; }
.wccp-sc-empty-ic { width: 74px; height: 74px; border-radius: 99px; background: var(--sc-bg-2); border: 1px solid var(--sc-line); display: grid; place-items: center; color: var(--sc-ink-3); margin-bottom: 18px; }
.wccp-sc-empty-ic svg { width: 32px; height: 32px; }
.wccp-sc-empty h3 { font-size: 18px; font-weight: 650; margin: 0px 0px 6px; }
.wccp-sc-empty p { font-size: 13.5px; color: var(--sc-ink-2); margin: 0px 0px 20px; max-width: 240px; line-height: 1.5; }
.wccp-sc-upsell { padding: 12px 0px 8px; border-top: 1px solid var(--sc-line); margin-top: 4px; }
.wccp-sc-uh { font-size: 11px; font-weight: 800; letter-spacing: 0.07em; text-transform: uppercase; color: var(--sc-ink-3); margin: 0px 20px 9px; display: flex; align-items: center; gap: 8px; }
.wccp-sc-uh::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--sc-line); }
.wccp-sc-upscroll { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x; padding: 2px 20px 8px; scrollbar-width: thin; scrollbar-color: var(--sc-line-2) transparent; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) calc(100% - 26px), transparent 100%); }
.wccp-sc-upscroll::-webkit-scrollbar { height: 6px; }
.wccp-sc-upscroll::-webkit-scrollbar-thumb { background: var(--sc-line-2); border-radius: 99px; }
.wccp-sc-up { flex: 0 0 auto; width: 138px; scroll-snap-align: start; position: relative; border: 1px solid var(--sc-line); border-radius: 12px; background: var(--sc-bg-2); overflow: hidden; display: flex; flex-direction: column; text-decoration: none; color: inherit; }
.wccp-sc-up:hover { border-color: var(--sc-line-2); }
.wccp-sc-uth { height: 58px; display: grid; place-items: center; background: rgb(255, 255, 255); overflow: hidden; }
.wccp-sc-uth img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wccp-sc-ubody { padding: 7px 10px 9px; }
.wccp-sc-uname { font-size: 12.5px; font-weight: 600; line-height: 1.25; margin: 0px 0px 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 31px; }
.wccp-sc-uprice { font-size: 12.5px; font-weight: 650; }
.wccp-sc-upadd { position: absolute; top: 7px; right: 7px; width: 30px; height: 30px; padding: 0px; appearance: none; border-radius: 9px; border: 1px solid var(--sc-brand-2); background: rgba(255, 255, 255, 0.92); color: var(--sc-brand-2); display: grid; place-items: center; backdrop-filter: blur(2px); transition: background 0.14s, color 0.14s, transform 0.12s; }
.wccp-sc-upadd:hover { background: var(--sc-brand-2); color: rgb(255, 255, 255); }
.wccp-sc-upadd:active { transform: scale(0.92); }
.wccp-sc-upadd:disabled { opacity: 0.5; }
.wccp-sc-upadd svg { width: 16px; height: 16px; }
.wccp-sc-coupon { border-top: 1px solid var(--sc-line); }
.wccp-sc-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 9px; }
.wccp-sc-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: rgb(18, 122, 78); background: var(--sc-live-bg); border: 1px solid rgb(191, 230, 210); border-radius: 99px; padding: 3px 5px 3px 11px; }
.wccp-sc-chip-x { width: 18px; height: 18px; padding: 0px; appearance: none; border: 0px; background: none; color: rgb(18, 122, 78); border-radius: 99px; display: grid; place-items: center; }
.wccp-sc-chip-x:hover { background: rgba(15, 92, 58, 0.12); }
.wccp-sc-chip-x svg { width: 12px; height: 12px; }
.wccp-sc-promo-toggle { display: flex; align-items: center; gap: 8px; width: 100%; border: 0px; background: none; padding: 4px 2px; font-size: 13px; font-weight: 600; color: var(--sc-ink); text-align: left; }
.wccp-sc-promo-toggle svg { width: 15px; height: 15px; color: var(--sc-ink-2); flex: 0 0 auto; }
.wccp-sc-promo-toggle:hover { color: var(--sc-accent); }
.wccp-sc-promo { display: flex; gap: 8px; }
.wccp-sc-promo-in { flex: 1 1 0%; min-width: 0px; font-family: inherit; font-size: 13px; color: var(--sc-ink); border: 1px solid var(--sc-line-2); border-radius: 9px; padding: 9px 11px; text-transform: uppercase; }
.wccp-sc-promo-in::placeholder { text-transform: none; }
.wccp-sc-promo-in:focus { outline: none; border-color: var(--sc-brand); box-shadow: rgba(31, 168, 108, 0.14) 0px 0px 0px 3px; }
.wccp-sc-promo-ap { font-size: 13px; font-weight: 650; padding: 0px 15px; border-radius: 9px; border: 1px solid var(--sc-line-2); background: var(--sc-paper); color: var(--sc-ink); }
.wccp-sc-promo-ap:hover { border-color: var(--sc-ink-3); }
.wccp-sc-promo-msg { font-size: 11.5px; margin: 7px 0px 0px; color: var(--sc-danger); }
.wccp-sc-line { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--sc-ink-2); margin-bottom: 6px; }
.wccp-sc-line.wccp-sc-disc { color: rgb(18, 122, 78); font-weight: 600; }
.wccp-sc-foot { border-top: 1px solid var(--sc-line); padding: 14px 18px 16px; background: var(--sc-paper); box-shadow: rgba(20, 40, 25, 0.5) 0px -10px 24px -20px; flex: 0 0 auto; }
.wccp-sc-sub { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 2px; }
.wccp-sc-sub-l { font-size: 14px; font-weight: 600; }
.wccp-sc-sub-v { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; }
.wccp-sc-taxes { font-size: 11.5px; color: var(--sc-ink-3); margin: 0px 0px 11px; }
.wccp-sc-drawer .wccp-sc-co { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; font-size: 15px; font-weight: 650; padding: 13px; border-radius: 12px; text-decoration: none; background: var(--sc-brand-2); color: var(--sc-brand-2-ink,#fff); box-shadow: rgba(23, 138, 88, 0.7) 0px 8px 18px -9px; transition: filter 0.14s, transform 0.1s; }
.wccp-sc-co:hover { filter: brightness(1.05); color: var(--sc-brand-2-ink,#fff); }
.wccp-sc-co:active { transform: translateY(1px); }
.wccp-sc-co svg { width: 17px; height: 17px; transition: transform 0.16s; }
.wccp-sc-co:hover svg { transform: translateX(3px); }
.wccp-sc-reassure { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 11.5px; color: var(--sc-ink-2); margin-top: 10px; }
.wccp-sc-reassure svg { width: 14px; height: 14px; color: var(--sc-live); flex: 0 0 auto; }
.wccp-sc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; font-weight: 600; font-size: 13.5px; padding: 11px 18px; border-radius: 11px; text-decoration: none; background: var(--sc-brand-2); color: var(--sc-brand-2-ink,#fff); box-shadow: rgba(23, 138, 88, 0.7) 0px 8px 18px -9px; }
.wccp-sc-btn:hover { filter: brightness(1.05); color: var(--sc-brand-2-ink,#fff); }
.wccp-sc :focus-visible { outline: 2px solid var(--sc-brand-2); outline-offset: 2px; }
.wccp-sc .wccp-sc-promo-in:focus-visible, .wccp-sc .wccp-sc-note-in:focus-visible { outline: none; }
.wccp-sc :is(button, a[href], summary, [role="button"]):focus:not(:focus-visible) { outline: none; }
.wccp-sc .wccp-sc-extoggle:hover, .wccp-sc .wccp-sc-promo-toggle:hover, .wccp-sc .wccp-sc-savelink:hover:not(:disabled) { background: none !important; }
.wccp-sc .wccp-sc-x:hover, .wccp-sc .wccp-sc-qbtn:hover:not(:disabled) { background: var(--sc-bg-2) !important; }
.wccp-sc .wccp-sc-qbtn--rm:hover:not(:disabled), .wccp-sc .wccp-sc-rm:hover { background: rgb(251, 237, 230) !important; }
.wccp-sc .wccp-sc-chip-x:hover { background: rgba(15, 92, 58, 0.12) !important; }
.wccp-sc .wccp-sc-upadd:hover { background: var(--sc-brand-2) !important; }
.wccp-sc .wccp-sc-promo-ap:hover { background: var(--sc-paper) !important; }
.wccp-sc .wccp-sc-move:hover:not(:disabled) { background: var(--sc-ink,#15201A) !important; }
.wccp-sc .wccp-sc-toast-view:hover { background: var(--sc-accent) !important; }
.wccp-sc-savelink { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; border: 0px; background: none; padding: 0px; font-family: inherit; font-size: 11.5px; font-weight: 600; color: var(--sc-ink-2); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; white-space: nowrap; transition: color 0.14s; }
.wccp-sc-savelink:hover:not(:disabled) { color: var(--sc-accent, var(--sc-brand-2)); }
.wccp-sc-savelink:disabled { color: var(--sc-line-2); cursor: default; }
.wccp-sc-emptymsg { font-size: 13px; color: var(--sc-ink-2); text-align: center; padding: 22px 18px 6px; margin: 0px; }
.wccp-sc-saved { border-top: 1px solid var(--sc-line); margin-top: 4px; padding: 12px 20px 6px; }
.wccp-sc-saved .wccp-sc-uh { margin-left: 0px; margin-right: 0px; }
.wccp-sc-srow { display: flex; align-items: center; gap: 12px; padding: 11px 0px; border-bottom: 1px solid var(--sc-line); }
.wccp-sc-srow:last-child { border-bottom: 0px; }
.wccp-sc-srow .wccp-sc-th { width: 44px; height: 50px; border-radius: 9px; }
.wccp-sc-srow .wccp-sc-meta { padding-right: 0px; }
.wccp-sc-srow .wccp-sc-opt { margin-bottom: 2px; }
.wccp-sc-srow .wccp-sc-pr { text-align: left; align-self: auto; font-size: 12.5px; font-weight: 650; margin-top: 2px; }
.wccp-sc-sacts { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.wccp-sc-srow .wccp-sc-rm { position: static; }
.wccp-sc-move { display: inline-flex; align-items: center; gap: 5px; border: 1px solid transparent; background: var(--sc-ink, #15201A); color: rgb(255, 255, 255); font-family: inherit; font-weight: 600; font-size: 12px; padding: 7px 11px; border-radius: 9px; cursor: pointer; transition: filter 0.14s, transform 0.08s; }
.wccp-sc-move:hover:not(:disabled) { filter: brightness(1.12); }
.wccp-sc-move:active:not(:disabled) { transform: scale(0.96); }
.wccp-sc-move:disabled { opacity: 0.5; cursor: default; }
.wccp-sc-move .wccp-sc-ico, .wccp-sc-savelink .wccp-sc-ico, .wccp-sc-uh .wccp-sc-ico, .wccp-sc-express-h .wccp-sc-ico { flex: 0 0 auto; display: inline-flex; text-decoration: none; }
.wccp-sc-uh .wccp-sc-ico { color: var(--sc-accent, var(--sc-brand-2)); }
.wccp-sc-skel { position: absolute; inset: 50px 0px 0px; z-index: 6; background: var(--sc-paper); display: flex; flex-direction: column; opacity: 1; transition: opacity 0.32s; }
.wccp-sc-skel.is-fading { opacity: 0; }
.wccp-sc-skel[hidden] { display: none; }
.wccp-sc-skship { padding: 16px 20px; border-bottom: 1px solid var(--sc-line); background: linear-gradient(180deg,var(--sc-bg-2),var(--sc-paper)); }
.wccp-sc-skitems { padding: 6px 20px; flex: 1 1 0%; }
.wccp-sc-skrow { display: flex; gap: 13px; padding: 16px 0px; border-bottom: 1px solid var(--sc-line); }
.wccp-sc-skrow:last-child { border-bottom: 0px; }
.wccp-sc-sklines { flex: 1 1 0%; display: flex; flex-direction: column; gap: 9px; padding-top: 4px; }
.wccp-sc-skfoot { border-top: 1px solid var(--sc-line); padding: 16px 20px 18px; }
.wccp-sk { position: relative; overflow: hidden; background: var(--sc-line-2,#E4DBC8); border-radius: 8px; display: block; }
.wccp-sk::after { content: ""; position: absolute; inset: 0px; transform: translateX(-100%); background: linear-gradient(90deg, transparent 0px, rgba(255, 255, 255, 0.85) 50%, transparent 100%); animation: 1.05s ease 0s infinite normal none running wccpScShimmer; }
.wccp-sk-th { width: 64px; height: 74px; border-radius: 11px; flex: 0 0 auto; }
.wccp-sk-bar { height: 8px; border-radius: 99px; }
.wccp-sk-cta { height: 48px; border-radius: 11px; }
.wccp-sk-l1 { height: 13px; width: 60%; }
.wccp-sk-l2 { height: 11px; width: 38%; }
.wccp-sk-l3 { height: 11px; width: 72%; margin-top: auto; }
@media (prefers-reduced-motion: reduce){.wccp-sk::after { animation: auto ease 0s 1 normal none running none; }
.wccp-sc-skel { transition: none; }}
.wccp-sc { --sc-gold: #E0A82E; --sc-amber: #B45309; --sc-amber-bg: #FEF3E2; --sc-amber-line: #F4D8A8; }
.wccp-sc-social { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 0px 0px 10px; }
.wccp-sc-rating { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--sc-ink-2); }
.wccp-sc-rating svg { width: 12px; height: 12px; color: var(--sc-gold); flex: 0 0 auto; }
.wccp-sc-rate-c { color: var(--sc-ink-3); }
.wccp-sc-stock { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 700; color: var(--sc-amber); background: var(--sc-amber-bg); border: 1px solid var(--sc-amber-line); border-radius: 99px; padding: 2px 8px; }
.wccp-sc-stock svg { width: 11px; height: 11px; flex: 0 0 auto; }
.wccp-sc-stock--max { color: var(--sc-danger); background: rgb(251, 237, 230); border-color: rgb(240, 203, 184); }
.wccp-sc-social + .wccp-sc-ctrl { margin-top: 0px; }
.wccp-sc-umeta { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.wccp-sc-umeta .wccp-sc-rating { font-size: 11px; }
.wccp-sc-umeta .wccp-sc-rating svg { width: 11px; height: 11px; }
.wccp-sc-urate-sp { flex: 1 1 0%; }
.wccp-sc-deliver { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 11.5px; color: var(--sc-ink-2); line-height: 1.35; }
.wccp-sc-deliver svg { width: 15px; height: 15px; color: var(--sc-accent); flex: 0 0 auto; }
.wccp-sc-deliver b { color: var(--sc-ink); font-weight: 650; }
.wccp-sc-extras { margin-bottom: 11px; border-top: 1px solid var(--sc-line); }
.wccp-sc-extoggle { width: 100%; display: flex; align-items: center; gap: 9px; background: none; border: 0px; padding: 11px 2px; font-size: 13px; font-weight: 600; color: var(--sc-ink); text-align: left; }
.wccp-sc-extoggle > svg:first-child { width: 16px; height: 16px; color: var(--sc-ink-2); flex: 0 0 auto; }
.wccp-sc-extoggle-l { flex: 1 1 0%; }
.wccp-sc-extoggle > svg:last-child { width: 16px; height: 16px; color: var(--sc-ink-3); flex: 0 0 auto; transition: transform 0.2s; }
.wccp-sc-extoggle.is-open > svg:last-child { transform: rotate(180deg); }
.wccp-sc-extoggle:hover { color: var(--sc-accent); }
.wccp-sc-expanel { padding: 0px 2px 8px; }
.wccp-sc-note-in { width: 100%; font-family: inherit; font-size: 13px; color: var(--sc-ink); border: 1px solid var(--sc-line-2); border-radius: 9px; padding: 9px 11px; resize: vertical; min-height: 54px; }
.wccp-sc-note-in:focus { outline: none; border-color: var(--sc-brand); box-shadow: rgba(31, 168, 108, 0.14) 0px 0px 0px 3px; }
.wccp-sc-gift { display: flex; align-items: center; gap: 10px; margin-top: 11px; font-size: 13px; color: var(--sc-ink); cursor: pointer; }
.wccp-sc-gift input { width: 17px; height: 17px; accent-color: var(--sc-brand-2); flex: 0 0 auto; }
.wccp-sc-gift-l { flex: 1 1 0%; }
.wccp-sc-gift-fee { color: var(--sc-ink-2); font-size: 12.5px; font-weight: 600; }
.wccp-sc-express { margin: 2px 0px 9px; }
.wccp-sc-express-h { display: flex; align-items: center; gap: 10px; color: var(--sc-ink-3); font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 8px; }
.wccp-sc-express-h::before, .wccp-sc-express-h::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--sc-line); }
.wccp-sc-wallets { display: grid; grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)); gap: 7px; }
.wccp-sc-wallet { height: 38px; border-radius: 10px; border: 1px solid var(--sc-line-2); display: grid; place-items: center; background: var(--sc-paper); text-decoration: none; transition: border-color 0.14s, transform 0.12s; }
.wccp-sc-wallet:hover { border-color: var(--sc-ink-3); }
.wccp-sc-wallet:active { transform: translateY(1px); }
.wccp-sc-wallet svg { height: 19px; max-width: 84%; }
.wccp-sc-trust { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px 14px; margin-top: 10px; font-size: 11px; color: var(--sc-ink-2); }
.wccp-sc-tb { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.wccp-sc-tb svg { width: 13px; height: 13px; color: var(--sc-live); flex: 0 0 auto; }
.wccp-sc-toast { position: fixed; right: 20px; bottom: 20px; z-index: 99992; display: flex; align-items: center; gap: 10px; max-width: 320px; padding: 11px 12px 11px 13px; background: var(--sc-paper); color: var(--sc-ink); border: 1px solid var(--sc-line); border-radius: 13px; box-shadow: var(--sc-sh-lg); opacity: 0; transform: translateY(10px); pointer-events: none; transition: opacity 0.22s, transform 0.22s; }
.wccp-sc-toast.is-shown { opacity: 1; transform: none; pointer-events: auto; }
.wccp-sc-toast-ic { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; background: color-mix(in srgb, var(--sc-brand-2) 16%, #fff); color: var(--sc-brand-2); }
.wccp-sc-toast-ic svg { width: 15px; height: 15px; }
.wccp-sc-toast-tx { font-size: 13px; font-weight: 600; flex: 1 1 auto; min-width: 0px; }
.wccp-sc-toast-view { flex: 0 0 auto; border: 0px; cursor: pointer; color: var(--sc-brand-2-ink,#fff); background: var(--sc-accent); border-radius: 8px; padding: 8px 12px; }
.wccp-sc-toast-view:hover { filter: brightness(1.06); }
@media (max-width: 460px){.wccp-sc-toast { left: 14px; right: 14px; max-width: none; }}
@media (prefers-reduced-motion: reduce){.wccp-sc-toast { transition: none; }}
.wccp-sc-fbt .wccp-sc-fbt-count { flex: 0 0 auto; min-width: 18px; height: 18px; padding: 0px 5px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; line-height: 1; color: rgb(18, 122, 78); background: rgba(31, 168, 108, 0.12); border: 1px solid rgba(31, 168, 108, 0.3); border-radius: 999px; }
.wccp-sc-fbt .wccp-sc-uh::after { margin-left: 0px; }
.wccp-sc-fbt-src { font-size: 11.5px; font-weight: 600; color: var(--sc-ink-3); margin: -4px 20px 10px; }
.wccp-sc-fbt-src.is-honest { color: rgb(18, 122, 78); }
.wccp-sc-fbt .wccp-sc-uth { position: relative; }
.wccp-sc-fbt-badge { position: absolute; top: 6px; left: 6px; z-index: 1; padding: 2px 6px; font-size: 11px; font-weight: 800; line-height: 1; color: var(--sc-brand-2-ink,#fff); background: var(--sc-brand-2,#1FA86C); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 2px; }
.wccp-sc-fbt .wccp-sc-uprice del { font-weight: 600; color: var(--sc-ink-3); text-decoration: line-through; margin-right: 5px; opacity: 0.85; }
.wccp-sc-fbt .wccp-sc-uprice ins { font-weight: 700; color: rgb(18, 122, 78); text-decoration: none; }
.wccp-sc-uplay-row .wccp-sc-upscroll { flex-direction: row; overflow: auto visible; scroll-snap-type: x; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0px, rgb(0, 0, 0) calc(100% - 26px), transparent 100%); }
.wccp-sc-uplay-row .wccp-sc-up { flex-direction: column; align-items: stretch; width: 138px; gap: 0px; padding: 0px; }
.wccp-sc-uplay-row .wccp-sc-uth { width: 100%; height: 58px; border-radius: 0px; }
.wccp-sc-uplay-row .wccp-sc-ubody { flex: 0 1 auto; padding: 7px 10px 9px; }
.wccp-sc-uplay-row .wccp-sc-upadd { position: absolute; top: 7px; right: 7px; width: 30px; height: 30px; margin: 0px; padding: 0px; border: 0px; border-radius: 50%; background: var(--sc-brand-2); color: var(--sc-brand-2-ink,#fff); box-shadow: rgba(20, 40, 25, 0.24) 0px 2px 7px; backdrop-filter: none; }
.wccp-sc-uplay-row .wccp-sc-upadd:hover { background: var(--sc-brand-2); color: var(--sc-brand-2-ink,#fff); box-shadow: rgba(20, 40, 25, 0.32) 0px 4px 11px; filter: brightness(1.07); }
.wccp-sc-uplay-row .wccp-sc-upadd svg { width: 16px; height: 16px; }
.wccp-sc-uplay-row .wccp-sc-uname { -webkit-line-clamp: 2; white-space: normal; min-height: 0px; }
.wccp-sc-uplay-list .wccp-sc-upscroll { flex-direction: column; overflow: visible; }
.wccp-sc-uplay-list .wccp-sc-up { flex-direction: row; align-items: center; width: auto; gap: 12px; padding: 11px; }
.wccp-sc-uplay-list .wccp-sc-uth { width: 46px; height: 52px; border-radius: 9px; flex: 0 0 auto; }
.wccp-sc-uplay-list .wccp-sc-ubody { flex: 1 1 0%; min-width: 0px; padding: 0px; }
.wccp-sc-uplay-list .wccp-sc-upadd { position: static; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; }
.wccp-sc-uplay-list .wccp-sc-fbt .wccp-sc-uname, .wccp-sc-uplay-list .wccp-sc-uname { -webkit-line-clamp: 2; white-space: normal; }
.wccp-sc-uplay-row .wccp-sc-upscroll { cursor: grab; }
.wccp-sc-upscroll.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
.wccp-sc-upscroll.is-dragging .wccp-sc-up { pointer-events: none; }
.wccp-sc-up img { -webkit-user-drag: none; user-select: none; }
.wccp-sc-aside { position: fixed; top: 0px; bottom: 0px; right: 420px; width: 288px; max-width: 30vw; background: var(--sc-bg-2); border-right: 1px solid var(--sc-line); z-index: 99990; display: flex; flex-direction: column; overflow: hidden; transform: translateX(calc(100% + 420px)); transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.32s; box-shadow: none; }
.wccp-sc.is-open .wccp-sc-aside { transform: none; transition-delay: 0.18s; box-shadow: rgba(20, 40, 25, 0.34) -18px 0px 48px -30px, rgba(20, 40, 25, 0.3) -15px 0px 24px -14px inset; }
body.admin-bar .wccp-sc-aside { top: 32px; }
@media screen and (max-width: 782px){body.admin-bar .wccp-sc-aside { top: 46px; }}
@media (prefers-reduced-motion: reduce){.wccp-sc-aside { transition: none; }}
.wccp-sc-aside .wccp-sc-upsell { border-top: 0px; margin: 0px; padding: 16px 0px 12px; display: flex; flex-direction: column; min-height: 0px; flex: 1 1 auto; }
.wccp-sc-aside .wccp-sc-uh { margin: 0px 18px 12px; }
.wccp-sc-aside .wccp-sc-upscroll { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; overflow: hidden auto; padding: 2px 16px 10px; scroll-snap-type: none; }
.wccp-sc-aside .wccp-sc-up { flex: 0 0 auto; flex-direction: row; align-items: center; width: auto; gap: 12px; padding: 11px; border-radius: 12px; background: var(--sc-paper); }
.wccp-sc-aside .wccp-sc-uth { width: 46px; height: 52px; border-radius: 9px; flex: 0 0 auto; }
.wccp-sc-aside .wccp-sc-ubody { flex: 1 1 0%; min-width: 0px; padding: 0px; }
.wccp-sc-aside .wccp-sc-uname { -webkit-line-clamp: 2; min-height: 0px; }
.wccp-sc-aside .wccp-sc-upadd { position: static; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; }
@media (max-width: 999px){.wccp-sc-aside { display: none !important; }}
.wccp-sc { --sc-accent: #224908; --sc-brand-2: #224908; --sc-brand: color-mix(in srgb, #224908 72%, #fff); --sc-brand-2-ink: #ffffff; }
html, body { margin: 0px; padding: 0px; }

@keyframes wccpScShimmer { 
  100% { transform: translateX(100%); }
}