.vk-order{--accent:#ad345f;--border:#e8e1e4;--pale:#fff4f8;--pink:#f3b4cc;font-family:var(--f-body);color:#151316;text-align:start}
.vk-order h2{font-family:var(--f-body);text-transform:none;font-weight:800}
.vk-order .buy{background:#171518;color:#fff!important;display:flex;justify-content:center;align-items:center;position:relative;border-radius:8px;min-height:55px;margin-top:16px;font-size:15px;font-weight:800;padding:14px 30px}
.vk-order .buy{gap:0;top:auto}
/* ---------- Order sheet ---------- */
.vk-order{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#1d0e15b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.vk-order[hidden]{display:none!important}
.vk-order__panel{position:relative;width:100%;max-width:480px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0004;padding:22px 22px 20px}
.vk-order__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vk-order__head h2{font-size:22px!important;letter-spacing:0!important;line-height:1.25!important}
.vk-order__close{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--border);border-radius:50%;background:#fff;font-size:18px;line-height:1;color:#151316}
.vk-order__item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #ead7df;background:var(--pale);border-radius:12px}
.vk-order__item img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:0 0 64px}
.vk-order__item div{flex:1;min-width:0}
.vk-order__item strong{display:block;font-size:15px}
.vk-order__item small{display:block;font-size:12px;color:#7b3e55;margin-top:2px}
.vk-order__item .vk-order__unit{flex:0 0 auto;text-align:end}
.vk-order__item .vk-order__unit b{display:block;font-size:20px;color:#a43662}
.vk-order__item .vk-order__unit s{font-size:12px;color:#8d7d86}
.vk-qty{display:flex;align-items:center;justify-content:space-between;margin:12px 0 4px;font-size:14px;font-weight:700}
.vk-qty__ctrl{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;overflow:hidden}
.vk-qty__ctrl button{width:40px;height:38px;border:0;background:#fff;font-size:20px;color:#151316}
.vk-qty__ctrl output{min-width:34px;text-align:center;font-size:16px;font-weight:800}
.vk-order__lines{margin:10px 0 14px;padding:10px 0;border-top:1px solid #eee3e8;border-bottom:1px solid #eee3e8;font-size:13px}
.vk-order__lines div{display:flex;justify-content:space-between;padding:3px 0}
.vk-order__lines .free{color:#246548;font-weight:700}
.vk-order__lines .total{font-size:16px;font-weight:800;padding-top:6px}
.vk-field{margin-bottom:12px}
.vk-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.vk-field label small{font-weight:400;color:#8d7d86}
.vk-field input,.vk-field select,.vk-field textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #ddd2d7;border-radius:10px;background:#fff;color:#151316;outline:0;-webkit-appearance:none;appearance:none}
.vk-field select{background-image:linear-gradient(45deg,transparent 50%,#8d7d86 50%),linear-gradient(135deg,#8d7d86 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
html[dir=rtl] .vk-field select{background-position:15px 52%,20px 52%;padding-right:14px;padding-left:38px}
.vk-field textarea{min-height:70px;resize:vertical}
.vk-field input:focus,.vk-field select:focus,.vk-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ad345f22}
.vk-field.has-error input,.vk-field.has-error select,.vk-field.has-error textarea{border-color:#c62828}
.vk-field .err{display:none;font-size:12px;color:#c62828;margin-top:5px}
.vk-field.has-error .err{display:block}
.vk-phone{display:flex;direction:ltr;border:1.5px solid #ddd2d7;border-radius:10px;overflow:hidden}
.vk-phone span{display:flex;white-space:nowrap;align-items:center;padding:0 12px;background:#f7f2f4;font-size:15px;font-weight:700;color:#52494f;border-right:1px solid #ddd2d7}
.vk-phone input{border:0!important;border-radius:0!important;box-shadow:none!important;direction:ltr;text-align:left}
.vk-field.has-error .vk-phone{border-color:#c62828}
.vk-phone:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ad345f22}
.vk-order .buy{width:100%;border:0;cursor:pointer;margin-top:6px}
.vk-order .buy span{position:static;font-size:inherit;font-weight:inherit;margin:0 .25em}
.vk-order .buy[disabled]{opacity:.7;cursor:wait}
.vk-order__fine{font-size:12px;color:#71636b;text-align:center;margin-top:10px!important;line-height:1.6}
.vk-order__trust{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-top:10px}
/* thank you */
.vk-thanks{text-align:center;padding:6px 4px 4px}
.vk-thanks__tick{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#e7f7ee;color:#1f8a4c;display:grid;place-items:center;font-size:32px;font-weight:800}
.vk-thanks h2{font-size:26px!important;letter-spacing:0!important;line-height:1.25!important}
.vk-thanks__id{display:inline-block;margin:12px 0 4px;padding:6px 14px;border-radius:999px;background:var(--pale);border:1px solid #ead7df;font-weight:800;font-size:15px;direction:ltr}
.vk-thanks p{font-size:14px;color:#52494f;line-height:1.75;margin-top:10px!important}
.vk-thanks .vk-wa-confirm{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;min-height:56px;border-radius:12px;background:#25d366;color:#fff!important;font-size:17px;font-weight:800;box-shadow:0 8px 22px rgba(37,211,102,.35)}
.vk-thanks .vk-wa-confirm svg{width:26px;height:26px;fill:#fff}
.vk-thanks small{display:block;margin-top:12px;font-size:12px;color:#8d7d86;line-height:1.6}
.vk-thanks__summary{margin-top:14px;padding:12px;border-radius:10px;background:#faf7f8;font-size:13px;text-align:start;line-height:1.8}
body.vk-lock{overflow:hidden}
@media(max-width:680px){
  .vk-order{align-items:flex-end;padding:0}
  .vk-order__panel{max-width:none;border-radius:18px 18px 0 0;max-height:94vh;max-height:94dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
}

/* compact, crisp checkout (phones) */
.vk-order__panel{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.vk-order__panel *{line-height:1.35}
@media(max-width:680px){
  .vk-order__panel{padding:12px 14px calc(14px + env(safe-area-inset-bottom));max-height:96vh;max-height:96dvh}
  .vk-order__panel::before{content:"";display:block;width:38px;height:4px;border-radius:4px;background:#e2d6dc;margin:0 auto 8px}
  .vk-order__head{margin-bottom:8px}
  .vk-order__head h2{font-size:18px!important}
  .vk-order__close{flex-basis:32px;width:32px;height:32px;font-size:14px}
  .vk-order__item{padding:8px 10px;gap:10px;border-radius:10px}
  .vk-order__item img{width:44px;height:44px;flex-basis:44px;border-radius:6px}
  .vk-order__item strong{font-size:14px}
  .vk-order__item small{font-size:11.5px;margin-top:0}
  .vk-order__item .vk-order__unit b{font-size:17px}
  .vk-order__item .vk-order__unit s{font-size:11px}
  .vk-qty{margin:8px 0 0;font-size:13px}
  .vk-qty__ctrl button{width:34px;height:32px;font-size:18px}
  .vk-qty__ctrl output{min-width:28px;font-size:15px}
  .vk-order__lines{margin:8px 0 10px;padding:6px 0;font-size:12.5px}
  .vk-order__lines div{padding:1px 0}
  .vk-order__lines div:nth-child(2){display:none}
  .vk-order__lines .total{font-size:15px;padding-top:3px}
  .vk-field{margin-bottom:9px}
  .vk-field label{font-size:12.5px;margin-bottom:4px}
  .vk-field input,.vk-field select,.vk-field textarea{font-size:16px;padding:9px 12px;border-width:1px;border-radius:9px;min-height:42px}
  .vk-field textarea{min-height:46px;height:46px}
  .vk-phone{border-width:1px;border-radius:9px}
  .vk-phone span{padding:0 10px;font-size:14px}
  .vk-phone input{min-height:40px}
  .vk-field .err{font-size:11.5px;margin-top:3px}
  .vk-order .buy{min-height:50px;font-size:16px;margin-top:4px;padding:12px 16px}
  .vk-order__fine{font-size:11.5px;margin-top:6px!important;line-height:1.5}
  .vk-order__trust{gap:10px;font-size:11.5px;margin-top:6px}
  .vk-thanks__tick{width:52px;height:52px;font-size:26px;margin-bottom:10px}
  .vk-thanks h2{font-size:21px!important}
  .vk-thanks p{font-size:13.5px;line-height:1.6}
  .vk-thanks .vk-wa-confirm{min-height:50px;font-size:16px;margin-top:14px}
}

/* offer cards inside the checkout (bundles / buy 2) */
.vk-order [hidden]{display:none!important}
.vk-offers{margin:2px 0 4px}
.vk-offers__h{font-size:13px;font-weight:800;margin:0 0 6px}
.vk-offer{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 8px;border:1.5px solid #e6dce1;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.vk-offer.on{border-color:var(--accent,#ad345f);background:var(--pale,#fff4f8);box-shadow:0 0 0 1px var(--accent,#ad345f) inset}
.vk-offer input{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--accent,#ad345f)}
.vk-offer img{flex:0 0 48px;width:48px;height:48px;object-fit:cover;border-radius:8px}
.vk-offer__t{flex:1;min-width:0}
.vk-offer__t b{display:block;font-size:14px;font-weight:800}
.vk-offer__t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;color:#7b6b73;margin-top:1px}
.vk-offer__t em{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:#246548;background:#e9f6ef;border-radius:999px;padding:1px 8px;margin-top:4px}
.vk-offer__p{flex:0 0 auto;text-align:end}
.vk-offer__p b{display:block;font-size:17px;font-weight:800;color:#a43662}
.vk-offer__p s{display:block;font-size:11.5px;color:#8d7d86}
.vk-offer__p i{display:inline-block;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#d4517f;border-radius:999px;padding:1px 7px;margin-top:2px;white-space:nowrap}
.vk-offer__pop{position:absolute;top:-9px;inset-inline-end:12px;font-size:10.5px;font-weight:800;color:#fff;background:#151316;border-radius:999px;padding:2px 9px}
.vk-order__lines .save span:last-child{color:#246548;font-weight:800}
.vk-order__lines .gift span:last-child{color:#246548;font-weight:700}
@media(max-width:680px){
  .vk-offer{padding:8px 10px;gap:8px;margin-bottom:9px}
  .vk-offer img{flex-basis:40px;width:40px;height:40px}
  .vk-offer__t b{font-size:13.5px}
  .vk-offer__p b{font-size:16px}
}

/* checkout best practice (21 Oct 2026): add-on tick box, sticky order button, softer WhatsApp, one-tap add after ordering */
.vk-bump{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:9px 11px;border:1.5px dashed #d4517f;border-radius:12px;background:#fff8fb;cursor:pointer}
.vk-bump.on{border-style:solid;background:var(--pale,#fff4f8)}
.vk-bump input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:var(--accent,#ad345f)}
.vk-bump img{flex:0 0 44px;width:44px;height:44px;object-fit:cover;border-radius:8px}
.vk-bump__t{flex:1;min-width:0}.vk-bump__t b{display:block;font-size:13.5px;font-weight:800}.vk-bump__t small{display:block;font-size:11.5px;color:#7b6b73}
.vk-bump__p{text-align:end}.vk-bump__p b{display:block;font-size:15px;color:#a43662}.vk-bump__p s{font-size:11px;color:#8d7d86}
.vk-order form button[type=submit]{position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 16px #fff}
.vk-wa-confirm.soft{background:#fff!important;color:#1d7f45!important;border:1.5px solid #25d366!important;box-shadow:none!important}
.vk-up{display:flex;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border:1.5px solid #f3b4cc;border-radius:12px;background:#fff4f8;text-align:start}
.vk-up img{flex:0 0 48px;width:48px;height:48px;object-fit:cover;border-radius:8px}
.vk-up div{flex:1;min-width:0}.vk-up b{display:block;font-size:13.5px}.vk-up small{display:block;font-size:11.5px;color:#7b6b73}
.vk-up button{flex:0 0 auto;border:0;border-radius:999px;background:#151316;color:#fff;font:inherit;font-weight:800;font-size:13px;padding:9px 14px}

/* 22 Oct: product page sticky price bar + WhatsApp moved to the left so it never covers the price */
.vk-pdbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid #eadde3;box-shadow:0 -8px 28px rgba(0,0,0,.10);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .25s ease}
.vk-pdbar.show{transform:none}
.vk-pdbar__p{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:0;min-width:0}
.vk-pdbar__p b{font-size:24px;font-weight:800;color:#111;letter-spacing:-.02em;line-height:1.1}
.vk-pdbar__p s{font-size:15px;color:#9a8f95}
.vk-pdbar__p small{flex-basis:100%;font-size:12px;color:#6f6369;line-height:1.3}
.vk-pdbar button{flex:0 0 auto;border:0;border-radius:999px;background:var(--pink-deep,#d64a7e);color:#fff;font:inherit;font-size:17px;font-weight:800;padding:14px 26px;cursor:pointer;box-shadow:0 6px 18px rgba(214,74,126,.35)}
body.vk-pdbar-on{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
/* 4 Nov (owner): WhatsApp bubble on the right in English, on the left in Arabic, and it only appears after she scrolls down (ordering comes first) */
html[dir=rtl] .wa-float,html[dir=rtl] .vk-wa-fab{left:calc(14px + env(safe-area-inset-left,0px))!important;right:auto!important}
html:not([dir=rtl]) .wa-float,html:not([dir=rtl]) .vk-wa-fab{right:calc(14px + env(safe-area-inset-right,0px))!important;left:auto!important}
html.vk-wa-gate .wa-float,html.vk-wa-gate .vk-wa-fab{opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .25s,transform .25s,visibility .25s}
html.vk-wa-gate body.vk-wa-show .wa-float,html.vk-wa-gate body.vk-wa-show .vk-wa-fab{opacity:1;visibility:visible;transform:none}
.wa-float{width:52px!important;height:52px!important}
.wa-float svg{width:28px!important;height:28px!important}
body.vk-pdbar-on .wa-float,body.vk-pdbar-on .vk-wa-fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
#prod-view .bigprice{margin:2px 0 4px}
/* 22 Oct: WhatsApp under the Order button is a quiet text link, not a second big green button */
#prod-view .vk-walink{display:block;text-align:center;font-size:14px;font-weight:600;color:#6f6369!important;text-decoration:underline;text-underline-offset:3px;margin:2px 0 6px;padding:6px}

/* 24 Oct (owner: "buy must always be showing, WhatsApp below the buy"):
   product page = no floating WhatsApp bubble (WhatsApp is the small link under the Order button),
   sticky Order bar always on, and lifted above the Facebook / Instagram app's tab bar on iPhone */
body.vk-on-pd:not(.vk-pdbar-on) .wa-float,body.vk-on-pd:not(.vk-pdbar-on) .vk-wa-fab{display:none!important}
html.vk-iab body.vk-pdbar-on .wa-float,html.vk-iab body.vk-pdbar-on .vk-wa-fab{bottom:178px!important}
.vk-pdbar button{padding:15px 30px;font-size:18px}
html.vk-iab .vk-pdbar{left:10px;right:10px;bottom:84px;border:1px solid #eadde3;border-radius:20px;padding:10px 10px 10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translateY(calc(100% + 100px))}
html.vk-iab .vk-pdbar.show{transform:none}
html.vk-iab body.vk-pdbar-on{padding-bottom:180px}
html.vk-iab .wa-float,html.vk-iab .vk-wa-fab{bottom:96px!important}
#prod-view #pdCta{margin-top:4px}

/* 24 Oct (later): compact top like the old plate page */
#prod-view .vk-titlerow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}
#prod-view .vk-titlerow h1{margin:0}
#prod-view .vk-titlerow .badge{border-radius:999px;white-space:nowrap;font-size:13px;padding:5px 12px}
#prod-view .bigprice{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0}
#prod-view .bigprice .badge,#prod-view .vk-free{font-size:13px;padding:5px 11px;border-radius:999px;white-space:nowrap}
#prod-view .vk-free{border:1.5px solid var(--pink-deep,#c2406e);color:var(--pink-deep,#c2406e);font-weight:700;background:transparent}
#prod-view .offerbar.vk-off{display:none}
#prod-view #pdCta{margin-top:2px}

/* 24 Oct: WhatsApp link in WhatsApp green; no bundle cards on the product page (offers only inside the order form);
   the add-on is a small optional line just above the total */
#prod-view .vk-walink{color:#1a9e4b!important;text-decoration-color:rgba(26,158,75,.45)}
#prod-view #pdTiers{display:none!important}
#vk-order .vk-bump{margin:4px 0 10px;padding:10px 12px;border-width:1px;gap:10px}
#vk-order .vk-bump img{width:38px;height:38px}
#vk-order .vk-bump__t b{font-size:14px}
#vk-order .vk-bump__t small{font-size:12px}
#vk-order .vk-bump__p b{font-size:15px}
/* 24 Oct: value stack line + offer tag */
#vk-order .vk-order__lines .worth s{color:#9a8f95;font-weight:700}
#vk-order .vk-offer__p i{white-space:nowrap}
/* 24 Oct: one green pill per extra item, green "save $X" under the price */
#vk-order .vk-offer__t em{display:inline-block;margin:4px 0 0 4px}
#vk-order .vk-offer__p{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
#vk-order .vk-offer__sv{text-decoration:none;color:#1a7f43;font-weight:800;font-size:13px;white-space:nowrap}
/* 24 Oct test: offer cards on the product page (all products except shorts) */
#prod-view .vk-pdoffers{margin:6px 0 2px}
#prod-view .vk-pdoffers .vk-offers__h{font-weight:800;margin:0 0 8px}
#prod-view .vk-pdoffers .vk-offer__t em,#vk-order .vk-order__pills em{display:inline-block;margin:4px 0 0 4px}
#prod-view .vk-pdoffers .vk-offer__p{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
#prod-view .vk-pdoffers .vk-offer__sv{text-decoration:none;color:#1a7f43;font-weight:800;font-size:13px;white-space:nowrap}
#prod-view .vk-pdoffers .vk-offer__p i{white-space:nowrap}
#vk-order .vk-order__pills{flex-basis:100%;margin:6px 0 0}
#vk-order .vk-order__item{flex-wrap:wrap}
/* 24 Oct: cross-sell "complete your routine" (page card + form tick box) and the gift threshold bar */
#prod-view .vk-xs{display:flex;align-items:center;gap:10px;margin:4px 0 10px;padding:10px 12px;border:1.5px dashed #1a9e4b;border-radius:14px;background:#f3fbf6;cursor:pointer}
#prod-view .vk-xs.on{border-style:solid;background:#e8f7ee}
#prod-view .vk-xs input{flex:0 0 22px;width:22px;height:22px;margin:0;accent-color:#1a9e4b}
#prod-view .vk-xs img{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:0 0 56px}
#prod-view .vk-xs__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#prod-view .vk-xs__t em{font-style:normal;font-size:12px;font-weight:800;color:#1a7f43}
#prod-view .vk-xs__t b{font-size:15px;color:#151316}
#prod-view .vk-xs__t small{font-size:12.5px;color:#6f6369;line-height:1.35}
#prod-view .vk-xs__p{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}
#prod-view .vk-xs__p b{font-size:17px;color:#1a7f43}
#prod-view .vk-xs__p s{font-size:13px;color:#9a8f95}
#vk-order .vk-bump{border-color:#1a9e4b;background:#f3fbf6}
#vk-order .vk-bump.on{background:#e8f7ee}
#vk-order .vk-bump input{accent-color:#1a9e4b}
#vk-order .vk-bump__t{display:flex;flex-direction:column}
#vk-order .vk-bump__k{font-style:normal;font-size:11.5px;font-weight:800;color:#1a7f43}
#vk-order .vk-thr{margin:8px 0 6px;padding:10px 12px;border-radius:12px;background:#fff4f8;border:1px solid #f1cfdd;font-size:14px;font-weight:700;color:#8a2a52;line-height:1.4}
#vk-order .vk-thr.done{background:#e8f7ee;border-color:#bfe6cd;color:#1a7f43}

/* ===== 24 Oct FINAL: one offer design (Kaching Bundles bars + Releasit 1-tick row + one-click popup) ===== */
.kb{margin:8px 0 12px}
.kb[hidden],.kb-oto[hidden]{display:none!important}
.kb-h{display:flex;align-items:center;gap:10px;margin:2px 0 12px;font-weight:800;font-size:14px;color:#151316;white-space:nowrap}
.kb-h::before,.kb-h::after{content:"";flex:1;height:1px;background:#e8dde2}
.kb-bar{position:relative;display:flex;align-items:center;gap:10px;padding:13px 14px;margin:0 0 12px;border:1.5px solid #e6dce1;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}
.kb-bar.on{border-color:#c2406e;background:#fff5f9;box-shadow:0 0 0 1px #c2406e inset}
.kb-bar input,.kb-add input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.kb-dot{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:2px solid #cbbcc3;background:#fff}
.kb-bar.on .kb-dot{border-color:#c2406e;background:#c2406e;box-shadow:inset 0 0 0 3px #fff}
.kb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kb-t{font-weight:800;font-size:15px;color:#151316;line-height:1.35}
.kb-save{font-style:normal;display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:#c2406e;color:#fff;font-size:11.5px;font-weight:800;line-height:1.4;vertical-align:1px;white-space:nowrap}
.kb-sub{font-size:12.5px;color:#6f6369;line-height:1.4}
.kb-gift{font-size:12.5px;color:#1a7f43;font-weight:700;line-height:1.4}
.kb-p{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:end;gap:1px}
.kb-p b{font-size:18px;font-weight:800;color:#151316;line-height:1.2}
.kb-p s{font-size:12.5px;color:#9a8f95}
.kb-p small{font-size:11px;color:#6f6369;white-space:nowrap}
.kb-badge{position:absolute;top:-10px;inset-inline-end:12px;padding:2px 10px;border-radius:999px;background:#151316;color:#fff;font-size:11px;font-weight:800;line-height:1.5}
.kb-bar.on .kb-badge{background:#c2406e}
.kb-addh{font-size:12.5px;font-weight:800;color:#1a7f43;margin:4px 2px 6px}
.kb-add{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px dashed #b9dcc6;border-radius:12px;background:#f6fcf8;cursor:pointer}
.kb-add.on{border-style:solid;border-color:#1a9e4b;background:#ecf8f0}
.kb-box{position:relative;flex:0 0 20px;width:20px;height:20px;border-radius:5px;border:2px solid #9fcfb2;background:#fff}
.kb-add.on .kb-box{background:#1a9e4b;border-color:#1a9e4b}
.kb-add.on .kb-box::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.kb-add img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 40px}
.kb-add .kb-t{font-size:14px}
.kb-add .kb-p b{font-size:15px;color:#1a7f43}
#vk-order .kb-form-add{margin:6px 0 10px}
#vk-order .vk-order__item .kb-gift{color:#1a7f43}
.kb-oto{padding:6px 2px 4px;text-align:center}
.kb-oto__ok{margin:0;color:#1a7f43;font-weight:800;font-size:14px}
.kb-oto h3{font-size:22px;margin:6px 0 12px;line-height:1.3}
.kb-oto img{display:block;width:100%;max-width:260px;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin:0 auto 12px;background:#f6eef2}
.kb-oto__n{display:block;font-size:18px;font-weight:800}
.kb-oto__w{margin:4px 0 6px;color:#6f6369;font-size:14px}
.kb-oto__p{margin:6px 0 2px}
.kb-oto__p b{font-size:28px;font-weight:800}
.kb-oto__p s{margin-inline-start:8px;color:#9a8f95;font-size:16px}
.kb-oto__p i{margin-inline-start:8px;font-style:normal;color:#1a7f43;font-weight:800;font-size:14px}
.kb-oto__s{margin:2px 0 0;font-size:12.5px;color:#6f6369}
.kb-oto__yes{display:block;width:100%;border:0;border-radius:999px;background:#c2406e;color:#fff;font:inherit;font-weight:800;font-size:17px;padding:16px;margin:14px 0 4px;cursor:pointer;box-shadow:0 8px 20px rgba(194,64,110,.3)}
.kb-oto__no{background:none;border:0;color:#6f6369;text-decoration:underline;font:inherit;font-size:14px;padding:10px;cursor:pointer}
/* 24 Oct: "No thanks" is a real button (outlined, full width); both answers continue to WhatsApp with her order */
.kb-oto__no{display:block;width:100%;margin:8px 0 0;padding:14px;border:1.5px solid #d9cdd3!important;border-radius:999px;background:#fff!important;color:#3d3439!important;font-weight:700!important;font-size:16px!important;text-decoration:none!important}

/* 24 Oct: mask chooser (two cards, swap in place) */
.kb-choose{margin:0 0 12px}
.kb-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kb-card{position:relative;display:grid;gap:3px;justify-items:center;text-align:center;padding:22px 8px 10px;border:1.5px solid #e6dde1;border-radius:14px;background:#fff;font:inherit;color:inherit;cursor:pointer}
.kb-card.on{border-color:#c2406e;background:#fdf1f6;box-shadow:0 0 0 1px #c2406e inset}
.kb-card img{width:72px;height:72px;border-radius:10px;object-fit:cover}
.kb-card b{font-size:14px}
.kb-cp{font-size:17px;font-weight:800}.kb-cp s{font-size:12px;font-weight:500;color:#8a7f84;margin-inline-start:4px}
.kb-cf{font-size:11.5px;color:#6f6369;line-height:1.35}
.kb-ctag{position:absolute;top:-1px;inset-inline-start:50%;transform:translate(-50%,-50%);background:#c2406e;color:#fff;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}
.kb-card:not(.on) .kb-ctag{background:#6f6369}
.kb-cnote{margin:8px 2px 0;font-size:12px;color:#6f6369}

/* 27 Oct: size + colour chips for clothing in the order form */
.vk-fit{margin:10px 0 4px;display:grid;gap:8px}
.vk-fit .vk-field{margin:0}
.vk-fit label{display:block;font-weight:800;font-size:14px;margin:0 0 6px}
.vk-chips{display:flex;flex-wrap:wrap;gap:8px}
.vk-chip{min-width:52px;padding:10px 14px;border:1.5px solid #e2d6db;border-radius:10px;background:#fff;font:inherit;font-weight:700;font-size:15px;color:#151316;cursor:pointer}
.vk-chip.on{border-color:#c2406e;background:#fdf1f6;color:#ad345f;box-shadow:0 0 0 1px #c2406e inset}
.vk-fit-size.has-error .vk-chip{border-color:#d33}
.vk-fit-size .err{display:none;color:#c0262d;font-size:13px;margin:6px 0 0}
.vk-fit-size.has-error .err{display:block}
.vk-fit-help{margin:0;font-size:12.5px;color:#6f6369}