/* WooCommerce page only. Loaded via `extra: crm, p-wordpress-woocommerce`. Every class is scoped with .pwwc- */

/* ---------- hero: product, cart, order status pipeline ---------- */
.pwwc-hero .pwwc-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.pwwc-hero .crm-sub { max-width: 46ch; }
.pwwc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; max-width: 600px; }
.pwwc-chips li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px 7px 9px; border-radius: 10px; background: #fff; border: 1px solid #E4DCF0; font: 600 13.5px/1.25 var(--f-body); color: #2A1B47; }
.pwwc-chips img { flex: none; width: 22px; height: 22px; }
.pwwc-chips__tax { flex: none; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #FDF3E1; color: #B7791F; font: 800 12px/1 var(--f-body); }

.pwwc-shop { position: relative; margin: 0; padding: 22px; border-radius: 22px; background: linear-gradient(160deg, #F6F1FC, #EEF6FA); border: 1px solid #E2DAF0; box-shadow: 0 44px 80px -50px rgba(42,27,71,.55); }
.pwwc-shop__top { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 14px; align-items: start; }
.pwwc-prod { padding: 12px; border-radius: 16px; background: #fff; border: 1px solid #E8E2F2; }
.pwwc-prod__img { position: relative; height: 112px; border-radius: 12px; background: linear-gradient(180deg, #EFE6DA, #E3D5C3); overflow: hidden; }
.pwwc-prod__img i:first-child { position: absolute; left: 50%; bottom: 18px; width: 54px; height: 40px; margin-left: -27px; border-radius: 6px 6px 22px 22px; background: #C9A27C; box-shadow: inset -8px 0 0 rgba(0,0,0,.08); }
.pwwc-prod__img i:last-child { position: absolute; left: 50%; bottom: 58px; width: 70px; height: 30px; margin-left: -35px; border-radius: 4px 4px 30px 30px; background: #F5EDE3; border: 3px solid #C9A27C; border-top-width: 5px; }
.pwwc-prod__name { margin: 10px 2px 2px; font: 700 14.5px/1.3 var(--f-display); color: #082238; }
.pwwc-prod__price { margin: 0 2px; font: 700 14px/1.3 var(--f-body); color: #7F54B3; }
.pwwc-prod__var { display: flex; gap: 6px; margin: 8px 2px 10px; }
.pwwc-prod__var span { padding: 3px 9px; border-radius: 999px; border: 1px solid #DCD3EA; font: 600 11.5px/1.3 var(--f-body); color: #64748B; }
.pwwc-prod__var span.is-on { border-color: #7F54B3; color: #7F54B3; background: #F3ECFB; }
.pwwc-prod__add { display: block; padding: 9px; border-radius: 10px; background: #7F54B3; color: #fff; text-align: center; font: 700 13px/1 var(--f-body); transition: transform 180ms, background-color 180ms; }
.pwwc-prod__add.is-press { transform: scale(.94); background: #5E3C8A; }
.pwwc-cart { padding: 14px; border-radius: 16px; background: #fff; border: 1px solid #E8E2F2; transition: opacity 380ms, transform 380ms; }
.pwwc-cart__h { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font: 700 14px/1 var(--f-display); color: #082238; }
.pwwc-cart__n { display: grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: #FFB81C; color: #082238; font: 800 11.5px/1 var(--f-body); transition: transform 300ms cubic-bezier(.2,1.6,.4,1); }
.pwwc-cart__n.is-bump { transform: scale(1.35); }
.pwwc-cart dl { display: grid; gap: 6px; margin: 0; }
.pwwc-cart dl div { display: flex; justify-content: space-between; gap: 10px; font: 500 12.5px/1.35 var(--f-body); color: #475569; }
.pwwc-cart dd { margin: 0; font-weight: 600; color: #082238; white-space: nowrap; }
.pwwc-cart__tot { margin-top: 4px; padding-top: 8px; border-top: 1px dashed #DCD3EA; }
.pwwc-cart__tot dt, .pwwc-cart__tot dd { font: 700 14px/1.3 var(--f-display); color: #082238; }
.pwwc-cart__pay { display: block; margin-top: 10px; padding: 9px; border-radius: 10px; background: #082238; color: #fff; text-align: center; font: 700 13px/1 var(--f-body); }
.pwwc-shop.is-arm .pwwc-cart { opacity: .35; transform: translateY(6px); }
.pwwc-shop.is-arm .pwwc-cart.is-in { opacity: 1; transform: none; }

.pwwc-pipe { margin-top: 14px; padding: 14px 16px; border-radius: 16px; background: #fff; border: 1px solid #E8E2F2; }
.pwwc-pipe__h { display: flex; align-items: center; margin: 0 0 12px; font: 700 13.5px/1 var(--f-display); color: #082238; }
.pwwc-pipe__h em { margin-left: auto; font-style: normal; font: 700 10.5px/1 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: #7F54B3; }
.pwwc-pipe__track { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.pwwc-pipe__track::before { content: ""; position: absolute; left: 12%; right: 12%; top: 11px; height: 3px; border-radius: 2px; background: #E8E2F2; }
.pwwc-pipe__track li { position: relative; display: grid; justify-items: center; gap: 6px; text-align: center; font: 600 11.5px/1.25 var(--f-body); color: #94A3B8; transition: color 300ms; }
.pwwc-pipe__track li i { width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 3px solid #E2E8F0; transition: border-color 300ms, background-color 300ms, transform 300ms; }
.pwwc-pipe__track li img { width: 24px; height: 24px; padding: 2px; border-radius: 6px; background: #fff; border: 1px solid #E2E8F0; filter: grayscale(1); opacity: .6; transition: filter 300ms, opacity 300ms; }
.pwwc-pipe__track li[data-s="0"].is-on i { border-color: #B7791F; background: #FDF3E1; }
.pwwc-pipe__track li[data-s="1"].is-on i { border-color: #1D5FA8; background: #E4EEFA; }
.pwwc-pipe__track li[data-s="2"].is-on i { border-color: #2F7D4A; background: #2F7D4A; }
.pwwc-pipe__track li.is-on { color: #082238; }
.pwwc-pipe__track li.is-now i { transform: scale(1.2); }
.pwwc-pipe__track li.pwwc-pipe__z.is-on img { filter: none; opacity: 1; }
.pwwc-shop__toast { position: absolute; left: 50%; bottom: -22px; display: flex; align-items: center; gap: 10px; width: max-content; max-width: calc(100% - 28px); margin: 0; padding: 10px 14px; border-radius: 12px; background: #082238; color: #CFE3EE; font: 500 12.5px/1.35 var(--f-body); transform: translate(-50%, 10px); opacity: 0; transition: opacity 400ms, transform 400ms; box-shadow: 0 18px 30px -18px rgba(8,34,56,.7); }
.pwwc-shop__toast img { flex: none; padding: 3px; border-radius: 6px; background: #fff; }
.pwwc-shop__toast b { display: block; color: #fff; font: 700 13.5px/1.2 var(--f-display); }
.pwwc-shop__toast.is-on, .pwwc-shop:not(.is-arm) .pwwc-shop__toast { opacity: 1; transform: translate(-50%, 0); }

/* ---------- fit: tagged list ---------- */
.pwwc-fit__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; margin: 34px 0 0; padding: 0; list-style: none; }
.pwwc-fit__list li { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 16px; align-items: start; padding: 20px 0; border-top: 1px solid #E2E8F0; }
.pwwc-fit__tag { justify-self: start; padding: 6px 11px; border-radius: 6px; font: 700 11.5px/1.2 var(--f-body); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.pwwc-fit__list .is-yes .pwwc-fit__tag { background: #F1EAFA; color: #5E3C8A; }
.pwwc-fit__list .is-no .pwwc-fit__tag { background: #fff; color: #9A3412; border: 1px dashed #F0A57A; }
.pwwc-fit__list h3 { margin: 0 0 4px; font: 700 18px/1.3 var(--f-display); color: #082238; }
.pwwc-fit__list p { margin: 0; font-size: 15px; line-height: 1.6; color: #475569; }

/* ---------- services: numbered rail ---------- */
.pwwc-svc__rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 36px 0 0; padding: 0; list-style: none; counter-reset: none; }
.pwwc-svc__rail li { position: relative; padding: 22px 22px 22px; border-radius: 16px; background: #fff; border: 1px solid #E2E8F0; border-top: 4px solid var(--c); }
.pwwc-svc__n { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--bg); color: var(--c); font: 800 14px/1 var(--f-display); }
.pwwc-svc__rail h3 { margin: 14px 0 6px; font: 700 19px/1.3 var(--f-display); color: #082238; }
.pwwc-svc__rail p { margin: 0; font-size: 15px; line-height: 1.6; color: #475569; }

/* ---------- story: conveyor belt ---------- */
.pwwc-belt { margin-top: 40px; }
.pwwc-belt__track { position: relative; height: 54px; margin: 0 4%; border-radius: 27px; background: #1E293B; box-shadow: inset 0 -6px 0 #0F172A; overflow: hidden; }
.pwwc-belt__track::before { content: ""; position: absolute; inset: 8px 0 14px; background: repeating-linear-gradient(90deg, #334155 0 14px, #1E293B 14px 28px); }
.pwwc-belt.is-moving .pwwc-belt__track::before { animation: pwwc-roll 600ms linear infinite; }
@keyframes pwwc-roll { from { transform: translateX(0); } to { transform: translateX(28px); } }
.pwwc-belt__box { position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 64px; height: 38px; border-radius: 6px; background: #D9B98C; border: 2px solid #B8925E; color: #4A3315; font: 800 11.5px/1 ui-monospace, SFMono-Regular, Menlo, monospace; transition: left 900ms cubic-bezier(.45,.05,.3,1); }
.pwwc-belt__box i { position: absolute; left: 50%; top: -2px; bottom: -2px; width: 8px; margin-left: -4px; background: rgba(127,84,179,.35); }
.pwwc-belt__stations { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 18px 0 0; padding: 0; list-style: none; }
.pwwc-belt__stations li { padding: 16px; border-radius: 16px; background: #fff; border: 1px solid #E2E8F0; transition: border-color 300ms, box-shadow 300ms, opacity 300ms; }
.pwwc-belt.is-arm .pwwc-belt__stations li { opacity: .55; }
.pwwc-belt.is-arm .pwwc-belt__stations li.is-done { opacity: .85; }
.pwwc-belt__stations li.is-on { opacity: 1 !important; border-color: #7F54B3; box-shadow: 0 0 0 4px #F1EAFA, 0 20px 36px -28px rgba(42,27,71,.6); }
.pwwc-st__btn { display: flex; align-items: center; gap: 8px; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; text-align: left; font: 700 11.5px/1.2 var(--f-body); letter-spacing: .06em; text-transform: uppercase; color: #64748B; }
.pwwc-st__btn:focus-visible { outline: 3px solid #FFB81C; outline-offset: 4px; border-radius: 6px; }
.pwwc-st__no { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; background: #F1F5F9; color: #082238; font: 800 12px/1 var(--f-body); letter-spacing: 0; }
.pwwc-belt__stations li.is-on .pwwc-st__no, .pwwc-belt__stations li.is-done .pwwc-st__no { background: #7F54B3; color: #fff; }
.pwwc-st__btn img { flex: none; width: 26px; height: 26px; }
.pwwc-belt__stations h3 { margin: 12px 0 6px; font: 700 17px/1.3 var(--f-display); color: #082238; }
.pwwc-belt__stations p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #475569; }
.pwwc-belt__say { min-height: 1.6em; margin: 18px 0 0; font: 600 15.5px/1.5 var(--f-body); color: #082238; text-align: center; }
.pwwc-belt__replay { display: block; margin: 10px auto 0; padding: 9px 16px; border-radius: 10px; border: 1px solid #CBD5E1; background: #fff; color: #082238; font: 600 14px/1 var(--f-body); cursor: pointer; }
.pwwc-belt__replay:hover { border-color: #7F54B3; color: #5E3C8A; }
.pwwc-story__note { margin: 18px 0 0; font-size: 14px; color: #64748B; text-align: center; }

/* ---------- interactive: extension stack (dark band) ---------- */
.pwwc-stk__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; margin-top: 34px; align-items: start; }
.pwwc-stk__pick { display: grid; gap: 12px; }
.pwwc-stk__pick fieldset { margin: 0; padding: 14px 16px; border: 1px solid rgba(159,192,216,.22); border-radius: 16px; background: rgba(255,255,255,.05); }
.pwwc-stk__pick legend { display: flex; align-items: center; gap: 10px; padding: 0 6px; font: 700 15px/1.2 var(--f-display); color: #fff; }
.pwwc-stk__pick legend span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #FFB81C; color: #082238; font: 800 12px/1 var(--f-body); }
.pwwc-opts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pwwc-opts label { position: relative; cursor: pointer; }
.pwwc-opts input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.pwwc-opts span { display: inline-block; padding: 9px 13px; border-radius: 999px; border: 1px solid rgba(159,192,216,.35); color: #D7E6F0; font: 600 13.5px/1.3 var(--f-body); transition: background-color 200ms, border-color 200ms, color 200ms; }
.pwwc-opts label:hover span { border-color: #9FC0D8; }
.pwwc-opts input:checked + span { background: #fff; border-color: #fff; color: #082238; }
.pwwc-opts input:focus-visible + span { outline: 3px solid #FFB81C; outline-offset: 2px; }
.pwwc-stk__out { padding: 20px; border-radius: 18px; background: #F8F6FC; color: #334155; box-shadow: 0 40px 70px -40px rgba(0,0,0,.6); }
.pwwc-tower { display: flex; flex-direction: column-reverse; gap: 6px; }
.pwwc-layer { --k: #2F7D4A; --t: #E8F5EC; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 12px; border-radius: 10px; background: var(--t); border-left: 6px solid var(--k); }
.pwwc-layer img { width: 26px; height: 26px; padding: 2px; border-radius: 6px; background: #fff; }
.pwwc-layer__mono { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; background: #fff; color: var(--k); font: 800 13px/1 var(--f-display); }
.pwwc-layer--none .pwwc-layer__mono { background: transparent; border: 1.5px dashed #94A3B8; }
.pwwc-layer b { display: block; font: 700 14.5px/1.25 var(--f-display); color: #082238; }
.pwwc-layer small { display: block; font: 500 12.5px/1.35 var(--f-body); color: #475569; }
.pwwc-layer em { font-style: normal; padding: 4px 8px; border-radius: 6px; background: #fff; color: var(--k); font: 700 10.5px/1.2 var(--f-body); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.pwwc-layer--core { --k: #7F54B3; --t: #EFE7FA; }
.pwwc-layer--txn { --k: #1D5FA8; --t: #E4EEFA; }
.pwwc-layer--year { --k: #B7791F; --t: #FDF3E1; }
.pwwc-layer--ext { --k: #C2410C; --t: #FDEDE4; }
.pwwc-layer--none { --k: #94A3B8; --t: #F1F5F9; opacity: .8; }
.pwwc-layer.is-drop { animation: pwwc-drop 420ms cubic-bezier(.2,1.4,.4,1); }
@keyframes pwwc-drop { from { transform: translateY(-14px); opacity: 0; } to { transform: none; opacity: 1; } }
.pwwc-key { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 12px 0 0; padding: 0; list-style: none; font: 600 12px/1.3 var(--f-body); color: #64748B; }
.pwwc-key li { display: inline-flex; align-items: center; gap: 6px; }
.pwwc-key i { width: 12px; height: 12px; border-radius: 3px; }
.k-free { background: #2F7D4A; } .k-txn { background: #1D5FA8; } .k-year { background: #B7791F; } .k-ext { background: #C2410C; }
.pwwc-stk__nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 14px 0 0; }
.pwwc-stk__nums div { padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid #E8E2F2; }
.pwwc-stk__nums dt { font: 600 11.5px/1.3 var(--f-body); color: #64748B; }
.pwwc-stk__nums dd { margin: 4px 0 0; font: 800 20px/1.1 var(--f-display); color: #082238; }
.pwwc-stk__say { margin: 14px 2px 0; font: 600 15px/1.5 var(--f-body); color: #082238; }
.pwwc-stk__flags { display: grid; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.pwwc-stk__flags li { padding: 10px 12px; border-radius: 10px; background: #FFF6DD; border: 1px solid #F3D48A; font-size: 14px; line-height: 1.5; color: #6B4A00; }
.pwwc-stk__flags li.is-z { background: #EAF6FB; border-color: #B7DDEB; color: #0B4A63; }
.pwwc-stk__foot { margin: 22px 0 0; font-size: 14px; line-height: 1.55; color: #9FC0D8; }

/* ---------- Zoho routes ---------- */
.pwwc-zo__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 36px; }
.pwwc-zo__card { display: flex; flex-direction: column; padding: 22px; border-radius: 18px; background: #fff; border: 1px solid #E2E8F0; }
.pwwc-zo__route { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 12px; border-radius: 12px; background: #F8F6FC; }
.pwwc-zo__route img, .pwwc-zo__glyph { width: 40px; height: 40px; padding: 6px; border-radius: 10px; background: #fff; border: 1px solid #E2E8F0; }
.pwwc-zo__glyph { display: grid; place-items: center; padding: 0; font: 800 11px/1 var(--f-body); color: #1D5FA8; background: #E4EEFA; border-color: #C5D8F0; }
.pwwc-zo__arr { position: relative; flex: 1 1 auto; height: 2px; background: #B9A6D6; }
.pwwc-zo__arr::after { content: ""; position: absolute; right: -1px; top: -4px; width: 8px; height: 8px; border-top: 2px solid #B9A6D6; border-right: 2px solid #B9A6D6; transform: rotate(45deg); }
.pwwc-zo__arr--two::before { content: ""; position: absolute; left: -1px; top: -4px; width: 8px; height: 8px; border-bottom: 2px solid #B9A6D6; border-left: 2px solid #B9A6D6; transform: rotate(45deg); }
.pwwc-zo__card h3 { margin: 0 0 8px; font: 700 18px/1.3 var(--f-display); color: #082238; }
.pwwc-zo__card p { margin: 0; font-size: 15px; line-height: 1.6; color: #475569; }
.pwwc-zo__best { margin-top: auto !important; padding-top: 14px; font-size: 14px !important; color: #5E3C8A !important; font-weight: 600; }

/* ---------- pricing: receipt ---------- */
.pwwc-price__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 32px; }
.pwwc-price__receipt { margin: 0; padding: 22px 26px; border-radius: 6px; background: #fff; border: 1px solid #E2E8F0; box-shadow: 0 24px 40px -34px rgba(8,34,56,.6); background-image: radial-gradient(circle at 10px -4px, #F3F7F9 8px, transparent 8.5px); background-size: 20px 20px; background-repeat: repeat-x; background-position: 0 100%; }
.pwwc-price__line { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px dashed #DCE3EA; font: 500 15px/1.4 var(--f-body); color: #334155; }
.pwwc-price__line b { font-weight: 700; color: #082238; text-align: right; }
.pwwc-price__line--sub { padding-left: 18px; font-size: 14px; color: #64748B; }
.pwwc-price__line--sub b { font-weight: 600; color: #334155; }
.pwwc-price__line--var b { color: #7F54B3; font-weight: 600; }
.pwwc-price__line:last-child { border-bottom: 0; }
.pwwc-price__side { display: grid; gap: 14px; }
.pwwc-price__side p { margin: 0; padding: 16px 18px; border-radius: 14px; background: #F3F7F9; font-size: 14.5px; line-height: 1.55; color: #475569; }
.pwwc-price__side b { display: block; color: #082238; }
.pwwc-price__ours { max-width: 880px; margin: 22px 0 0; padding: 16px 20px; border-left: 4px solid #FFB81C; border-radius: 0 12px 12px 0; background: #FFFBF0; font-size: 15.5px; line-height: 1.6; color: #334155; }

/* ---------- responsive ---------- */
@media (max-width: 1080px) {
  .pwwc-hero .pwwc-hero__grid, .pwwc-stk__grid { grid-template-columns: 1fr; }
  .pwwc-shop { max-width: 600px; }
  .pwwc-belt__stations { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pwwc-zo__grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .pwwc-fit__list { grid-template-columns: 1fr; }
  .pwwc-svc__rail { grid-template-columns: 1fr 1fr; }
  .pwwc-price__grid { grid-template-columns: 1fr; }
  .pwwc-belt__track { display: none; }
  .pwwc-belt__stations { grid-template-columns: 1fr; gap: 10px; position: relative; padding-left: 22px; }
  .pwwc-belt__stations::before { content: ""; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 6px; border-radius: 3px; background: repeating-linear-gradient(180deg, #334155 0 8px, #1E293B 8px 16px); }
}
@media (max-width: 640px) {
  .pwwc-shop { padding: 14px 14px 30px; }
  .pwwc-shop__top { grid-template-columns: 1fr; }
  .pwwc-prod { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 0 12px; }
  .pwwc-prod__img { grid-row: span 4; height: 100%; min-height: 110px; }
  .pwwc-prod__name { margin-top: 2px; }
  .pwwc-pipe { padding: 12px 10px; }
  .pwwc-pipe__track li { font-size: 10.5px; }
  .pwwc-svc__rail { grid-template-columns: 1fr; }
  .pwwc-fit__list li { grid-template-columns: 1fr; gap: 8px; }
  .pwwc-stk__nums { grid-template-columns: 1fr; }
  .pwwc-stk__nums div { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
  .pwwc-stk__nums dd { margin: 0; font-size: 17px; }
  .pwwc-layer { grid-template-columns: 26px minmax(0, 1fr); }
  .pwwc-layer em { grid-column: 2; justify-self: start; }
  .pwwc-price__receipt { padding: 16px 16px; }
  .pwwc-price__line { flex-direction: column; gap: 2px; }
  .pwwc-price__line b { text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
  .pwwc-prod__add, .pwwc-cart, .pwwc-cart__n, .pwwc-pipe__track li, .pwwc-pipe__track li i, .pwwc-shop__toast, .pwwc-belt__box, .pwwc-belt__stations li, .pwwc-opts span { transition: none !important; }
  .pwwc-belt.is-moving .pwwc-belt__track::before, .pwwc-layer.is-drop { animation: none; }
}