/* Story Core — Milano layout (Settings → Design & Brand → Layout design → Milano). Loaded after the Story stylesheets (account.css, auth.css, promo.css, menu.css, wishlist.css, chat.css, verify.css) and only when the Milano layout is chosen: same markup and features, the Milano theme's look — white pages, soft grey panels (5% ink), #EBEBEB hairlines, 10px corners, 50px pill inputs and black pill buttons, DM Sans headings with tight tracking, small uppercase labels, the brand red for "active" and offers. Colours and fonts are the --m-* tokens from BDCS_Layout::tokens(): Milano's Customizer values, live. Every rule starts with body.bdcs-l-milano so it outranks the Story rules it replaces. */ /* ========== tokens for each Story area ========== */ body.bdcs-l-milano{ --bdcs-primary:var(--m-btn);--bdcs-accent:var(--m-btn-hover);--bdcs-blush:var(--m-soft);--bdcs-taupe:var(--m-faint);--bdcs-bg:var(--m-bg);--bdcs-card:var(--m-bg);--bdcs-text:var(--m-ink); --bdcs-muted:var(--m-muted);--bdcs-accent-ink:var(--m-ink);--bdcs-border:var(--m-line);--bdcs-radius:var(--m-r);--bdcs-shadow:none;--bdcs-font:var(--m-body);--bdcs-head:var(--m-head);--bdcs-max:var(--container-width,1200px); --bdcs-am-bg:var(--m-btn);--bdcs-am-fg:var(--m-btn-fg);--bdcs-am-pbg:var(--m-bg);--bdcs-am-pfg:var(--m-ink);--bdcs-am-radius:min(var(--m-r),8px); --m-label:var(--m-w-sub) 12px/1.4 var(--m-body);--m-input-border:var(--input-border-color,var(--m-line));--m-input-focus:var(--input-focus-border-color,var(--m-ink)); --m-offer-line:var(--color-border-error,color-mix(in srgb,var(--m-primary) 40%,var(--m-bg)))} body.bdcs-l-milano .bdcs-auth{--a-pri:var(--m-btn);--a-card:transparent;--a-text:var(--m-text);--a-in:var(--m-bg);--a-bd:var(--m-input-border);--a-btn:var(--m-btn-fg);--a-head:var(--m-head);--a-font:var(--m-body);--a-h:var(--m-in-h);--a-r:var(--m-in-r);--a-sh:none} body.bdcs-l-milano .bdcs-chat{--chat:var(--m-btn)!important;--chat-ink:var(--m-btn-fg)!important;--c-accent:var(--m-ink)} body.bdcs-l-milano .bdcs-trk{--trk-r:var(--m-r)} body.bdcs-l-milano.woocommerce-account,body.bdcs-l-milano .bdcs-vf{background:var(--m-bg)} /* ========== type ========== */ body.bdcs-l-milano :is(.bdcs-wrap,.bdcs-vo,.bdcs-trk,.bdcs-ol-empty,.bdcs-pf,.bdcs-ad,.bdcs-wishlist,.bdcs-rwa,.bdcs-wallet){color:var(--m-text);font-family:var(--m-body)} body.bdcs-l-milano :is(.bdcs-wrap,.bdcs-card,.woocommerce-MyAccount-content,.bdcs-auth,.bdcs-trk,.bdcs-vo,.bdcs-ol-empty,.bdcs-wishlist,.bdcs-rwa,.bdcs-wallet,.bdcs-pr-box,.bdcs-vf) :is(h1,h2,h3,h4){font-family:var(--m-head);font-weight:var(--heading-font-weight,600);letter-spacing:var(--heading-letter-spacing,-.034em);line-height:var(--heading-line-height,1.21);color:var(--m-ink)} /* headings on the dark panels keep their light colour */ body.bdcs-l-milano :is(.bdcs-vo-hero,.bdcs-trk-hero,.bdcs-rwa-hero,.bdcs-auth-side) :is(h1,h2,h3,h4){color:inherit} body.bdcs-l-milano .woocommerce-MyAccount-content>:is(h2,h3),body.bdcs-l-milano .woocommerce-MyAccount-content header h2{font-size:var(--h4-size,24px)} body.bdcs-l-milano .bdcs-wrap h3,body.bdcs-l-milano .bdcs-card h3{font-size:var(--h5-size,20px)} body.bdcs-l-milano .bdcs-wrap h4,body.bdcs-l-milano .bdcs-card h4{font-size:var(--h6-size,16px)} body.bdcs-l-milano .bdcs-eyebrow{font:var(--m-label);letter-spacing:.08em;color:var(--m-muted)} body.bdcs-l-milano :is(.bdcs-vo-hero,.bdcs-trk-hero,.bdcs-rwa-hero) .bdcs-eyebrow{color:inherit;opacity:.7} body.bdcs-l-milano .bdcs-muted{color:var(--m-muted)} body.bdcs-l-milano .bdcs-wrap a:not([class]),body.bdcs-l-milano .woocommerce-MyAccount-content a:not([class]){color:var(--m-ink);text-decoration:underline;text-underline-offset:2px} body.bdcs-l-milano .bdcs-wrap a:not([class]):hover,body.bdcs-l-milano .woocommerce-MyAccount-content a:not([class]):hover{color:var(--color-link-hover,var(--m-primary))} body.bdcs-l-milano .bdcs-link{color:var(--m-ink)!important;font-weight:var(--m-w-sub);text-decoration:underline!important;text-underline-offset:2px;border:0} body.bdcs-l-milano .bdcs-link:hover{color:var(--color-link-hover,var(--m-primary))!important} /* ========== buttons: Milano's pill — black, 600, hover to pure black; outline fills on hover ========== */ body.bdcs-l-milano :is(.bdcs-btn,.bdcs-primary,a.bdcs-primary,button.bdcs-primary,.bdcs-ol-btn,.bdcs-trk-go,.bdcs-pr-btn,.bdcs-rw-btn,.bdcs-vf-btn,.bdcs-tk-use,.bdcs-am-submit){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);box-shadow:none;transform:none} body.bdcs-l-milano :is(.bdcs-btn,.bdcs-primary,a.bdcs-primary,button.bdcs-primary,.bdcs-ol-btn,.bdcs-trk-go,.bdcs-pr-btn,.bdcs-rw-btn,.bdcs-vf-btn,.bdcs-tk-use,.bdcs-am-submit):hover{background:var(--m-btn-hover);border-color:var(--m-btn-hover);color:var(--m-btn-hover-fg)!important} body.bdcs-l-milano :is(.bdcs-btn-ghost,.bdcs-tk-save,.bdcs-ol-btn.is-pay+.bdcs-ol-btn){background:transparent;border:1px solid var(--btn-outline-border-color,var(--m-ink));color:var(--btn-outline-color,var(--m-ink))!important;box-shadow:none} body.bdcs-l-milano :is(.bdcs-btn-ghost,.bdcs-tk-save,.bdcs-ol-btn.is-pay+.bdcs-ol-btn):hover{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-bg)!important} body.bdcs-l-milano :is(.bdcs-btn-sm,.bdcs-ol-btn,.bdcs-tk-save,.bdcs-tk-use){min-height:var(--btn-sm-height,2.1875rem);padding:0 calc(20px*var(--sb-sp,1));font-size:calc(14px*var(--sb-fs,1))} body.bdcs-l-milano.woocommerce-account .woocommerce :is(.button,button.button,a.button,.woocommerce-Button){min-height:var(--m-btn-h);padding:0 var(--btn-padding-x,30px)!important;border:1px solid var(--m-btn)!important;border-radius:var(--m-pill)!important;background:var(--m-btn)!important;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);display:inline-flex;align-items:center;justify-content:center} body.bdcs-l-milano.woocommerce-account .woocommerce :is(.button,button.button,a.button,.woocommerce-Button):hover{background:var(--m-btn-hover)!important;border-color:var(--m-btn-hover)!important;color:var(--m-btn-hover-fg)!important} /* on the black panels the buttons turn white, like Milano's buttons over a dark banner */ body.bdcs-l-milano :is(.bdcs-vo-hero,.bdcs-trk-hero,.bdcs-rwa-hero) :is(.bdcs-btn,.bdcs-primary,.bdcs-rw-btn,.bdcs-trk-go){background:var(--m-bg);border-color:var(--m-bg);color:var(--m-ink)!important} body.bdcs-l-milano :is(.bdcs-vo-hero,.bdcs-trk-hero,.bdcs-rwa-hero) :is(.bdcs-btn,.bdcs-primary,.bdcs-rw-btn,.bdcs-trk-go):hover{background:var(--m-soft-2);border-color:var(--m-soft-2);color:var(--m-ink)!important} /* small outline buttons inside tables, like Milano's order actions */ body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button{min-height:var(--btn-sm-height,2.1875rem);padding:0 calc(18px*var(--sb-sp,1))!important;background:transparent!important;border-color:var(--m-ink)!important;color:var(--m-ink)!important;font-size:calc(13px*var(--sb-fs,1))} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:hover{background:var(--m-ink)!important;color:var(--m-bg)!important} body.bdcs-l-milano :is(.wc-block-components-notice-banner__content,.woocommerce-info,.woocommerce-message,.woocommerce-error) .button{border-radius:var(--m-pill)!important;background:var(--m-btn)!important} body.bdcs-l-milano :is(.wc-block-components-notice-banner__content,.woocommerce-info,.woocommerce-message) .button:hover{background:var(--m-btn-hover)!important} /* ========== inputs: 50px pills, ink border on focus, no glow ========== */ body.bdcs-l-milano :is(.woocommerce-MyAccount-content input.input-text,.woocommerce-MyAccount-content select,.bdcs-trackform input,.bdcs-rtform select,.bdcs-rtform input[type=tel],.bdcs-trk-in input,.bdcs-am-form input[type=text],.bdcs-am-form input[type=email],.bdcs-am-form input[type=password],.bdcs-vf-inrow input){min-height:var(--m-in-h);padding:0 calc(20px*var(--sb-sp,1));border:1px solid var(--m-input-border);border-radius:var(--m-in-r)!important;background:var(--m-bg);color:var(--input-color,var(--m-text));font-family:var(--m-body);font-size:var(--input-font-size,14px);box-shadow:none!important} body.bdcs-l-milano :is(.woocommerce-MyAccount-content textarea,.bdcs-rtform textarea){padding:calc(14px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border:1px solid var(--m-input-border);border-radius:min(var(--m-r),20px)!important;background:var(--m-bg);box-shadow:none!important} body.bdcs-l-milano :is(.woocommerce-MyAccount-content,.bdcs-trackform,.bdcs-rtform,.bdcs-trk-in,.bdcs-am-form,.bdcs-vf) :is(input,select,textarea):focus{outline:0;border-color:var(--m-input-focus)!important;box-shadow:none!important} body.bdcs-l-milano.woocommerce-account .bdcs-ad-form :is(input.input-text,select,.select2-container .select2-selection--single){min-height:var(--m-in-h);border-radius:var(--m-in-r)!important;border-color:var(--m-input-border)!important} body.bdcs-l-milano.woocommerce-account .bdcs-ad-form .select2-container .select2-selection--single .select2-selection__rendered{padding-left:calc(20px*var(--sb-sp,1));line-height:calc(var(--m-in-h) - 2px)} body.bdcs-l-milano.woocommerce-account .bdcs-ad-form :is(.select2-container--focus,.select2-container--open) .select2-selection--single{border-color:var(--m-input-focus)!important;box-shadow:none!important} body.bdcs-l-milano .woocommerce-MyAccount-content label{font-weight:var(--m-w-sub);font-size:calc(14px*var(--sb-fs,1));color:var(--m-ink)} body.bdcs-l-milano .woocommerce-MyAccount-content fieldset{padding:calc(24px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1));border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-bg)} body.bdcs-l-milano .woocommerce-MyAccount-content legend{font:var(--heading-font-weight,600) var(--h6-size,16px) var(--m-head);letter-spacing:-.02em;color:var(--m-ink)} /* ========== cards and panels: hairline, 10px, no shadow; soft grey for highlights ========== */ body.bdcs-l-milano :is(.bdcs-card,.bdcs-now-card,.bdcs-vo-card,.bdcs-ol>.bdcs-ol-card,.bdcs-ol-past,.bdcs-trk-card,.bdcs-trk-label,.bdcs-ad-formcard,.bdcs-wl-item,.bdcs-tk,.bdcs-lg-month,.bdcs-rw,.bdcs-vco){border-color:var(--m-line);border-radius:var(--m-r);box-shadow:none} body.bdcs-l-milano.woocommerce-account .bdcs-pf :is(.bdcs-pf-card,.bdcs-pf-sec),body.bdcs-l-milano.woocommerce-account .bdcs-ad-grid .bdcs-ad-card{border-radius:var(--m-r);box-shadow:none} body.bdcs-l-milano.woocommerce-account .bdcs-ad-grid .bdcs-ad-card.is-label{box-shadow:none;border-color:var(--m-ink)} body.bdcs-l-milano .bdcs-card{padding:calc(24px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1))} body.bdcs-l-milano :is(.bdcs-tk,.bdcs-trk-card,.bdcs-now-card):hover{box-shadow:none;transform:none} body.bdcs-l-milano :is(.bdcs-promo,.bdcs-custom,.bdcs-shipwith,.bdcs-rt-sum,.bdcs-trk-join,.bdcs-rtdetail){border:0;border-radius:var(--m-r);background:var(--m-soft)} body.bdcs-l-milano .bdcs-promo{padding:calc(30px*var(--sb-sp,1))} /* the dark panels stay dark, flat: Milano's black, with green / red for delivered / problem */ body.bdcs-l-milano :is(.bdcs-vo-hero,.bdcs-trk-hero,.bdcs-rwa-hero){border-radius:var(--m-r);background:var(--m-ink)} body.bdcs-l-milano .bdcs-trk-hero.is-ok{background:var(--m-ok)} body.bdcs-l-milano .bdcs-trk-hero.is-bad{background:var(--m-bad)} body.bdcs-l-milano .bdcs-vo-pill.copper{background:var(--m-primary)} /* offers: Milano's "sale" box — a light red tint with a dashed edge */ body.bdcs-l-milano :is(.bdcs-voucher,.bdcs-vnudge,.bdcs-pr-tk,.bdcs-co-v){border:1px dashed var(--m-offer-line);border-radius:var(--m-r);background:var(--m-tint);box-shadow:none;text-transform:none} body.bdcs-l-milano :is(.bdcs-vnudge,.bdcs-co-v):hover{border-color:var(--m-primary);box-shadow:none;transform:none} body.bdcs-l-milano .bdcs-vnudge.is-ok{border:1px solid var(--color-border-success,color-mix(in srgb,var(--m-ok) 35%,var(--m-bg)));background:var(--background-success,color-mix(in srgb,var(--m-ok) 10%,var(--m-bg)))} body.bdcs-l-milano :is(.bdcs-voucher strong,.bdcs-vnudge b,.bdcs-co-v b,.bdcs-pr-tk b){font-family:var(--m-head);letter-spacing:-.02em;color:var(--m-primary)} body.bdcs-l-milano .bdcs-vcode{border:1px dashed var(--m-ink);border-radius:var(--m-pill);background:var(--m-bg);color:var(--m-ink);padding:calc(12px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1))} body.bdcs-l-milano .bdcs-vcode:hover{background:var(--m-ink);color:var(--m-bg);border-color:var(--m-ink)} body.bdcs-l-milano .bdcs-tk-code{border-color:var(--m-ink);border-radius:var(--m-pill)} /* status badges: Milano's 5px badges */ body.bdcs-l-milano :is(.bdcs-pill,.bdcs-vo-pill,.bdcs-vbadge,.bdcs-pf-v){border-radius:var(--badges-radius,5px);letter-spacing:0;font-weight:var(--m-w-sub)} body.bdcs-l-milano .bdcs-pill{padding:calc(3px*var(--sb-sp,1)) calc(10px*var(--sb-sp,1));font-size:calc(12px*var(--sb-fs,1))} body.bdcs-l-milano :is(.bdcs-pill--delivered,.bdcs-pill--rt-completed,.bdcs-pill--rt-refunded,.bdcs-pill--rt-replacement){background:var(--background-success,color-mix(in srgb,var(--m-ok) 14%,var(--m-bg)));color:var(--m-ok)} body.bdcs-l-milano :is(.bdcs-pill--cancelled,.bdcs-pill--returned,.bdcs-pill--rt-rejected){background:var(--background-error,color-mix(in srgb,var(--m-bad) 12%,var(--m-bg)));color:var(--m-bad)} body.bdcs-l-milano :is(.bdcs-pill--rt-approved,.bdcs-pill--rt-received,.bdcs-pill--rt-pending,.bdcs-pill--rt-awaiting_payment){background:var(--background-warning,color-mix(in srgb,var(--m-warn) 14%,var(--m-bg)));color:var(--m-warn)} body.bdcs-l-milano .bdcs-banner{border-radius:var(--m-r)} body.bdcs-l-milano .bdcs-good{background:var(--background-success,#dcf0d8);border-color:var(--color-border-success,#b4deb0);color:var(--m-ok)} body.bdcs-l-milano .bdcs-bad{background:var(--background-error,#fadfdf);border-color:var(--color-border-error,#eabdbd);color:var(--m-bad)} /* ========== My Account: Milano's grey menu panel, red active link ========== */ @media(min-width:783px){body.bdcs-l-milano.bdcs-nav-sidebar.woocommerce-account .woocommerce{column-gap:var(--sidebar-gap,40px);grid-template-columns:var(--sidebar-width,270px) minmax(0,1fr);row-gap:calc(10px*var(--sb-sp,1))}} body.bdcs-l-milano.woocommerce-account .woocommerce{max-width:var(--container-width,1200px);font-family:var(--m-body);color:var(--m-text)} body.bdcs-l-milano .bdcs-navcard{padding:calc(24px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1));border:0;border-radius:var(--m-r);background:var(--m-soft)} body.bdcs-l-milano .bdcs-navcard .bdcs-av{width:52px;height:52px;background:var(--m-ink);color:var(--m-bg);font-family:var(--m-head);box-shadow:none} body.bdcs-l-milano .bdcs-navcard strong{font:var(--heading-font-weight,600) var(--h6-size,16px)/1.25 var(--m-head);letter-spacing:-.02em;color:var(--m-ink)} body.bdcs-l-milano .bdcs-navcard span{font-size:calc(13px*var(--sb-fs,1));letter-spacing:0;color:var(--m-muted)} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation{padding:calc(20px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1));border:0;border-radius:var(--m-r);background:var(--m-soft);box-shadow:none} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation a{gap:calc(12px*var(--sb-sp,1));padding:calc(9px*var(--sb-sp,1)) 0;border-radius:0;background:none!important;color:var(--m-ink);font-family:var(--m-head);font-size:var(--h6-size,16px);font-weight:var(--heading-font-weight,600);letter-spacing:-.01em} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation a:hover,body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{color:var(--m-primary)} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation .is-active a::after{display:none} body.bdcs-l-milano.bdcs-icons .woocommerce-MyAccount-navigation a::before,body.bdcs-l-milano.bdcs-icons .woocommerce-MyAccount-navigation .is-active a::before{width:20px;height:20px;background:currentColor} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:calc(8px*var(--sb-sp,1))!important;padding-top:calc(8px*var(--sb-sp,1))!important;border-top:1px solid var(--m-line)!important} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{color:var(--m-bad)} body.bdcs-l-milano.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation ul{gap:calc(6px*var(--sb-sp,1)) calc(30px*var(--sb-sp,1))} body.bdcs-l-milano.bdcs-nav-top.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:0!important;padding-top:0!important;border-top:0!important} /* phones: the account menu button and sheet */ body.bdcs-l-milano :is(.bdcs-navtog-i,.bdcs-si.is-on){background:var(--m-ink)} body.bdcs-l-milano :is(.bdcs-navtog-c,.bdcs-navcard>.bdcs-navtog-c){background:var(--m-bg);box-shadow:inset 0 0 0 1px var(--m-line)} body.bdcs-l-milano .bdcs-sheet-p{border-radius:16px 16px 0 0;box-shadow:0 -10px 40px -10px rgba(0,0,0,.25)} body.bdcs-l-milano .bdcs-sheet-top{border-radius:16px 16px 0 0;background:var(--m-bg)} body.bdcs-l-milano :is(.bdcs-sheet-b ul,.bdcs-sheet-q>a,.bdcs-sheet-q>button,.bdcs-sheet-out){border-radius:var(--m-r)} body.bdcs-l-milano .bdcs-sheet-me .bdcs-av{box-shadow:none;background:var(--m-ink)} /* WooCommerce screens inside My Account: Milano's tables and notices */ body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-content table.shop_table{border:1px solid var(--m-line);border-radius:var(--m-r);background:var(--m-bg);box-shadow:none} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-content table.shop_table th{padding:calc(14px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));background:var(--m-soft);border-bottom:1px solid var(--m-line);color:var(--m-ink);font:var(--m-label);letter-spacing:.08em} body.bdcs-l-milano.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{padding:calc(16px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border-top-color:var(--m-line)} body.bdcs-l-milano.woocommerce-account :is(.woocommerce-message,.woocommerce-info,.woocommerce-noreviews,.wc-block-components-notice-banner){background:var(--m-soft)!important;color:var(--m-text)!important;border:0!important;border-radius:var(--m-r)!important} body.bdcs-l-milano.woocommerce-account :is(.woocommerce-message,.woocommerce-info)::before{color:var(--m-ink)!important} body.bdcs-l-milano.woocommerce-account mark{background:none;color:var(--m-ink);font-weight:var(--m-w-head);padding:0} body.bdcs-l-milano.woocommerce-account :is(.woocommerce-Addresses .woocommerce-Address,.woocommerce-customer-details address){border-color:var(--m-line)!important;border-radius:var(--m-r);box-shadow:none} /* dashboard */ body.bdcs-l-milano .bdcs-hello{padding:calc(30px*var(--sb-sp,1));border:0;border-radius:var(--m-r);background:var(--m-soft)} body.bdcs-l-milano .bdcs-hello h2{font-size:var(--h3-size,30px)} body.bdcs-l-milano .bdcs-hello p{color:var(--m-text)} body.bdcs-l-milano .bdcs-hello-n>div{border:0;border-radius:var(--m-r);background:var(--m-bg);box-shadow:none} @container bdcs-stats (max-width:520px){body.bdcs-l-milano .bdcs-hello-n{border:0;background:var(--m-bg)}body.bdcs-l-milano .bdcs-hello-n>div{border-radius:0}body.bdcs-l-milano .bdcs-hello-n>div+div{border-left:1px solid var(--m-line)}} body.bdcs-l-milano .bdcs-hello-n>div::before{background:var(--m-soft)} body.bdcs-l-milano .bdcs-hello-n>div::after{background:var(--m-ink)} body.bdcs-l-milano .bdcs-hello-n dt{font-family:var(--m-body);font-weight:var(--m-w-sub);color:var(--m-muted)} body.bdcs-l-milano .bdcs-hello-n dd{font-family:var(--m-head);font-weight:var(--heading-font-weight,600);letter-spacing:-.02em;color:var(--m-ink)} body.bdcs-l-milano .bdcs-hello-n>.is-spent{background:var(--m-btn)} body.bdcs-l-milano .bdcs-hello-n>.is-spent::before{background:color-mix(in srgb,var(--m-btn-fg) 16%,transparent)} body.bdcs-l-milano .bdcs-hello-n>.is-spent::after{background:var(--m-btn-fg)} body.bdcs-l-milano .bdcs-hello-n>.is-spent :is(dt,dd){color:var(--m-btn-fg)} @media(max-width:600px){body.bdcs-l-milano .bdcs-hello{padding:calc(22px*var(--sb-sp,1)) calc(18px*var(--sb-sp,1))}} body.bdcs-l-milano :is(.bdcs-now-s span,.bdcs-orow-courier){color:var(--m-ink)} body.bdcs-l-milano .bdcs-now-track{color:var(--m-ink)!important;text-decoration-color:currentColor!important} body.bdcs-l-milano .bdcs-now-track:hover{color:var(--m-primary)!important} body.bdcs-l-milano .bdcs-ql-row{border-radius:min(var(--m-r),8px)} body.bdcs-l-milano .bdcs-ql-row:hover,body.bdcs-l-milano .bdcs-orow:hover{background:var(--m-soft)} body.bdcs-l-milano .bdcs-ql-ic{border-radius:50%;background:var(--m-soft)} body.bdcs-l-milano .bdcs-ql-ic::before{background:var(--m-ink)} body.bdcs-l-milano .bdcs-ql-t b{font-weight:var(--m-w-head);color:var(--m-ink)} body.bdcs-l-milano .bdcs-ql-t small.is-hot{color:var(--m-primary)} body.bdcs-l-milano .bdcs-ql-t small.is-hot::before{background:var(--m-primary)} body.bdcs-l-milano .bdcs-ql-row:hover .bdcs-ql-go{border-color:var(--m-primary)} body.bdcs-l-milano :is(.bdcs-orow,.bdcs-ol-row) .bdcs-orow-thumbs img,body.bdcs-l-milano :is(.bdcs-ol-pic img,.bdcs-vo-img img,.bdcs-rt-item img,.bdcs-rt-previews img,.bdcs-trk-pic img){border-radius:5px;background:var(--m-soft)} body.bdcs-l-milano .bdcs-orow{border-radius:min(var(--m-r),8px)} body.bdcs-l-milano .bdcs-orow-title{font-weight:var(--m-w-head);color:var(--m-ink)} body.bdcs-l-milano .bdcs-orow-side strong{color:var(--m-ink)} body.bdcs-l-milano .bdcs-orow:hover .bdcs-orow-go{color:var(--m-primary)} /* order progress */ body.bdcs-l-milano .bdcs-steps li span{border-color:var(--m-line)} body.bdcs-l-milano .bdcs-steps li.now span{box-shadow:0 0 0 4px var(--m-soft-2)} body.bdcs-l-milano .bdcs-steps li:not(:last-child)::after{height:1px;top:17px} body.bdcs-l-milano .bdcs-tl li.now::before{box-shadow:0 0 0 4px var(--m-soft-2)} /* orders list, order details, tracking, returns */ body.bdcs-l-milano .bdcs-vo-actions a,body.bdcs-l-milano .bdcs-vo-courier,body.bdcs-l-milano .bdcs-vo-banner,body.bdcs-l-milano .bdcs-trk-eta,body.bdcs-l-milano .bdcs-trk-err,body.bdcs-l-milano .bdcs-trk-ev.is-note>div{border-radius:var(--m-r)} body.bdcs-l-milano .bdcs-vo-sum,body.bdcs-l-milano .bdcs-trk-label-foot{border-top-style:solid} body.bdcs-l-milano .bdcs-trk-box dl{border-top:1px solid var(--m-line)} body.bdcs-l-milano :is(.bdcs-vo-sum .is-total dd,.bdcs-trk-join b){font-family:var(--m-head);letter-spacing:-.02em} body.bdcs-l-milano .bdcs-trk-ic{border-radius:50%} body.bdcs-l-milano .bdcs-trk-in.is-hash input{padding-left:calc(40px*var(--sb-sp,1))} body.bdcs-l-milano .bdcs-trk-in.is-hash::before{left:20px;color:var(--m-ink)} body.bdcs-l-milano .bdcs-trk-label::before{background:var(--m-ink)} body.bdcs-l-milano .bdcs-trk-code button{border:1px dashed var(--m-ink);border-radius:var(--m-pill);background:var(--m-bg)} body.bdcs-l-milano .bdcs-trk-acts a{border-radius:var(--m-pill);background:var(--m-soft)} body.bdcs-l-milano .bdcs-trk-ev.is-latest::before{background:var(--m-primary);box-shadow:0 0 0 3px var(--m-bg),0 0 0 6px var(--m-tint)} body.bdcs-l-milano :is(.bdcs-rt-item,.bdcs-rt-types label){border-color:var(--m-line);border-radius:var(--m-r)} body.bdcs-l-milano :is(.bdcs-rt-item:has(input:checked),.bdcs-rt-types label:has(input:checked)){border-color:var(--m-ink);background:var(--m-soft)} body.bdcs-l-milano .bdcs-rt-drop{border:1px dashed var(--m-faint);border-radius:var(--m-r)} body.bdcs-l-milano .bdcs-rt-drop:hover{border-color:var(--m-ink);background:var(--m-soft)} body.bdcs-l-milano .bdcs-rt-policy{border-left-color:var(--m-ink)} body.bdcs-l-milano .bdcs-ol-empty{border:0;background:var(--m-soft)} body.bdcs-l-milano .bdcs-ol-empty>span{background:var(--m-bg)} body.bdcs-l-milano .bdcs-seam li.is-now::after{box-shadow:0 0 0 3px var(--m-soft-2)} /* profile and addresses */ body.bdcs-l-milano.woocommerce-account .bdcs-pf .bdcs-pf-change{box-shadow:0 0 0 3px var(--m-bg)} body.bdcs-l-milano :is(.bdcs-pf-toggle,.bdcs-ad-edit){box-shadow:inset 0 0 0 1px var(--m-ink)} body.bdcs-l-milano :is(.bdcs-pf-toggle,.bdcs-ad-edit):hover{background:var(--m-ink);color:var(--m-bg)} body.bdcs-l-milano a.bdcs-pf-v{box-shadow:inset 0 0 0 1px var(--m-ink)} body.bdcs-l-milano.woocommerce-account .bdcs-ad-card address{border-top:1px solid var(--m-line)!important} body.bdcs-l-milano.woocommerce-account .bdcs-ad-grid .bdcs-ad-card.is-empty{border:1px dashed var(--m-faint)!important;background:var(--m-soft)} /* ========== login and register: Milano's two columns, Login | Register, on wide screens ========== */ body.bdcs-l-milano .bdcs-auth{margin:calc(30px*var(--sb-sp,1)) auto;border-radius:0;background:transparent;box-shadow:none;color:var(--m-text)} body.bdcs-l-milano .bdcs-auth .bdcs-auth-main{padding:0} body.bdcs-l-milano .bdcs-lay-split .bdcs-auth-main{padding:0 0 0 calc(50px*var(--sb-sp,1))} body.bdcs-l-milano .bdcs-auth-side{border-radius:var(--m-r);background-color:var(--m-ink);background-image:none} body.bdcs-l-milano .bdcs-auth-side[style*=background-image]{background-size:cover} body.bdcs-l-milano .bdcs-auth h3{margin:0 0 calc(6px*var(--sb-sp,1));font-size:var(--h4-size,24px)} body.bdcs-l-milano .bdcs-auth-sub{margin:0 0 calc(22px*var(--sb-sp,1));opacity:1;color:var(--m-muted)} body.bdcs-l-milano .bdcs-auth-tabs{margin:0 0 calc(28px*var(--sb-sp,1));padding:calc(4px*var(--sb-sp,1));border-radius:var(--m-pill);background:var(--m-soft)} body.bdcs-l-milano .bdcs-auth-tab{min-height:var(--btn-md-height,2.5rem);border-radius:var(--m-pill);color:var(--m-ink);font-weight:var(--m-w-head);letter-spacing:0} body.bdcs-l-milano .bdcs-auth-tab.on{background:var(--m-btn);color:var(--m-btn-fg)} body.bdcs-l-milano .bdcs-fields{gap:calc(18px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1))} body.bdcs-l-milano .bdcs-fld label{margin-bottom:calc(8px*var(--sb-sp,1));font-size:calc(15px*var(--sb-fs,1));font-weight:400;color:var(--m-ink)} body.bdcs-l-milano .bdcs-fld label i{color:var(--m-bad)} body.bdcs-l-milano .bdcs-auth .bdcs-fld :is(input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],input[type=number],select){min-height:var(--m-in-h);padding:0 calc(20px*var(--sb-sp,1));border-color:var(--m-input-border);border-radius:var(--m-in-r);font-size:var(--input-font-size,14px)} body.bdcs-l-milano .bdcs-auth .bdcs-fld textarea{padding:calc(14px*var(--sb-sp,1)) calc(20px*var(--sb-sp,1));border-radius:min(var(--m-r),20px)} body.bdcs-l-milano .bdcs-auth .bdcs-fld :is(input,select,textarea):focus{border-color:var(--m-input-focus);box-shadow:none} body.bdcs-l-milano .bdcs-auth .bdcs-pwwrap input{padding-right:calc(56px*var(--sb-sp,1))!important} body.bdcs-l-milano .bdcs-auth .bdcs-pw-toggle{right:10px;color:var(--m-muted)!important} body.bdcs-l-milano .bdcs-auth .bdcs-pw-toggle:hover,body.bdcs-l-milano .bdcs-auth .bdcs-pw-toggle[aria-pressed=true]{color:var(--m-ink)!important;background:transparent!important} body.bdcs-l-milano .bdcs-auth .bdcs-pw-toggle:focus-visible{outline-color:var(--m-ink)} body.bdcs-l-milano .bdcs-chk input{accent-color:var(--m-ink)} body.bdcs-l-milano .bdcs-auth .bdcs-row a,body.bdcs-l-milano .bdcs-auth-switch a{color:var(--m-ink);font-weight:var(--m-w-sub);text-decoration:underline;text-underline-offset:2px} body.bdcs-l-milano .bdcs-auth .bdcs-row a:hover,body.bdcs-l-milano .bdcs-auth-switch a:hover{color:var(--m-primary)} body.bdcs-l-milano .bdcs-auth-btn{margin-top:calc(26px*var(--sb-sp,1));min-height:var(--m-btn-h);border:1px solid var(--m-btn);background:var(--m-btn);color:var(--m-btn-fg);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)} body.bdcs-l-milano .bdcs-auth-btn:hover{background:var(--m-btn-hover);border-color:var(--m-btn-hover);color:var(--m-btn-hover-fg)} body.bdcs-l-milano :is(.bdcs-auth-err,.bdcs-auth-ok){border-radius:var(--m-r)} body.bdcs-l-milano .bdcs-auth-err{background:var(--background-error,#fadfdf);border-color:var(--color-border-error,#eabdbd);color:var(--m-bad)} body.bdcs-l-milano .bdcs-auth-ok{background:var(--background-success,#dcf0d8);color:var(--m-ok)} body.bdcs-l-milano .bdcs-social .bdcs-btn{min-height:var(--m-btn-h);border-radius:var(--m-pill)} body.bdcs-l-milano .bdcs-google{background:var(--m-btn)!important;border-color:var(--m-btn)!important} @media(min-width:900px){ /* both forms side by side, like Milano's own account page — no tabs needed */ body.bdcs-l-milano .bdcs-auth:not(.bdcs-lay-split):has(.bdcs-auth-tabs){--a-max:var(--container-width,1200px)} body.bdcs-l-milano .bdcs-auth:not(.bdcs-lay-split) .bdcs-auth-main:has(>.bdcs-auth-tabs){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(60px*var(--sb-sp,1));align-items:start} body.bdcs-l-milano .bdcs-auth:not(.bdcs-lay-split) .bdcs-auth-main:has(>.bdcs-auth-tabs)>*{grid-column:1/-1} body.bdcs-l-milano .bdcs-auth:not(.bdcs-lay-split) .bdcs-auth-main:has(>.bdcs-auth-tabs)>.bdcs-auth-pane{display:block;grid-column:auto} body.bdcs-l-milano .bdcs-auth:not(.bdcs-lay-split) .bdcs-auth-main:has(>.bdcs-auth-tabs) :is(.bdcs-auth-tabs,.bdcs-auth-switch){display:none} } @media(max-width:768px){body.bdcs-l-milano .bdcs-lay-split .bdcs-auth-main{padding:calc(24px*var(--sb-sp,1)) 0 0}body.bdcs-l-milano .bdcs-auth{margin:calc(20px*var(--sb-sp,1)) auto}} /* ========== vouchers, Coins, rewards, popups ========== */ body.bdcs-l-milano .bdcs-pr-box{border-radius:var(--m-r);box-shadow:0 30px 70px -20px rgba(0,0,0,.45)} body.bdcs-l-milano .bdcs-pr-ov{backdrop-filter:none;background:var(--overlay-bg,rgba(0,0,0,.6))} body.bdcs-l-milano :is(.bdcs-pr-toast,.bdcs-wish-toast){border-radius:min(var(--m-r),8px);background:var(--m-ink);color:var(--m-bg);box-shadow:0 10px 30px -10px rgba(0,0,0,.4)} body.bdcs-l-milano .bdcs-tk-l{background:var(--m-bg)} body.bdcs-l-milano .bdcs-tk-r{border-left:1px dashed var(--m-line)} body.bdcs-l-milano :is(.bdcs-dash-side,.bdcs-wallet) .bdcs-tk{--tl:var(--m-line)} /* stacked vouchers draw their own notches and tear line (promo.css) */ body.bdcs-l-milano .bdcs-wallet .bdcs-tk-r{border-left:0;border-top:1px solid var(--tl)}body.bdcs-l-milano .bdcs-dash-side .bdcs-tk-r{border-left:1px solid var(--tl);border-top:0} @media(max-width:560px){body.bdcs-l-milano :not(.bdcs-wallet):not(.bdcs-dash-side)>.bdcs-wpane .bdcs-tk-r,body.bdcs-l-milano .bdcs-perks .bdcs-tk-r{border-left:0;border-top:1px dashed var(--m-line)}} body.bdcs-l-milano .bdcs-tk.is-used,body.bdcs-l-milano .bdcs-tk.is-expired{filter:none;opacity:.6} body.bdcs-l-milano .bdcs-wtabs{background:var(--m-soft)} body.bdcs-l-milano .bdcs-wtabs button{font-weight:var(--m-w-head)} body.bdcs-l-milano .bdcs-wallet-ok{border-radius:var(--m-r);background:var(--background-success,#dcf0d8);color:var(--m-ok)} body.bdcs-l-milano .bdcs-rw{background:var(--m-soft);border:0} body.bdcs-l-milano :is(.bdcs-rwa-rules div,.bdcs-rwa-stats div){border-radius:var(--m-r);background:var(--m-soft);border:0} body.bdcs-l-milano .bdcs-rwa-prog{background:color-mix(in srgb,var(--m-bg) 25%,transparent)} body.bdcs-l-milano .bdcs-rwa-prog i{background:var(--m-primary)} body.bdcs-l-milano .bdcs-lg-row+.bdcs-lg-row::before{background:var(--m-line)} /* ========== wishlist ========== */ body.bdcs-l-milano .bdcs-heart{background:var(--btn-action-bg-color,var(--m-bg));color:var(--btn-action-color,var(--m-ink));box-shadow:0 2px 8px rgba(0,0,0,.08)} body.bdcs-l-milano .bdcs-heart:hover{background:var(--btn-action-hover-bg-color,var(--m-ink));color:var(--btn-action-hover-color,var(--m-bg))} body.bdcs-l-milano .bdcs-heart.with-text{border:1px solid var(--m-ink);border-radius:var(--m-pill);box-shadow:none} body.bdcs-l-milano .bdcs-wl-item{background:var(--m-bg)} /* ========== account button, dropdown, notifications ========== */ body.bdcs-l-milano .bdcs-am-panel{border:1px solid var(--m-line);border-radius:var(--m-r);box-shadow:0 10px 40px -10px rgba(0,0,0,.18);font-family:var(--m-body)} body.bdcs-l-milano :is(.bdcs-am-links a,.bdcs-am-tab){border-radius:5px} body.bdcs-l-milano .bdcs-am-links a:hover{background:var(--m-soft);color:var(--m-primary)} body.bdcs-l-milano .bdcs-nf-badge{background:var(--m-primary)!important;color:#fff} body.bdcs-l-milano .bdcs-nf-item.unread{background:var(--m-soft)} body.bdcs-l-milano .bdcs-nf-item.unread::after{background:var(--m-primary)} body.bdcs-l-milano .bdcs-nf-ic{background:var(--m-soft)} /* ========== chat ========== */ body.bdcs-l-milano .bdcs-chat{font-family:var(--m-body)} body.bdcs-l-milano .bdcs-chat-btn{box-shadow:0 6px 20px -6px rgba(0,0,0,.35)} body.bdcs-l-milano .bdcs-chat-head{background:var(--chat)} body.bdcs-l-milano .bdcs-chat-head::after{display:none} @media(min-width:601px){body.bdcs-l-milano .bdcs-chat-panel{border-radius:16px}} body.bdcs-l-milano .bdcs-chat-teaser{border-radius:var(--m-r);box-shadow:0 6px 24px rgba(0,0,0,.1)} body.bdcs-l-milano :is(.bdcs-chat-ttl strong,.bdcs-chat-start strong){font-family:var(--m-head);letter-spacing:-.02em} body.bdcs-l-milano .bdcs-chat-start{border-radius:var(--m-r);box-shadow:none;border:1px solid var(--m-line)} body.bdcs-l-milano .bdcs-chat :is(input,textarea):focus{border-color:var(--m-ink);box-shadow:none} /* ========== phone / email verification ========== */ body.bdcs-l-milano .bdcs-vf-card{border-color:var(--m-line);border-radius:var(--m-r);box-shadow:none} body.bdcs-l-milano .bdcs-vf-top{background:var(--m-soft)} body.bdcs-l-milano .bdcs-vf-art{border-radius:var(--m-r);box-shadow:none} body.bdcs-l-milano .bdcs-otp-b{border-radius:min(var(--m-r),10px)!important} body.bdcs-l-milano :is(.bdcs-otp-b:focus,.bdcs-vf-tel:focus-within){border-color:var(--m-ink)!important;box-shadow:none!important} body.bdcs-l-milano .bdcs-vf-tel{border-radius:var(--m-in-r)} body.bdcs-l-milano .bdcs-vf-change{border-radius:var(--m-r)} /* the theme capitalises every