/* Payism V3 website: header, mega menu, drawer, pincode popover, trust row, footer, bottom nav (system 7.3 to 7.5). */

.v3-skip { position: absolute; left: 16px; top: -60px; z-index: 2000; background: #fff; color: var(--v3-brand-700) !important; padding: 10px 16px; border-radius: var(--v3-r-12); box-shadow: var(--v3-shadow-2); font-weight: 700; }
.v3-skip:focus { top: 8px; }
#v3-main { flex: 1 0 auto; width: 100%; }
#v3-main:focus { outline: none; }

.v3-header { position: sticky; top: 0; z-index: 1030; background: #fff; transition: box-shadow .2s; }
.v3-header.is-stuck { box-shadow: var(--v3-shadow-stuck); }

/* 1. utility bar */
.v3-util { background: var(--v3-brand-900); color: #fff; font-size: 13px; font-weight: 500; }
.v3-util__in { display: flex; align-items: center; justify-content: space-between; height: 36px; gap: 16px; }
.v3-util__trust { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v3-util__links { display: flex; align-items: center; gap: 24px; white-space: nowrap; }
.v3-util__links a { color: #fff !important; opacity: .92; }
.v3-util__links a:hover { opacity: 1; text-decoration: underline; }
.v3-util__lang .dropdown-toggle::after { display: none; }
.v3-menu { border: 0; border-radius: var(--v3-r-12); box-shadow: var(--v3-shadow-2); padding: 8px; font-size: 14px; }
.v3-menu .dropdown-item { border-radius: var(--v3-r-8); padding: 8px 12px; }
.v3-menu .dropdown-item.active { background: var(--v3-brand-50); color: var(--v3-brand-700); }

/* 2. main bar */
.v3-main { border-bottom: 1px solid var(--v3-line); }
.v3-main__in { display: flex; align-items: center; gap: 20px; height: 76px; transition: height .2s; }
.v3-header.is-stuck .v3-main__in { height: 64px; }
.v3-main__menu { display: none; }
.v3-logo { flex: none; display: flex; align-items: center; }
.v3-logo img { height: 36px; width: auto; max-width: 160px; object-fit: contain; }
.v3-deliver { flex: none; display: flex; align-items: center; gap: 6px; background: none; border: 0; padding: 6px 8px; border-radius: var(--v3-r-12); color: var(--v3-ink); text-align: left; cursor: pointer; }
.v3-deliver:hover { background: var(--v3-brand-50); }
.v3-deliver__txt { display: flex; flex-direction: column; line-height: 1.2; }
.v3-deliver__txt small { font-size: 13px; color: var(--v3-muted); }
.v3-deliver__txt b { font-size: 14px; font-weight: 600; white-space: nowrap; max-width: 150px; overflow: hidden; text-overflow: ellipsis; }
.v3-main__right { display: flex; align-items: center; gap: 12px; margin-left: auto; flex: none; }
.v3-earn-pill { display: inline-flex; align-items: center; gap: 4px; height: 36px; padding: 0 12px; border-radius: 999px; background: var(--v3-brand-100); color: var(--v3-brand-700) !important; font-size: 13px; font-weight: 600; white-space: nowrap; }
.v3-acct__btn { display: flex; align-items: center; gap: 8px; background: none; border: 0; padding: 6px 8px; border-radius: var(--v3-r-12); color: var(--v3-ink) !important; cursor: pointer; text-align: left; min-height: 44px; }
.v3-acct__btn:hover { background: var(--v3-brand-50); }
.v3-acct__txt { display: flex; flex-direction: column; line-height: 1.25; }
.v3-acct__txt small { font-size: 13px; color: var(--v3-muted); }
.v3-acct__txt b { font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
.v3-acct__avatar { width: 36px; height: 36px; flex: none; border-radius: 50%; background: var(--v3-brand-600); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.v3-acct__menu { width: 280px; border: 0; border-radius: var(--v3-r-16); box-shadow: var(--v3-shadow-3); padding: 12px; margin-top: 8px; }
.v3-acct__profile { display: flex; align-items: center; gap: 12px; padding: 4px 8px 12px; }
.v3-acct__profile b { display: block; font-size: 15px; }
.v3-acct__profile small { color: var(--v3-muted); font-size: 13px; }
.v3-acct__earn { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; margin-bottom: 8px; border-radius: var(--v3-r-12); background: var(--v3-grad-brand); color: #fff !important; font-size: 13px; }
.v3-acct__earn small { display: block; opacity: .9; }
.v3-acct__earn b { font-size: 20px; font-weight: 800; }
.v3-acct__item { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-radius: var(--v3-r-8); font-size: 14px; color: var(--v3-ink) !important; }
.v3-acct__item:hover { background: var(--v3-brand-50); }
.v3-acct__item .v3-count { margin-left: auto; background: var(--v3-brand-100); color: var(--v3-brand-700); }
.v3-acct__out { border-top: 1px solid var(--v3-line); margin-top: 6px; padding-top: 14px; border-radius: 0; }
.v3-main__icon { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; color: var(--v3-ink) !important; }
.v3-main__icon .payism-retail-mini-link { display: inline-flex !important; align-items: center; justify-content: center; width: 44px; height: 44px; }
.v3-main__icon svg { width: 22px; height: 22px; }
.v3-main__icon .payism-retail-mini-link > .fs-13 { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0 !important; }
.v3-main__icon .payism-retail-mini-icon > .badge { top: -8px !important; right: -10px !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border-radius: 999px !important; background: var(--v3-brand-600) !important; font: 700 11px/18px var(--v3-font) !important; }
.v3-main__icon .payism-retail-mini-badge, .v3-dot {
    position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
    background: var(--v3-brand-600); color: #fff; font: 700 11px/18px var(--v3-font); text-align: center; font-variant-numeric: tabular-nums;
}
.v3-main__icon .payism-retail-mini-badge { top: 2px !important; right: 0 !important; line-height: 18px; }
.v3-cart { position: relative; }
.v3-cart__btn { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 2px 6px; min-width: 56px; color: var(--v3-ink) !important; line-height: 1.1; }
.v3-cart__ico { position: relative; display: inline-flex; }
.v3-cart__ico .v3-dot { top: -8px; right: -12px; }
/* Round 5 polish (final rounds): an empty cart shows a plain cart icon, not a "0" badge. */
.v3-dot.cart-count[data-count="0"] { display: none; }
.v3-cart__total { font-size: 13px; font-weight: 600; margin-top: 2px; }
.v3-cart .dropdown-menu { border: 0 !important; border-radius: var(--v3-r-16) !important; box-shadow: var(--v3-shadow-3) !important; width: 360px; }

.v3-deliver-row { display: none; }

/* 3. category nav */
.v3-catnav { background: #fff; border-bottom: 1px solid var(--v3-line); position: relative; }
.v3-catnav__in { display: flex; align-items: center; height: 48px; gap: 8px; }
.v3-catnav__all { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 0; border: 0; background: none; font: 700 14px var(--v3-font); color: var(--v3-ink); cursor: pointer; white-space: nowrap; }
.v3-catnav__all[aria-expanded='true'] { color: var(--v3-brand-600); }
.v3-catnav__all[aria-expanded='true'] .v3-catnav__chev { transform: rotate(180deg); }
.v3-catnav__links { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; overflow: hidden; flex: 1; min-width: 0; }
.v3-catnav__links a, .v3-catnav__right a { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border-radius: var(--v3-r-8); font-size: 14px; font-weight: 500; color: var(--v3-ink) !important; white-space: nowrap; }
.v3-catnav__links a:hover, .v3-catnav__right a:hover { background: var(--v3-brand-50); color: var(--v3-brand-700) !important; }
.v3-catnav__right { display: flex; align-items: center; gap: 4px; padding-left: 12px; border-left: 1px solid var(--v3-line); }
.v3-catnav__right a.v3-catnav__deal { color: var(--v3-deal) !important; font-weight: 700; }
.v3-header.is-stuck .v3-util, .v3-header.is-stuck .v3-catnav__in { display: none; }
.v3-header.is-stuck .v3-catnav { border-bottom: 0; }

/* mega menu (7.4) */
.v3-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 1031; }
.v3-mega__panel { display: grid; grid-template-columns: 280px minmax(0, 1fr) 300px; grid-template-rows: auto auto; background: #fff; border-radius: 0 0 var(--v3-r-24) var(--v3-r-24); box-shadow: var(--v3-shadow-3); overflow: hidden; min-height: 420px; }
.v3-mega__rail { grid-row: 1 / span 2; list-style: none; margin: 0; padding: 12px 0; border-right: 1px solid var(--v3-line); }
.v3-mega__rail a { position: relative; display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 20px; font-size: 15px; color: var(--v3-ink) !important; }
.v3-mega__rail a.is-active, .v3-mega__rail a:hover { background: var(--v3-brand-50); color: var(--v3-brand-700) !important; }
.v3-mega__rail a.is-active::before { content: ''; position: absolute; left: 0; top: 6px; bottom: 6px; width: 3px; border-radius: 0 3px 3px 0; background: var(--v3-brand-600); }
.v3-mega__ico { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: var(--v3-muted); }
.v3-mega__ico img { width: 24px; height: 24px; object-fit: contain; }
.v3-mega__label { flex: 1; }
.v3-mega__rail .v3-i, .v3-mega__rail a > .v3i--16 { color: var(--v3-muted); }
.v3-mega__all a { color: var(--v3-brand-600) !important; font-weight: 600; margin-top: 8px; }
.v3-mega__pane { grid-column: 2 / span 2; display: grid; grid-template-columns: minmax(0, 1fr) 300px; grid-template-rows: 1fr auto; }
.v3-mega__pane[hidden] { display: none; }
.v3-mega__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 24px 28px; }
.v3-mega__group { display: block; font: 600 16px/24px var(--v3-font); color: var(--v3-ink) !important; margin-bottom: 10px; }
.v3-mega__col ul { list-style: none; margin: 0; padding: 0; }
.v3-mega__col li a { display: block; padding: 6px 0; font-size: 14px; font-weight: 500; color: var(--v3-ink-2) !important; }
.v3-mega__col li a:hover { color: var(--v3-brand-600) !important; }
.v3-mega__viewall { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 600; color: var(--v3-brand-600) !important; text-decoration: none !important; }
.v3-mega__promos { padding: 16px 16px 16px 0; display: flex; flex-direction: column; gap: 12px; }
.v3-mega__promo { position: relative; display: block; min-height: 180px; border-radius: var(--v3-r-16); overflow: hidden; background: var(--v3-tile); color: var(--v3-ink) !important; }
.v3-mega__promo img { position: absolute; right: 0; bottom: 0; width: 70%; height: 80%; object-fit: contain; }
.v3-mega__promo-txt { position: relative; z-index: 1; display: flex; flex-direction: column; padding: 18px; }
.v3-mega__promo-txt b { font-size: 20px; line-height: 26px; font-weight: 800; max-width: 70%; }
.v3-mega__promo-txt small { margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--v3-brand-700); }
.v3-mega__brands { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding: 14px 28px; border-top: 1px solid var(--v3-line); flex-wrap: wrap; }
.v3-mega__brands > span { font-size: 13px; color: var(--v3-muted); margin-right: 8px; }
.v3-mega__brand { display: inline-flex; align-items: center; justify-content: center; height: 44px; min-width: 112px; padding: 0 12px; border: 1px solid var(--v3-line); border-radius: var(--v3-r-12); font-weight: 700; font-size: 13px; color: var(--v3-ink) !important; }
.v3-mega__brand img { max-height: 26px; max-width: 96px; object-fit: contain; }
body.v3-mega-open .v3-scrim, body.v3-drawer-open .v3-scrim, body.v3-search-open .v3-scrim { opacity: 1; visibility: visible; z-index: 1025; }

/* pincode popover */
.v3-pin-pop { position: fixed; z-index: 1060; top: 120px; left: 50%; transform: translateX(-50%); width: min(380px, calc(100vw - 32px)); background: #fff; border-radius: var(--v3-r-20); box-shadow: var(--v3-shadow-3); padding: 20px; }
.v3-pin-pop b { font-size: 17px; }
.v3-pin-pop p { margin: 6px 0 12px; }
.v3-pin-pop__row { display: flex; gap: 8px; }
.v3-pin-pop__err { color: var(--v3-error); font-size: 13px; margin: 8px 0 0 !important; }

/* drawer (phone): briefs/mega390.md - 88 % from the left, gradient head, accordion with photo tiles */
.v3-drawer { position: fixed; z-index: 1060; top: 0; bottom: 0; left: 0; width: min(88vw, 360px); background: #fff; display: flex; flex-direction: column; transform: translateX(-100%); transition: transform .25s; box-shadow: var(--v3-shadow-3); border-radius: 0 var(--v3-r-24) var(--v3-r-24) 0; overflow: hidden; }
.v3-drawer.is-open { transform: none; }
.v3-drawer[hidden] { display: flex !important; visibility: hidden; }
.v3-drawer.is-open[hidden] { visibility: visible; }
body.v3-drawer-open .v3-scrim { background: rgba(6, 43, 79, .4); }
body.v3-drawer-open { overflow: hidden; }
.v3-drawer__head { position: relative; flex: none; padding: 12px 12px 20px 20px; color: #fff; background: var(--v3-grad-brand); }
/* faint jaali lattice (white at about 6 %) */
.v3-drawer__head::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .06; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 0 28 14 14 28 0 14Z' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='14' r='4' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E"); }
.v3-drawer__head > * { position: relative; }
.v3-drawer__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
/* the wordmark in white: works for a transparent logo and for one on a white ground (screen drops the black) */
.v3-drawer__logo img { height: 28px; width: auto; filter: grayscale(1) invert(1) brightness(1.8); mix-blend-mode: screen; }
.v3-drawer__close { width: 48px; height: 48px; flex: none; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.v3-drawer__close:hover { background: rgba(255, 255, 255, .24); }
.v3-drawer__hello { margin: 10px 0 14px; font-size: 17px; font-weight: 700; line-height: 24px; color: #fff; }
.v3-drawer__auth { display: flex; gap: 10px; }
.v3-drawer__auth .v3-btn { flex: 1; height: 48px; padding: 0 12px; }
.v3-drawer__outline { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .9); }
.v3-drawer__outline:hover { background: rgba(255, 255, 255, .12); }
.v3-drawer__me { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
.v3-drawer__me .v3-acct__avatar { width: 44px; height: 44px; background: #fff; color: var(--v3-brand-900); }
.v3-drawer__me b { display: block; font-size: 17px; }
.v3-drawer__me a { color: #fff !important; font-size: 14px; opacity: .92; }
.v3-drawer__body { overflow-y: auto; overscroll-behavior: contain; padding: 8px 0 24px; flex: 1; }
.v3-drawer__rows { list-style: none; margin: 0; padding: 0; }
.v3-drawer__row { display: flex; align-items: center; gap: 14px; min-height: 52px; padding: 0 20px; font-size: 16px; font-weight: 500; color: var(--v3-ink) !important; list-style: none; cursor: pointer; text-decoration: none !important; }
.v3-drawer__row:hover { background: var(--v3-brand-50); }
.v3-drawer__row > .v3i:first-child, .v3-drawer__ico { color: var(--v3-ink); }
.v3-drawer__deal, .v3-drawer__deal > .v3i:first-child { color: var(--v3-deal) !important; font-weight: 600; }
.v3-drawer__rule { margin: 8px 20px; border: 0; border-top: 1px solid var(--v3-line); }
.v3-drawer__title { margin: 12px 20px 4px; font-size: 13px; font-weight: 400; color: var(--v3-muted); }
.v3-drawer__cat > summary::-webkit-details-marker { display: none; }
.v3-drawer__cat > summary::marker { content: ""; }
/* T3 (6 Nov 2026): the category icon on a small white tile, as in the header strip (line icon in the brand colour). */
.v3-drawer__ico { width: 34px; height: 34px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid var(--v3-line); overflow: hidden; }
.v3-drawer__cat > summary .v3-drawer__ico { color: var(--v3-brand-600); }
.v3-drawer__ico .pcat-ico { width: 20px; height: 20px; }
.v3-drawer__ico img { width: 26px; height: 26px; object-fit: contain; }
/* T3: the category line icons (App\Support\V3\CategoryIcon); a hidden fallback stays hidden whatever the container sets. */
.pcat-ico { display: block; flex: none; width: 24px; height: 24px; }
.pcat-ico[hidden] { display: none !important; }
.pcat-img { display: block; }
.v3-drawer__name { flex: 1; min-width: 0; }
.v3-drawer__chev { flex: none; color: var(--v3-muted); transition: transform .2s; }
.v3-drawer__cat[open] > summary { color: var(--v3-brand-600) !important; }
.v3-drawer__cat[open] > summary .v3-drawer__ico { color: var(--v3-brand-600); }
.v3-drawer__cat[open] > summary .v3-drawer__chev { transform: rotate(-90deg); color: var(--v3-brand-600); }
.v3-drawer__pane { padding: 2px 16px 4px; }
.v3-drawer__tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.v3-drawer__tile { display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; padding: 6px 4px 8px; border-radius: var(--v3-r-12); background: var(--v3-tile); text-align: center; color: var(--v3-ink) !important; text-decoration: none !important; }
.v3-drawer__photo { position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 8px; background: transparent; display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--v3-muted); }
.v3-drawer__photo img { position: absolute; inset: 4%; width: 92%; height: 92%; object-fit: contain; mix-blend-mode: multiply; }
.v3-drawer__photo img + .v3i { visibility: hidden; }
.v3-drawer__tile-name { font-size: 13px; line-height: 17px; font-weight: 500; overflow-wrap: break-word; hyphens: auto; }
.v3-drawer__tile:hover .v3-drawer__tile-name { color: var(--v3-brand-600); }
.v3-drawer__viewall, .v3-drawer__seeall { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--v3-brand-600) !important; text-decoration: none !important; }
.v3-drawer__viewall { padding: 0 4px; }
.v3-drawer__seeall { padding: 0 20px; min-height: 48px; font-size: 16px; }
.v3-drawer__links .v3-drawer__row { min-height: 56px; }
.v3-drawer__langs .v3-chip { min-width: 72px; height: 44px; justify-content: center; border-radius: var(--v3-r-12); font-size: 15px; }
.v3-drawer__langs { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 20px 12px; }
.v3-drawer__copy { margin: 8px 20px 0; font-size: 13px; color: var(--v3-muted); }
@media (prefers-reduced-motion: reduce) { .v3-drawer, .v3-drawer__chev { transition: none; } }

/* trust row */
.v3-trust__row { list-style: none; margin: 0; padding: 20px 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; background: #fff; border-radius: var(--v3-r-20); box-shadow: var(--v3-shadow-1); }
.v3-trust__row li { display: flex; align-items: center; gap: 14px; }
.v3-trust__row li + li { border-left: 1px solid var(--v3-line); padding-left: 16px; }
.v3-trust__row b { display: block; font-size: 15px; font-weight: 600; }
.v3-trust__row small { display: block; font-size: 13px; color: var(--v3-muted); line-height: 18px; }
.v3-trust__ico { width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--v3-brand-100); color: var(--v3-brand-600); display: inline-flex; align-items: center; justify-content: center; }

/* footer */
.v3-footer { margin-top: var(--v3-section); background: var(--v3-brand-900); color: rgba(255, 255, 255, .78); font-size: 14px; }
.v3-footer a { color: rgba(255, 255, 255, .82) !important; }
.v3-footer a:hover { color: #fff !important; text-decoration: underline; }
.v3-footer__grid { display: grid; grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr)) 1.3fr; gap: 32px; padding: 48px 0 32px; }
.v3-footer__logo { display: inline-flex; align-items: center; background: #fff; border-radius: 12px; padding: 8px 14px; }
.v3-footer__logo img { height: 32px; width: auto; display: block; }
.v3-footer__brand p { margin: 12px 0 16px; }
body.v3 .v3-footer h2 { font: 700 15px/22px var(--v3-font); color: #fff; margin: 0 0 12px; }
.v3-footer ul { list-style: none; margin: 0; padding: 0; }
.v3-footer__col li { padding: 4px 0; }
.v3-footer__news { display: flex; gap: 8px; margin-bottom: 16px; }
.v3-footer__news input { flex: 1; min-width: 0; height: 44px; border-radius: var(--v3-r-12); border: 1px solid rgba(255,255,255,.3); background: transparent; color: #fff; padding: 0 12px; }
.v3-footer__news input::placeholder { color: rgba(255,255,255,.7); }
.v3-footer__news button { height: 44px; padding: 0 16px; border-radius: var(--v3-r-12); border: 0; background: #fff; color: var(--v3-brand-900); font-weight: 700; }
.v3-footer__play img { height: 40px; width: auto; }
.v3-footer__social { display: flex; gap: 10px; margin-top: 16px !important; }
.v3-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); font-size: 13px; font-weight: 700; text-decoration: none !important; transition: background .2s, border-color .2s; }
.v3-footer__social a:hover, .v3-footer__social a:focus-visible { background: rgba(255,255,255,.12); border-color: #fff; }
.v3-footer__social .v3i { width: 18px; height: 18px; }
.v3-footer__contact { display: flex; flex-direction: column; gap: 6px; font-style: normal; }
.v3-footer__contact b { color: #fff; }
.v3-footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px 0 24px; border-top: 1px solid rgba(255,255,255,.14); font-size: 13px; }
.v3-footer__copy p { margin: 0; }
.v3-footer__policies { display: flex; gap: 16px; flex-wrap: wrap; }
.v3-footer__pay { display: flex; gap: 12px; align-items: center; }
.v3-footer__pay img { height: 20px; width: auto; background: #fff; border-radius: 4px; padding: 2px 4px; }

/* bottom nav (phone) */
.v3-bnav { display: none; }

/* ---------- tablet + phone ---------- */
@media (max-width: 1199.98px) {
    .v3-earn-pill, .v3-hide-md { display: none !important; }
    .v3-mega__panel { grid-template-columns: 240px minmax(0, 1fr); }
    .v3-mega__pane { grid-template-columns: minmax(0, 1fr); }
    .v3-mega__promos { display: none; }
    .v3-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .v3-trust__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .v3-trust__row li:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 991.98px) {
    .v3-util, .v3-catnav__in, .v3-deliver, .v3-acct, .v3-hide-sm { display: none !important; }
    .v3-main__menu { display: inline-flex; }
    .v3-main__in { flex-wrap: wrap; height: auto !important; gap: 4px 8px; padding-top: 4px; padding-bottom: 8px; }
    .v3-logo { order: 1; }
    .v3-logo img { height: 30px; }
    .v3-main__menu { order: 0; margin-left: -10px; }
    .v3-main__right { order: 2; gap: 0; }
    .v3-cart__total { display: none; }
    .v3-cart__btn { min-width: 44px; }
    .v3-deliver-row { display: flex; align-items: center; gap: 6px; width: 100%; height: 36px; padding: 0 var(--v3-side); border: 0; background: var(--v3-brand-50); font-size: 14px; color: var(--v3-ink); }
    .v3-header.is-stuck .v3-deliver-row { display: none; }
    .v3-cart .dropdown-menu { width: min(360px, calc(100vw - 32px)); }
}
@media (max-width: 991.98px) {
    body.v3 { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .v3-bnav { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); background: #fff; border-top: 1px solid var(--v3-line); }
    .v3-bnav a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: 13px; font-weight: 500; color: var(--v3-muted) !important; }
    .v3-bnav a.is-active { color: var(--v3-brand-600) !important; }
    .v3-bnav a.is-active::before { content: ''; position: absolute; top: 0; left: 28%; right: 28%; height: 2px; background: var(--v3-brand-600); border-radius: 0 0 2px 2px; }
    .v3-bnav__ico { position: relative; display: inline-flex; }
    .v3-bnav__ico .v3-dot { top: -6px; right: -12px; }
    .payism-mobile-bottom-nav { display: none !important; }
}
@media (max-width: 767.98px) {
    .v3-footer__grid { grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 32px; }
    .v3-footer__brand, .v3-footer__contact { grid-column: 1 / -1; }
    .v3-footer__bottom { flex-direction: column; align-items: flex-start; }
    .v3-trust__row { grid-template-columns: 1fr 1fr; padding: 16px; gap: 12px; }
    .v3-trust__row li + li { border-left: 0; padding-left: 0; }
    .v3-trust__row small { display: none; }
    .v3-trust__ico { width: 40px; height: 40px; }
    .v3-trust__row b { font-size: 13px; line-height: 18px; }
}

/* results / listing pages on the phone: one compact bar, back + search + cart (search-results_390_v3) */
.v3-main__back { display: none; }
@media (max-width: 991.98px) {
    body.v3-listing-page .v3-main__back { display: inline-flex; order: 0; margin-left: -10px; }
    body.v3-listing-page .v3-main__menu, body.v3-listing-page .v3-logo, body.v3-listing-page #wishlist, body.v3-listing-page .v3-deliver-row { display: none !important; }
    body.v3-listing-page .v3-main__in { flex-wrap: nowrap; padding-top: 8px; }
    body.v3-listing-page .v3-search:not(.is-full) { order: 1; flex: 1 1 auto; flex-basis: auto; }
    body.v3-listing-page .v3-main__right { order: 2; }
}
@media (max-width: 991.98px) { body.v3-listing-page .v3-ls__bar { top: 66px; } }

/* Mega menu, design header-megamenu_1440_v3 (lane v3wb-photos): wider photo promo column, full-bleed
   category photos with a small "Shop the range" pill, brand tiles in one row, larger logo. */
@media (min-width: 992px) {
    .v3-logo img { height: 44px; max-width: 176px; }
    .v3-mega__panel { grid-template-columns: 260px minmax(0, 1fr) 380px; min-height: 440px; }
    .v3-mega__pane { grid-template-columns: minmax(0, 1fr) 380px; }
    .v3-mega__cols { padding: 22px 28px; column-gap: 32px; }
    .v3-mega__cols > .v3-mega__col + .v3-mega__col { border-left: 1px solid var(--v3-line); padding-left: 24px; margin-left: -8px; }
    .v3-mega__col li a { padding: 7px 0; }
    .v3-mega__promos { padding: 16px 16px 12px 0; }
    .v3-mega__promo--photo { min-height: 0; aspect-ratio: 416 / 212; box-shadow: var(--v3-shadow-1); }
    .v3-mega__promo--photo img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
    .v3-mega__promo--photo .v3-mega__promo-txt { position: absolute; left: 12px; bottom: 12px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .94); box-shadow: var(--v3-shadow-1); }
    .v3-mega__promo--photo .v3-mega__promo-txt b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .v3-mega__promo--photo .v3-mega__promo-txt small { margin: 0; font-size: 13px; }
    .v3-mega__brands { flex-wrap: nowrap; overflow: hidden; padding: 12px 28px 16px; }
    .v3-mega__brands > span { flex: none; }
    .v3-mega__brand { flex: 1 1 0; min-width: 0; max-width: 150px; height: 48px; }
    .v3-mega__brand img { max-height: 22px; max-width: 100%; }
}

/* wb-account: compact company block + payment marks (home_1440_v3 footer) */
.v3-footer__addr { font-size: 13px; line-height: 18px; color: rgba(255,255,255,.72); }
.v3-footer__addr summary { cursor: pointer; color: rgba(255,255,255,.86); list-style: none; font-weight: 600; }
.v3-footer__addr summary::-webkit-details-marker { display: none; }
.v3-footer__addr summary::after { content: ' ›'; }
.v3-footer__addr[open] summary::after { content: ' ⌄'; }
.v3-footer__addr span { display: block; margin-top: 6px; max-width: 320px; overflow-wrap: anywhere; }
.v3-footer__marks { list-style: none; margin: 0; padding: 0; flex-wrap: wrap; gap: 8px; }
.v3-footer__marks li { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 6px; background: #fff; color: var(--v3-brand-900, #0B2A4A); font-size: 13px; font-weight: 800; font-style: italic; letter-spacing: .3px; }

/* Review (home-search, 28 Oct): footer link columns. Desktop: the heading button reads as the plain title.
   Phone (home_390_v3): Shop / Help / Your account / Sell and earn fold into 48 px tap rows. */
.v3-footer__acc { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: default; }
.v3-footer__acc .v3i { display: none; }
@media (max-width: 767.98px) {
    .v3-footer--acc .v3-footer__col { grid-column: 1 / -1; border-bottom: 1px solid rgba(255,255,255,.14); }
    body.v3 .v3-footer--acc .v3-footer__col > h2 { margin: 0; }
    .v3-footer--acc .v3-footer__acc { display: flex; justify-content: space-between; width: 100%; min-height: 48px; cursor: pointer; }
    .v3-footer--acc .v3-footer__acc .v3i { display: inline-block; transition: transform .2s; }
    .v3-footer--acc .v3-footer__col.is-open .v3-footer__acc .v3i { transform: rotate(180deg); }
    .v3-footer--acc .v3-footer__col:not(.is-open) > ul { display: none; }
    .v3-footer--acc .v3-footer__col.is-open > ul { padding-bottom: 12px; }
    .v3-footer--acc .v3-footer__grid { row-gap: 0; }
    .v3-footer--acc .v3-footer__brand { margin-bottom: 16px; }
    .v3-footer--acc .v3-footer__contact { margin-top: 20px; }
}

/* V3 match lane home-catalog (28 Oct): header-megamenu_1440_v3 - photo promos carry no pill, brand label above the row. */
@media (min-width: 992px) {
    .v3-mega__promo--photo .v3-mega__promo-txt { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; box-shadow: none; }
    .v3-mega__brands { flex-wrap: wrap; row-gap: 10px; }
    .v3-mega__brands > span { flex: 0 0 100%; margin: 0; font-size: 12px; }
}

/* header-megamenu_390_v3 (drawer): the white list rises over the blue head with a rounded top-right corner. */
.v3-drawer__body { position: relative; z-index: 1; margin-top: -14px; padding-top: 14px; background: #fff; border-radius: 0 var(--v3-r-20, 20px) 0 0; }
.v3-drawer__head { padding-bottom: 30px; }

/* product_390_v3: the product page uses the same compact phone bar (back + search + cart); no deliver strip. */
@media (max-width: 991.98px) {
    body.v3-pdp-page .v3-main__back { display: inline-flex; order: 0; margin-left: -10px; }
    body.v3-pdp-page .v3-main__menu, body.v3-pdp-page .v3-logo, body.v3-pdp-page #wishlist, body.v3-pdp-page .v3-deliver-row { display: none !important; }
    body.v3-pdp-page .v3-main__in { flex-wrap: nowrap; padding-top: 8px; }
    body.v3-pdp-page .v3-search:not(.is-full) { order: 1; flex: 1 1 auto; flex-basis: auto; }
    body.v3-pdp-page .v3-main__right { order: 2; }
}

/* Keep language changes reachable without a duplicate row when a header picker or drawer is available. */
.v3-footer .v3-footer__groups .v3-footer__language-fallback { display: none; }
@media (max-width: 767.98px) {
    body:has(.h8-head--slim) .v3-footer .v3-footer__groups .v3-footer__language-fallback { display: grid; }
}
@media (max-width: 991.98px) {
    body:is(.v3-listing-page, .v3-pdp-page):not(:has([data-h8-header])) .v3-footer .v3-footer__groups .v3-footer__language-fallback { display: grid; }
}