/* Stylishdeck Mobile - everything here only applies on phones (max-width: 767px). */

/* Elements this plugin adds never show on tablets / desktop. */
@media (min-width: 768px) {
	.sdmx-nav, .sdmx-searchpill, .sdmx-shopbar, .sdmx-acct, .sdmx-buybar, .sdmx-sheet, .sdmx-search, .sdmx-toast, .sdmx-step { display: none !important; }
}

@media (max-width: 767px) {

/* ================================================================== tokens & base */
:root {
	--sdmx-navy: #08203E;
	--sdmx-navy-2: #12355f;
	--sdmx-orange: #FF9900;
	--sdmx-orange-soft: #fff3e0;
	--sdmx-bg: #f4f6fa;
	--sdmx-line: #e6e9ef;
	--sdmx-muted: #667085;
	--sdmx-text: #101828;
	--sdmx-r: 14px;
	--sdmx-nav-h: 62px;
	--sdmx-safe: env(safe-area-inset-bottom, 0px);
	--sdmx-gut: 14px;
}
html { -webkit-text-size-adjust: 100%; }
body.sdmx { -webkit-tap-highlight-color: rgba(8, 32, 62, .08); }
/* The theme hides sideways overflow in a way that stops sticky bars working; "clip" does the same job without that. */
@supports (overflow: clip) { html:has(body.sdmx), body.sdmx { overflow-x: clip !important; overflow-y: visible !important; } }
body.sdmx .sdmx-i { display: inline-block; flex: none; vertical-align: middle; }
body.sdmx [hidden] { display: none !important; }

/* Narrower side gutters: more room for products. */
body.sdmx #content .wf-container, body.sdmx .wf_pagetitle .wf-container, body.sdmx .wf_footer .wf-container { padding-left: var(--sdmx-gut) !important; padding-right: var(--sdmx-gut) !important; }
body.sdmx #content .wf-row { --bs-gutter-x: 0; margin-left: 0 !important; margin-right: 0 !important; }
body.sdmx #content .wf-row > [class*="wf-col"] { padding-left: 0; padding-right: 0; }

/* Buttons used by the plugin */
.sdmx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 0 !important; border-radius: 999px !important; background: var(--sdmx-orange) !important; color: var(--sdmx-navy) !important; font-size: 15px; font-weight: 800; line-height: 1; text-decoration: none !important; cursor: pointer; box-shadow: 0 4px 14px rgba(255, 153, 0, .28); }
.sdmx-btn--ghost { background: #fff !important; color: var(--sdmx-navy) !important; box-shadow: inset 0 0 0 1.5px var(--sdmx-line); }
.sdmx-btn:active { transform: scale(.98); }
.sdmx-x { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -6px; border: 0; border-radius: 50%; background: transparent; color: var(--sdmx-navy); cursor: pointer; }
.sdmx-x:active { background: var(--sdmx-bg); }
.sdmx-chip { display: inline-flex; align-items: center; flex: none; min-height: 36px; padding: 0 14px; border: 1.5px solid var(--sdmx-line); border-radius: 999px; background: #fff; color: var(--sdmx-navy) !important; font-size: 13.5px; font-weight: 600; white-space: nowrap; text-decoration: none !important; cursor: pointer; }
.sdmx-chip.is-on { border-color: var(--sdmx-navy); background: var(--sdmx-navy); color: #fff !important; }
.sdmx-ph { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: var(--sdmx-orange-soft); color: var(--sdmx-navy); font-weight: 800; font-size: 20px; flex: none; }

/* ================================================================== tidy: forms, tap targets, sidebars, page titles */
body.sdmx-f-tidy input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]), body.sdmx-f-tidy select, body.sdmx-f-tidy textarea { font-size: 16px !important; } /* stops the phone zooming in */
body.sdmx-f-tidy input[type=text], body.sdmx-f-tidy input[type=email], body.sdmx-f-tidy input[type=tel], body.sdmx-f-tidy input[type=password], body.sdmx-f-tidy input[type=number], body.sdmx-f-tidy input[type=search], body.sdmx-f-tidy select { min-height: 46px; border-radius: 10px; }
body.sdmx-f-tidy .woocommerce .button, body.sdmx-f-tidy .woocommerce button.button, body.sdmx-f-tidy .woocommerce a.button { min-height: 44px; }
body.sdmx-f-tidy #wf-sidebar { display: none !important; }
body.sdmx-f-tidy #wf-main { max-width: 100% !important; flex-basis: 100% !important; }
body.sdmx-f-tidy.sdmx-pt-store .wcfmmp-store-page-wrap .left_sidebar { display: none !important; }

/* Page title band: one compact line instead of a big grey block */
body.sdmx-f-tidy .wf_pagetitle { padding: 14px 0 12px !important; text-align: left !important; background: var(--sdmx-bg) !important; }
body.sdmx-f-tidy .wf_pagetitle .wf_pagetitle_content { text-align: left !important; }
body.sdmx-f-tidy .wf_pagetitle .title h1, body.sdmx-f-tidy .wf_pagetitle .title h2 { margin: 0 !important; font-size: 20px !important; line-height: 1.25 !important; }
body.sdmx-f-tidy .wf_pagetitle .wf_pagetitle_breadcrumb { display: flex !important; flex-wrap: nowrap; justify-content: flex-start !important; margin: 4px 0 0 !important; overflow-x: auto; scrollbar-width: none; white-space: nowrap; font-size: 12.5px; }
body.sdmx-f-tidy .wf_pagetitle .wf_pagetitle_breadcrumb::-webkit-scrollbar { display: none; }
body.sdmx-f-tidy .wf_pagetitle .breadcrumb-item { font-size: 12.5px !important; }
body.sdmx-f-tidy .wf_pagetitle .breadcrumb-item + .breadcrumb-item::before { width: 10px !important; margin: 0 6px !important; }
body.sdmx-f-tidy.sdmx-pt-product .wf_pagetitle, body.sdmx-f-tidy.sdmx-pt-home .wf_pagetitle, body.sdmx-f-tidy.sdmx-pt-store .wf_pagetitle { display: none !important; }
body.sdmx-f-tidy .wf-py-default { padding-top: 14px !important; padding-bottom: 28px !important; }

/* Notices: compact cards */
body.sdmx-f-tidy .woocommerce-message, body.sdmx-f-tidy .woocommerce-info, body.sdmx-f-tidy .woocommerce-error { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 14px !important; padding: 12px 14px 12px 44px !important; border-radius: 12px !important; font-size: 14px; line-height: 1.4; }
body.sdmx-f-tidy .woocommerce-message .button, body.sdmx-f-tidy .woocommerce-info .button { order: 2; float: none !important; display: inline-flex !important; align-items: center; margin: 0 0 0 auto !important; min-height: 36px !important; padding: 0 14px !important; border-radius: 999px !important; font-size: 13px !important; }
body.sdmx-f-tidy .woocommerce-message::before, body.sdmx-f-tidy .woocommerce-info::before, body.sdmx-f-tidy .woocommerce-error::before { left: 14px !important; top: 13px !important; }

/* Product cards: no stray "View cart" link (the pop-up message says it) */
body.sdmx-f-tidy ul.products li.product a.added_to_cart { display: none !important; }

/* Theme extras replaced by the plugin */
body.sdmx-f-nav .mobile-bottom-nav-wrapper { display: none !important; }
body.sdmx #wf_uptop { bottom: calc(var(--sdmx-nav-h) + var(--sdmx-safe) + 14px) !important; right: 14px !important; width: 42px !important; height: 42px !important; }
body.sdmx:not(.sdmx-has-nav) #wf_uptop { bottom: calc(84px + var(--sdmx-safe)) !important; }

/* ================================================================== header */
body.sdmx-f-header .wf_mobilenav-topbar { display: none !important; }
body.sdmx-f-header .wf_mobilenav { position: relative; background: #fff; padding-bottom: 58px; transition: transform .25s ease, box-shadow .25s ease; }
body.sdmx-f-header .wf_mobilenav.is--sticky.on { position: fixed; animation: none !important; box-shadow: 0 2px 14px rgba(8, 32, 62, .08) !important; }
body.sdmx-f-header .wf_mobilenav.sdmx-up { transform: translateY(-100%); box-shadow: none !important; }
body.sdmx-f-header .wf_mobilenav > .wf-container { padding: 6px var(--sdmx-gut) 0 !important; }
body.sdmx-f-header .wf_mobilenav-menu { display: flex; align-items: center; min-height: 52px; gap: 6px; }
body.sdmx-f-header .wf_mobilenav-mainmenu { flex: none; }
body.sdmx-f-header .wf_mobilenav-mainmenu-toggle.hamburger { width: 44px !important; height: 44px !important; margin-left: -8px; padding: 13px 11px !important; }
body.sdmx-f-header .wf_mobilenav-logo { flex: 1 1 auto; min-width: 0; text-align: left !important; }
body.sdmx-f-header .wf_mobilenav-logo .site--logo { justify-content: flex-start !important; text-align: left !important; }
body.sdmx-f-header .wf_mobilenav-logo .site-title { margin: 0 !important; font-size: 21px !important; font-weight: 800 !important; letter-spacing: -.3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--sdmx-navy) !important; }
body.sdmx-f-header .wf_mobilenav-logo img { max-height: 34px !important; width: auto !important; }
body.sdmx-f-header .wf_mobilenav-toggles { flex: none; }
body.sdmx-f-header .wf_mobilenav-right .wf_navbar-list-right { display: flex; gap: 4px; margin: 0; }
body.sdmx-f-header .wf_mobilenav-right .wf_navbar-list-right > li > a { width: 42px !important; height: 42px !important; border: 0 !important; background: var(--sdmx-bg) !important; color: var(--sdmx-navy) !important; }
body.sdmx-f-header .wf_mobilenav-right .wf_navbar-shopcart { display: none !important; }
body.sdmx-f-header .wf_mobilenav-right .cart_count { display: none !important; }
body.sdmx-f-header .wf_mobilenav-right .wf_navbar-cart-icon { position: relative; }
body.sdmx-f-header .wf_mobilenav-right .sdmx-count { top: -3px; right: -3px; }

.sdmx-searchpill { position: absolute; left: var(--sdmx-gut); right: var(--sdmx-gut); bottom: 10px; display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--sdmx-bg); color: var(--sdmx-muted); font-size: 15px; text-align: left; cursor: text; box-shadow: inset 0 0 0 1px var(--sdmx-line); }
.sdmx-searchpill span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sdmx-searchpill .sdmx-i { color: var(--sdmx-navy); }

/* Menu drawer */
body.sdmx-f-header .wf_mobilenav-mainmenu-inner { width: min(86vw, 340px) !important; max-width: 340px !important; padding: 0 !important; background: #fff !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap { padding: 0 0 30px !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap .title { margin: 18px 20px 6px !important; color: var(--sdmx-muted) !important; font-size: 11.5px !important; letter-spacing: .08em; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap li > a { display: flex !important; align-items: center; min-height: 50px; padding: 0 20px !important; font-size: 15.5px !important; font-weight: 600 !important; color: var(--sdmx-text) !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap li { border-bottom: 1px solid #f1f3f6 !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap .dropdown-menu li > a { min-height: 44px; padding-left: 34px !important; font-weight: 500 !important; font-size: 14.5px !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-inner .site--close { top: 14px !important; right: 14px !important; z-index: 3; width: 36px !important; height: 36px !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .14) !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-inner .site--close::before, body.sdmx-f-header .wf_mobilenav-mainmenu-inner .site--close::after { background: #fff !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap .wf_mobilenav-dropdown-toggle { top: 3px !important; }
body.sdmx-f-header .wf_mobilenav-mainmenu-wrap .wf_mobilenav-dropdown-toggle button { width: 44px !important; height: 44px !important; border: 0 !important; color: var(--sdmx-muted) !important; }
.sdmx-drawer-top { display: flex; align-items: center; gap: 12px; padding: 22px 20px 18px; background: linear-gradient(135deg, var(--sdmx-navy), var(--sdmx-navy-2)); color: #fff; }
.sdmx-drawer-top .sdmx-acct__av { width: 46px; height: 46px; font-size: 19px; }
.sdmx-drawer-top strong { display: block; font-size: 16px; color: #fff; }
.sdmx-drawer-top span { display: block; font-size: 13px; color: #c7d3e6; }
.sdmx-drawer-top a { color: var(--sdmx-orange) !important; font-weight: 700; text-decoration: none !important; }
.sdmx-drawer-top a.sdmx-btn { color: var(--sdmx-navy) !important; }
.sdmx-drawer-top .sdmx-btn { min-height: 38px; padding: 0 16px; font-size: 13.5px; box-shadow: none; }

/* ================================================================== bottom menu */
.sdmx-nav { display: none; }
body.sdmx-has-nav .sdmx-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99980; display: flex; align-items: stretch; height: calc(var(--sdmx-nav-h) + var(--sdmx-safe)); padding: 0 2px var(--sdmx-safe); background: rgba(255, 255, 255, .97); border-top: 1px solid var(--sdmx-line); box-shadow: 0 -6px 20px rgba(8, 32, 62, .06); -webkit-backdrop-filter: saturate(1.6) blur(10px); backdrop-filter: saturate(1.6) blur(10px); }
body.sdmx-has-nav { padding-bottom: calc(var(--sdmx-nav-h) + var(--sdmx-safe)) !important; }
html.sdma-app body.sdmx-has-nav .sdmx-nav { display: none; } /* the installed app has its own menu bar */
html.sdma-app body.sdmx-has-nav { padding-bottom: calc(var(--sdma-tabbar-h, 64px) + var(--sdmx-safe)) !important; }
html.sdma-app body.sdmx-f-product.sdmx-pt-product .sdma-tabbar, html.sdma-app body.sdmx-pt-vendor.sdmx-f-vendor .sdma-tabbar { display: none !important; }
.sdmx-nav__item { position: relative; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; color: #5d6b82 !important; font-size: 11px; font-weight: 600; text-decoration: none !important; }
.sdmx-nav__ic { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 30px; border-radius: 999px; transition: background .2s; }
.sdmx-nav__item.is-on { color: var(--sdmx-navy) !important; }
.sdmx-nav__item.is-on .sdmx-nav__ic { background: var(--sdmx-orange-soft); }
.sdmx-nav__item.is-on .sdmx-i { stroke-width: 2.2; }
.sdmx-nav__lb { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sdmx-count { position: absolute; top: -5px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--sdmx-orange); color: var(--sdmx-navy); font-size: 10.5px; font-weight: 800; line-height: 18px; text-align: center; box-shadow: 0 0 0 2px #fff; }
.sdmx-count.sdmx-bump { animation: sdmx-bump .5s ease; }
@keyframes sdmx-bump { 30% { transform: scale(1.35); } }

/* ================================================================== sheets (categories, filter, sort) */
.sdmx-sheet { position: fixed; inset: 0; z-index: 100010; display: flex; align-items: flex-end; background: rgba(8, 20, 40, .45); animation: sdmx-fade .2s ease; }
.sdmx-sheet__box { display: flex; flex-direction: column; width: 100%; max-height: 82vh; max-height: 82dvh; margin: 0; border-radius: 22px 22px 0 0; background: #fff; box-shadow: 0 -10px 40px rgba(0, 0, 0, .18); animation: sdmx-up .28s cubic-bezier(.2, .8, .2, 1); }
.sdmx-sheet--tall .sdmx-sheet__box { height: 82vh; height: 82dvh; }
.sdmx-sheet__box::before { content: ''; align-self: center; width: 40px; height: 4px; margin: 8px 0 0; border-radius: 4px; background: #d0d5dd; }
.sdmx-sheet__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 12px; border-bottom: 1px solid var(--sdmx-line); }
.sdmx-sheet__head strong { font-size: 18px; color: var(--sdmx-navy); }
.sdmx-sheet__body { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 8px 20px 20px; -webkit-overflow-scrolling: touch; }
.sdmx-sheet__body h4 { margin: 18px 0 10px !important; font-size: 14px !important; color: var(--sdmx-navy) !important; text-transform: uppercase; letter-spacing: .05em; }
.sdmx-sheet__foot { display: flex; gap: 10px; padding: 12px 20px calc(12px + var(--sdmx-safe)); border-top: 1px solid var(--sdmx-line); }
.sdmx-sheet__foot .sdmx-btn { flex: 1; }
@keyframes sdmx-up { from { transform: translateY(100%); } }
@keyframes sdmx-fade { from { opacity: 0; } }
html.sdmx-lock, html.sdmx-lock body { overflow: hidden !important; }

.sdmx-catrow { display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 6px 0; border-bottom: 1px solid #f1f3f6; color: var(--sdmx-text) !important; text-decoration: none !important; list-style: none; cursor: pointer; }
.sdmx-catrow::-webkit-details-marker { display: none; }
.sdmx-catrow img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: var(--sdmx-bg); }
.sdmx-catrow .sdmx-ph { width: 52px; height: 52px; }
.sdmx-catrow strong { flex: 1; font-size: 15.5px; font-weight: 700; }
.sdmx-catrow > .sdmx-i { color: #98a2b3; transition: transform .2s; }
.sdmx-catrow--deal .sdmx-ph { background: var(--sdmx-orange); }
.sdmx-catgroup[open] .sdmx-caret { transform: rotate(90deg); }
.sdmx-catkids { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0 16px 66px; }
.sdmx-catkids a { padding: 8px 14px; border-radius: 999px; background: var(--sdmx-bg); color: var(--sdmx-navy) !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; }

.sdmx-price { display: flex; align-items: flex-end; gap: 10px; }
.sdmx-price label { flex: 1; }
.sdmx-price label span { display: block; margin-bottom: 4px; font-size: 12.5px; color: var(--sdmx-muted); }
.sdmx-price input { width: 100%; padding: 0 12px; border: 1.5px solid var(--sdmx-line) !important; border-radius: 10px; background: #fff; }
.sdmx-price__to { padding-bottom: 12px; color: var(--sdmx-muted); }
.sdmx-quick { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sdmx-catlinks { display: flex; flex-direction: column; }
.sdmx-catlinks a { display: flex; align-items: center; min-height: 46px; border-bottom: 1px solid #f1f3f6; color: var(--sdmx-text) !important; font-size: 15px; font-weight: 600; text-decoration: none !important; }
.sdmx-catlinks a.sdmx-sub { padding-left: 18px; font-weight: 500; color: #475467 !important; }
.sdmx-catlinks a.is-on { color: var(--sdmx-orange) !important; }
.sdmx-catlinks a.is-on::after { content: '✓'; margin-left: auto; font-weight: 800; }
.sdmx-sortopt { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; padding: 0; border: 0; border-bottom: 1px solid #f1f3f6; background: none; color: var(--sdmx-text); font-size: 15.5px; font-weight: 600; text-align: left; cursor: pointer; }
.sdmx-sortopt.is-on { color: var(--sdmx-navy); font-weight: 800; }
.sdmx-sortopt.is-on::after { content: ''; width: 20px; height: 20px; border-radius: 50%; background: var(--sdmx-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308203E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat; }

/* ================================================================== search */
.sdmx-search { position: fixed; inset: 0; z-index: 100020; display: flex; flex-direction: column; background: #fff; animation: sdmx-fade .15s ease; }
.sdmx-search__bar { display: flex; align-items: center; gap: 8px; padding: calc(10px + env(safe-area-inset-top, 0px)) 12px 10px 14px; border-bottom: 1px solid var(--sdmx-line); margin: 0; }
.sdmx-search__field { position: relative; flex: 1; display: flex; align-items: center; gap: 8px; height: 46px; margin: 0; padding: 0 6px 0 14px; border-radius: 999px; background: var(--sdmx-bg); box-shadow: inset 0 0 0 1.5px var(--sdmx-navy); color: var(--sdmx-navy); }
.sdmx-search__field input[type=search] { flex: 1; min-width: 0; min-height: 0 !important; height: 44px; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline: 0; color: var(--sdmx-text); -webkit-appearance: none; appearance: none; }
.sdmx-search__field input::-webkit-search-cancel-button { display: none; }
.sdmx-search__clear { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: #d0d5dd; color: #fff; }
.sdmx-search__body { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 4px 16px calc(24px + var(--sdmx-safe)); }
.sdmx-search__h { display: flex; align-items: center; justify-content: space-between; margin: 16px 0 10px; }
.sdmx-search__h strong { font-size: 15px; color: var(--sdmx-navy); }
.sdmx-search__h button { border: 0; background: none; color: var(--sdmx-muted); font-size: 13.5px; font-weight: 600; padding: 6px; }
.sdmx-search__recentlist { display: flex; flex-wrap: wrap; gap: 8px; }
.sdmx-search__recentlist .sdmx-chip .sdmx-i { margin-right: 6px; color: #98a2b3; }
.sdmx-search__cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 8px; }
.sdmx-search__cats a { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--sdmx-text) !important; font-size: 12px; font-weight: 600; text-align: center; line-height: 1.25; text-decoration: none !important; }
.sdmx-search__cats img, .sdmx-search__cats .sdmx-ph { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; background: var(--sdmx-bg); }
.sdmx-res { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f1f3f6; color: var(--sdmx-text) !important; text-decoration: none !important; }
.sdmx-res img, .sdmx-res .sdmx-res__noimg { width: 58px; height: 58px; flex: none; border-radius: 10px; object-fit: cover; background: var(--sdmx-bg); }
.sdmx-res__t { flex: 1; min-width: 0; }
.sdmx-res__t strong { display: block; overflow: hidden; font-size: 14.5px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sdmx-res__t mark { padding: 0; background: none; color: var(--sdmx-navy); font-weight: 800; }
.sdmx-res__p { display: flex; align-items: baseline; gap: 6px; margin-top: 3px; font-size: 14px; font-weight: 800; color: var(--sdmx-navy); }
.sdmx-res__p del { font-size: 12px; font-weight: 500; color: #98a2b3; }
.sdmx-res__cats { margin-top: 2px; font-size: 12px; color: var(--sdmx-muted); }
.sdmx-search__all { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 48px; margin: 14px 0 0; border-radius: 999px; background: var(--sdmx-navy); color: #fff !important; font-weight: 700; text-decoration: none !important; }
.sdmx-search__msg { padding: 28px 8px; text-align: center; color: var(--sdmx-muted); font-size: 15px; }
.sdmx-skel { height: 78px; margin: 4px 0; border-radius: 12px; background: linear-gradient(90deg, #f2f4f7 25%, #e9edf2 37%, #f2f4f7 63%); background-size: 400% 100%; animation: sdmx-shimmer 1.2s ease infinite; }
@keyframes sdmx-shimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }
.sdmx-search__finder { display: flex; align-items: center; gap: 12px; margin: 22px 0 0; padding: 14px 16px; border-radius: var(--sdmx-r); background: var(--sdmx-orange-soft); color: var(--sdmx-text) !important; font-size: 13.5px; line-height: 1.4; text-decoration: none !important; }
.sdmx-search__finder > .sdmx-i:first-child { color: var(--sdmx-orange); }

/* ================================================================== shop pages */
.sdmx-shopbar { position: sticky; top: var(--sdmx-head, 0px); z-index: 50; margin: -4px calc(-1 * var(--sdmx-gut)) 12px; padding: 8px var(--sdmx-gut) 8px; background: rgba(255, 255, 255, .97); transition: top .25s ease; }
.sdmx-shopbar.is-stuck { box-shadow: 0 6px 12px -8px rgba(8, 32, 62, .2); }
.sdmx-chips { display: flex; gap: 8px; margin: 0 calc(-1 * var(--sdmx-gut)) 8px; padding: 0 var(--sdmx-gut); overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.sdmx-chips::-webkit-scrollbar { display: none; }
.sdmx-chips .sdmx-chip { scroll-snap-align: start; }
.sdmx-tools { display: flex; align-items: center; gap: 8px; }
.sdmx-tool { position: relative; display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border: 1.5px solid var(--sdmx-line); border-radius: 10px; background: #fff; color: var(--sdmx-navy); font-size: 14px; font-weight: 700; cursor: pointer; }
.sdmx-tool span { max-width: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sdmx-dot { position: absolute; top: 6px; right: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--sdmx-orange); }
.sdmx-count-text { margin-left: auto; color: var(--sdmx-muted); font-size: 13px; white-space: nowrap; }
body.sdmx-f-shop.sdmx-pt-shop .woocommerce-result-count, body.sdmx-f-shop.sdmx-pt-shop .woocommerce-ordering, body.sdmx-f-shop.sdmx-pt-store .woocommerce-result-count, body.sdmx-f-shop.sdmx-pt-store .woocommerce-ordering { display: none !important; }

body.sdmx-f-tidy.sdmx-pt-shop .woocommerce-products-header__title, body.sdmx-f-tidy.sdmx-pt-shop .woocommerce-products-header .page-title { display: none !important; }
body.sdmx-f-tidy.sdmx-pt-shop .term-description { margin: 0 0 10px; font-size: 14px; color: var(--sdmx-muted); }

/* Product cards on phones: equal heights, neat 2-up grid */
body.sdmx ul.products li.product { margin-bottom: 0 !important; }
body.sdmx .woocommerce-pagination ul.page-numbers li .page-numbers { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* ================================================================== product page */
body.sdmx-f-product.sdmx-pt-product div.product { margin-top: 0 !important; }
body.sdmx-f-product.sdmx-pt-product .wf-py-default { padding-top: 0 !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery { margin: 0 calc(-1 * var(--sdmx-gut)) 14px !important; width: auto !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery .flex-viewport, body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:only-child { border-radius: 0 !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery img { border-radius: 0 !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery .flex-control-thumbs { display: flex !important; gap: 8px; margin: 10px 0 0 !important; padding: 0 var(--sdmx-gut) !important; overflow-x: auto; scrollbar-width: none; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar { display: none; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery .flex-control-thumbs li { flex: 0 0 62px !important; width: 62px !important; margin: 0 !important; padding: 0 !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery .flex-control-thumbs img { width: 62px !important; height: 62px !important; object-fit: cover; border-radius: 10px !important; border: 2px solid transparent !important; opacity: .7; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active { border-color: var(--sdmx-orange) !important; opacity: 1; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-product-gallery__trigger { top: 12px !important; right: calc(var(--sdmx-gut) + 4px) !important; }
body.sdmx-f-product.sdmx-pt-product .sdmx-gcount { position: absolute; right: calc(var(--sdmx-gut) + 4px); bottom: 12px; z-index: 5; padding: 4px 10px; border-radius: 999px; background: rgba(8, 32, 62, .72); color: #fff; font-size: 12px; font-weight: 700; pointer-events: none; }
body.sdmx-f-product.sdmx-pt-product .summary .product_title { margin: 4px 0 6px !important; font-size: 22px !important; line-height: 1.25 !important; }
body.sdmx-f-product.sdmx-pt-product .summary > .price { font-size: 22px !important; }
body.sdmx-f-product.sdmx-pt-product form.cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; }
body.sdmx-f-product.sdmx-pt-product form.cart:not(.variations_form) > *, body.sdmx-f-product.sdmx-pt-product form.cart .woocommerce-variation-add-to-cart { margin: 0 !important; }
body.sdmx-f-product.sdmx-pt-product form.cart > div:not(.quantity), body.sdmx-f-product.sdmx-pt-product form.cart > table, body.sdmx-f-product.sdmx-pt-product form.cart > .single_variation_wrap { flex: 1 1 100%; }
body.sdmx-f-product.sdmx-pt-product form.cart .single_add_to_cart_button { flex: 1 1 auto; min-height: 50px !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 800 !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-variation-add-to-cart { display: flex !important; gap: 10px; width: 100%; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs { display: flex !important; flex-wrap: nowrap !important; gap: 8px; margin: 0 calc(-1 * var(--sdmx-gut)) 12px !important; padding: 0 var(--sdmx-gut) 4px !important; overflow-x: auto; scrollbar-width: none; border: 0 !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs::before, body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs::after { display: none !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs li { flex: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs li::before, body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs li::after { display: none !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs li a { display: inline-flex !important; align-items: center; min-height: 40px; padding: 0 16px !important; border: 1.5px solid var(--sdmx-line) !important; border-radius: 999px !important; background: #fff !important; color: var(--sdmx-navy) !important; font-size: 14px !important; font-weight: 700 !important; white-space: nowrap; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs ul.tabs li.active a { border-color: var(--sdmx-navy) !important; background: var(--sdmx-navy) !important; color: #fff !important; }
body.sdmx-f-product.sdmx-pt-product .woocommerce-tabs .panel { margin: 0 !important; padding: 16px !important; border-radius: var(--sdmx-r) !important; }
body.sdmx-f-product.sdmx-pt-product .related.products > h2, body.sdmx-f-product.sdmx-pt-product .upsells.products > h2 { font-size: 20px !important; }

/* Quantity: big - and + buttons */
.sdmx-step { display: inline-flex !important; align-items: stretch; height: 50px; border: 1.5px solid var(--sdmx-line); border-radius: 999px; background: #fff; overflow: hidden; }
.sdmx-step button { width: 44px; border: 0; background: none; color: var(--sdmx-navy); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.sdmx-step button:active { background: var(--sdmx-bg); }
.sdmx-step button:disabled { color: #d0d5dd; }
.sdmx-step input.qty { width: 40px !important; min-height: 0 !important; height: 46px !important; line-height: 46px !important; align-self: center; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; text-align: center; font-weight: 800; -moz-appearance: textfield; box-shadow: none !important; }
.sdmx-step input.qty::-webkit-inner-spin-button, .sdmx-step input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Sticky buy bar */
.sdmx-buybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99985; display: flex; align-items: center; gap: 10px; padding: 10px var(--sdmx-gut) calc(10px + var(--sdmx-safe)); background: rgba(255, 255, 255, .98); border-top: 1px solid var(--sdmx-line); box-shadow: 0 -8px 24px rgba(8, 32, 62, .1); transform: translateY(110%); transition: transform .28s cubic-bezier(.2, .8, .2, 1); }
.sdmx-buybar.is-on { transform: none; }
.sdmx-buybar img { width: 44px; height: 44px; flex: none; border-radius: 10px; object-fit: cover; }
.sdmx-buybar__info { flex: 1; min-width: 0; line-height: 1.2; }
.sdmx-buybar__name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12.5px; color: var(--sdmx-muted); }
.sdmx-buybar__price { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 800; color: var(--sdmx-navy); }
.sdmx-buybar__price del { font-size: 12px; font-weight: 500; color: #98a2b3; }
.sdmx-buybar__price ins { text-decoration: none; }
.sdmx-buybar__wish { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: none; border: 1.5px solid var(--sdmx-line); border-radius: 50%; background: #fff; color: var(--sdmx-navy); }
.sdmx-buybar__wish.is-on { color: #e11d48; border-color: #fecdd3; background: #fff1f2; }
.sdmx-buybar__wish.is-on .sdmx-i { fill: currentColor; }
.sdmx-buybar__go { flex: none; min-width: 132px; padding: 0 18px; }
body.sdmx-f-product.sdmx-pt-product { padding-bottom: calc(80px + var(--sdmx-safe)) !important; }
.sdmx-flash { animation: sdmx-flash 1.2s ease 2; border-radius: 12px; }
@keyframes sdmx-flash { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 153, 0, 0); } 50% { box-shadow: 0 0 0 4px rgba(255, 153, 0, .55); } }

/* ================================================================== cart & checkout */
body.sdmx-pt-checkout { padding-bottom: var(--sdmx-safe) !important; }
body.sdmx-pt-cart .wc-block-cart__submit-container { position: fixed !important; left: 0; right: 0; bottom: 0; z-index: 99985; margin: 0 !important; padding: 10px var(--sdmx-gut) calc(10px + var(--sdmx-safe)) !important; background: rgba(255, 255, 255, .98) !important; border-top: 1px solid var(--sdmx-line); box-shadow: 0 -8px 24px rgba(8, 32, 62, .1); }
body.sdmx-pt-cart .wc-block-cart__submit-container::before { display: none !important; }
body.sdmx-pt-cart .wc-block-cart__submit-button, body.sdmx-pt-cart .wc-proceed-to-checkout .checkout-button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 52px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: var(--sdmx-orange) !important; color: var(--sdmx-navy) !important; font-size: 16px !important; font-weight: 800 !important; text-decoration: none !important; box-shadow: 0 4px 14px rgba(255, 153, 0, .3); }
body.sdmx-pt-cart .wc-block-cart__submit-button *, body.sdmx-pt-cart .wc-proceed-to-checkout .checkout-button * { color: var(--sdmx-navy) !important; text-decoration: none !important; }
body.sdmx-pt-cart { padding-bottom: calc(84px + var(--sdmx-safe)) !important; }
body.sdmx-pt-cart #wf_uptop { display: none !important; }
body.sdmx-pt-checkout .wc-block-components-checkout-place-order-button { width: 100% !important; background: var(--sdmx-orange) !important; color: var(--sdmx-navy) !important; border: 0 !important; }
body.sdmx-pt-checkout .wc-block-components-checkout-place-order-button * { color: var(--sdmx-navy) !important; }
body.sdmx-pt-checkout .wc-block-components-checkout-place-order-button { min-height: 52px !important; border-radius: 999px !important; font-weight: 800 !important; font-size: 16px !important; }
body.sdmx-pt-cart .wc-block-cart-items__row { padding: 14px 0 !important; }
body.sdmx-pt-checkout .wc-block-components-text-input input, body.sdmx-pt-checkout .wc-blocks-components-select select { font-size: 16px !important; }
body.sdmx-pt-cart .shop_table_responsive tr.cart_item { display: grid !important; grid-template-columns: 76px 1fr; gap: 4px 12px; padding: 14px 0; border-bottom: 1px solid var(--sdmx-line); }
body.sdmx-pt-cart .shop_table_responsive tr.cart_item td { display: block; padding: 0 !important; border: 0 !important; text-align: left !important; }
body.sdmx-pt-cart .shop_table_responsive tr.cart_item td::before { display: none !important; }
body.sdmx-pt-cart .shop_table_responsive tr.cart_item td.product-thumbnail { grid-row: span 4; }
body.sdmx-pt-cart .shop_table_responsive tr.cart_item td.product-thumbnail img { width: 76px !important; height: 76px; object-fit: cover; border-radius: 10px; }
body.sdmx-pt-cart .shop_table_responsive tr.cart_item td.product-remove { order: 9; }

/* ================================================================== my account */
.sdmx-acct { margin: 0 0 18px; }
.sdmx-acct__hello { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; padding: 16px; border-radius: 18px; background: linear-gradient(135deg, var(--sdmx-navy), var(--sdmx-navy-2)); color: #fff; }
.sdmx-acct__av { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex: none; border-radius: 50%; background: var(--sdmx-orange); color: var(--sdmx-navy); font-size: 22px; font-weight: 800; }
.sdmx-acct__hello strong { display: block; font-size: 18px; color: #fff; }
.sdmx-acct__hello div > span { display: block; overflow: hidden; max-width: 62vw; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; color: #c7d3e6; }
.sdmx-acct__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sdmx-acct__tile { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 92px; padding: 12px 6px; border: 1px solid var(--sdmx-line); border-radius: var(--sdmx-r); background: #fff; color: var(--sdmx-navy) !important; font-size: 12.5px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); }
.sdmx-acct__tile .sdmx-i { color: var(--sdmx-navy); }
.sdmx-acct__tile em { position: absolute; top: 8px; right: 8px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--sdmx-orange); color: var(--sdmx-navy); font-style: normal; font-size: 11px; line-height: 20px; }
.sdmx-acct__tile--out { color: #b42318 !important; }
.sdmx-acct__tile--out .sdmx-i { color: #b42318; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation { float: none !important; width: auto !important; margin: 0 0 14px !important; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-content { float: none !important; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
body.sdmx-f-account.sdmx-acct-dash .woocommerce-MyAccount-navigation { display: none !important; }
body.sdmx-f-account.sdmx-acct-dash .woocommerce-MyAccount-content > p { display: none; } /* the "Hello… From your account dashboard you can…" text */
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation ul { display: flex !important; gap: 8px; margin: 0 calc(-1 * var(--sdmx-gut)) !important; padding: 2px var(--sdmx-gut) 6px !important; overflow-x: auto; scrollbar-width: none; border: 0 !important; background: none !important; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation li { flex: none; margin: 0 !important; border: 0 !important; background: none !important; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation li a { display: inline-flex !important; align-items: center; min-height: 38px; padding: 0 14px !important; border: 1.5px solid var(--sdmx-line) !important; border-radius: 999px !important; background: #fff !important; color: var(--sdmx-navy) !important; font-size: 13.5px !important; font-weight: 700 !important; white-space: nowrap; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation li.is-active a { border-color: var(--sdmx-navy) !important; background: var(--sdmx-navy) !important; color: #fff !important; }
body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation li a::before, body.sdmx-f-account.sdmx-pt-account .woocommerce-MyAccount-navigation li a::after { display: none !important; }
/* Order list as cards */
body.sdmx-f-account .woocommerce-orders-table.shop_table_responsive tr { display: block; margin: 0 0 12px; padding: 12px 14px; border: 1px solid var(--sdmx-line); border-radius: var(--sdmx-r); background: #fff; }
body.sdmx-f-account .woocommerce-orders-table.shop_table_responsive tr td { display: flex !important; justify-content: space-between; padding: 5px 0 !important; border: 0 !important; text-align: right !important; }
body.sdmx-f-account .woocommerce-orders-table.shop_table_responsive thead { display: none; }
/* Sign in / register */
body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .woocommerce form.login, body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .woocommerce form.register { margin: 0 0 18px !important; padding: 18px !important; border: 1px solid var(--sdmx-line) !important; border-radius: 18px !important; background: #fff; }
body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .woocommerce form.login .button, body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .woocommerce form.register .button { width: 100%; min-height: 50px; margin: 8px 0 0 !important; border-radius: 999px !important; font-size: 16px !important; }
body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .woocommerce h2 { font-size: 22px !important; }
body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .u-columns { display: block !important; }
body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .u-column1, body.sdmx-f-account.sdmx-pt-account:not(.sdmx-in) .u-column2 { width: 100% !important; float: none !important; }

/* ================================================================== vendor store pages (WCFM) */
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .banner_img, body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .wcfm_slideshow_container { height: 170px !important; max-height: 170px !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .banner_text h1 { padding: 0 16px !important; font-size: 24px !important; line-height: 1.2 !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; text-shadow: 0 2px 10px rgba(0, 0, 0, .45); }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .banner_text h1::before, body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .banner_text h1::after { display: none !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store-content { display: flex; flex-direction: column; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store-content > .wcfm_banner_area { order: -3; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store-content > #wcfm_store_header { order: -2; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store-content > .sdu-store-strip { order: -1; margin: 0 0 12px !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .banner_area, body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .banner_img { border-radius: var(--sdmx-r) var(--sdmx-r) 0 0; overflow: hidden; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header { margin: 0 0 12px !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .header_wrapper { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 1px solid var(--sdmx-line); border-top: 0; border-radius: 0 0 var(--sdmx-r) var(--sdmx-r); }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .header_area { position: relative; display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; width: auto !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 14px 14px !important; background: transparent !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .header_left { display: flex !important; flex-wrap: wrap; align-items: flex-end; gap: 6px 12px; flex: 1 1 100%; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .logo_area { position: relative !important; top: auto !important; left: auto !important; float: none !important; width: 76px !important; height: 76px !important; margin: -38px 0 0 !important; padding: 0 !important; border: 4px solid #fff !important; border-radius: 50% !important; overflow: hidden; background: #fff; box-shadow: 0 4px 14px rgba(8, 32, 62, .18); }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .logo_area img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50%; margin: 0 !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .logo_area_after { float: none !important; width: auto !important; margin: 0 !important; padding: 0 0 6px !important; text-align: left !important; flex: 1; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .address { float: none !important; flex: 1 1 100%; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .address p, body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .store_info_parallal { display: flex !important; align-items: center; gap: 8px; margin: 4px 0 0 !important; padding: 0 !important; text-align: left !important; font-size: 13.5px !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .address i, body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .address i::before { color: var(--sdmx-orange) !important; margin: 0 !important; width: 16px; text-align: center; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .address a, body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .address span { color: #475467 !important; text-decoration: none !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .header_right, body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .bd_icon_area, body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .header_left { background: transparent !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .header_right { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; flex: 1 1 100%; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .bd_icon_area { display: flex; flex-wrap: wrap; gap: 8px; float: none !important; margin: 4px 0 0 !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .bd_icon_box { float: none !important; margin: 0 !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .bd_icon_box a { display: inline-flex !important; align-items: center; gap: 6px; min-height: 40px; padding: 0 16px !important; border: 0 !important; border-radius: 999px !important; background: var(--sdmx-navy) !important; color: #fff !important; font-size: 13.5px !important; font-weight: 700; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .bd_icon_box a i, body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .bd_icon_box a span { color: #fff !important; position: static !important; display: inline !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfm_store_header .spacer { display: none !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .tab_area .tab_links { display: flex !important; flex-wrap: nowrap !important; gap: 8px; margin: 0 calc(-1 * var(--sdmx-gut)) 12px !important; padding: 4px var(--sdmx-gut) !important; overflow-x: auto; scrollbar-width: none; border: 0 !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .tab_area .tab_links::-webkit-scrollbar { display: none; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .tab_area .tab_links li { flex: none !important; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .tab_area .tab_links li a { display: inline-flex !important; align-items: center; min-height: 38px; padding: 0 16px !important; border: 1.5px solid var(--sdmx-line) !important; border-radius: 999px !important; background: #fff !important; color: var(--sdmx-navy) !important; font-size: 13.5px !important; font-weight: 700 !important; text-transform: none !important; white-space: nowrap; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .tab_area .tab_links li.active a { border-color: var(--sdmx-navy) !important; background: var(--sdmx-navy) !important; color: #fff !important; }
body.sdmx-f-stores.sdmx-pt-store #wcfmmp-store .body_area .right_side { width: 100% !important; float: none !important; padding: 0 !important; }
body.sdmx-f-stores.sdmx-pt-store .sdmx-storecats a { display: flex; align-items: center; min-height: 46px; border-bottom: 1px solid #f1f3f6; color: var(--sdmx-text) !important; font-size: 15px; font-weight: 600; text-decoration: none !important; }

/* ================================================================== vendor dashboard (WCFM Store Manager) */
body.sdmx-f-vendor.sdmx-pt-vendor .wf_pagetitle, body.sdmx-f-vendor.sdmx-pt-vendor #wf-sidebar, body.sdmx-f-vendor.sdmx-pt-vendor .mobile-bottom-nav-wrapper, body.sdmx-f-vendor.sdmx-pt-vendor .wf_footer, body.sdmx-f-vendor.sdmx-pt-vendor .sdsf-footer, body.sdmx-f-vendor.sdmx-pt-vendor #wf_uptop, body.sdmx-f-vendor.sdmx-pt-vendor .sdmx-searchpill { display: none !important; }
body.sdmx-f-vendor.sdmx-pt-vendor .wf_mobilenav { padding-bottom: 0; }
body.sdmx-f-vendor.sdmx-pt-vendor #content .wf-container { padding-left: 0 !important; padding-right: 0 !important; }
body.sdmx-f-vendor.sdmx-pt-vendor .wf-py-default { padding-top: 0 !important; padding-bottom: 0 !important; }
body.sdmx-f-vendor.sdmx-pt-vendor #wcfm-main-contentainer { margin: 0 !important; }
body.sdmx-f-vendor.sdmx-pt-vendor #wcfm-main-contentainer input, body.sdmx-f-vendor.sdmx-pt-vendor #wcfm-main-contentainer select, body.sdmx-f-vendor.sdmx-pt-vendor #wcfm-main-contentainer textarea { font-size: 16px !important; }
body.sdmx-f-vendor.sdmx-pt-vendor #wcfm-main-contentainer .dataTables_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ================================================================== other plugins' pop-ups sit above our bars */
body.sdmx-has-nav { --sdmx-bottom: calc(var(--sdmx-nav-h) + var(--sdmx-safe)); }
body.sdmx-f-product.sdmx-pt-product { --sdmx-bottom: calc(72px + var(--sdmx-safe)); }
html.sdma-app body.sdmx-has-nav { --sdmx-bottom: calc(var(--sdma-tabbar-h, 64px) + var(--sdmx-safe)); }
body.sdmx .sdma-banner, body.sdmx .sdu-toast, body.sdmx .sdpv-toast, body.sdmx .sdpf-sticky { bottom: calc(var(--sdmx-bottom, 0px) + 12px) !important; }

/* ================================================================== toast */
.sdmx-toast { position: fixed; left: 12px; right: 12px; bottom: calc(var(--sdmx-bottom, 0px) + 12px); z-index: 100030; display: flex; align-items: center; gap: 12px; padding: 12px 12px 12px 14px; border-radius: 14px; background: var(--sdmx-navy); color: #fff; font-size: 14.5px; font-weight: 600; box-shadow: 0 12px 32px rgba(8, 32, 62, .35); animation: sdmx-toast .3s cubic-bezier(.2, .8, .2, 1); }
body.sdmx-pt-cart .sdmx-toast, body.sdmx-pt-checkout .sdmx-toast { bottom: calc(100px + var(--sdmx-safe)); }
.sdmx-toast .sdmx-i { color: var(--sdmx-orange); }
.sdmx-toast--warn { background: #7a2e0e; }
.sdmx-toast span { flex: 1; }
.sdmx-toast a { flex: none; min-height: 36px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; background: var(--sdmx-orange); color: var(--sdmx-navy) !important; font-size: 13.5px; font-weight: 800; text-decoration: none !important; }
@keyframes sdmx-toast { from { transform: translateY(20px); opacity: 0; } }

} /* end phones */

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.sdmx-sheet, .sdmx-sheet__box, .sdmx-search, .sdmx-toast, .sdmx-buybar, body.sdmx-f-header .wf_mobilenav { animation: none !important; transition: none !important; }
}
