/* Story Core — Cart & Checkout, Milano layout (Settings → Design & Brand → Layout design → Milano).
   Loaded instead of checkout.css. WooCommerce's cart, checkout and order blocks keep the Milano theme's own styling
   (its grey summary card, pill inputs and black buttons); this file only styles what Story Core adds to those pages:
   progress steps, free-delivery meter, gift wrap, promises, saved vouchers, "save for later", the empty cart,
   the thank-you page and the phone bar. Tokens (--m-*) come from BDCS_Layout::tokens() and follow the theme. */
body.bdcs-co{--co-bg:var(--m-bg);--co-card:var(--m-bg);--co-ink:var(--m-ink);--co-ink-2:var(--m-text);--co-copper:var(--m-ink);--co-copper-ink:var(--m-ink);--co-taupe:var(--m-faint);--co-taupe-ink:var(--m-muted);--co-line:var(--m-line);--co-blush:var(--m-soft);--co-sage:var(--m-ok);--co-brick:var(--m-bad);--co-head:var(--m-head);--co-font:var(--m-body);--co-r:var(--m-r);--co-shadow:none;
	--pr-ink:var(--m-ink);--pr-bg:var(--m-soft);--pr-card:var(--m-bg);--pr-copper:var(--m-ink);--pr-copper-ink:var(--m-ink);--pr-taupe:var(--m-faint);--pr-taupe-ink:var(--m-muted);--pr-blush:var(--m-soft);--pr-line:var(--m-line);--pr-sage:var(--m-ok);--pr-brick:var(--m-bad)}
.bdcs-co .bdcs-co-top,.bdcs-co .bdcs-thanks-host{font-family:var(--co-font);color:var(--co-ink-2)}
.bdcs-co .bdcs-co-top *,.bdcs-co .bdcs-thanks-host *{box-sizing:border-box}

/* ---------- top of cart / checkout: steps, meter, gift, promises ---------- */
.bdcs-co-top{display:flex;flex-direction:column;gap:calc(20px*var(--sb-sp,1));margin:0 0 calc(30px*var(--sb-sp,1))}
/* progress steps: assets/costeps.css (shared by both layouts) */

/* free delivery: a soft panel with a thin bar, like Milano's free-shipping meter */
.bdcs-free{padding:calc(16px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border-radius:var(--m-r);background:var(--m-soft)}
.bdcs-free-t{margin:0 0 calc(10px*var(--sb-sp,1));font-size:calc(15px*var(--sb-fs,1));color:var(--m-text)}
.bdcs-free-t b{color:var(--m-ink);font-weight:var(--m-w-head)}
.bdcs-free-bar{position:relative;height:4px;border-radius:4px;background:var(--m-soft-2)}
.bdcs-free-bar i{position:relative;display:block;height:100%;min-width:4px;border-radius:4px;background:var(--m-primary);transition:width .5s cubic-bezier(.2,.9,.3,1)}
.bdcs-free.is-done .bdcs-free-bar i{background:var(--m-ok)}
.bdcs-free.is-done .bdcs-free-t b{color:var(--m-ok)}
.bdcs-co-warn{padding:calc(14px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border:1px solid var(--color-border-error,color-mix(in srgb,var(--m-bad) 35%,var(--m-bg)));border-radius:var(--m-r);background:var(--background-error,color-mix(in srgb,var(--m-bad) 10%,var(--m-bg)));color:var(--m-bad);font-size:calc(14px*var(--sb-fs,1))}
.bdcs-gift{display:flex;align-items:center;gap:calc(14px*var(--sb-sp,1));padding:calc(14px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-bg);cursor:pointer;transition:border-color .2s}
.bdcs-gift:hover{border-color:var(--m-faint)}
.bdcs-gift input{width:18px;height:18px;accent-color:var(--m-ink);flex:none;margin:0}
.bdcs-gift-ic{display:grid;place-items:center;flex:none;color:var(--m-ink)}
.bdcs-gift b{display:block;font-size:calc(15px*var(--sb-fs,1));font-weight:var(--m-w-head);color:var(--m-ink)}
.bdcs-gift small{display:block;color:var(--m-muted);font-size:calc(13px*var(--sb-fs,1))}
.bdcs-gift-p{margin-left:auto;font-weight:var(--m-w-head);color:var(--m-ink);white-space:nowrap}
.bdcs-gift:has(input:checked){border-color:var(--m-ink)}
.bdcs-gift.busy{opacity:.6;pointer-events:none}
/* promises: Milano's service row — icon, then a short line */
.bdcs-trust{display:flex;flex-wrap:wrap;gap:calc(8px*var(--sb-sp,1)) calc(26px*var(--sb-sp,1));margin:0;padding:0;list-style:none;font-size:calc(14px*var(--sb-fs,1));color:var(--m-text)}
.bdcs-trust li{display:flex;align-items:center;gap:calc(8px*var(--sb-sp,1));flex:none}
.bdcs-trust li span{display:grid;place-items:center;width:auto;height:auto;background:none;color:var(--m-ink)}

/* ---------- the bag (cart): a heading above WooCommerce's list ---------- */
.bdcs-bag-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(4px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));margin:0 0 calc(6px*var(--sb-sp,1))}
.bdcs-bag-h h2{margin:0;font-family:var(--m-head);font-weight:var(--heading-font-weight,600);font-size:var(--h4-size,24px);line-height:1.2;letter-spacing:var(--heading-letter-spacing,-.034em);color:var(--m-ink)}
.bdcs-bag-n{font-size:calc(14px*var(--sb-fs,1));color:var(--m-muted)}
.bdcs-bag-h a{margin-left:auto;font-size:calc(14px*var(--sb-fs,1));font-weight:var(--m-w-sub);color:var(--m-ink);text-decoration:underline;text-underline-offset:3px}
.bdcs-bag-h a:hover{color:var(--m-primary)}
/* "Save for later" beside WooCommerce's remove link */
.bdcs-later{display:inline-flex;align-items:center;gap:calc(5px*var(--sb-sp,1));white-space:nowrap;margin:calc(8px*var(--sb-sp,1)) 0 0 calc(14px*var(--sb-sp,1));padding:0;border:0;background:none;color:var(--m-text);font:inherit;font-size:calc(13px*var(--sb-fs,1));cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.bdcs-later:hover{color:var(--m-primary)}
.bdcs-later.busy{opacity:.5;pointer-events:none}
@media(max-width:599px){.bdcs-later-x{display:none}.bdcs-bag-h a{margin-left:0;flex-basis:100%}}

/* ---------- vouchers and Coins rows above the cart / checkout (from promo.css): bordered panels ---------- */
body.bdcs-co .bdcs-acc{margin:0 0 calc(10px*var(--sb-sp,1));border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-bg);box-shadow:none}
body.bdcs-co .bdcs-acc[open]{border-color:var(--m-faint)}
body.bdcs-co .bdcs-acc>summary{min-height:64px;padding:calc(12px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1))}
body.bdcs-co .bdcs-acc .bdcs-co-list,body.bdcs-co .bdcs-acc .bdcs-acc-body{padding:0 calc(20px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1))}
body.bdcs-co .bdcs-acc-ic{width:40px;height:40px;background:var(--m-soft);color:var(--m-ink)}
body.bdcs-co .bdcs-acc-t b{font:var(--m-w-head) 16px/1.25 var(--m-head);letter-spacing:-.01em;color:var(--m-ink)}
body.bdcs-co .bdcs-acc-t small{color:var(--m-muted)}
body.bdcs-co .bdcs-acc:last-of-type{margin-bottom:calc(28px*var(--sb-sp,1))}

/* saved vouchers under the coupon field: Milano's offer box — a pink tint with a dashed edge */
.bdcs-cpn{padding:calc(14px*var(--sb-sp,1)) 0 calc(16px*var(--sb-sp,1))}
.bdcs-cpn-h{margin:0 0 calc(10px*var(--sb-sp,1));font-size:calc(13px*var(--sb-fs,1));font-weight:var(--m-w-head);color:var(--m-ink)}
.bdcs-cpn-h span{font-weight:400;color:var(--m-muted)}
.bdcs-cpn-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:calc(8px*var(--sb-sp,1))}
.bdcs-cpn-v{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:74px;padding:calc(10px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border:1px dashed var(--color-border-error,color-mix(in srgb,var(--m-primary) 40%,var(--m-bg)));border-radius:min(var(--m-r),8px);background:var(--m-tint);color:var(--m-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.bdcs-cpn-v:hover{border-color:var(--m-primary)}
.bdcs-cpn-v:focus-visible{outline:2px solid var(--m-ink);outline-offset:2px}
.bdcs-cpn-v b{font:var(--m-w-head) 17px/1.15 var(--m-head);letter-spacing:-.01em;color:var(--m-primary);font-variant-numeric:lining-nums}
.bdcs-cpn-v code{padding:0;background:none;font-family:var(--m-body);font-size:calc(11.5px*var(--sb-fs,1));font-weight:var(--m-w-head);letter-spacing:.08em;color:var(--m-ink)}
.bdcs-cpn-v small{font-size:calc(12px*var(--sb-fs,1));color:var(--m-muted);line-height:1.3}
.bdcs-cpn-v.is-on{border-style:solid;border-color:var(--m-btn);background:var(--m-btn);color:var(--m-btn-fg)}
.bdcs-cpn-v.is-on b,.bdcs-cpn-v.is-on code,.bdcs-cpn-v.is-on small{color:inherit}
.bdcs-cpn-v.is-short{opacity:.55;cursor:default}
.bdcs-cpn-v.is-short:hover{border-color:var(--color-border-error,color-mix(in srgb,var(--m-primary) 40%,var(--m-bg)))}
.bdcs-cpn-v.busy{opacity:.6;pointer-events:none}
@media(max-width:599px){.bdcs-cpn-l{grid-template-columns:1fr 1fr}}
body.bdcs-co .bdcs-code-open .wc-block-components-panel__button{font-weight:var(--m-w-head);text-decoration:none!important}
body.bdcs-co .bdcs-code-open .wc-block-components-panel__content{padding-top:calc(10px*var(--sb-sp,1))}
.bdcs-code-hint{margin:calc(8px*var(--sb-sp,1)) 0 0;font-size:calc(13px*var(--sb-fs,1));line-height:1.45;color:var(--m-muted)}

/* ---------- empty cart: best sellers as Milano product cards ---------- */
.bdcs-empty-more{margin:calc(40px*var(--sb-sp,1)) auto calc(10px*var(--sb-sp,1));max-width:1200px;text-align:center}
.bdcs-empty-more h3{margin:0 0 calc(20px*var(--sb-sp,1));font-family:var(--m-head);font-weight:var(--heading-font-weight,600);font-size:var(--h4-size,24px);letter-spacing:var(--heading-letter-spacing,-.034em);color:var(--m-ink)}
.bdcs-empty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(20px*var(--sb-sp,1)) calc(15px*var(--sb-sp,1))}
.bdcs-empty-p{display:flex;flex-direction:column;gap:calc(4px*var(--sb-sp,1));text-align:left;text-decoration:none!important;color:var(--m-ink)}
.bdcs-empty-p img{width:100%;aspect-ratio:var(--products-thumb-ratio,3/4);object-fit:cover;margin:0 0 calc(10px*var(--sb-sp,1))!important;border-radius:var(--m-r);background:var(--m-soft);transition:opacity .2s}
.bdcs-empty-p:hover img{opacity:.9}
.bdcs-empty-p b,.bdcs-empty-p strong{font-weight:var(--m-w-sub)}
.bdcs-empty-p span{color:var(--m-ink);font-weight:var(--m-w-head);font-size:calc(15px*var(--sb-fs,1))}
.bdcs-empty-wl{margin-top:calc(20px*var(--sb-sp,1));color:var(--m-muted)}
.bdcs-empty-wl a{color:var(--m-ink);text-decoration:underline;text-underline-offset:2px}
@media(min-width:600px){.bdcs-empty-grid{grid-template-columns:repeat(4,1fr);gap:calc(30px*var(--sb-sp,1))}}
.bdcs-cart-empty .bdcs-free,.bdcs-cart-empty .bdcs-acc,.bdcs-cart-empty .bdcs-co-warn{display:none}

/* ---------- thank you ---------- */
body.bdcs-co-done .bdcs-co-top{max-width:940px;margin-left:auto;margin-right:auto}
.bdcs-thanks-host{max-width:940px;margin:0 auto calc(40px*var(--sb-sp,1))}
.bdcs-thanks{position:relative;margin:0 0 calc(30px*var(--sb-sp,1));padding:calc(44px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1)) calc(36px*var(--sb-sp,1));border-radius:var(--m-r);background:var(--m-soft);text-align:center;isolation:isolate}
.bdcs-ty{max-width:none}
.bdcs-ty>*:not(.bdcs-confetti){position:relative;z-index:1}
.bdcs-ty-heart{display:inline-grid;place-items:center;width:64px;height:64px;margin:0 0 calc(16px*var(--sb-sp,1));border-radius:50%;background:var(--m-bg);color:var(--m-primary);cursor:pointer;animation:bdcs-ty-beat 1.4s .3s ease-out 1 both}
@keyframes bdcs-ty-beat{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.12);opacity:1}45%{transform:scale(.96)}60%{transform:scale(1.08)}80%,100%{transform:scale(1)}}
.bdcs-thanks h2,body.bdcs-co-done .bdcs-ty h2{margin:0 0 calc(8px*var(--sb-sp,1));padding:0;border:0;font-family:var(--m-head);font-weight:var(--heading-font-weight,600);font-size:var(--h2-size,36px);line-height:1.15;letter-spacing:var(--heading-letter-spacing,-.034em);color:var(--m-ink)}
.bdcs-ty-lead,.bdcs-thanks p.bdcs-ty-lead{margin:0 auto calc(28px*var(--sb-sp,1))!important;max-width:46ch;font-size:calc(16px*var(--sb-fs,1));color:var(--m-text)!important}
.bdcs-ty-h3{margin:0 0 calc(16px*var(--sb-sp,1));font-family:var(--m-head);font-size:var(--h5-size,20px);font-weight:var(--heading-font-weight,600);letter-spacing:var(--heading-letter-spacing,-.034em);color:var(--m-ink)}
/* what happens next */
.bdcs-ty-steps{display:grid;grid-template-columns:repeat(var(--steps,4),1fr);gap:0;margin:0 0 calc(30px*var(--sb-sp,1));padding:0;list-style:none;counter-reset:ty}
.bdcs-ty-steps li{position:relative;counter-increment:ty;padding:calc(42px*var(--sb-sp,1)) calc(6px*var(--sb-sp,1)) 0;font-size:calc(14px*var(--sb-fs,1));line-height:1.4;color:var(--m-text)}
.bdcs-ty-steps li::before{content:counter(ty);position:absolute;top:0;left:50%;width:30px;height:30px;margin-left:calc(-15px*var(--sb-sp,1));border-radius:50%;display:grid;place-items:center;background:var(--m-bg);border:1px solid var(--m-line);font-size:calc(13px*var(--sb-fs,1));font-weight:var(--m-w-head);color:var(--m-muted);z-index:1}
.bdcs-ty-steps li::after{content:"";position:absolute;top:15px;left:calc(-50% + 15px);right:calc(50% + 15px);height:1px;background:var(--m-faint)}
.bdcs-ty-steps li:first-child::after{display:none}
.bdcs-ty-steps li.is-done::before{content:"✓";background:var(--m-btn);border-color:var(--m-btn);color:var(--m-btn-fg)}
.bdcs-ty-steps b{display:block;font-weight:var(--m-w-head);color:var(--m-ink)}
.bdcs-ty-steps small{display:block;margin-top:2px;font-size:calc(13px*var(--sb-fs,1));color:var(--m-muted)}
.bdcs-thanks-a{display:flex;flex-wrap:wrap;gap:calc(10px*var(--sb-sp,1));justify-content:center}
.bdcs-thanks-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--m-btn-h);padding:0 var(--btn-padding-x,30px);border:1px solid var(--m-btn);border-radius:var(--m-pill);background:var(--m-btn);color:var(--m-btn-fg)!important;font-family:var(--btn-font,var(--m-body));font-size:var(--btn-font-size,15px);font-weight:var(--btn-font-weight,600);letter-spacing:var(--btn-letter-spacing,normal);text-transform:var(--btn-text-transform,none);text-decoration:none!important;transition:background .2s,border-color .2s,color .2s}
.bdcs-thanks-btn:hover{background:var(--m-btn-hover);border-color:var(--m-btn-hover);color:var(--m-btn-hover-fg)!important}
.bdcs-thanks-btn.ghost{background:transparent;border-color:var(--m-ink);color:var(--m-ink)!important}
.bdcs-thanks-btn.ghost:hover{background:var(--m-ink);color:var(--m-bg)!important}
.bdcs-thanks-k{font-size:calc(12px*var(--sb-fs,1));font-weight:var(--m-w-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted)}
.bdcs-thanks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:calc(10px*var(--sb-sp,1));max-width:640px;margin:0 auto calc(24px*var(--sb-sp,1))}
.bdcs-thanks-grid div{padding:calc(16px*var(--sb-sp,1));border-radius:var(--m-r);background:var(--m-bg)}
.bdcs-thanks-grid span{display:block;font-size:calc(12px*var(--sb-fs,1));letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted)}
.bdcs-thanks-grid b{display:block;margin:calc(4px*var(--sb-sp,1)) 0 2px;font:var(--m-w-head) 20px/1.2 var(--m-head);color:var(--m-ink)}
.bdcs-thanks-grid b *{display:inline;font:inherit;font-size:inherit}
.bdcs-thanks-grid small{color:var(--m-muted)}
/* confetti from the heart */
.bdcs-ty{overflow:visible}
.bdcs-confetti{position:absolute;inset:-140px 0 0 0;z-index:0;pointer-events:none;overflow:hidden}
.bdcs-confetti i{position:absolute;left:50%;opacity:0;animation:bdcs-burst 3s linear forwards}
@keyframes bdcs-burst{
	0%{opacity:1;transform:translate(0,0) rotate(0) scale(.3);animation-timing-function:cubic-bezier(.1,.7,.3,1)}
	22%{opacity:1;transform:translate(var(--ux),var(--uy)) rotate(calc(var(--r)*.3)) scale(1);animation-timing-function:cubic-bezier(.5,0,.8,.6)}
	85%{opacity:1}
	100%{opacity:0;transform:translate(calc(var(--ux)*1.35),var(--fall)) rotate(var(--r)) scale(1)}}
@media(max-width:599px){
	.bdcs-thanks{padding:calc(34px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1)) calc(28px*var(--sb-sp,1))}
	.bdcs-ty-steps{grid-template-columns:1fr;gap:calc(14px*var(--sb-sp,1));text-align:left;max-width:300px;margin-left:auto;margin-right:auto}
	.bdcs-ty-steps li{padding:calc(3px*var(--sb-sp,1)) 0 0 calc(44px*var(--sb-sp,1))}
	.bdcs-ty-steps li::before{left:0;margin-left:0}
	.bdcs-ty-steps li::after{top:-12px;bottom:auto;left:15px;right:auto;width:1px;height:14px}
	.bdcs-thanks-a{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.bdcs-ty-heart{animation:none}.bdcs-confetti{display:none}}

/* the packing table: the order's pieces drop into a parcel (same play as the Story design, in Milano's colours) */
.bdcs-ty-pack{--kraft:#DCC3A1;--kraft-d:color-mix(in srgb,var(--kraft) 78%,var(--m-ink));--drop:calc(.9s + var(--i,0) * .34s);--close:calc(1.05s + var(--n,1) * .34s);
	position:relative;padding-top:calc(176px*var(--sb-sp,1));max-width:460px;margin:2px auto calc(24px*var(--sb-sp,1));user-select:none}
.bdcs-ty-hang{position:absolute;inset:0 0 auto;height:0;margin:0;padding:0;list-style:none;opacity:0}
.bdcs-ty-hang::before{content:"";position:absolute;left:8%;right:8%;top:6px;height:2px;border-radius:2px;background:var(--m-ink);opacity:.85}
.bdcs-ty-piece{position:absolute;top:8px;left:calc(50% + var(--x) * 88px);width:76px;margin-left:calc(-38px*var(--sb-sp,1));transform-origin:50% 0;z-index:2;opacity:0}
.bdcs-ty-cord{display:block;width:1px;height:34px;margin:0 auto;background:var(--m-faint)}
.bdcs-ty-card{display:block;padding:calc(5px*var(--sb-sp,1)) calc(5px*var(--sb-sp,1)) calc(14px*var(--sb-sp,1));border-radius:5px;background:var(--m-bg);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--m-ink) 40%,transparent),0 0 0 1px var(--m-line)}
.bdcs-ty-card img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;margin:0!important;border-radius:3px}
.bdcs-ty-box{position:absolute;left:50%;top:20px;width:250px;height:148px;margin-left:calc(-125px*var(--sb-sp,1));cursor:pointer}
.bdcs-ty-in{position:absolute;left:0;right:0;top:-10px;height:22px;border-radius:4px 4px 0 0;background:linear-gradient(var(--kraft-d),color-mix(in srgb,var(--kraft-d) 70%,var(--m-ink)));z-index:0}
.bdcs-ty-front{position:absolute;inset:0;border-radius:3px 3px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--kraft) 92%,#fff),var(--kraft) 40%,color-mix(in srgb,var(--kraft) 88%,var(--m-ink)));box-shadow:inset 0 -10px 18px -10px color-mix(in srgb,var(--m-ink) 30%,transparent),0 18px 28px -18px color-mix(in srgb,var(--m-ink) 50%,transparent);z-index:4;overflow:hidden}
.bdcs-ty-front::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 7px,color-mix(in srgb,var(--m-ink) 4%,transparent) 7px 8px)}
.bdcs-ty-label{position:absolute;right:14px;top:46px;width:118px;padding:calc(9px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1));border-radius:4px;background:var(--m-bg);box-shadow:0 2px 6px color-mix(in srgb,var(--m-ink) 18%,transparent);text-align:left;transform:rotate(-3deg)}
.bdcs-ty-label small{display:block;font-size:calc(8.5px*var(--sb-fs,1));letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdcs-ty-label b{display:block;margin-top:2px;font:var(--m-w-head) 16px/1.1 var(--m-head);letter-spacing:-.02em;color:var(--m-ink)}
.bdcs-ty-label i{display:block;margin-top:2px;font-style:normal;font-size:calc(11px*var(--sb-fs,1));font-weight:var(--m-w-head);color:var(--m-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdcs-ty-label em{display:block;height:14px;margin-top:calc(6px*var(--sb-sp,1));background:repeating-linear-gradient(90deg,var(--m-ink) 0 1.5px,transparent 1.5px 3px,var(--m-ink) 3px 5px,transparent 5px 6.5px,var(--m-ink) 6.5px 7px,transparent 7px 9px);opacity:.8}
.bdcs-ty-flap{position:absolute;top:-1px;width:50%;height:38px;background:linear-gradient(color-mix(in srgb,var(--kraft) 80%,#fff),color-mix(in srgb,var(--kraft) 94%,var(--m-ink)));box-shadow:inset 0 -6px 10px -8px color-mix(in srgb,var(--m-ink) 40%,transparent);border:1px solid color-mix(in srgb,var(--kraft-d) 60%,transparent);z-index:5}
.bdcs-ty-flap.is-l{left:0;transform-origin:0 0;border-radius:3px 0 0 0}
.bdcs-ty-flap.is-r{right:0;transform-origin:100% 0;border-radius:0 3px 0 0}
.bdcs-ty-tape{position:absolute;left:50%;top:-2px;width:30px;height:74px;margin-left:calc(-15px*var(--sb-sp,1));border-radius:0 0 2px 2px;background:linear-gradient(90deg,color-mix(in srgb,var(--m-ink) 22%,#fff),color-mix(in srgb,var(--m-ink) 12%,#fff) 50%,color-mix(in srgb,var(--m-ink) 22%,#fff));opacity:.92;transform-origin:50% 0;z-index:6}
.bdcs-ty-stamp{position:absolute;left:-18px;top:52px;display:grid;place-items:center;align-content:center;gap:1px;width:86px;height:86px;border-radius:50%;border:2px dashed var(--m-primary);color:var(--m-primary);background:color-mix(in srgb,var(--m-bg) 80%,transparent);transform:rotate(-14deg);z-index:7;text-align:center}
.bdcs-ty-stamp svg{width:18px;height:18px}
.bdcs-ty-stamp b{font:700 calc(9.5px*var(--sb-fs,1))/1.15 var(--m-body);letter-spacing:.08em;text-transform:uppercase;max-width:62px}
.bdcs-ty-cap{display:grid;margin:0!important;font-family:var(--m-head);font-size:calc(17px*var(--sb-fs,1));font-weight:var(--m-w-sub);line-height:1.4;color:var(--m-ink)!important}
.bdcs-ty-cap span{grid-area:1/1}
.bdcs-ty-cap b{font-weight:var(--m-w-head);color:var(--m-primary)}
.bdcs-ty-cap .is-a{opacity:0}
.bdcs-ty-replay{position:absolute;right:0;top:-6px;padding:calc(4px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1));border:0;border-radius:var(--sb-pill,999px);background:transparent;color:var(--m-muted);font:var(--m-w-sub) 12px/1.4 var(--m-body);cursor:pointer;opacity:0;transition:opacity .2s}
.bdcs-ty-pack:hover .bdcs-ty-replay,.bdcs-ty-replay:focus-visible{opacity:1}
.bdcs-ty-pack.is-play .bdcs-ty-piece{animation:bdcs-ty-hang .7s cubic-bezier(.3,1.4,.5,1) calc(.15s + var(--i) * .08s) both,bdcs-ty-drop .55s cubic-bezier(.55,0,.75,.2) var(--drop) forwards}
.bdcs-ty-pack.is-play .bdcs-ty-cord{animation:bdcs-ty-cut .2s linear var(--drop) forwards}
.bdcs-ty-pack.is-play .bdcs-ty-flap.is-l{animation:bdcs-ty-flap-l .5s cubic-bezier(.4,1.5,.6,1) var(--close) both}
.bdcs-ty-pack.is-play .bdcs-ty-flap.is-r{animation:bdcs-ty-flap-r .5s cubic-bezier(.4,1.5,.6,1) calc(var(--close) + .12s) both}
.bdcs-ty-pack.is-play .bdcs-ty-tape{animation:bdcs-ty-tape .4s ease-out calc(var(--close) + .55s) both}
.bdcs-ty-pack.is-play .bdcs-ty-label{animation:bdcs-ty-label .45s cubic-bezier(.3,1.6,.5,1) calc(var(--close) + .85s) both}
.bdcs-ty-pack.is-play .bdcs-ty-stamp{animation:bdcs-ty-stamp .5s cubic-bezier(.3,1.7,.5,1) calc(var(--close) + 1.2s) both}
.bdcs-ty-pack.is-play .bdcs-ty-cap .is-a{opacity:1;animation:bdcs-ty-fade-out .3s ease calc(var(--close) + 1.1s) both}
.bdcs-ty-pack.is-play .bdcs-ty-cap .is-b{animation:bdcs-ty-fade-in .45s ease calc(var(--close) + 1.3s) both}
.bdcs-ty-pack.is-play{animation:bdcs-ty-settle .7s cubic-bezier(.4,0,.2,1) calc(var(--close) + 1.9s) both}
.bdcs-ty-pack.is-play .bdcs-ty-box{animation:bdcs-ty-box-up .7s cubic-bezier(.4,0,.2,1) calc(var(--close) + 1.9s) both}
.bdcs-ty-pack.is-play .bdcs-ty-hang{animation:bdcs-ty-rail-out .4s ease calc(var(--close) + 1.6s) both}
@keyframes bdcs-ty-settle{0%{padding-top:306px}100%{padding-top:176px}}
@keyframes bdcs-ty-box-up{0%{top:150px}100%{top:20px}}
@keyframes bdcs-ty-rail-out{0%{opacity:1}100%{opacity:0}}
@keyframes bdcs-ty-hang{0%{opacity:0;transform:translateY(-26px) rotate(-14deg)}45%{opacity:1;transform:translateY(0) rotate(9deg)}70%{transform:rotate(-4deg)}100%{opacity:1;transform:rotate(calc(var(--x) * 2deg))}}
@keyframes bdcs-ty-drop{0%{opacity:1;transform:rotate(calc(var(--x) * 2deg))}88%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x) * -58px),160px) rotate(calc(var(--x) * -5deg)) scale(.8)}}
@keyframes bdcs-ty-cut{to{opacity:0}}
@keyframes bdcs-ty-flap-l{0%{transform:rotate(-118deg)}100%{transform:rotate(0)}}
@keyframes bdcs-ty-flap-r{0%{transform:rotate(118deg)}100%{transform:rotate(0)}}
@keyframes bdcs-ty-tape{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
@keyframes bdcs-ty-label{0%{opacity:0;transform:translateY(-14px) rotate(-12deg) scale(1.15)}100%{opacity:1;transform:rotate(-3deg)}}
@keyframes bdcs-ty-stamp{0%{opacity:0;transform:rotate(-30deg) scale(1.9)}100%{opacity:1;transform:rotate(-14deg) scale(1)}}
@keyframes bdcs-ty-fade-out{0%{opacity:1}100%{opacity:0}}
@keyframes bdcs-ty-fade-in{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.bdcs-ty-pack.is-play *{animation:none!important}.bdcs-ty-pack .bdcs-ty-cap .is-a{opacity:0!important}.bdcs-ty-replay{display:none}}
@media(max-width:599px){
	.bdcs-ty-pack{padding-top:calc(156px*var(--sb-sp,1))}
	@keyframes bdcs-ty-settle{0%{padding-top:270px}100%{padding-top:156px}}
	@keyframes bdcs-ty-box-up{0%{top:136px}100%{top:20px}}
	.bdcs-ty-piece{left:calc(50% + var(--x) * 70px);width:62px;margin-left:calc(-31px*var(--sb-sp,1))}
	.bdcs-ty-box{width:218px;height:128px;margin-left:calc(-109px*var(--sb-sp,1));top:20px}.bdcs-ty-flap{height:32px}.bdcs-ty-tape{height:62px}
	.bdcs-ty-label{width:104px;top:40px}.bdcs-ty-stamp{width:74px;height:74px;left:-10px;top:44px}
	.bdcs-ty-cap{font-size:calc(15px*var(--sb-fs,1))}
	@keyframes bdcs-ty-drop{0%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x) * -44px),150px) scale(.8)}}
}

/* order details: Milano's order summary — a grey card with plain rows, then bordered info boxes */
.bdcs-tyd{max-width:940px;margin:calc(24px*var(--sb-sp,1)) auto 0;text-align:left;font-family:var(--m-body);color:var(--m-text)}
.bdcs-tyd *{box-sizing:border-box}
.bdcs-tyd-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(4px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));margin:0 0 calc(16px*var(--sb-sp,1))}
.bdcs-tyd-head h3{margin:0;font-family:var(--m-head);font-weight:var(--heading-font-weight,600);font-size:var(--h4-size,24px);letter-spacing:var(--heading-letter-spacing,-.034em);color:var(--m-ink)}
.bdcs-tyd-head span{font-size:calc(14px*var(--sb-fs,1));color:var(--m-muted)}
.bdcs-tyd-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:calc(20px*var(--sb-sp,1));align-items:start}
.bdcs-tyd-memo{padding:calc(30px*var(--sb-sp,1));border-radius:var(--m-r);background:var(--m-soft)}
.bdcs-tyd-memo-h{display:flex;justify-content:space-between;align-items:baseline;gap:calc(10px*var(--sb-sp,1));margin:0 0 calc(16px*var(--sb-sp,1));padding:0 0 calc(14px*var(--sb-sp,1));border-bottom:1px solid var(--m-line)}
.bdcs-tyd-memo-h b{font:var(--heading-font-weight,600) var(--h5-size,20px)/1.2 var(--m-head);letter-spacing:var(--heading-letter-spacing,-.034em);color:var(--m-ink)}
.bdcs-tyd-memo-h small{font-size:calc(12px*var(--sb-fs,1));font-weight:var(--m-w-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted)}
.bdcs-tyd-items{margin:0;padding:0;list-style:none;display:grid;gap:0}
.bdcs-tyd-items li{display:grid;grid-template-columns:60px 1fr auto;gap:calc(15px*var(--sb-sp,1));align-items:center;padding:calc(15px*var(--sb-sp,1)) 0;border-bottom:1px solid var(--m-line)}
.bdcs-tyd-items li:first-child{padding-top:0}
.bdcs-tyd-pic img{display:block;width:60px!important;height:75px!important;object-fit:cover;border-radius:5px;margin:0!important;background:var(--m-bg)}
.bdcs-tyd-it{min-width:0}
.bdcs-tyd-it b{display:block;font-weight:var(--m-w-head);font-size:calc(15px*var(--sb-fs,1));line-height:1.35;color:var(--m-ink)}
.bdcs-tyd-it small{display:block;margin-top:2px;font-size:calc(13px*var(--sb-fs,1));color:var(--m-muted)}
.bdcs-tyd-it small *{color:inherit!important;font-size:inherit!important}
.bdcs-tyd-lt{font-weight:var(--m-w-head);color:var(--m-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.bdcs-tyd-sum{margin:calc(16px*var(--sb-sp,1)) 0 0;padding:0}
.bdcs-tyd-sum div{display:flex;align-items:baseline;justify-content:space-between;gap:calc(8px*var(--sb-sp,1));padding:calc(5px*var(--sb-sp,1)) 0;font-size:calc(15px*var(--sb-fs,1));color:var(--m-text)}
.bdcs-tyd-sum dt{font-weight:400}.bdcs-tyd-sum dd{margin:0;color:var(--m-ink);font-variant-numeric:tabular-nums;text-align:right}
.bdcs-tyd-sum dd small,.bdcs-tyd-sum .includes_tax{display:none}
.bdcs-tyd-sum div.is-total{margin-top:calc(10px*var(--sb-sp,1));padding-top:calc(15px*var(--sb-sp,1));border-top:1px solid var(--m-line)}
.bdcs-tyd-sum div.is-total dt,.bdcs-tyd-sum div.is-total dd{font:var(--heading-font-weight,600) var(--h5-size,20px)/1.2 var(--m-head);letter-spacing:-.02em;color:var(--m-ink)}
.bdcs-tyd-sum div.is-total dd *{font:inherit!important;color:inherit!important}
.bdcs-tyd-sum div.is-due dt,.bdcs-tyd-sum div.is-due dd{color:var(--m-primary);font-weight:var(--m-w-head)}
.bdcs-tyd-coins{margin:calc(16px*var(--sb-sp,1)) 0 0!important;padding:calc(12px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border-radius:min(var(--m-r),8px);background:var(--m-bg);font-size:calc(14px*var(--sb-fs,1));color:var(--m-text)!important}
.bdcs-tyd-coins b{color:var(--m-ink)}
.bdcs-tyd-note{margin:calc(14px*var(--sb-sp,1)) 0 0!important;font-size:calc(14px*var(--sb-fs,1));color:var(--m-text)!important}
.bdcs-tyd-note span{display:block;font-size:calc(12px*var(--sb-fs,1));font-weight:var(--m-w-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted)}
.bdcs-tyd-side{display:grid;gap:calc(10px*var(--sb-sp,1))}
.bdcs-tyd-card{display:flex;gap:calc(14px*var(--sb-sp,1));align-items:flex-start;padding:calc(18px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border-radius:var(--m-r);background:var(--m-bg);border:1px solid var(--m-line)}
.bdcs-tyd-card>div{min-width:0}
.bdcs-tyd-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--m-soft);color:var(--m-ink)}
.bdcs-tyd-k{display:block;margin:1px 0 calc(3px*var(--sb-sp,1));font-size:calc(12px*var(--sb-fs,1));font-weight:var(--m-w-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted)}
.bdcs-tyd-card b{display:block;font-weight:var(--m-w-head);font-size:calc(15px*var(--sb-fs,1));color:var(--m-ink)}
.bdcs-tyd-card p{margin:2px 0 0!important;font-size:calc(14px*var(--sb-fs,1));line-height:1.55;color:var(--m-text)!important;overflow-wrap:anywhere}
.bdcs-tyd-card p b{display:inline;font-size:inherit}
.bdcs-tyd-card.is-cash{border:1px dashed var(--color-border-error,color-mix(in srgb,var(--m-primary) 40%,var(--m-bg)));background:var(--m-tint)}
.bdcs-tyd-card.is-cash .bdcs-tyd-ic{background:var(--m-bg);color:var(--m-primary)}
.bdcs-tyd-card.is-cash p *{color:var(--m-primary)!important;font-weight:var(--m-w-head)}
.bdcs-tyd .bdcs-thanks-a{display:grid;gap:calc(8px*var(--sb-sp,1));margin-top:calc(6px*var(--sb-sp,1))}
.bdcs-tyd .bdcs-thanks-btn{width:100%}
.bdcs-thanks-link{justify-self:center;padding:calc(6px*var(--sb-sp,1));color:var(--m-ink)!important;font-weight:var(--m-w-head);font-size:calc(14px*var(--sb-fs,1));text-decoration:underline!important;text-underline-offset:3px}
.bdcs-thanks-link:hover{color:var(--m-primary)!important}
@media(max-width:780px){.bdcs-tyd-grid{grid-template-columns:1fr}.bdcs-tyd-memo{padding:calc(22px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1))}}
html:lang(bn) .bdcs-ty-cap,html:lang(bn) .bdcs-tyd-head h3{line-height:1.45}

/* ---------- phones: total bar, toast, room for the theme's bottom bar ---------- */
.bdcs-sticky{position:fixed;left:0;right:0;bottom:var(--bdcs-bottom-nav,0px);z-index:9990;display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));padding:calc(10px*var(--sb-sp,1)) calc(15px*var(--sb-sp,1)) calc(calc(10px*var(--sb-sp,1)) + env(safe-area-inset-bottom));background:var(--m-bg);border-top:1px solid var(--m-line);transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .25s ease,opacity .25s ease,visibility .25s}
.bdcs-sticky.show{transform:none;opacity:1;visibility:visible}
.bdcs-sticky-t{display:flex;flex-direction:column;line-height:1.2}
.bdcs-sticky-t span{font-size:calc(12px*var(--sb-fs,1));color:var(--m-muted)}
.bdcs-sticky-t b{font:var(--m-w-head) 20px/1.2 var(--m-head);letter-spacing:-.02em;color:var(--m-ink)}
.bdcs-sticky a,.bdcs-sticky button{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-md-height,2.5rem);padding:0 calc(26px*var(--sb-sp,1));border:0;border-radius:var(--m-pill);background:var(--m-btn);color:var(--m-btn-fg)!important;font:var(--btn-font-weight,600) 15px/1 var(--m-body);text-decoration:none!important;cursor:pointer}
.bdcs-sticky a:hover,.bdcs-sticky button:hover{background:var(--m-btn-hover)}
.bdcs-toast{position:fixed;left:50%;bottom:calc(90px + var(--bdcs-bottom-nav,0px));transform:translateX(-50%);z-index:9999;max-width:calc(100vw - 30px);padding:calc(12px*var(--sb-sp,1)) calc(22px*var(--sb-sp,1));border-radius:var(--tooltip-radius,5px);background:var(--m-ink);color:var(--m-bg);font:var(--m-w-sub) 14px/1.4 var(--m-body)}
.bdcs-toast a{color:var(--m-bg);font-weight:var(--m-w-head);text-decoration:underline}
body.bdcs-co.has-sticky{padding-bottom:calc(calc(84px*var(--sb-sp,1)) + var(--bdcs-bottom-nav,0px))}
@media(min-width:782px){.bdcs-sticky{display:none}body.bdcs-co.has-sticky{padding-bottom:0}}
@media(max-width:781px){body.bdcs-co-cart .bdcs-chat,body.bdcs-sticky-on .bdcs-chat{bottom:calc(96px + var(--bdcs-bottom-nav,0px))!important}}
.bdcs-co .wc-block-cart__submit-container--sticky{bottom:var(--bdcs-bottom-nav,0px)!important}
@media(max-width:420px){.bdcs-gift small{display:none}.bdcs-free{padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1))}.bdcs-free-t{font-size:calc(14px*var(--sb-fs,1))}}
@media(prefers-reduced-motion:reduce){.bdcs-free-bar i,.bdcs-sticky{transition:none}.bdcs-toast{animation:none}}
/* phones: the chat and back-to-top buttons step aside while the checkout's own Place order button is in view */
@media(max-width:781px){body.bdcs-co-checkout.bdcs-place-visible .bdcs-chat,body.bdcs-co-checkout.bdcs-place-visible .back-to-top{display:none!important}}

/* cart on phones: the item row is three columns (thumbnail, details, price) that fit the screen; saved-voucher tiles grow with their text */
@media(max-width:781px){
body.bdcs-co-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row{grid-template-columns:84px minmax(0,1fr) auto;gap:calc(14px*var(--sb-sp,1))}
body.bdcs-co-cart .wc-block-cart-item__image{padding-right:0}
body.bdcs-co-cart .wc-block-cart-item__total{justify-self:end;text-align:right}
}
.bdcs-cpn-v{height:auto;min-height:74px;text-transform:none;letter-spacing:normal}
/* the applied saved voucher matches the dashed voucher chip (a soft ticket, not a solid block) and a lone tile fills the row */
.bdcs-cpn-l{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
body.bdcs-l-milano .bdcs-cpn-v.is-on{border-style:dashed;border-color:color-mix(in srgb,var(--m-primary) 45%,var(--m-bg));background:var(--m-tint);color:var(--m-ink)}
body.bdcs-l-milano .bdcs-cpn-v.is-on b{color:var(--m-primary)}
body.bdcs-l-milano .bdcs-cpn-v.is-on code{color:var(--m-ink)}
body.bdcs-l-milano .bdcs-cpn-v.is-on small{color:var(--m-muted)}
@media(max-width:599px){.bdcs-cpn-l{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
/* an applied voucher is green (solid edge, tinted fill) so it stands apart from the pink, dashed offers that are not applied yet */
body.bdcs-l-milano .bdcs-cpn-v.is-on{border:1px solid var(--m-ok);background:color-mix(in srgb,var(--m-ok) 10%,var(--m-bg));color:var(--m-ink)}
body.bdcs-l-milano .bdcs-cpn-v.is-on b{color:var(--m-ok)}
body.bdcs-l-milano .wc-block-components-totals-discount__coupon-list-item{border:1px solid var(--m-ok);background:color-mix(in srgb,var(--m-ok) 10%,var(--m-bg))}
body.bdcs-l-milano .wc-block-components-totals-discount__coupon-list-item .wc-block-components-chip__remove{color:var(--m-ok)}

/* applied voucher: a dashed pink ticket like the saved-voucher offers above it, and the saving in green */
body.bdcs-l-milano .wc-block-components-totals-discount__coupon-list{display:flex;flex-wrap:wrap;gap:calc(8px*var(--sb-sp,1));margin:calc(10px*var(--sb-sp,1)) 0 0;padding:0;list-style:none}
body.bdcs-l-milano .wc-block-components-totals-discount__coupon-list-item{display:inline-flex;align-items:center;gap:calc(6px*var(--sb-sp,1));min-height:40px;margin:0;padding:0 calc(5px*var(--sb-sp,1)) 0 calc(14px*var(--sb-sp,1));border:1px solid var(--m-ok);border-radius:var(--sb-pill,999px);background:color-mix(in srgb,var(--m-ok) 10%,var(--m-bg));color:var(--m-ink);box-shadow:none}
body.bdcs-l-milano .wc-block-components-chip__text{font:var(--m-w-head) 12px/1 var(--m-body);letter-spacing:.08em;text-transform:uppercase;color:var(--m-ink)}
/* the × is a 32px disc, but its tap area is 44px so it is easy to hit on a phone */
body.bdcs-l-milano .wc-block-components-chip__remove{position:relative;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:var(--m-bg);color:var(--m-muted);cursor:pointer;transition:background .15s,color .15s}
body.bdcs-l-milano .wc-block-components-chip__remove::before{content:"";position:absolute;inset:-6px}
@media (hover:hover){body.bdcs-l-milano .wc-block-components-chip__remove:hover{background:var(--m-ink);color:var(--m-bg)}}
body.bdcs-l-milano .wc-block-components-chip__remove:active{background:var(--m-ink);color:var(--m-bg)}
body.bdcs-l-milano .wc-block-components-totals-discount .wc-block-components-totals-item__value{color:var(--m-ok);font-weight:var(--m-w-head)}
body.bdcs-l-milano .wc-block-components-address-card__edit{white-space:nowrap}
/* email field: taller box, text centred under its floated label, same left edge as the label */
/* the theme sizes inputs through --input-height / --input-padding, so set those on the field (label follows them) */
body.bdcs-l-milano .wc-block-components-address-form__email{--input-height:58px;--input-padding:24px 20px 8px}
/* saved address card: the theme's 12px text is too small next to the 16px fields */
body.bdcs-l-milano .wc-block-components-address-card{padding:calc(16px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1));border-radius:var(--m-r);align-items:flex-start;gap:calc(12px*var(--sb-sp,1));font-size:calc(14px*var(--sb-fs,1));line-height:1.5}
body.bdcs-l-milano .wc-block-components-address-card address{font-size:calc(14px*var(--sb-fs,1));line-height:1.5;font-style:normal}
body.bdcs-l-milano .wc-block-components-address-card__address-section--primary{display:block;margin-bottom:2px;font-size:calc(15px*var(--sb-fs,1));font-weight:var(--m-w-head);color:var(--m-ink)}
body.bdcs-l-milano .wc-block-components-address-card__address-section--secondary{display:block;color:var(--m-muted)}
body.bdcs-l-milano .wc-block-components-address-card__edit{flex:none;margin-left:auto;padding:2px 0;font-size:calc(14px*var(--sb-fs,1));line-height:1.2;align-self:flex-start}

/* voucher notice: a dark card with a tick or cross badge and the code under the message */
.bdcs-toast{display:flex;align-items:center;gap:calc(12px*var(--sb-sp,1));min-width:240px;padding:calc(12px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1)) calc(12px*var(--sb-sp,1)) calc(12px*var(--sb-sp,1));border-radius:16px;background:var(--m-ink);color:var(--m-bg);font:var(--m-w-sub) 14px/1.35 var(--m-body);box-shadow:0 18px 40px -14px rgba(0,0,0,.5);animation:bdcs-toast-in .34s cubic-bezier(.2,.9,.3,1)}
.bdcs-toast-ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--m-ok);color:#fff;font:700 calc(14px*var(--sb-fs,1))/1 var(--m-body)}
.bdcs-toast.is-bad .bdcs-toast-ico{background:var(--m-bad)}
.bdcs-toast-x{display:flex;flex-direction:column;gap:calc(3px*var(--sb-sp,1));min-width:0}
.bdcs-toast-x b{font-weight:var(--m-w-head);font-size:calc(14.5px*var(--sb-fs,1))}
.bdcs-toast-x small{font-size:calc(11.5px*var(--sb-fs,1));letter-spacing:.08em;text-transform:uppercase;opacity:.65}
@keyframes bdcs-toast-in{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
/* WooCommerce's own notice for voucher added / removed: same card as the toast, not pinned over the header */
body.bdcs-l-milano .wc-block-components-notice-snackbar{position:fixed;left:50%;top:auto;bottom:calc(90px + var(--bdcs-bottom-nav,0px));transform:translateX(-50%);z-index:9999;width:max-content;min-width:240px;max-width:calc(100vw - 30px);margin:0;padding:calc(12px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1)) calc(12px*var(--sb-sp,1)) calc(12px*var(--sb-sp,1));border:0;border-radius:16px;background:var(--m-ink);color:var(--m-bg);box-shadow:0 18px 40px -14px rgba(0,0,0,.5);animation:bdcs-toast-in .34s cubic-bezier(.2,.9,.3,1)}
body.bdcs-l-milano .wc-block-components-notice-snackbar .wc-block-components-notice-banner__content{color:inherit;font:var(--m-w-sub) 14px/1.35 var(--m-body)}
body.bdcs-l-milano .wc-block-components-notice-snackbar>svg:first-child{flex:none;width:30px;height:30px;padding:calc(7px*var(--sb-sp,1));box-sizing:border-box;border-radius:50%;background:var(--m-ok);color:#fff}
body.bdcs-l-milano .wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss{background:none;color:var(--m-bg);opacity:.7;box-shadow:none}
body.bdcs-l-milano .wc-block-components-notice-snackbar .wc-block-components-notice-banner__dismiss:hover{opacity:1;background:none}

/* thank-you page: the checkout top (bag, delivery meter, gift wrap) and WooCommerce's default order block are replaced by .bdcs-ty */
body.bdcs-co-done .bdcs-co-top{display:none}
body.bdcs-co-done .woocommerce-order>:not(.bdcs-thanks-host):not(.bdcs-costeps){display:none}

/* phones: a field or item that is scrolled into view (tap, focus, anchor) stops just below the sticky header, not under it */
@media(max-width:781px){:root:has(body.bdcs-co){scroll-padding-top:88px}}
/* the bag's free-delivery panel is a lighter tint, so the section reads softer */
body.bdcs-l-milano .bdcs-free{background:color-mix(in srgb,var(--m-ink) 3%,var(--m-bg));border:1px solid var(--m-line)}

/* ========== page width, space under the progress bar, big trust badges (Settings → Cart & Checkout) ========== */
/* cart, checkout and our panels above them stay within --co-max and centred, even when the theme makes the block full width */
body.bdcs-co:is(.bdcs-co-cart,.bdcs-co-checkout) :is(.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout),
body.bdcs-co:is(.bdcs-co-cart,.bdcs-co-checkout) :is(.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout) ~ *,
body.bdcs-co:is(.bdcs-co-cart,.bdcs-co-checkout) :has(~ :is(.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout)),
body.bdcs-co:is(.bdcs-co-cart,.bdcs-co-checkout) .woocommerce:has(> :is(form.woocommerce-cart-form,form.checkout)){box-sizing:border-box;width:auto!important;max-width:var(--co-max,1180px)!important;margin-left:auto!important;margin-right:auto!important}
body.bdcs-co .bdcs-co-top>.bdcs-costeps{margin-bottom:max(0px,calc(var(--co-gap,32px) - calc(20px*var(--sb-sp,1))))!important}
/* big and bold: each promise in its own tile */
body.bdcs-co .bdcs-trust.is-bold{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:calc(12px*var(--sb-sp,1));margin:0;padding:0;overflow:visible;border:0;background:none;list-style:none;color:var(--co-ink)}
body.bdcs-co .bdcs-trust.is-bold li{display:flex;flex-direction:row;align-items:center;gap:calc(12px*var(--sb-sp,1));min-width:0;padding:calc(14px*var(--sb-sp,1)) calc(16px*var(--sb-sp,1));border:1px solid var(--co-line);border-radius:var(--co-r);background:color-mix(in srgb,var(--co-ink) 3%,var(--co-card));text-align:left;transition:transform .2s,box-shadow .2s}
body.bdcs-co .bdcs-trust.is-bold li+li{border-left:1px solid var(--co-line)}
body.bdcs-co .bdcs-trust.is-bold li span{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--co-ink);color:var(--sb-on-ink,var(--co-card))}
body.bdcs-co .bdcs-trust.is-bold li b{font-family:var(--co-font);font-size:calc(16px*var(--sb-fs,1));font-weight:700;line-height:1.3;color:var(--co-ink);letter-spacing:-.005em}
@media(hover:hover){body.bdcs-co .bdcs-trust.is-bold li:hover{transform:translateY(-1px);box-shadow:0 10px 22px -16px color-mix(in srgb,var(--co-ink) 45%,transparent)}}
/* phones: three compact tiles in a row, icon on top */
@media(max-width:599px){body.bdcs-co .bdcs-trust.is-bold{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:calc(8px*var(--sb-sp,1))}
body.bdcs-co .bdcs-trust.is-bold li{flex-direction:column;justify-content:flex-start;gap:calc(8px*var(--sb-sp,1));padding:calc(12px*var(--sb-sp,1)) calc(8px*var(--sb-sp,1));text-align:center}
body.bdcs-co .bdcs-trust.is-bold li span{width:38px;height:38px}
body.bdcs-co .bdcs-trust.is-bold li b{font-size:calc(13px*var(--sb-fs,1));line-height:1.3;overflow-wrap:anywhere}}
html:lang(bn) body.bdcs-co .bdcs-trust.is-bold li b{line-height:1.45}
@media(prefers-reduced-motion:reduce){body.bdcs-co .bdcs-trust.is-bold li{transition:none}}
/* thank-you: the steps sit straight above the thank-you block (no .bdcs-co-top), so give them the same room and the card's width */
body.bdcs-co-done .bdcs-costeps{max-width:940px;margin-left:auto!important;margin-right:auto!important;margin-bottom:var(--co-gap,32px)!important;box-sizing:border-box}
/* thank-you, smooth on phones: the settle used to animate padding-top and top, which re-laid out the whole page every
   frame. Now the layout snaps once to its final place and the box, caption and everything below glide there with
   translate only (FLIP), so the browser composites it on the GPU. Same look, no per-frame layout. */
.bdcs-ty{--ty-a:306px;--ty-b:176px;--ty-shift:130px;--close:calc(1.05s + var(--n,1) * .34s)}
.bdcs-ty-pack.is-play{animation:bdcs-ty-settle-snap 0s steps(1,end) calc(var(--close) + 1.9s) both}
@keyframes bdcs-ty-settle-snap{from{padding-top:var(--ty-a)}to{padding-top:var(--ty-b)}}
.bdcs-ty-pack.is-play .bdcs-ty-box{animation:bdcs-ty-box-snap 0s steps(1,end) calc(var(--close) + 1.9s) both,bdcs-ty-glide .7s cubic-bezier(.4,0,.2,1) calc(var(--close) + 1.9s) forwards}
@keyframes bdcs-ty-box-snap{from{top:calc(var(--ty-shift) + 20px)}to{top:20px}}
.bdcs-ty-pack.is-play .bdcs-ty-cap,.bdcs-ty-pack.is-play~*:not(.bdcs-confetti){animation:bdcs-ty-glide .7s cubic-bezier(.4,0,.2,1) calc(var(--close) + 1.9s) forwards}
@keyframes bdcs-ty-glide{from{translate:0 var(--ty-shift)}to{translate:none}}
.bdcs-ty-pack.is-play .bdcs-ty-cap .is-a{will-change:opacity}
.bdcs-ty-pack.is-play .bdcs-ty-piece{will-change:transform,opacity}
.bdcs-confetti i{will-change:transform,opacity;backface-visibility:hidden}
@media(max-width:599px){.bdcs-ty{--ty-a:270px;--ty-b:156px;--ty-shift:114px}}
@media(prefers-reduced-motion:reduce){.bdcs-ty-pack.is-play,.bdcs-ty-pack.is-play .bdcs-ty-box,.bdcs-ty-pack.is-play .bdcs-ty-cap,.bdcs-ty-pack.is-play~*:not(.bdcs-confetti){animation:none!important}.bdcs-ty-pack{padding-top:var(--ty-b)}}

/* the billing toggle replaces WooCommerce's inverted "same address" box (checkout.js) */
.bdcs-bill-nat{display:none!important}
.bdcs-bill-diff{margin-top:calc(12px*var(--sb-sp,1))}

/* thank-you, quicker: the page waited ~3.6s with its content pushed down before settling, which read as lag on
   desktop too. Same choreography, tighter: pieces drop sooner, the box closes and the page settles by ~3s. */
.bdcs-ty,.bdcs-ty-pack{--drop:calc(.6s + var(--i,0) * .24s);--close:calc(.75s + var(--n,1) * .24s)}
.bdcs-ty-pack.is-play .bdcs-ty-piece{animation:bdcs-ty-hang .6s cubic-bezier(.3,1.4,.5,1) calc(.1s + var(--i) * .06s) both,bdcs-ty-drop .45s cubic-bezier(.55,0,.75,.2) var(--drop) forwards}
.bdcs-ty-pack.is-play .bdcs-ty-tape{animation:bdcs-ty-tape .35s ease-out calc(var(--close) + .4s) both}
.bdcs-ty-pack.is-play .bdcs-ty-label{animation:bdcs-ty-label .4s cubic-bezier(.3,1.6,.5,1) calc(var(--close) + .6s) both}
.bdcs-ty-pack.is-play .bdcs-ty-stamp{animation:bdcs-ty-stamp .45s cubic-bezier(.3,1.7,.5,1) calc(var(--close) + .85s) both}
.bdcs-ty-pack.is-play .bdcs-ty-cap .is-a{animation:bdcs-ty-fade-out .25s ease calc(var(--close) + .75s) both}
.bdcs-ty-pack.is-play .bdcs-ty-cap .is-b{animation:bdcs-ty-fade-in .4s ease calc(var(--close) + .9s) both}
.bdcs-ty-pack.is-play .bdcs-ty-hang{animation:bdcs-ty-rail-out .35s ease calc(var(--close) + 1.05s) both}
.bdcs-ty-pack.is-play{animation:bdcs-ty-settle-snap 0s steps(1,end) calc(var(--close) + 1.25s) both}
.bdcs-ty-pack.is-play .bdcs-ty-box{animation:bdcs-ty-box-snap 0s steps(1,end) calc(var(--close) + 1.25s) both,bdcs-ty-glide .55s cubic-bezier(.4,0,.2,1) calc(var(--close) + 1.25s) forwards}
.bdcs-ty-pack.is-play .bdcs-ty-cap,.bdcs-ty-pack.is-play~*:not(.bdcs-confetti){animation:bdcs-ty-glide .55s cubic-bezier(.4,0,.2,1) calc(var(--close) + 1.25s) forwards}
@media(prefers-reduced-motion:reduce){.bdcs-ty-pack.is-play,.bdcs-ty-pack.is-play *,.bdcs-ty-pack.is-play~*:not(.bdcs-confetti){animation:none!important}}