/* =========================================================================
   PROBEL theme for OpenCart 3 — storefront styles
   Colours, fonts, radius and width come from the theme settings (printed as
   CSS variables in the header); the values below are only the defaults.
   Classes use the pb- prefix so Bootstrap 3 (kept for other modules) never clashes.
   ========================================================================= */

/* 1 — Tokens ------------------------------------------------------------- */
:root{
  --bg:#EEF0F5; --surface:#FFFFFF; --surface-2:#E4E7EF; --ink:#0E1129; --muted:#5C6178; --line:#D6D9E4;
  --brand:#3A3FAE; --brand-ink:#FFFFFF; --signal:#FFC21A; --signal-ink:#111111; --sale:#D93A40; --ok:#1C8C4E;
  --line-strong:color-mix(in srgb,var(--ink) 22%,var(--line));
  --brand-soft:color-mix(in srgb,var(--brand) 14%,transparent);
  --brand-line:color-mix(in srgb,var(--brand) 40%,transparent);
  --well:color-mix(in srgb,var(--surface-2) 70%,var(--surface));
  --well-photo:#F4F5F8;
  --glass:color-mix(in srgb,var(--bg) 82%,transparent);
  --shadow:0 1px 2px rgba(14,17,41,.06),0 10px 28px -10px rgba(14,17,41,.22);
  --shadow-lg:0 30px 60px -24px rgba(14,17,41,.38);
  --shadow-item:0 2px 3px rgba(14,17,41,.14),0 18px 30px -16px rgba(14,17,41,.45);
  --f-body:"Instrument Sans","Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-display:"Big Shoulders Display","Oswald","Arial Narrow",Impact,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --heading-case:uppercase;
  --r-lg:22px; --r-md:14px; --r-sm:10px;
  --container:1320px; --header-h:72px;
  --speed:.22s; --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#090B17; --surface:#11142A; --surface-2:#191D38; --ink:#ECEEFB; --muted:#9398B8; --line:#242949;
  --brand:#8E95FF; --brand-ink:#0A0C1C; --sale:#FF6B70; --ok:#46C985; --well-photo:#ECEDF3;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -10px rgba(0,0,0,.7);
  --shadow-lg:0 30px 60px -20px rgba(0,0,0,.8);
  --shadow-item:0 2px 4px rgba(0,0,0,.5),0 22px 34px -14px rgba(0,0,0,.85);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#090B17; --surface:#11142A; --surface-2:#191D38; --ink:#ECEEFB; --muted:#9398B8; --line:#242949;
  --brand:#8E95FF; --brand-ink:#0A0C1C; --sale:#FF6B70; --ok:#46C985; --well-photo:#ECEDF3;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -10px rgba(0,0,0,.7);
  --shadow-lg:0 30px 60px -20px rgba(0,0,0,.8);
  --shadow-item:0 2px 4px rgba(0,0,0,.5),0 22px 34px -14px rgba(0,0,0,.85);
  color-scheme:dark;
}

/* 2 — Base ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{font-size:16px;-webkit-text-size-adjust:100%}
body.pb-body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.pb-body) a{color:inherit;text-decoration:none}
:where(.pb-body) a:hover,:where(.pb-body) a:focus{color:inherit;text-decoration:none}
:where(.pb-body) img{max-width:100%;height:auto}
:where(.pb-body) button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
:where(.pb-body) :where(h1,h2,h3,h4){color:inherit;text-wrap:balance}
.pb-body :focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.pb-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}
.pb-wrap{max-width:var(--container);margin-inline:auto;padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right,0px))}
.pb-mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pb-muted{color:var(--muted)}
.pb-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--bg)!important;padding:8px 14px;border-radius:999px}
.pb-skip:focus{left:12px}
.pb-h1,.pb-h2{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);line-height:.9;margin:0}
.pb-h1{font-size:var(--h1-size,clamp(36px,4.4vw,64px))}
.pb-h2{font-size:var(--h2-size,clamp(32px,4vw,58px))}

/* 3 — Bootstrap 3 bridge: pages of other modules use its markup ------------- */
.pb-body .container{width:auto;max-width:var(--container);padding-left:max(clamp(16px,4vw,40px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,40px),env(safe-area-inset-right,0px))}
.pb-body .btn{border-radius:999px;font-weight:600;padding:9px 18px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:background var(--speed),border-color var(--speed),color var(--speed);box-shadow:none;text-shadow:none}
.pb-body .btn:hover,.pb-body .btn:focus{border-color:var(--ink);color:var(--ink);background:var(--surface)}
.pb-body .btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.pb-body .btn-primary:hover,.pb-body .btn-primary:focus,.pb-body .btn-primary:active{background:color-mix(in srgb,var(--brand) 85%,var(--ink));border-color:transparent;color:var(--brand-ink)}
.pb-body .btn-danger{background:var(--sale);border-color:var(--sale);color:#fff}
.pb-body .btn-link{border:0;background:none;color:var(--brand)}
.pb-body .form-control{height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:none;font-size:15px}
.pb-body textarea.form-control{height:auto}
.pb-body .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.pb-body .input-group-btn .btn{height:46px}
.pb-body label,.pb-body .control-label{font-weight:600;color:var(--ink)}
.pb-body .help-block{color:var(--muted)}
.pb-body .text-danger,.pb-body .has-error .control-label{color:var(--sale)}
.pb-body .has-error .form-control{border-color:var(--sale)}
.pb-body .alert{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.pb-body .alert-success{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 10%,var(--surface))}
.pb-body .alert-danger,.pb-body .alert-warning{border-color:color-mix(in srgb,var(--sale) 45%,transparent);background:color-mix(in srgb,var(--sale) 8%,var(--surface))}
.pb-body .alert-info{border-color:var(--brand-line);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
.pb-body .table{color:var(--ink)}
.pb-body .table>thead>tr>td,.pb-body .table>tbody>tr>td,.pb-body .table>thead>tr>th{border-color:var(--line)}
.pb-body .table-bordered,.pb-body .table-bordered>tbody>tr>td,.pb-body .table-bordered>thead>tr>td{border-color:var(--line)}
.pb-body .well{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none}
.pb-body .panel{background:var(--surface);border-color:var(--line);border-radius:var(--r-md)}
.pb-body .panel-default>.panel-heading{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.pb-body .breadcrumb{background:none;padding:22px 0 6px;margin:0;font-size:13px;color:var(--muted);border:0}
.pb-body .breadcrumb>li+li::before{color:var(--muted)}
.pb-body .breadcrumb a{color:var(--muted)}
.pb-body .pagination>li>a,.pb-body .pagination>li>span{background:var(--surface);border-color:var(--line);color:var(--ink)}
.pb-body .pagination>.active>a,.pb-body .pagination>.active>span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.pb-body .nav-tabs{border-color:var(--line)}
.pb-body .nav-tabs>li>a{color:var(--muted);border-radius:10px 10px 0 0}
.pb-body .nav-tabs>li.active>a,.pb-body .nav-tabs>li.active>a:hover{background:var(--surface);color:var(--ink);border-color:var(--line) var(--line) transparent}
.pb-body .dropdown-menu{background:var(--surface);border-color:var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}
.pb-body .dropdown-menu>li>a{color:var(--ink)}
.pb-body .dropdown-menu>li>a:hover{background:var(--surface-2);color:var(--ink)}
.pb-body .modal-content{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line)}
.pb-body .modal-header,.pb-body .modal-footer{border-color:var(--line)}
.pb-body .close{color:var(--ink);text-shadow:none}
.pb-body .list-group-item{background:var(--surface);border-color:var(--line);color:var(--ink)}
.pb-body a.list-group-item:hover,.pb-body .list-group-item.active{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
.pb-body legend{color:var(--ink);border-color:var(--line);font-size:20px;font-weight:600}
.pb-body hr{border-color:var(--line)}
.pb-body #content{min-height:40vh}
.pb-body .product-thumb{border-color:var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.pb-body .product-thumb .button-group{border-color:var(--line);background:var(--surface-2)}
.pb-body .product-thumb .button-group button{background:var(--surface-2);color:var(--ink);border-color:var(--line)}

/* 4 — Buttons, pills, flags ------------------------------------------------- */
.pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap;transition:transform var(--speed),background var(--speed),box-shadow var(--speed),color var(--speed)}
.pb-btn .pb-i{width:18px;height:18px}
.pb-btn--primary{background:var(--brand);color:var(--brand-ink)!important;box-shadow:0 10px 24px -12px var(--brand)}
.pb-btn--primary:hover{background:color-mix(in srgb,var(--brand) 85%,var(--ink));transform:translateY(-1px)}
.pb-btn--ghost{box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--ink)!important}
.pb-btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.pb-btn--signal{background:var(--signal);color:var(--signal-ink)!important}
.pb-btn--signal:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.pb-btn:disabled{opacity:.45;cursor:default;transform:none}
.pb-pill{display:inline-flex;align-items:center;font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:999px;line-height:1.3;vertical-align:middle}
.pb-pill--new{background:var(--brand-soft);color:var(--brand)}
.pb-pill--sale{background:var(--sale);color:#fff}
.pb-pill--accent{background:var(--signal);color:var(--signal-ink)}
.pb-flag{display:inline-flex;font:700 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--ink);color:var(--bg)}
.pb-flag--sale{background:var(--sale);color:#fff}
.pb-flag--best{background:var(--signal);color:var(--signal-ink)}
.pb-flag--custom{align-items:center;gap:5px;background:var(--flag-bg,var(--ink));color:var(--flag-fg,var(--bg))}
.pb-flag .pb-i{width:12px;height:12px;flex:none}
.pb-tech{--c:var(--brand);display:inline-flex;align-items:center;gap:7px;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pb-tech::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 22%,transparent)}
.pb-tech--plain::before{display:none}
.pb-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:16px}
.pb-card__top .pb-tech{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-card__counters{display:inline-flex;align-items:center;gap:10px;flex:none;margin-left:auto;font:500 11px var(--f-body);color:var(--muted);font-variant-numeric:tabular-nums}
.pb-card__counters>span{display:inline-flex;align-items:center;gap:4px}
.pb-card__counters .pb-i{width:13px;height:13px;opacity:.8}
.pb-card__counters>span:last-child:not(:first-child) .pb-i{color:var(--sale);opacity:1}
.pb-icon-btn{position:relative;width:42px;height:42px;display:inline-grid;place-items:center;border-radius:50%;color:var(--ink)!important;transition:background var(--speed)}
.pb-icon-btn:hover{background:var(--surface-2)}
.pb-count{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--signal);color:var(--signal-ink);font:700 11px/19px var(--f-mono);text-align:center;box-shadow:0 0 0 2px var(--bg)}
.pb-count.bump{animation:pb-bump .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes pb-bump{40%{transform:scale(1.45)}}

/* theme switch */
.pb-theme-switch{display:inline-flex;align-items:center;padding:4px;border-radius:999px}
.pb-theme-switch__track{position:relative;width:54px;height:30px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);transition:box-shadow var(--speed)}
.pb-theme-switch:hover .pb-theme-switch__track{box-shadow:inset 0 0 0 1px var(--brand)}
.pb-theme-switch__knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.25);display:grid;place-items:center;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.pb-theme-switch__knob .pb-i{position:absolute;width:15px;height:15px;transition:opacity var(--speed)}
.pb-theme-switch__sun{color:#E8A100;opacity:1}
.pb-theme-switch__moon{color:var(--brand);opacity:0}
:root[data-theme="dark"] .pb-theme-switch__knob{transform:translateX(24px)}
:root[data-theme="dark"] .pb-theme-switch__sun{opacity:0}
:root[data-theme="dark"] .pb-theme-switch__moon{opacity:1}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pb-theme-switch__knob{transform:translateX(24px)}:root:not([data-theme="light"]) .pb-theme-switch__sun{opacity:0}:root:not([data-theme="light"]) .pb-theme-switch__moon{opacity:1}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}

/* 5 — Top bar -------------------------------------------------------------- */
.pb-topbar{border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;background:var(--bg)}
.pb-topbar__bar{display:flex;align-items:center;gap:16px 22px;min-height:38px;flex-wrap:wrap}
.pb-topbar__socials{display:flex;align-items:center;gap:16px}
.pb-topbar__socials a{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.pb-topbar__socials .pb-i{width:15px;height:15px}
.pb-topbar__text{flex:1;text-align:center;color:var(--ink);font-weight:500}
.pb-topbar__end{display:flex;align-items:center;gap:16px;margin-left:auto;flex-wrap:wrap}
.pb-topbar__phone{display:inline-flex;align-items:center;gap:6px;color:var(--ink)!important;font-weight:500}
.pb-topbar__phone .pb-i{width:15px;height:15px}
.pb-topbar a:hover{color:var(--ink)}

/* select menus (language, currency) */
.pb-select-menu{position:relative;margin:0}
.pb-select-menu__btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px;border-radius:8px;color:var(--muted);font-size:13px}
.pb-select-menu__btn:hover{color:var(--ink);background:var(--surface-2)}
.pb-select-menu__btn .pb-i{width:14px;height:14px}
.pb-select-menu__code{font:700 11px var(--f-mono);color:var(--ink)}
.pb-select-menu__list{position:absolute;right:0;top:calc(100% + 6px);z-index:60;list-style:none;margin:0;padding:6px;min-width:190px;max-height:340px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}
.pb-select-menu__list button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;text-align:left;font-size:14px;color:var(--ink)}
.pb-select-menu__list button:hover{background:var(--surface-2)}
.pb-select-menu__list button.is-current{background:var(--brand-soft);font-weight:600}
.pb-select-menu__list .pb-select-menu__code{min-width:24px}

/* 6 — Header ---------------------------------------------------------------- */
.pb-header{position:relative;z-index:40;background:var(--glass);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}
.pb-header--sticky{position:sticky;top:0}
.pb-header__bar{display:flex;align-items:center;gap:clamp(10px,1.6vw,24px);min-height:var(--header-h)}
.pb-header__burger{display:none;margin-left:-8px}
.pb-logo{display:flex;align-items:center;flex:none;color:var(--ink)!important}
.pb-logo__img{display:block;height:var(--logo-h,28px);width:auto;max-width:260px;object-fit:contain}
.pb-logo__img--dark{display:none}
:root[data-theme="dark"] .pb-logo__img--light{display:none}
:root[data-theme="dark"] .pb-logo__img--dark{display:block}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pb-logo__img--light{display:none}:root:not([data-theme="light"]) .pb-logo__img--dark{display:block}}
:root[data-theme="dark"] .pb-logo__img--auto{filter:brightness(0) invert(1)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pb-logo__img--auto{filter:brightness(0) invert(1)}}
.pb-logo__text{font-family:var(--f-display);font-weight:900;font-size:36px;letter-spacing:.01em;line-height:1;text-transform:uppercase}

/* main navigation (CraftUp behaviour: links that do not fit move into "More") */
.pb-nav{flex:0 0 auto;min-width:0}
.pb-nav__list{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}
.pb-nav__item--mega{list-style:none}
.pb-nav__catalog{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 14px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;font-size:15px;white-space:nowrap;transition:background var(--speed),color var(--speed)}
.pb-nav__catalog .pb-i{width:17px;height:17px}
.pb-nav__catalog:hover,.pb-nav__catalog[aria-expanded="true"]{background:var(--brand);color:var(--brand-ink)}
.pb-nav__chev{width:15px!important;height:15px!important;transition:transform var(--speed) var(--ease)}
[aria-expanded="true"]>.pb-nav__chev{transform:rotate(180deg)}
.pb-nav__link{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;color:var(--ink)!important}
.pb-nav__link:hover{background:var(--surface-2)}
.pb-nav__more{position:relative}
.pb-nav__more-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:50;list-style:none;margin:0;padding:6px;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}
.pb-nav__more-menu .pb-nav__link{display:flex;width:100%;border-radius:8px}

/* search */
.pb-search{position:relative;flex:1 1 220px;min-width:180px;max-width:480px;margin-left:auto;display:flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 16px;background:var(--surface);border:1px solid var(--line);border-radius:999px;transition:border-color var(--speed),box-shadow var(--speed)}
.pb-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.pb-search>.pb-i{width:18px;height:18px;color:var(--muted)}
.pb-search input[type=search]{flex:1;min-width:0;width:100%;height:100%;border:0;background:transparent;color:var(--ink);font:15px var(--f-body);outline:none;padding:0;box-shadow:none}
.pb-search input::placeholder{color:var(--muted)}
.pb-search input::-webkit-search-cancel-button{display:none}
.pb-search kbd{flex:none;font:600 11px/1 var(--f-mono);color:var(--muted);background:none;box-shadow:none;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:6px;padding:4px 7px;margin-right:8px}
.pb-search:focus-within kbd{display:none}
.pb-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:55;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px;max-height:min(70vh,500px);overflow:auto;min-width:320px}
.pb-suggest__label{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.pb-sg{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px 10px 6px 6px;border-radius:12px;color:var(--ink)!important}
.pb-sg[aria-selected="true"],.pb-sg:hover{background:var(--surface-2)}
.pb-sg__ph{width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--well-photo);display:grid;place-items:center}
.pb-sg__ph img{width:100%;height:100%;object-fit:cover}
.pb-sg__ph .pb-i{width:18px;height:18px;color:var(--muted)}
.pb-sg b{display:block;font-weight:500;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-sg b mark{background:var(--brand-soft);color:var(--brand);border-radius:3px;padding:0 1px}
.pb-sg small{font-size:12px;color:var(--muted)}
.pb-sg .pb-price{font-size:14px}
.pb-sg-all{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:12px;border-radius:12px;font-weight:600;font-size:14px;border-top:1px solid var(--line)}
.pb-sg-all:hover,.pb-sg-all[aria-selected="true"]{background:var(--surface-2)}
.pb-sg-all .pb-i{width:16px;height:16px}
.pb-sg-empty{padding:14px 12px;color:var(--muted);font-size:14px;margin:0}
.pb-suggest__label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pb-sq-clear{font:600 11px var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.pb-sq-clear:hover{color:var(--brand)}
.pb-sq{display:flex;align-items:center;border-radius:12px}
.pb-sq:hover,.pb-sq:has([aria-selected="true"]){background:var(--surface-2)}
.pb-sq__q{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:14px;color:var(--ink)!important}
.pb-sq__q .pb-i{width:16px;height:16px;color:var(--muted);flex:none}
.pb-sq__q span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-sq__x{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--muted);margin-right:4px}
.pb-sq__x:hover{background:var(--surface);color:var(--ink)}
.pb-sq__x .pb-i{width:14px;height:14px}
.pb-sq-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 8px}
.pb-sq-chip{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--ink)!important}
.pb-sq-chip:hover,.pb-sq-chip[aria-selected="true"]{border-color:var(--brand);color:var(--brand)!important;background:var(--brand-soft)}
.pb-sg-note{display:flex;align-items:center;gap:8px;margin:4px 4px 6px;padding:8px 10px;border-radius:10px;background:var(--brand-soft);color:var(--brand);font-size:13px}
.pb-sg-note .pb-i{width:16px;height:16px;flex:none}
/* products in the suggestions: picture, name, SKU, stock, price — each only when switched on */
.pb-sgp-list{display:flex;flex-direction:column;gap:2px}
.pb-sgp{position:relative;display:flex;align-items:center;border-radius:12px}
.pb-sgp:hover,.pb-sgp:has([aria-selected="true"]){background:var(--surface-2)}
.pb-sgp__link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:6px 10px 6px 6px;color:var(--ink)!important}
.pb-sgp .pb-sg__ph{flex:none;width:52px;height:52px}
.pb-sgp__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pb-sgp__name{font-weight:500;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-sgp__name mark{background:var(--brand-soft);color:var(--brand);border-radius:3px;padding:0 1px}
.pb-sgp__meta,.pb-sgp__facts{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted)}
.pb-sgp__meta span{font-family:var(--f-mono);font-size:11px}
.pb-sgp__stock{display:inline-flex;align-items:center;gap:5px}
.pb-sgp__stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pb-sgp__stock.is-in{color:var(--ok)}
.pb-sgp__stock.is-out{color:var(--sale)}
.pb-sgp__rating{color:var(--ink)}
.pb-sgp__price{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.pb-sgp__price b{font-size:14px}
.pb-sgp__price s{font:500 11px var(--f-body);color:var(--muted)}
.pb-sgp__off{font:700 10px var(--f-mono);font-style:normal;background:var(--sale);color:#fff;border-radius:999px;padding:1px 6px}
.pb-sgp__cart{flex:none;width:38px;height:38px;margin-right:6px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);transition:background .2s,transform .2s}
.pb-sgp__cart:hover{background:var(--brand);color:var(--brand-ink);transform:scale(1.06)}
.pb-sgp__cart .pb-i{width:17px;height:17px}
.pb-sgp__cart.is-added{background:var(--ok);color:#fff}
@media (min-width:768px){
  .pb-header .pb-suggest{left:50%;right:auto;width:max(100%,min(520px,92vw));transform:translateX(-50%)}
  .pb-header .pb-suggest--grid{width:max(100%,min(760px,92vw))}
  .pb-suggest--grid{min-width:min(760px,92vw)}
  .pb-suggest--grid .pb-sgp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px}
  .pb-suggest--grid .pb-sgp{flex-direction:column;align-items:stretch;border:1px solid var(--line)}
  .pb-suggest--grid .pb-sgp__link{flex-direction:column;align-items:stretch;padding:8px}
  .pb-suggest--grid .pb-sg__ph{width:100%;height:auto;aspect-ratio:1}
  .pb-suggest--grid .pb-sgp__price{flex-direction:row;align-items:baseline;gap:6px;justify-content:flex-start}
  .pb-suggest--grid .pb-sgp__cart{position:absolute;right:8px;top:8px;width:34px;height:34px;margin:0}
}
@media (max-width:767px){
  .pb-suggest{min-width:0;max-height:min(72vh,560px)}
  .pb-sgp .pb-sg__ph{width:46px;height:46px}
}
.pb-search-note{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:10px 14px;border-radius:12px;background:var(--brand-soft);color:var(--brand);font-size:14px;max-width:720px}
.pb-search-note .pb-i{width:18px;height:18px;flex:none}

.pb-header__actions{display:flex;align-items:center;gap:2px;flex:none}
.pb-header__search-btn{display:none}
.pb-header__account{position:relative}
.pb-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:60;display:flex;flex-direction:column;min-width:210px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}
.pb-dropdown a{padding:9px 12px;border-radius:8px;font-size:14px}
.pb-dropdown a:hover{background:var(--surface-2)}
.pb-search-row{padding-bottom:12px}
.pb-search-row .pb-search{max-width:none;margin:0}

/* 7 — Mega menu (layout and behaviour as in CraftUp, content = categories) --- */
.pb-mega{position:absolute;left:0;right:0;top:100%;z-index:39;padding-top:8px}
.pb-mega__panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:16px;max-height:calc(100vh - var(--header-h) - 24px);overflow-y:auto;animation:pb-fade .18s ease-out}
@keyframes pb-fade{from{opacity:0;transform:translateY(-4px)}}
.pb-mega__search{position:relative;display:flex;align-items:center;margin-bottom:14px}
.pb-mega__search>.pb-i{position:absolute;left:16px;width:20px;height:20px;color:var(--muted);pointer-events:none}
.pb-mega__input{width:100%;height:48px;padding:0 76px 0 48px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg);color:var(--ink);font-size:16px}
.pb-mega__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.pb-mega__kbd{position:absolute;right:12px;font:600 11px/1 var(--f-mono);color:var(--muted);border:1px solid var(--line-strong);border-radius:6px;padding:5px 7px;background:none;box-shadow:none}
.pb-mega__body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}
.pb-mega__aside{display:flex;flex-direction:column;gap:16px}
.pb-mega__groups{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pb-mega__group{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:56px;padding:6px 10px 6px 6px;border:1px solid transparent;border-radius:var(--r-md);text-align:left}
.pb-mega__group img,.pb-mega__gicon{width:44px;height:44px;border-radius:12px;object-fit:cover;background:var(--well-photo);display:grid;place-items:center}
.pb-mega__gicon .pb-i{color:var(--brand)}
.pb-mega__group b{display:block;font-weight:600;font-size:15px;line-height:1.25}
.pb-mega__group small{font:500 12px var(--f-mono);color:var(--muted)}
.pb-mega__group-go{width:16px;height:16px;color:var(--muted)}
.pb-mega__group:hover{background:var(--surface-2)}
.pb-mega__group,.pb-mega__group:hover{color:var(--ink)!important;text-decoration:none}
.pb-mega__lead-title a{color:inherit!important}
.pb-mega__lead-title a:hover{color:var(--brand)!important}
.pb-mega__group.is-active{background:var(--brand-soft);border-color:var(--brand-line)}
.pb-mega__group.is-active .pb-mega__group-go{color:var(--brand)}
.pb-mega__content{min-width:0;display:grid;gap:14px;align-content:start}
.pb-mega__empty{color:var(--muted);margin:0;padding:12px 0}
.pb-mega__section{min-width:0}
.pb-mega__lead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.pb-mega__lead-title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:clamp(28px,2vw + 12px,38px);line-height:1;margin:0}
.pb-mega__lead-text{margin:4px 0 0;color:var(--muted);font:500 13px var(--f-mono)}
.pb-mega__all{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand)!important;white-space:nowrap}
.pb-mega__all .pb-i{width:16px;height:16px}
.pb-mega__block{margin-bottom:18px}
.pb-mega__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}
.pb-mega__title{font-size:15px;font-weight:600;margin:0}
.pb-mega__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pb-mega__cards>li,.pb-mega__links>li{display:flex}
.pb-mcard{position:relative;width:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);overflow:hidden;transition:border-color var(--speed)}
.pb-mcard:hover{border-color:var(--brand-line)}
.pb-mcard__media{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:var(--well-photo);overflow:hidden}
.pb-mcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}
.pb-mcard:hover .pb-mcard__media img{transform:scale(1.04)}
.pb-mcard__body{display:flex;flex-direction:column;gap:2px;padding:9px 40px 10px 11px}
.pb-mcard__title{font-weight:600;font-size:13.5px;line-height:1.25}
.pb-mcard__text{font:500 11px var(--f-mono);color:var(--muted)}
.pb-mcard__go{position:absolute;right:9px;bottom:10px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center}
.pb-mcard__go .pb-i{width:14px;height:14px}
.pb-mcard:hover .pb-mcard__go{border-color:var(--brand);color:var(--brand)}
.pb-mcard--plain{flex-direction:row;align-items:center;gap:14px;padding:14px;min-height:84px}
.pb-mcard__icon{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--brand-line);background:var(--brand-soft);color:var(--brand)}
.pb-mcard--plain .pb-mcard__body{padding:0 44px 0 0}
.pb-mcard--plain .pb-mcard__go{top:50%;bottom:auto;transform:translateY(-50%)}
/* mega menu: a column per sub-category (picture + name), its sections listed below */
/* a fixed number of columns per row: 3 with big photos, 3–6 without (setting); fewer sub-categories keep the width */
.pb-mega__cols{display:grid;grid-template-columns:repeat(var(--mcols,3),minmax(0,1fr));gap:14px;align-items:stretch}
@media (max-width:1180px){.pb-mega__cols{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
.pb-mcol{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);overflow:hidden}
.pb-mcol__list{list-style:none;margin:0;padding:0 0 8px}
.pb-mcol__list>li{display:block}
.pb-mcol__head{position:relative;display:flex;flex-direction:column;color:var(--ink)!important;text-decoration:none!important}
.pb-mcol__media{position:relative;display:block;aspect-ratio:2/1;background:var(--well-photo);overflow:hidden}
.pb-mcol__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.pb-mcol__head:hover .pb-mcol__media img{transform:scale(1.04)}
.pb-mcol__badge{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:600 12px var(--f-body);color:var(--ink)}
.pb-mcol__badge .pb-i{width:14px;height:14px}
.pb-mcol__title{display:flex;flex-direction:column;gap:2px;padding:10px 50px 8px 12px;min-height:48px;justify-content:center}
.pb-mcol__title b{font-size:16px;font-weight:700;line-height:1.25}
.pb-mcol__title small{font:500 12px var(--f-mono);color:var(--muted)}
.pb-mcol__go{position:absolute;right:12px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--brand-line,var(--line-strong));color:var(--brand)}
.pb-mcol__go .pb-i{width:16px;height:16px}
.pb-mcol__head:hover .pb-mcol__go{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}
.pb-mcol__head.is-plain .pb-mcol__title{padding-top:14px}
.pb-mrow{display:flex;align-items:center;gap:10px;margin:0 8px;padding:6px 8px;border-radius:var(--r-md);color:var(--ink)!important;text-decoration:none!important;transition:background var(--speed)}
.pb-mrow:hover{background:var(--surface-2)}
.pb-mrow__ic{flex:none;width:36px;height:36px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--brand)}
.pb-mrow__ic img{width:100%;height:100%;object-fit:cover}
.pb-mrow__ic .pb-i{width:18px;height:18px}
.pb-mrow__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pb-mrow__body b{font-size:14px;font-weight:600;line-height:1.25}
.pb-mrow__body small{font:500 11.5px var(--f-mono);color:var(--muted)}
.pb-mrow__go{flex:none;width:16px;height:16px;color:var(--muted)}
.pb-mrow:hover .pb-mrow__go{color:var(--brand)}
.pb-mcol__list>li+li{border-top:0}
.pb-mcol__list>li:nth-child(2){margin-top:4px}
.pb-mcol__list>li[hidden],.pb-mcol[hidden]{display:none}
/* popular categories under the mega menu (settings: menu → popular categories) */
.pb-mega__popular{margin-top:2px;padding-top:14px;border-top:1px solid var(--line)}
.is-searching .pb-mega__popular{display:none}
.pb-mega__pop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.pb-mega__pop-title{margin:0;font-size:17px;font-weight:700;line-height:1.2}
.pb-mega__pop-text{margin:3px 0 0;color:var(--muted);font:500 12.5px var(--f-mono)}
/* three per row; long names wrap inside their own row (min-width:0 lets the grid cell shrink) */
.pb-mpop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media (max-width:1180px){.pb-mpop{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}
.pb-mpop>li{display:flex;min-width:0}
.pb-mpop__item{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);color:var(--ink)!important;text-decoration:none!important;transition:border-color var(--speed),background var(--speed)}
.pb-mpop__item:hover{border-color:var(--brand-line);background:var(--surface-2)}
.pb-mpop__ic{flex:none;width:30px;height:30px;display:grid;place-items:center;color:var(--brand)}
.pb-mpop__ic .pb-i{width:20px;height:20px}
.pb-mpop__name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.pb-mpop__name small{font:500 11.5px var(--f-mono);color:var(--muted)}
.pb-mpop__name b{font-size:14px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}
.pb-mpop__badge{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font:700 11px var(--f-body);background:var(--brand-soft,color-mix(in srgb,var(--brand) 18%,transparent));color:var(--brand)}
.pb-mpop__badge--sale{background:color-mix(in srgb,var(--sale) 18%,transparent);color:var(--sale)}
.pb-mpop__badge--new{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.pb-mpop__count{flex:none;font:500 11.5px var(--f-mono);color:var(--muted)}
.pb-mpop__go{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);color:var(--ink)}
.pb-mpop__go .pb-i{width:14px;height:14px}
.pb-mpop__item:hover .pb-mpop__go{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.pb-mega__links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pb-mlink{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);transition:border-color var(--speed),background var(--speed)}
.pb-mlink:hover{border-color:var(--brand-line);background:var(--surface-2)}
.pb-mlink__body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.pb-mlink__title{font-weight:600;font-size:14px;line-height:1.25}
.pb-mlink__text{font:500 12px var(--f-mono);color:var(--muted)}
.pb-mlink__go{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--muted)}
.pb-mlink__go .pb-i{width:14px;height:14px}
.pb-mlink:hover .pb-mlink__go{border-color:var(--brand);color:var(--brand)}
.pb-mega__banner{position:relative;display:flex;align-items:center;gap:16px;min-height:96px;margin-bottom:18px;padding:18px 20px;border:1px solid var(--brand-line);border-radius:var(--r-md);background:radial-gradient(circle at 100% 0%,var(--brand-soft),transparent 70%),var(--surface-2);overflow:hidden}
.pb-mega__banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.pb-mega__banner>*:not(img){position:relative}
.pb-mega__banner-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.pb-mega__banner-eyebrow{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.pb-mega__banner-title{font-family:var(--f-display);font-weight:800;text-transform:var(--heading-case);font-size:26px;line-height:1.05}
.pb-mega__banner-btn{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;background:var(--signal);color:var(--signal-ink);font-weight:600;font-size:14px}
.pb-mega__banner-btn .pb-i{width:16px;height:16px}
.pb-mega.is-searching .pb-mega__lead-text,.pb-mega.is-searching .pb-mega__banner,.pb-mega.is-searching .pb-mega__lead .pb-mega__all{display:none}
.pb-mega.is-searching .pb-mega__lead{margin-bottom:8px}
.pb-mega.is-searching .pb-mega__lead-title{font-size:20px}
.pb-mega__cards>li[hidden],.pb-mega__links>li[hidden],.pb-mega__block[hidden]{display:none}

/* 8 — Drawer (phone menu, CraftUp layout) and side sheets ------------------- */
.pb-drawer,.pb-sheet{position:fixed;inset:0;z-index:70}
.pb-drawer__backdrop,.pb-sheet__backdrop{position:absolute;inset:0;background:rgba(5,6,15,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:pb-fade .2s ease-out}
.pb-drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(380px,90vw);background:var(--surface);border-right:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;animation:pb-slide-l .26s var(--ease);outline:none}
@keyframes pb-slide-l{from{transform:translateX(-100%)}}
.pb-drawer__head{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-bottom:8px}
.pb-drawer__head .pb-logo__text{font-size:30px}
.pb-side{display:grid;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.pb-side__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:32px;line-height:1;margin:0}
.pb-side__search{position:relative;display:flex;align-items:center}
.pb-side__search>.pb-i{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.pb-side__input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg);color:var(--ink);font-size:16px}
.pb-side__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.pb-side__empty{margin:0;color:var(--muted);font-size:14px}
.pb-side__groups{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pb-side__group summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;list-style:none}
.pb-side__group summary::-webkit-details-marker{display:none}
.pb-side__group summary:hover{background:var(--surface-2)}
.pb-side__group[open] summary{border-color:var(--brand-line);background:var(--brand-soft)}
.pb-side__icon{flex:none;width:46px;height:46px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--well-photo);color:var(--brand)}
.pb-side__icon img{width:100%;height:100%;object-fit:cover}
.pb-side__name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pb-side__name strong{font-size:16px;font-weight:600;line-height:1.25}
.pb-side__name small{font:500 12px var(--f-mono);color:var(--muted)}
.pb-side__chevron{width:18px;height:18px;color:var(--muted);transition:transform var(--speed)}
.pb-side__group[open] .pb-side__chevron{transform:rotate(90deg)}
.pb-side__actions{list-style:none;margin:6px 0 4px;padding:0 0 0 60px;display:grid;gap:2px}
.pb-side__actions a{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border-radius:var(--r-sm);font-size:15px;line-height:1.25}
.pb-side__actions a small{display:block;font:500 11px var(--f-mono);color:var(--muted);margin-top:2px}
.pb-side__actions a:hover{background:var(--surface-2)}
.pb-side__sub{list-style:none;margin:0 0 4px;padding:0 0 0 12px;border-left:2px solid var(--line)}
.pb-side__sub a{min-height:36px;font-size:14px;color:var(--muted)}
.pb-side__all{color:var(--brand)!important;font-size:14px!important;font-weight:600}
.pb-side__all .pb-i{width:16px;height:16px}
.pb-side.is-searching .pb-side__group summary{min-height:52px}
.pb-side__section{padding-top:14px;border-top:1px solid var(--line)}
.pb-side__section.is-filtered{display:none}
.pb-side__headrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.pb-side__head{font-size:18px;font-weight:600;margin:0 0 4px}
.pb-side__clear{color:var(--brand);font-size:13px;font-weight:600}
.pb-side__list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.pb-side__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px;border:1px solid var(--line);border-radius:var(--r-md)}
.pb-side__row img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--well-photo)}
.pb-side__row b{font-weight:500;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-side__row .pb-price{font-size:13px}
.pb-drawer__nav ul{list-style:none;margin:0;padding:0}
.pb-drawer__links,.pb-drawer__secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pb-drawer__links a,.pb-drawer__secondary a{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:14px;line-height:1.2}
.pb-drawer__links a{font-weight:600;justify-content:space-between}
.pb-drawer__secondary{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.pb-drawer__secondary a{color:var(--muted)!important}
.pb-drawer__secondary .pb-i{width:16px;height:16px}
.pb-drawer__links a:hover,.pb-drawer__secondary a:hover{border-color:var(--brand-line);background:var(--surface-2)}
.pb-drawer__phone{display:flex;align-items:center;gap:8px;margin-top:12px;font-weight:600}
.pb-drawer__phone .pb-i{width:16px;height:16px;color:var(--muted)}
.pb-drawer__lang{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-sm)}
.pb-drawer__lang summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px;cursor:pointer;list-style:none;font-size:14px}
.pb-drawer__lang summary::-webkit-details-marker{display:none}
.pb-drawer__lang summary .pb-i{width:16px;height:16px;color:var(--muted)}
.pb-drawer__lang-label{color:var(--muted)}
.pb-drawer__lang-current{margin-left:auto;font-weight:600}
.pb-drawer__chevron{transition:transform var(--speed)}
.pb-drawer__lang[open] .pb-drawer__chevron{transform:rotate(180deg)}
.pb-drawer__lang-list{list-style:none;margin:0;padding:4px 6px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border-top:1px solid var(--line)}
.pb-drawer__lang-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;padding:0 8px;border-radius:8px;font-size:14px;text-align:left}
.pb-drawer__lang-item:hover{background:var(--surface-2)}
.pb-drawer__lang-item.is-current{background:var(--brand-soft);font-weight:600}
.pb-drawer__lang-item .pb-i{width:14px;height:14px;color:var(--brand)}
.pb-drawer__mode{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:14px}
html.pb-lock,html.pb-lock body{overflow:hidden}

.pb-sheet__panel{position:absolute;top:0;bottom:0;right:0;width:min(440px,94vw);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) 20px;animation:pb-slide-r .28s var(--ease);outline:none}
@keyframes pb-slide-r{from{transform:translateX(100%)}}
.pb-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.pb-sheet__head h2{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:32px;line-height:1;margin:2px 0 0}
.pb-sheet__head .pb-mono{color:var(--muted)}
.pb-sheet__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:0 -4px;padding:4px}
.pb-sheet__foot{display:flex;gap:10px;padding-top:14px;border-top:1px solid var(--line);margin-top:8px}
.pb-sheet__foot .pb-btn{flex:1;height:46px;font-size:15px}
.pb-hrow{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px;border-radius:var(--r-md);border:1px solid var(--line)}
.pb-hrow img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:var(--well-photo)}
.pb-hrow b{display:block;font-weight:500;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-hrow .pb-price{font-size:13px}
.pb-hrow__btns{display:flex;gap:4px}
.pb-hrow__btns button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.pb-hrow__btns button:hover{background:var(--surface-2);color:var(--ink)}
.pb-hrow__btns .pb-i{width:16px;height:16px}

/* toast */
.pb-toast{position:fixed;z-index:90;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 10px 10px 12px;border-radius:999px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;box-shadow:var(--shadow);max-width:calc(100vw - 32px);animation:pb-toast .35s var(--ease)}
@keyframes pb-toast{from{transform:translate(-50%,20px);opacity:0}}
.pb-toast__ok{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--signal);color:var(--signal-ink);flex:none}
.pb-toast__ok .pb-i{width:15px;height:15px;stroke-width:2.6}
.pb-toast.is-error .pb-toast__ok{background:var(--sale);color:#fff}
.pb-toast__text{padding-right:6px}
.pb-toast__link,.pb-toast__undo{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--bg) 18%,transparent);font-weight:600;font-size:13px;white-space:nowrap;color:var(--bg)!important}

/* 9 — Sections, grid, product card --------------------------------------- */
.pb-section{padding-block:var(--section-gap,clamp(28px,3.2vw,44px))}
.pb-section+.pb-section{padding-top:0}
.pb-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin-bottom:clamp(18px,2.4vw,28px)}
.pb-sec-head .pb-mono{display:block;color:var(--brand);margin-bottom:10px}
.pb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.pb-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;min-width:0}
.pb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}
.pb-card__media{position:relative;aspect-ratio:var(--card-ratio,1/1);display:grid;place-items:center;background:var(--well-photo);padding:7%;overflow:hidden}
.pb-card__media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply);transition:transform .5s var(--ease)}
.pb-card__media--cover{padding:0}
.pb-card__media--cover img{object-fit:cover;mix-blend-mode:normal}
.pb-card:hover .pb-card__media img{transform:scale(1.04)}
/* out of stock: a plain label across the photo says why the card looks faded */
.pb-card.is-out .pb-card__media img{filter:grayscale(1);opacity:.45}
.pb-card__soldout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:86%;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--ink) 90%,transparent);color:var(--surface);font:700 12px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;pointer-events:none}
.pb-card.is-out .pb-price{color:var(--muted)}
.pb-card__flags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.pb-card__tools{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px}
.pb-card__tool{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);transition:transform .2s,color .2s,opacity .2s}
.pb-card__tool:hover{transform:scale(1.08)}
.pb-card__tool .pb-i{width:18px;height:18px}
.pb-card__tool[aria-pressed="true"]{color:var(--sale)}
.pb-card__tool[aria-pressed="true"] svg{fill:currentColor}
.pb-card__tool--hover{opacity:0;transform:translateY(-4px)}
.pb-card:hover .pb-card__tool--hover,.pb-card__tool--hover:focus-visible{opacity:1;transform:none}
@media (hover:none){.pb-card__tool--hover{display:none}}
.pb-card__body{display:flex;flex-direction:column;gap:6px;padding:14px 14px 12px;flex:1}
.pb-card__name{font-size:15px;font-weight:500;line-height:1.35;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-lines,3);line-clamp:var(--card-lines,3);overflow:hidden}
.pb-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}
.pb-price{font-family:var(--f-body);font-weight:700;font-size:17px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.pb-price s{font-weight:500;font-size:13px;color:var(--muted);margin-left:6px}
.pb-price--sale{color:var(--sale)}
.pb-add{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);flex:none;transition:transform .2s,background .2s}
.pb-add:hover{transform:scale(1.08);background:var(--brand);color:var(--brand-ink)}
.pb-add .pb-i{width:18px;height:18px}
.pb-add.is-loading{opacity:.5;pointer-events:none}
.pb-add{position:relative}
.pb-add__n{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--signal);color:var(--signal-ink);font:700 10px/1 var(--f-body);box-shadow:0 0 0 2px var(--surface)}
.pb-add.is-incart{background:var(--ok);color:#fff}
.pb-add.is-incart:hover{background:var(--ok);filter:brightness(1.08)}
/* product page: what is in the cart, under the buy buttons */
.pb-incart{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:2px 0 0;font-size:14px;color:var(--ok)}
.pb-incart>.pb-i{width:16px;height:16px;flex:none}
.pb-incart>span{color:var(--ink)}
.pb-incart a{font-weight:600;color:var(--brand)!important;text-decoration:underline;text-underline-offset:3px}
.pb-buy__cart.is-incart{background:var(--ok);border-color:var(--ok);color:#fff}
.pb-qty button:disabled{opacity:.35;cursor:default}
.pb-add.is-added,.pb-hrow__btns [data-pb-add].is-added{background:var(--ok);color:#fff}
.pb-stock{font-size:12px;display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.pb-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.pb-stock--low::before{background:var(--signal)}
.pb-stock--out::before{background:var(--sale)}
.pb-stars{display:flex;gap:2px}
.pb-stars .pb-i{width:14px;height:14px;color:var(--line-strong)}
.pb-stars .pb-i.is-on{color:var(--signal);fill:var(--signal)}

/* 10 — Footer ------------------------------------------------------------------ */
.pb-footer{background:var(--surface);border-top:1px solid var(--line);margin-top:var(--section-gap,clamp(28px,3.2vw,44px))}
.pb-footer__top{display:grid;grid-template-columns:1.3fr repeat(3,1fr) 1.6fr;gap:32px;padding-block:clamp(40px,5vw,64px)}
.pb-footer h4{margin:0 0 14px;font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}
.pb-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px}
.pb-footer ul a:hover{color:var(--brand)}
.pb-footer__brand{display:flex;flex-direction:column;gap:16px}
.pb-footer__brand p{color:var(--muted);font-size:14px;max-width:32ch;margin:0}
.pb-footer__socials{display:flex;gap:8px;flex-wrap:wrap}
.pb-footer__socials a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background .2s,color .2s}
.pb-footer__socials a:hover{background:var(--ink);color:var(--bg)}
.pb-footer__socials .pb-i{width:17px;height:17px}
.pb-footer__nl p{color:var(--muted);font-size:14px;margin:0}
.pb-nl{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px;margin-top:10px}
.pb-nl input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:15px var(--f-body);padding:10px 14px;outline:none}
.pb-nl button{height:42px;padding:0 18px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;font-size:14px}
.pb-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)!important;font-weight:400!important;margin-top:12px}
.pb-consent input{margin-top:3px;accent-color:var(--brand)}
.pb-consent a{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
.pb-nl__msg{font-size:13px;margin:10px 0 0;color:var(--ok)}
.pb-nl__msg.is-error{color:var(--sale)}
.pb-footer__bottom{border-top:1px solid var(--line)}
.pb-footer__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-block:18px;font-size:13px;color:var(--muted)}
.pb-pay{display:flex;gap:6px;flex-wrap:wrap}
.pb-pay span{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:.06em;padding:5px 8px;border-radius:5px;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink)}
.pb-notice{position:fixed;z-index:85;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:560px;margin-inline:auto;display:flex;align-items:center;gap:16px;padding:14px 14px 14px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);font-size:14px}
.pb-notice__text{flex:1}
.pb-notice .pb-btn{height:42px;padding:0 18px;font-size:14px}

/* 11 — Columns layout (left/right module columns) -------------------------- */
.pb-cols{display:grid;gap:clamp(20px,3vw,40px);padding-block:24px}
.pb-cols.has-left{grid-template-columns:260px minmax(0,1fr)}
.pb-cols.has-right{grid-template-columns:minmax(0,1fr) 260px}
.pb-cols.has-left.has-right{grid-template-columns:240px minmax(0,1fr) 240px}
.pb-cols>#column-left,.pb-cols>#column-right{width:auto;float:none;padding:0}

/* 12 — Responsive ------------------------------------------------------------ */
@media (max-width:1240px){
  .pb-footer__top{grid-template-columns:1fr 1fr 1fr}
  .pb-footer__brand,.pb-footer__nl{grid-column:span 3}
  .pb-mega__links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1180px){.pb-hide-md{display:none!important}}
@media (max-width:1023px){
  .pb-nav,.pb-header .pb-header__bar>.pb-search{display:none}
  .pb-header__burger,.pb-header__search-btn{display:inline-grid}
  .pb-header__actions{margin-left:auto}
  .pb-mega{display:none!important}
  .pb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pb-cols.has-left,.pb-cols.has-right,.pb-cols.has-left.has-right{grid-template-columns:1fr}
}
.pb-header--compact .pb-nav{display:none}
.pb-header--compact .pb-header__burger{display:inline-grid}
@media (max-width:767px){
  .pb-topbar__socials,.pb-topbar__link,.pb-topbar__text{display:none}
  .pb-topbar__bar{justify-content:center}
  .pb-topbar__end{margin:0}
  .pb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-card__body{padding:12px}
  .pb-card__name{font-size:14px}
  .pb-card__tool{width:34px;height:34px}
  .pb-footer__top{grid-template-columns:1fr 1fr}
  .pb-footer__brand,.pb-footer__nl{grid-column:span 2}
  .pb-hide-sm{display:none!important}
  .pb-icon-btn{width:38px;height:38px}
  .pb-logo__text{font-size:30px}
  .pb-logo__img{height:calc(var(--logo-h,28px) * .85);max-width:150px}
  .pb-header__bar{gap:6px}
  .pb-header__actions [data-pb-history-open],.pb-header__account{display:none}
  .pb-theme-switch__track{width:46px;height:26px}
  .pb-theme-switch__knob{width:20px;height:20px}
  :root[data-theme="dark"] .pb-theme-switch__knob{transform:translateX(20px)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}
@media (max-width:767px) and (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pb-theme-switch__knob{transform:translateX(20px)}}

/* 12 — Layout modules (Design → Layouts) ------------------------------------ */
.pb-sec-head__end{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;max-width:100%}
.pb-sec-head__text{color:var(--muted);max-width:42ch;margin:0}
.pb-more{display:flex;justify-content:center;margin-top:clamp(26px,4vw,44px)}
.pb-btn--dark{background:var(--ink);color:var(--bg)!important}
.pb-btn--dark:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.pb-swap{transition:opacity .3s,transform .3s}
.is-swapping .pb-swap{opacity:0;transform:translateY(8px)}

/* tabs (product lists) */
.pb-tabs{display:inline-flex;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pb-tabs::-webkit-scrollbar{display:none}
.pb-tabs [role="tab"]{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap;transition:background var(--speed),color var(--speed)}
.pb-tabs [role="tab"]:hover{color:var(--ink)}
.pb-tabs [role="tab"][aria-selected="true"]{background:var(--ink);color:var(--bg)}
.pb-tabs [role="tab"] .pb-i{width:16px;height:16px}
.pb-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pb-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.pb-grid[role="tabpanel"]:not([hidden]){animation:pb-fade .35s var(--ease)}

/* rail = one-row carousel with native scroll snap */
.pb-rail-nav{display:flex;gap:6px}
.pb-rail-nav .pb-icon-btn{border:1px solid var(--line);background:var(--surface)}
.pb-rail-nav .pb-icon-btn:disabled{opacity:.35;cursor:default}
.pb-grid.pb-rail{--n:4;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--n) - 1)*clamp(12px,1.6vw,22px))/var(--n));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 10px;margin:-4px -2px -10px}
.pb-grid.pb-rail::-webkit-scrollbar{display:none}
.pb-grid.pb-rail>*{scroll-snap-align:start}
.pb-grid--3.pb-rail{--n:3}.pb-grid--5.pb-rail{--n:5}

/* hero */
.pb-hero{--c:var(--brand);overflow:hidden}
.pb-hero__wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"copy show" "tabs show";grid-template-rows:1fr auto;column-gap:clamp(32px,5vw,72px);row-gap:24px;align-items:center;padding-block:clamp(24px,4vw,56px) var(--section-gap,clamp(28px,3.2vw,44px))}
.pb-hero__slide{display:none}
.pb-hero__slide.is-active{display:contents}
.pb-hero__copy{grid-area:copy;display:flex;flex-direction:column;gap:22px;min-width:0;align-self:center}
.pb-hero__show{grid-area:show;align-self:stretch;justify-content:center;position:relative;min-width:0;border-radius:28px;padding:clamp(16px,2.4vw,28px);background:radial-gradient(90% 70% at 50% 35%,color-mix(in srgb,var(--c) 26%,transparent),transparent 70%),var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:clamp(14px,2vw,22px);transition:background .5s}
.pb-hero__chip{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:500}
.pb-hero__chip b{font:700 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--brand);color:var(--brand-ink)}
.pb-hero__chip:not(:has(b)){padding-left:14px}
.pb-hero__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:var(--hero-size,clamp(36px,4.3vw,64px));line-height:.88;margin:0}
.pb-hero__title em{font-style:normal;color:var(--c);display:block}
.pb-hero__lead{font-size:clamp(17px,1.4vw,19px);color:var(--muted);max-width:44ch;margin:0}
.pb-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.pb-hero__tabs{grid-area:tabs;align-self:end;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.pb-hero__tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-align:left;overflow:hidden;transition:border-color .25s,transform .25s;min-width:0}
.pb-hero__tab:hover{transform:translateY(-2px)}
.pb-hero__tab b{font-weight:600;font-size:14px;line-height:1.2}
.pb-hero__tab small{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.pb-hero__tab .pb-tech{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pb-hero__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left}
.pb-hero__tab[aria-selected="true"]{border-color:var(--c)}
.pb-hero__tab[aria-selected="true"] .pb-hero__bar{transform:scaleX(1)}
.pb-hero.is-auto .pb-hero__tab[aria-selected="true"] .pb-hero__bar{transform:scaleX(0);animation:pb-fill var(--pb-dur) linear forwards}
.pb-hero:hover .pb-hero__bar,.pb-hero:focus-within .pb-hero__bar{animation-play-state:paused!important}
@keyframes pb-fill{to{transform:scaleX(1)}}
.pb-hero__stage{display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:clamp(10px,1.6vw,20px);padding-top:8px}
.pb-hero__tile{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);display:grid;place-items:center;overflow:hidden;transition:transform .55s var(--ease),opacity .35s}
/* the picture always fits the tile in full (a grid item's 100% height did not hold, tall pictures were cut) */
.pb-hero__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}
/* photo slides: square tiles filled by the (square) product photo, the same for every slide */
.pb-hero__tile.is-photo{aspect-ratio:1;background:var(--well-photo);box-shadow:var(--shadow-item)}
.pb-hero__tile.is-photo img{object-fit:cover;filter:none}
.pb-hero__tile:nth-child(1){transform:rotate(-4deg) translateY(10px)}
.pb-hero__tile:nth-child(3){transform:rotate(4deg) translateY(10px)}
.pb-hero__tile:hover{transform:rotate(0) translateY(-4px)}
.is-swapping .pb-hero__tile{opacity:0;transform:translateY(18px) scale(.96)}
.pb-hero__spot{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 12px 12px 16px;box-shadow:var(--shadow);min-height:72px}
.pb-hero__spot-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pb-hero__spot-text b{font-weight:600;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-hero__spot-sub{font-size:13px;color:var(--muted)}
.pb-hero__go{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;background:var(--ink);color:var(--bg)!important;font-weight:600;font-size:14px;white-space:nowrap;flex:none;transition:background var(--speed)}
.pb-hero__go:hover{background:var(--brand);color:var(--brand-ink)!important}
.pb-hero__go .pb-i{width:16px;height:16px}

/* ticker */
.pb-ticker{background:var(--ink);color:var(--bg);overflow:hidden}
/* the running band is a divider: the blocks around it sit closer than two ordinary blocks */
:is(.pb-hero,.pb-section):has(+ .pb-ticker) :is(.pb-hero__wrap),.pb-section:has(+ .pb-ticker){padding-bottom:calc(var(--section-gap,40px) * .6)}
.pb-ticker + :is(.pb-section,.pb-hero){padding-top:calc(var(--section-gap,40px) * .7)}
.pb-ticker__track{display:flex;width:max-content;animation:pb-tick var(--pb-dur,40s) linear infinite}
.pb-ticker:hover .pb-ticker__track{animation-play-state:paused}
/* band height: slim (default) / normal / large — module setting */
.pb-ticker{--tk-pad:8px;--tk-size:clamp(16px,1.5vw,20px);--tk-gap:20px;--tk-dot:7px}
.pb-ticker--normal{--tk-pad:11px;--tk-size:clamp(19px,2vw,25px);--tk-gap:24px;--tk-dot:8px}
.pb-ticker--large{--tk-pad:14px;--tk-size:clamp(22px,2.4vw,30px);--tk-gap:26px;--tk-dot:9px}
.pb-ticker__group{display:flex;align-items:center;gap:var(--tk-gap);padding:var(--tk-pad) calc(var(--tk-gap) / 2)}
.pb-ticker__group>span,.pb-ticker__group>a{font-family:var(--f-display);font-weight:800;font-size:var(--tk-size);line-height:1.15;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:inherit!important}
.pb-ticker__group .is-hl{background:var(--signal);color:var(--signal-ink)!important;padding:2px 10px;border-radius:4px}
.pb-ticker__group i{width:var(--tk-dot);height:var(--tk-dot);border-radius:50%;background:var(--signal);flex:none}
@keyframes pb-tick{to{transform:translateX(-50%)}}

/* category bento */
.pb-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(130px,auto);gap:14px}
.pb-cat{--c:var(--brand);position:relative;display:flex;align-items:center;gap:16px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .25s,transform .25s;min-width:0;overflow:hidden}
.pb-cat:hover{border-color:var(--c);transform:translateY(-3px)}
.pb-cat__ph{width:96px;height:96px;flex:none;border-radius:var(--r-md);overflow:hidden;background:var(--well-photo)}
.pb-cat__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pb-cat:hover .pb-cat__ph img{transform:scale(1.07)}
.pb-cat__txt{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding-right:34px}
.pb-cat__name{font-size:18px;font-weight:600;line-height:1.2;hyphens:auto;overflow-wrap:break-word;max-width:100%}
.pb-cat__count{font-family:var(--f-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.pb-cat__go{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);transition:background .25s,color .25s,transform .3s}
.pb-cat:hover .pb-cat__go{background:var(--ink);color:var(--bg);transform:rotate(-45deg)}
.pb-cat__go .pb-i{width:16px;height:16px}
.pb-cat--wide{grid-column:span 2}
.pb-cat--wide .pb-cat__ph{width:132px;height:110px}
.pb-cat--big{grid-column:span 2;grid-row:span 2;flex-direction:column;align-items:stretch;padding:18px;gap:18px}
.pb-cat__collage{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:center;padding:20px;border-radius:var(--r-md);background:radial-gradient(80% 80% at 50% 40%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),var(--well);min-height:200px}
.pb-cat__collage img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-item);transition:transform .4s}
.pb-cat__collage img:nth-child(odd){transform:rotate(-2deg) translateY(6px)}
.pb-cat__collage img:nth-child(even){transform:rotate(1.5deg) translateY(-6px)}
.pb-cat--big:hover .pb-cat__collage img{transform:none}
.pb-cat__collage.is-single{display:block;padding:0;overflow:hidden}
.pb-cat__collage.is-single img{width:100%;height:100%;aspect-ratio:auto;transform:none;box-shadow:none;border-radius:0}
.pb-cat__row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.pb-cat--big .pb-cat__txt{padding-right:0}
.pb-cat--big .pb-cat__name{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:clamp(34px,3.4vw,48px);line-height:.9}
.pb-cat--big .pb-cat__go{position:static;width:52px;height:52px;flex:none}

/* advantages */
.pb-usp__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.pb-usp__item{display:flex;align-items:center;gap:14px;height:100%;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color var(--speed)}
a.pb-usp__item:hover{border-color:var(--brand)}
.pb-usp__icon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:var(--r-md);background:var(--brand-soft);color:var(--brand)}
.pb-usp__icon .pb-i{width:22px;height:22px}
.pb-usp__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.pb-usp__txt b{font-weight:600;line-height:1.25}
.pb-usp__txt span{font-size:14px;color:var(--muted)}

/* numbers */
.pb-nums__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.pb-num{display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:22px 22px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0}
.pb-num:first-child{background:var(--brand);color:var(--brand-ink);border-color:transparent}
.pb-num strong{font-family:var(--f-display);font-weight:900;font-size:clamp(52px,6vw,88px);line-height:.85;font-variant-numeric:tabular-nums}
.pb-num span{font-size:15px;color:var(--muted)}
.pb-num:first-child span{color:inherit;opacity:.8}

/* call-to-action band */
.pb-band{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:24px;border-radius:28px;padding:clamp(28px,4vw,56px);overflow:hidden;background:var(--brand);color:var(--brand-ink)}
.pb-band--ink{background:var(--ink);color:var(--bg)}
.pb-band--signal{background:var(--signal);color:var(--signal-ink)}
.pb-band__copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.pb-band__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:var(--h2-size,clamp(34px,3.8vw,56px));line-height:.95;max-width:20ch;margin:0}
.pb-band__fan{position:relative;height:clamp(200px,22vw,280px)}
.pb-band__fan img{position:absolute;top:50%;left:50%;width:clamp(110px,12vw,160px);aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 20px 40px -12px rgba(0,0,0,.55);transition:transform .5s var(--ease)}
.pb-band__fan img:nth-child(1){transform:translate(-120%,-50%) rotate(-12deg)}
.pb-band__fan img:nth-child(2){transform:translate(-50%,-56%);z-index:1}
.pb-band__fan img:nth-child(3){transform:translate(20%,-50%) rotate(12deg)}
.pb-band:hover .pb-band__fan img:nth-child(1){transform:translate(-135%,-50%) rotate(-16deg)}
.pb-band:hover .pb-band__fan img:nth-child(3){transform:translate(35%,-50%) rotate(16deg)}

/* modules in a side column stay compact */
.pb-cols .pb-wrap{padding-inline:0}
/* a block placed inside a page (content top / bottom) keeps the page's edges instead of adding its own side padding */
.pb-wrap .pb-wrap{max-width:none;padding-inline:0}
:is(#column-left,#column-right) .pb-section{padding-block:0 24px}
:is(#column-left,#column-right) :is(.pb-grid,.pb-bento,.pb-nums__grid){grid-template-columns:1fr}

@media (max-width:1180px){
  .pb-grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pb-grid--5.pb-rail{--n:4}
}
@media (max-width:1023px){
  .pb-hero__wrap{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"copy" "show" "tabs"}
  .pb-hero__show{max-width:680px}
  .pb-grid--4,.pb-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pb-grid.pb-rail{--n:3}
  .pb-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-band{grid-template-columns:1fr}
  .pb-band__fan{display:none}
}
@media (max-width:767px){
  .pb-hero__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-grid--3,.pb-grid--4,.pb-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-grid.pb-rail{--n:2.15}
  .pb-rail-nav{display:none}
  .pb-sec-head__end{width:100%}
  .pb-bento{grid-template-columns:1fr}
  .pb-cat--big,.pb-cat--wide{grid-column:auto;grid-row:auto}
  .pb-cat__collage{padding:12px;gap:8px;min-height:0}
  .pb-cat--wide .pb-cat__ph{width:96px;height:96px}
  .pb-nums__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-num{gap:18px;padding:16px}
  .pb-hero__go span{display:none}
  .pb-hero__go{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  .pb-ticker__track{animation:none}
  .pb-hero.is-auto .pb-hero__tab[aria-selected="true"] .pb-hero__bar{animation:none;transform:scaleX(1)}
}

/* 13 — Product listings: category, search, specials, brand ------------------- */
.pb-listing{padding-bottom:0} /* the footer brings the gap (section gap from the settings) */
.pb-crumbs .breadcrumb{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none}
.pb-crumbs .breadcrumb>li:last-child a{color:var(--ink)}
.pb-cathead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-block:8px 20px}
.pb-cathead__copy{min-width:0;display:flex;flex-direction:column;gap:12px}
.pb-cathead__count{color:var(--muted);margin:0}
.pb-cathead__stack{display:flex;padding-right:10px}
.pb-cathead__stack img{width:72px;height:100px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow-item);margin-left:-18px;border:3px solid var(--bg);background:var(--well-photo)}
.pb-cathead__stack img:nth-child(odd){transform:rotate(-5deg)}
.pb-cathead__stack img:nth-child(even){transform:rotate(4deg) translateY(-6px)}
.pb-cathead__thumb img{width:120px;height:120px;object-fit:contain;border-radius:var(--r-md);background:var(--well-photo)}
.pb-text{color:var(--muted);max-width:72ch}
.pb-text :where(p,ul,ol){margin:0 0 .8em}
.pb-text :where(h2,h3,h4){color:var(--ink);font-size:18px;font-weight:600;margin:1.2em 0 .5em}
.pb-text a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.pb-text img{border-radius:var(--r-md)}
.pb-more-text summary,.pb-seo summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}
.pb-more-text summary::-webkit-details-marker,.pb-seo summary::-webkit-details-marker{display:none}
.pb-more-text summary .pb-i,.pb-seo summary .pb-i{width:16px;height:16px;transition:transform .25s}
.pb-more-text[open] summary .pb-i,.pb-seo[open] summary .pb-i{transform:rotate(180deg)}
.pb-more-text .pb-text{margin-top:10px}
.pb-seo{margin-top:clamp(40px,6vw,72px);padding:22px 26px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-seo summary{display:flex;justify-content:space-between;font-size:17px}
.pb-seo .pb-text{margin-top:14px}

/* subcategories */
.pb-subcats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 6px;margin-bottom:6px}
.pb-subcats::-webkit-scrollbar{display:none}
.pb-subcat{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:4px 16px 4px 4px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:500;font-size:14px;white-space:nowrap;transition:border-color var(--speed)}
.pb-subcat:not(:has(.pb-subcat__img)){padding-left:16px}
.pb-subcat:hover{border-color:var(--ink)}
.pb-subcat small{font:500 11px var(--f-mono);color:var(--muted)}
.pb-subcat__img{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--well-photo);flex:none}
.pb-subcat__img img{width:100%;height:100%;object-fit:cover}
.pb-subcats--tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow:visible;gap:12px}
.pb-subcats--tiles .pb-subcat{flex-direction:column;align-items:flex-start;white-space:normal;border-radius:var(--r-lg);padding:10px 10px 14px;gap:6px}
.pb-subcats--tiles .pb-subcat__img{width:100%;height:auto;aspect-ratio:1;border-radius:var(--r-md)}

/* layout */
.pb-cat-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start;margin-top:18px}
.pb-cat-layout.has-left{grid-template-columns:260px minmax(0,1fr)}
.pb-cat-layout.has-right{grid-template-columns:minmax(0,1fr) 260px}
.pb-cat-layout.has-left.has-right{grid-template-columns:240px minmax(0,1fr) 240px}
/* left / right page columns (the drawer menu uses .pb-side too: keep its rules apart) */
.pb-side.pb-side--left,.pb-side.pb-side--right{min-width:0;display:flex;flex-direction:column;gap:16px;margin-bottom:0;padding-bottom:0;border-bottom:0}
.pb-side--left{gap:16px}
.pb-side--left>:is(.pb-sidecats,.pb-filter){background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 16px}
.pb-side--left>.pb-filter .pb-facet:last-child{border-bottom:0;padding-bottom:2px}
.pb-side--left>.pb-filter .pb-fval:hover{background:var(--surface-2)}
.pb-side--left>.pb-filter .pb-range__inputs label{background:var(--bg)}
.pb-sidecats{display:flex;flex-direction:column}
.pb-sidecats__eyebrow{margin:0 0 6px;font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pb-sidecats__up{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;color:var(--muted)!important}
.pb-sidecats__up:hover{color:var(--brand)!important}
.pb-sidecats__up .pb-i{width:15px;height:15px;flex:none}
.pb-sidecats__title{font-family:var(--f-body);font-weight:700;font-size:18px;line-height:1.3;margin:0 0 10px;overflow-wrap:anywhere}
.pb-sidecats__list{list-style:none;margin:0 -8px;padding:0;display:flex;flex-direction:column;gap:2px}
.pb-sidecats__item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;font-size:14px;line-height:1.3;transition:background var(--speed),color var(--speed)}
.pb-sidecats__item span{flex:1;min-width:0}
.pb-sidecats__item small{font:500 11px var(--f-mono);color:var(--muted)}
.pb-sidecats__item:hover{background:var(--surface-2)}
.pb-sidecats__item.is-current{background:var(--brand-soft);color:var(--brand);font-weight:600}
.pb-sidecats__item.is-current small{color:inherit}
.pb-results{min-width:0}

/* toolbar */
.pb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.pb-toolbar__start,.pb-toolbar__end{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pb-toolbar__count{font-size:14px;color:var(--muted)}
.pb-select{position:relative;display:inline-flex;align-items:center;max-width:100%}
.pb-select select{appearance:none;-webkit-appearance:none;height:42px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 14px var(--f-body);padding:0 38px 0 16px;cursor:pointer;max-width:100%}
.pb-select select:hover{border-color:var(--line-strong)}
.pb-select .pb-i{position:absolute;right:13px;width:15px;height:15px;pointer-events:none;color:var(--muted)}
.pb-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.pb-seg button{width:34px;height:32px;border-radius:999px;display:grid;place-items:center;color:var(--muted)}
.pb-seg button .pb-i{width:17px;height:17px}
.pb-seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.pb-filter-btn{display:none;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;font-size:14px}
.pb-filter-btn .pb-i{width:17px;height:17px}
.pb-filter-btn__n{background:var(--signal);color:var(--signal-ink);border-radius:999px;font:700 11px/18px var(--f-mono);min-width:18px;padding:0 5px;text-align:center}
.pb-achips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
.pb-achip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand)!important;font-size:13px;font-weight:600;transition:background var(--speed),color var(--speed)}
.pb-achip .pb-i{width:14px;height:14px}
.pb-achip:hover{background:var(--brand);color:var(--brand-ink)!important}
.pb-achips__reset{font-size:13px;font-weight:600;color:var(--muted)!important;text-decoration:underline!important;text-underline-offset:3px;padding:0 6px}

/* list view of the cards */
.pb-grid.is-list{grid-template-columns:1fr!important}
.pb-grid.is-list .pb-card{flex-direction:row}
.pb-grid.is-list .pb-card__media{width:200px;flex:none;aspect-ratio:1}
.pb-grid.is-list .pb-card__body{padding:20px 22px;justify-content:center}
.pb-grid.is-list .pb-card__name{font-size:17px}
.pb-grid.is-list .pb-card__foot{margin-top:8px;justify-content:flex-start;gap:20px}
.pb-grid.is-list .pb-card__tools{flex-direction:row;top:auto;bottom:16px;right:16px}
.pb-grid.is-list .pb-card__tool--hover{opacity:1;transform:none}

/* pager */
.pb-pager{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px}
.pb-pager__info{font-size:13px;color:var(--muted);margin:0}
.pb-pager .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}
.pb-body .pb-pager .pagination>li>a,.pb-body .pb-pager .pagination>li>span{float:none;display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:999px!important;border:1px solid var(--line);margin:0;font:600 14px var(--f-mono)}
.pb-body .pb-pager .pagination>li>a:hover{border-color:var(--ink);background:var(--surface)}
.pb-pager.is-loading .pb-pager__more{opacity:.5;pointer-events:none}
.pb-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 20px;border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--muted)}
.pb-empty>.pb-i{width:40px;height:40px}
.pb-empty h3{color:var(--ink);font-size:20px;margin:0}

/* search form */
.pb-searchform{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);margin-bottom:8px}
.pb-searchform__row{display:flex;flex-wrap:wrap;gap:10px}
.pb-searchform__row .pb-btn{height:46px}
.pb-searchform__q{flex:1 1 260px;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}
.pb-searchform__q input{flex:1;min-width:0;border:0;background:none;color:var(--ink);font:inherit;outline:none}
.pb-searchform__q .pb-i{color:var(--muted);width:18px;height:18px}
.pb-searchform .pb-select select{height:46px;max-width:260px}
.pb-searchform__opts{display:flex;flex-wrap:wrap;gap:8px 20px}
.pb-check{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin:0;font-weight:400}
.pb-check input{width:18px;height:18px;accent-color:var(--brand);margin:0}

/* filter module */
.pb-filter{display:flex;flex-direction:column}
.pb-filter__head{display:flex;align-items:center;gap:12px;padding-bottom:6px}
.pb-filter__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:28px;line-height:1;margin:0;flex:1}
.pb-filter__reset{font-size:13px;font-weight:600;color:var(--muted)!important;text-decoration:underline!important;text-underline-offset:3px}
.pb-filter__close,.pb-filter__foot{display:none}
.pb-facet{border-bottom:1px solid var(--line);padding-block:14px}
.pb-facet summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:15px}
.pb-facet summary::-webkit-details-marker{display:none}
.pb-facet summary>span:first-child{flex:1;min-width:0}
.pb-facet summary .pb-i{width:16px;height:16px;transition:transform .25s;color:var(--muted)}
.pb-facet[open] summary .pb-i{transform:rotate(180deg)}
.pb-facet__n{background:var(--brand);color:var(--brand-ink);border-radius:999px;font:700 11px/18px var(--f-mono);min-width:18px;padding:0 5px;text-align:center}
.pb-fvals{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.pb-fval{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;font-size:14px;line-height:1.3;transition:background var(--speed)}
.pb-fval:hover{background:var(--surface)}
.pb-fval__box{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--line-strong);color:transparent;transition:background var(--speed),box-shadow var(--speed)}
.pb-fval__box .pb-i{width:13px;height:13px;stroke-width:3}
.pb-fval.is-on .pb-fval__box{background:var(--brand);box-shadow:none;color:var(--brand-ink)}
.pb-fval__name{flex:1;min-width:0}
.pb-fval small,.pb-toggle small{font:500 11px var(--f-mono);color:var(--muted)}
.pb-facet__more{margin:6px 0 0 8px;font-size:13px;font-weight:600;color:var(--brand)}
.pb-facet__clear{display:inline-block;margin-top:8px;font-size:13px;color:var(--muted)!important;text-decoration:underline!important}
.pb-toggle{display:flex;align-items:center;gap:12px;margin-top:10px;padding:4px 8px;font-size:14px}
.pb-toggle__track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);flex:none;transition:background .2s}
.pb-toggle__track span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .25s}
.pb-toggle.is-on .pb-toggle__track{background:var(--brand)}
.pb-toggle.is-on .pb-toggle__track span{transform:translateX(18px)}
.pb-toggle>span:nth-child(2){flex:1}
.pb-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.pb-swatch{min-width:40px;height:40px;border-radius:12px;display:grid;place-items:center;overflow:hidden;border:1.5px solid var(--line);background:var(--surface);font-size:12px;font-weight:600;padding:0 8px;transition:border-color var(--speed)}
.pb-swatch:has(img){padding:0;width:40px}
.pb-swatch img{width:100%;height:100%;object-fit:cover}
.pb-swatch:hover{border-color:var(--ink)}
.pb-swatch.is-on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}

/* price range: two native sliders on one track */
.pb-range{margin-top:12px}
.pb-range__track{position:relative;height:28px;margin:0 9px}
.pb-range__track::before,.pb-range__fill{content:"";position:absolute;top:12px;height:4px;border-radius:4px}
.pb-range__track::before{left:0;right:0;background:var(--line)}
.pb-range__fill{background:var(--brand);left:var(--a,0%);right:calc(100% - var(--b,100%))}
.pb-range__track input{position:absolute;inset:0 -9px;width:calc(100% + 18px);height:28px;margin:0;background:none;pointer-events:none;appearance:none;-webkit-appearance:none}
.pb-range__track input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);box-shadow:var(--shadow);cursor:grab}
.pb-range__track input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--brand);cursor:grab}
.pb-range__track input::-webkit-slider-runnable-track{background:none}
.pb-range__inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.pb-range__inputs label{display:flex;align-items:center;gap:4px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:500 13px var(--f-mono);color:var(--muted);margin:0}
.pb-range__inputs label span{font-family:var(--f-body)}
.pb-range__inputs input{width:100%;min-width:0;border:0;background:none;color:var(--ink);font:600 14px var(--f-mono);outline:none;-moz-appearance:textfield}
.pb-range__inputs input::-webkit-inner-spin-button{-webkit-appearance:none}
.pb-range__go{grid-column:1/-1;height:40px;font-size:14px}

@media (max-width:1023px){
  .pb-cat-layout.has-left,.pb-cat-layout.has-right,.pb-cat-layout.has-left.has-right{grid-template-columns:minmax(0,1fr)}
  :is(.pb-side--left,.pb-side--right)>:not(.pb-filter){display:none}
  :is(.pb-side--left,.pb-side--right):not(:has(>:not(.pb-filter):not(.pb-sidecats))){display:none}
  .pb-filter-btn{display:inline-flex}
  .pb-cathead{grid-template-columns:1fr}
  .pb-cathead__stack,.pb-cathead__thumb{display:none}
  .pb-sheet--left .pb-sheet__panel{left:0;right:auto;padding:0;width:min(380px,90vw);background:var(--bg);animation-name:pb-slide-l}
  [data-pb-filter-slot] .pb-filter{height:100%}
  [data-pb-filter-slot] .pb-filter__head{padding:calc(16px + env(safe-area-inset-top,0px)) 20px 6px}
  [data-pb-filter-slot] .pb-filter__close{display:inline-grid}
  [data-pb-filter-slot] .pb-filter__body{flex:1;overflow:auto;overscroll-behavior:contain;padding:0 20px}
  [data-pb-filter-slot] .pb-filter__foot{display:flex;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
  [data-pb-filter-slot] .pb-filter__foot .pb-btn{flex:1;height:48px}
}
@media (max-width:767px){
  .pb-grid.is-list .pb-card__media{width:120px}
  .pb-grid.is-list .pb-card__body{padding:12px 12px 56px}
  .pb-grid.is-list .pb-card__tools{right:10px;bottom:10px}
  .pb-toolbar__count{width:100%;order:3}
  .pb-searchform .pb-select select{width:100%;max-width:100%;min-width:0}
  .pb-searchform__row>*{flex:1 1 100%}
}
.pb-filter.is-loading{opacity:.55;pointer-events:none;transition:opacity .2s}
.pb-results.is-loading{opacity:.5;pointer-events:none;transition:opacity .2s}
/* filter: value kinds, values without products, search, pending choice */
.pb-fval--radio .pb-fval__box{border-radius:50%}
.pb-fval--radio .pb-fval__box .pb-i{display:none}
.pb-fval--radio.is-on .pb-fval__box::after{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.pb-fpills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.pb-fpill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font-size:13px;font-weight:500;line-height:1.2;transition:border-color var(--speed),background var(--speed),color var(--speed)}
.pb-fpill small{font:500 11px var(--f-mono);color:var(--muted)}
.pb-fpill:hover{border-color:var(--ink)}
.pb-fpill.is-on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.pb-fpill.is-on small{color:inherit}
:is(.pb-fval,.pb-fpill,.pb-swatch,.pb-toggle).is-zero{opacity:.38;cursor:default}
:is(.pb-fval,.pb-fpill,.pb-swatch).is-zero:hover{background:none;border-color:var(--line)}
.pb-filter .is-gone,.pb-filter .is-miss{display:none!important}
.pb-facet.is-searching .is-extra:not(.is-miss){display:block!important}
.pb-facet.is-searching .pb-facet__more{display:none}
.pb-facet__search{position:relative;display:flex;align-items:center;margin:10px 0 2px}
.pb-facet__search .pb-i{position:absolute;left:11px;width:15px;height:15px;color:var(--muted);pointer-events:none}
.pb-facet__search input{width:100%;height:38px;padding:0 10px 0 33px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:400 14px var(--f-body)}
.pb-facet__search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.pb-fselect{display:flex;margin-top:10px}
.pb-fselect select{width:100%;border-radius:10px;background:var(--bg)}
.pb-vrange{margin-top:12px}
.pb-vrange__labels{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:13px;color:var(--muted)}
.pb-vrange__labels b{font-weight:600;color:var(--ink)}
.pb-facet__n[hidden]{display:none}
[data-pb-filter-apply].is-loading{opacity:.75}
[data-pb-filter-apply]:disabled{opacity:.55;cursor:default}
.pb-filter__foot .pb-filter__clear{flex:0 0 auto!important;padding-inline:16px}
.pb-filter__foot [data-pb-filter-apply]{min-width:0;white-space:normal;line-height:1.15;text-align:center}
/* "apply with a button" on desktop: the buttons stick to the bottom of the screen while a choice is pending */
.pb-side .pb-filter.is-button-desktop.is-pending .pb-filter__foot{display:flex;gap:8px;position:sticky;bottom:12px;z-index:2;margin-top:10px;padding:10px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg)}
.pb-side .pb-filter.is-button-desktop.is-pending .pb-filter__foot .pb-btn[data-pb-filter-apply]{flex:1;height:44px}

/* 14 — Product page ------------------------------------------------------------ */
.pb-pdp-page{padding-bottom:0}
.pb-alert{padding:14px 18px;border-radius:var(--r-md);margin:10px 0;font-size:14px;background:var(--surface);border:1px solid var(--line)}
.pb-alert--error{background:color-mix(in srgb,var(--sale) 12%,var(--surface));border-color:color-mix(in srgb,var(--sale) 40%,transparent);color:var(--ink)}
.pb-pdp{display:grid;grid-template-columns:minmax(0,var(--pdp-photo,1fr)) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start;padding-top:10px}

/* gallery */
.pb-gallery{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;position:sticky;top:calc(var(--header-h) + 20px);min-width:0}
/* one photo, no thumbnails: the photo keeps the size it has next to the thumbnail column, centred */
.pb-gallery:not(:has(.pb-gallery__thumbs)){grid-template-columns:minmax(0,1fr);padding-inline:49px}
/* thumbnail column: as tall as the main photo (the row height comes from the stage); arrows page through it */
.pb-gallery__rail{position:relative;height:0;min-height:100%;min-width:0}
/* thumbnails: exactly as tall as the main photo (the row height comes from the stage), the rest scrolls */
.pb-gallery__thumbs{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:3px;margin:-3px;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth}
.pb-gallery__thumbs::-webkit-scrollbar{display:none}
.pb-gallery__arrow{position:absolute;left:0;right:0;z-index:2;height:44px;display:flex;justify-content:center;border:0;padding:0;background:none;color:var(--ink);transition:opacity var(--speed)}
.pb-gallery__arrow[hidden]{display:flex!important;opacity:0;pointer-events:none}
.pb-gallery__arrow--up{top:-3px;align-items:flex-start;background:linear-gradient(var(--bg) 20%,transparent)}
.pb-gallery__arrow--down{bottom:-3px;align-items:flex-end;background:linear-gradient(transparent,var(--bg) 80%)}
.pb-gallery__arrow .pb-i{width:30px;height:30px;padding:6px;border-radius:50%;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow);transition:background var(--speed),transform var(--speed)}
.pb-gallery__arrow--up .pb-i{transform:rotate(180deg)}
.pb-gallery__arrow:hover .pb-i{background:var(--surface)}
.pb-gallery__arrow--down:hover .pb-i{transform:translateY(2px)}
.pb-gallery__arrow--up:hover .pb-i{transform:rotate(180deg) translateY(2px)}
.pb-gallery__thumb{position:relative;flex:none;width:84px;aspect-ratio:1;border-radius:14px;overflow:hidden;border:1.5px solid var(--line);background:var(--well-photo);padding:4px;transition:border-color var(--speed)}
.pb-gallery__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply);border-radius:10px}
.pb-gallery__thumb:hover{border-color:var(--line-strong)}
.pb-gallery__thumb[aria-selected="true"]{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}
.pb-gallery__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:rgba(10,12,28,.28)}
.pb-gallery__play .pb-i{width:22px;height:22px;fill:currentColor}
.pb-gallery__play--big .pb-i{width:64px;height:64px;padding:18px;border-radius:50%;background:rgba(10,12,28,.6);box-shadow:var(--shadow)}
.pb-gallery__stage{position:relative;aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--well-photo);min-width:0}
.pb-gallery__slide{position:absolute;inset:0;margin:0;animation:pb-fade .3s}
.pb-gallery__zoom,.pb-gallery__video{display:grid;place-items:center;width:100%;height:100%;cursor:zoom-in;padding:0}
.pb-gallery__video{cursor:pointer;padding:0;position:relative}
.pb-gallery__zoom img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply)}
.pb-gallery__video img{width:100%;height:100%;object-fit:cover}
.pb-gallery__flags{position:absolute;top:16px;left:16px;z-index:2;display:flex;flex-wrap:wrap;gap:8px;pointer-events:none}
.pb-gallery__nav{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);opacity:0;transition:opacity var(--speed)}
.pb-gallery__stage:hover .pb-gallery__nav,.pb-gallery__nav:focus-visible{opacity:1}
.pb-gallery__nav--prev{left:14px}.pb-gallery__nav--next{right:14px}
/* video buttons in one row along the bottom of the photo; more than fit scroll sideways. A long name is cut with
   "…" (full name in the tooltip and for screen readers) */
.pb-gallery__vids{position:absolute;left:8px;right:64px;bottom:8px;z-index:3;display:flex;gap:6px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.pb-gallery__vids::-webkit-scrollbar{display:none}
.pb-gallery__vbtn{flex:none;display:inline-flex;align-items:center;gap:6px;height:30px;max-width:220px;padding:0 12px 0 4px;border-radius:999px;background:color-mix(in srgb,var(--ink) 88%,transparent);color:var(--surface);font-weight:600;font-size:12.5px;white-space:nowrap;box-shadow:var(--shadow);transition:transform .2s var(--ease)}
.pb-gallery__vbtn>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pb-gallery__vbtn .pb-i{flex:none;width:22px;height:22px;padding:6px;border-radius:50%;background:var(--sale);color:#fff;fill:currentColor}
.pb-gallery__vbtn:hover{transform:translateY(-2px)}
.pb-gallery__count{position:absolute;bottom:14px;right:14px;z-index:2;padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:var(--shadow)}

/* buy box */
.pb-buybox{display:flex;flex-direction:column;gap:18px;min-width:0}
.pb-buybox__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pb-buybox__title{font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.18;letter-spacing:-.01em;margin:0}
.pb-buybox__rating{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)!important}
.pb-stockpill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.pb-stockpill::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}
.pb-stockpill--low{background:color-mix(in srgb,var(--signal) 22%,transparent);color:color-mix(in srgb,var(--signal) 45%,var(--ink))}
.pb-stockpill--out{background:color-mix(in srgb,var(--sale) 12%,transparent);color:var(--sale)}

/* info badges */
.pb-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}

/* countdown */
.pb-timer{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:var(--r-lg);border:1.5px solid var(--brand);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface) 60%)}
.pb-timer__head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.pb-timer__head .pb-i{width:18px;height:18px;color:var(--sale)}
.pb-timer__slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pb-timer__slot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pb-timer__slot b{font-family:var(--f-display);font-weight:900;font-size:clamp(26px,3vw,36px);line-height:1;font-variant-numeric:tabular-nums}
.pb-timer__slot small{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pb-timer.is-urgent{border-color:var(--sale)}
.pb-timer.is-urgent .pb-timer__slot b{color:var(--sale)}
.pb-card__timer{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--sale) 12%,transparent);color:var(--sale);font:600 12px var(--f-mono);font-variant-numeric:tabular-nums}
.pb-card__timer .pb-i{width:13px;height:13px}

/* price + saving */
.pb-buybox__price{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-buybox__price.has-saving{padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--sale) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--sale) 25%,var(--line))}
.pb-saving{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.pb-saving b{color:var(--sale);font-family:var(--f-mono)}
.pb-saving__pct{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:var(--sale);color:#fff;font:700 13px var(--f-mono)}
.pb-price--xl{font-size:clamp(30px,3vw,38px);display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.pb-price--xl s{font-size:18px}
.pb-buybox__total{color:var(--muted);font-size:13px}
.pb-buybox__tax{font-size:13px;color:var(--muted)}
.pb-discounts{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pb-discounts li{padding:6px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:13px}
.pb-discounts span{font-family:var(--f-mono);font-weight:700}

/* options */
.pb-buy{display:flex;flex-direction:column;gap:16px}
.pb-opts{display:flex;flex-direction:column;gap:16px}
.pb-opt{display:flex;flex-direction:column;gap:10px}
.pb-opt__label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.pb-opt__value{font-weight:400;color:var(--muted)}
.pb-req{font-style:normal;color:var(--sale)}
.pb-tip{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;color:var(--muted)}
.pb-tip .pb-i{width:16px;height:16px}
.pb-tip:hover{color:var(--ink);background:var(--surface-2)}
.pb-chips{display:flex;flex-wrap:wrap;gap:8px}
.pb-chip{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font-weight:600;font-size:14px;cursor:pointer;margin:0;transition:border-color var(--speed),box-shadow var(--speed)}
.pb-chip input{position:absolute;opacity:0;pointer-events:none}
.pb-chip:hover{border-color:var(--line-strong)}
.pb-chip:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.pb-chip:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}
.pb-chip img{width:32px;height:32px;border-radius:8px;object-fit:cover}
.pb-chip.has-image{padding-left:6px}
.pb-chip__price{font:500 12px var(--f-body);color:var(--muted)}
.pb-chip.is-oos{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.pb-select--block{display:flex}
.pb-select--block select{width:100%;height:48px;border-radius:12px}
.pb-input{display:flex}
.pb-input input,.pb-input textarea{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:15px var(--f-body);outline:none}
.pb-input input:focus,.pb-input textarea:focus{border-color:var(--brand)}
.pb-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pb-upload__name{font-size:13px;color:var(--muted)}
.pb-btn--sm{height:40px;padding:0 16px;font-size:14px}
.pb-opt.has-error .pb-chip,.pb-opt.has-error select,.pb-opt.has-error input,.pb-opt.has-error textarea{border-color:var(--sale)}
.pb-opt__error{margin:0;font-size:13px;color:var(--sale)}

/* quantity + buttons */
.pb-buy__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pb-qty{display:inline-flex;align-items:center;height:58px;padding:0 4px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line-strong);background:var(--surface)}
.pb-qty button{width:44px;height:50px;display:grid;place-items:center;border-radius:999px}
.pb-qty button:hover{background:var(--surface-2)}
.pb-qty button .pb-i{width:16px;height:16px}
.pb-qty input{width:44px;text-align:center;border:0;background:transparent;color:var(--ink);font:700 16px var(--f-mono);-moz-appearance:textfield;outline:none}
.pb-qty input::-webkit-inner-spin-button,.pb-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pb-buy__cart{flex:1 1 180px;height:58px;font-size:17px}
.pb-buy__now{flex:1 1 150px;height:58px}
.pb-buy__cart.is-loading,.pb-buy__now.is-loading{opacity:.6;pointer-events:none}
.pb-buy__note{margin:-6px 0 0;font-size:13px;color:var(--muted)}
.pb-buy__msg{margin:0;font-size:14px;color:var(--sale)}
.pb-buy__msg.is-ok{color:var(--ok)}
.pb-buybox__links{display:flex;gap:6px 20px;flex-wrap:wrap;margin-top:-4px}
.pb-buybox__links button{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--muted);padding:4px 0}
.pb-buybox__links button:hover{color:var(--ink)}
.pb-buybox__links .pb-i{width:17px;height:17px}
.pb-buybox__links [aria-pressed="true"]{color:var(--sale)}
.pb-buybox__links [aria-pressed="true"] svg{fill:currentColor}

/* product data */
.pb-pdata{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:16px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-pdata dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0;font-size:13px;align-items:center}
.pb-pdata dt{color:var(--muted);font-weight:400}
.pb-pdata dd{margin:0;font-family:var(--f-mono);font-size:12.5px;display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:normal}
/* codes (SKU, EAN, model) are never broken in the middle; text values wrap between words */
.pb-pdata dd:has(.pb-copy)>span{white-space:nowrap}
.pb-pdata dd>a{overflow-wrap:break-word}
.pb-pdata dd a{text-decoration:underline;text-underline-offset:2px}
.pb-pdata__brand img{width:84px;height:84px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:6px}
.pb-copy{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--muted);flex:none}
.pb-copy:hover{background:var(--surface-2);color:var(--ink)}
.pb-copy .pb-i{width:14px;height:14px}
.pb-copy.is-done{color:var(--ok)}

/* accordions */
.pb-accord{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.pb-accord details+details{border-top:1px solid var(--line)}
.pb-accord summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:600;font-size:15px}
.pb-accord summary::-webkit-details-marker{display:none}
.pb-acc__ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);flex:none}
.pb-acc__ic .pb-i{width:17px;height:17px}
.pb-accord summary>span:nth-child(2){flex:1}
.pb-accord summary>.pb-i{width:17px;height:17px;transition:transform .25s;color:var(--muted)}
.pb-accord details[open] summary>.pb-i{transform:rotate(180deg)}
.pb-acc__body{padding:0 18px 16px 64px;font-size:14px}

/* mini carousel */
.pb-mini{display:flex;flex-direction:column;gap:10px}
.pb-mini__head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted)}
.pb-mini__head .pb-icon-btn{width:34px;height:34px}
.pb-mini__strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 10px)/2);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pb-mini__strip::-webkit-scrollbar{display:none}
.pb-minicard{scroll-snap-align:start;display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);min-width:0}
.pb-minicard:hover{border-color:var(--line-strong)}
.pb-minicard__ph{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--well-photo)}
.pb-minicard__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply)}
.pb-minicard__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.pb-minicard b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;font-size:13px;line-height:1.3}
.pb-minicard .pb-price{font-size:13px}

/* information tabs */
.pb-info{margin-top:clamp(40px,6vw,72px)}
.pb-info__tabs{position:sticky;top:calc(var(--header-h) + 12px);z-index:5;box-shadow:var(--shadow);margin-bottom:18px}
.pb-info__panel{padding:clamp(18px,3vw,32px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-desc{max-width:80ch;color:var(--ink)}
.pb-desc.is-collapsible.is-clipped{max-height:420px;overflow:hidden;position:relative}
.pb-desc.is-clipped::after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(transparent,var(--surface))}
.pb-desc :where(table){border-collapse:collapse;max-width:100%}
.pb-desc :where(td,th){border:1px solid var(--line);padding:6px 10px}
.pb-more-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line-strong);font-weight:600;font-size:13px;margin-top:14px}
.pb-more-btn .pb-i{width:15px;height:15px;transition:transform .25s}
.pb-more-btn[aria-expanded="true"] .pb-i{transform:rotate(180deg)}
.pb-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:13px;color:var(--muted)}
.pb-tags a{padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink)!important}
.pb-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,3vw,36px)}
.pb-specs h3{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 6px}
.pb-spec{display:grid;grid-template-columns:auto 1fr;margin:0;border-top:1px solid var(--line)}
.pb-spec dt,.pb-spec dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
.pb-spec dt{color:var(--muted);padding-right:24px;font-weight:400}
.pb-spec dd{font-weight:500}
.pb-maker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}
.pb-maker:not(:has(.pb-maker__brand)){grid-template-columns:1fr}
.pb-maker__brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pb-maker__brand img{width:96px;height:96px;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);padding:8px}
.pb-maker__brand .pb-mono{color:var(--muted)}
.pb-maker__brand b{font-family:var(--f-display);font-weight:900;font-size:32px;text-transform:var(--heading-case);line-height:1}
.pb-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pb-doc{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 12px 12px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg)}
.pb-doc__ic{width:48px;height:56px;border-radius:8px;display:grid;place-items:center;background:var(--surface);color:var(--sale);font-weight:700;box-shadow:inset 0 0 0 1px var(--line)}
.pb-doc__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.pb-doc__txt b{font-weight:600;font-size:15px;overflow-wrap:anywhere}
.pb-doc__txt small{color:var(--muted)}
.pb-reviews .review-item,.pb-reviews table{margin-bottom:14px}
.pb-review-form{display:flex;flex-direction:column;gap:14px;max-width:640px;margin-top:24px}
.pb-review-form h3{margin:0;font-size:18px}
.pb-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;margin:0}
.pb-field input,.pb-field textarea{padding:10px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:400 15px var(--f-body)}
.pb-rate{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;border:0;padding:0;margin:0}
.pb-rate legend{font-size:14px;font-weight:600;margin-bottom:6px;border:0;width:auto}
.pb-rate input{position:absolute;opacity:0}
.pb-rate label{cursor:pointer;color:var(--line-strong);margin:0}
.pb-rate label .pb-i{width:26px;height:26px}
.pb-rate input:checked~label,.pb-rate label:hover,.pb-rate label:hover~label{color:var(--signal)}
.pb-rate input:checked~label svg,.pb-rate label:hover svg,.pb-rate label:hover~label svg{fill:currentColor}
.pb-related{padding-bottom:0}
/* product page / cart rails ("Similar products", "Customers also bought") and every block on inner pages
   ("Keep browsing", bestsellers under a category …): a section title, not a page headline */
.pb-related .pb-h2,.pb-inner .pb-section .pb-h2{font-size:clamp(26px,2.6vw,38px);line-height:1}
.pb-related .pb-sec-head .pb-mono{margin-bottom:6px;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* sticky buy bar (phones) */
.pb-stickybuy{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:12px;animation:pb-up .3s var(--ease)}
@keyframes pb-up{from{transform:translateY(100%)}}
.pb-stickybuy img{width:44px;height:44px;border-radius:10px;object-fit:contain;background:var(--well-photo)}
.pb-stickybuy div{flex:1;min-width:0;display:flex;flex-direction:column}
.pb-stickybuy b{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-stickybuy .pb-btn{height:46px;width:58px;padding:0}
@media (min-width:1024px){.pb-stickybuy{display:none!important}}

/* lightbox */
.pb-lightbox{position:fixed;inset:0;z-index:90;background:rgba(5,6,15,.92);display:grid;place-items:center;animation:pb-fade .2s}
.pb-lightbox__body{width:min(88vw,920px);height:min(82vh,820px);display:grid;place-items:center}
.pb-lightbox__body img{width:auto;height:auto;max-width:min(88vw,920px);max-height:min(82vh,820px);object-fit:contain;border-radius:12px;background:#fff}
.pb-lightbox__body iframe{width:100%;height:100%;max-height:100%;border:0;border-radius:12px;background:#000}
/* uploaded videos keep their own shape (portrait phone videos too) and fit the screen */
.pb-lightbox__body video{display:block;width:auto;height:auto;max-width:min(88vw,920px);max-height:min(82vh,820px);border-radius:12px;background:#000}
.pb-lightbox .pb-icon-btn{position:absolute;color:#fff!important;background:rgba(255,255,255,.12)}
.pb-lightbox .pb-icon-btn:hover{background:rgba(255,255,255,.24)}
.pb-lightbox__close{top:max(16px,env(safe-area-inset-top));right:16px}
.pb-lightbox__nav--prev{left:16px;top:50%}
.pb-lightbox__nav--next{right:16px;top:50%}

/* tooltip bubble (option / badge hints) */
.pb-tipbox{position:absolute;z-index:95;max-width:280px;padding:10px 12px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:13px;line-height:1.4;box-shadow:var(--shadow-lg);pointer-events:none;animation:pb-fade .15s}

@media (max-width:1023px){
  .pb-pdp{grid-template-columns:minmax(0,1fr)}
  .pb-gallery{position:static}
  .pb-gallery__nav{opacity:1}
}
@media (max-width:767px){
  .pb-gallery,.pb-gallery:not(:has(.pb-gallery__thumbs)){grid-template-columns:minmax(0,1fr);padding-inline:0}
  .pb-gallery__rail{order:2;height:auto;min-height:0}
  .pb-gallery__arrow,.pb-gallery__arrow[hidden]{display:none!important}
  .pb-gallery__thumbs{flex-direction:row;height:auto;overflow:auto hidden}
  .pb-gallery__thumb{width:64px}
  .pb-gallery__stage{border-radius:20px}
  .pb-qty{height:54px}
  .pb-buy__cart,.pb-buy__now{height:54px}
  .pb-buy__now{flex-basis:100%}
  .pb-pdata{grid-template-columns:1fr}
  .pb-pdata__brand{order:-1}
  .pb-pdata__brand img{width:56px;height:56px}
  .pb-acc__body{padding-left:18px}
  .pb-maker{grid-template-columns:1fr}
  .pb-doc{grid-template-columns:40px minmax(0,1fr)}
  .pb-doc .pb-btn{grid-column:1/-1}
  .pb-timer__slot b{font-size:24px}
  .pb-info__tabs{top:calc(var(--header-h) + 6px)}
  .pb-pdp-page{padding-bottom:96px}
}

/* 15 — Product page layout: media column (photo + countdown), facts row, badges, windows ------- */
.pb-pdp__media{position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:16px;min-width:0}
.pb-pdp__media .pb-gallery{position:static}
.pb-buybox__facts{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
/* price and product data side by side only when both fit: the data needs ~320px for codes like an EAN */
.pb-buybox{container-type:inline-size}
.pb-buybox__facts .pb-buybox__price{align-self:stretch;justify-content:center}
.pb-pdata{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}
.pb-pdata dl{grid-column:1}
.pb-pdata__counters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}
.pb-pdata__counters span{display:inline-flex;align-items:center;gap:6px}
.pb-pdata__counters .pb-i{width:15px;height:15px}
.pb-pdata__counters span:first-child .pb-i{color:var(--sale)}
.pb-pdata__counters b{color:var(--ink);font-family:var(--f-mono)}

/* info badges (live: green boxes with a picture icon, a window on click) */
.pb-badges{gap:10px}
.pb-badge{--bc:var(--ok);display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:7px 14px 7px 8px;border-radius:12px;font:600 14px var(--f-body);text-align:left;background:color-mix(in srgb,var(--bc) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--bc) 32%,var(--line));color:color-mix(in srgb,var(--bc) 55%,var(--ink))!important;transition:border-color var(--speed),transform var(--speed)}
.pb-badge img{width:36px;height:36px;flex:none;object-fit:contain}
:root[data-theme="dark"] .pb-badge img{filter:invert(1) hue-rotate(180deg)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pb-badge img{filter:invert(1) hue-rotate(180deg)}}
.pb-badge>.pb-i{width:22px;height:22px;margin-left:6px}
.pb-badge.is-link span{text-decoration:underline dotted;text-underline-offset:4px;text-decoration-thickness:1.5px}
.pb-badge.is-link:hover{border-color:var(--bc);transform:translateY(-1px)}
.pb-badge--blue{--bc:var(--brand)}
.pb-badge--yellow{--bc:color-mix(in srgb,var(--signal) 70%,#7a5a00)}
.pb-badge--red{--bc:var(--sale)}
.pb-badge--neutral{--bc:var(--muted)}

/* buy box: badges in one row (icon, title, subtitle), price card across the box, data list with icons */
.pb-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.pb-badges>li{display:flex;min-width:0}
.pb-badge{width:100%;min-height:58px;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);color:var(--ink)!important;font-weight:400}
.pb-badge>.pb-i{width:26px;height:26px;margin:0;flex:none;color:var(--bc)}
.pb-badge img{width:30px;height:30px}
.pb-badge__txt{display:flex;flex-direction:column;gap:1px;line-height:1.25;min-width:0}
.pb-badge__txt b{font-weight:600;font-size:14px}
.pb-badge__txt small{font-size:13px;color:var(--muted)}
.pb-badge.is-link span{text-decoration:none}
.pb-badge.is-link{cursor:pointer}
.pb-badge.is-link:hover{border-color:var(--bc)}
.pb-buybox__facts .pb-buybox__price{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding:18px 22px}
.pb-buybox__price.is-sale{background:linear-gradient(100deg,color-mix(in srgb,var(--sale) 16%,var(--surface)),var(--surface) 62%);border-color:color-mix(in srgb,var(--sale) 35%,var(--line))}
.pb-pricecard__main{display:flex;flex-direction:column;gap:6px;min-width:0}
.pb-pricecard__pct{align-self:flex-start;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--sale);color:#fff;font:700 14px var(--f-mono)}
.pb-buybox__price .pb-price--xl{font-size:clamp(34px,3.2vw,46px)}
.pb-pricecard__note{display:flex;align-items:center;gap:14px;padding-left:24px;border-left:1px solid var(--line);max-width:320px}
.pb-pricecard__note .pb-i{width:28px;height:28px;flex:none;color:var(--signal)}
.pb-pricecard__note--save .pb-i{color:var(--sale)}
.pb-pricecard__note span{display:flex;flex-direction:column;gap:2px}
.pb-pricecard__note b{font-weight:600}
.pb-pricecard__note small{color:var(--muted);font-size:13.5px}
.pb-pricecard__note--save small{font:700 16px var(--f-mono);color:var(--sale)}
@media (max-width:560px){.pb-pricecard__note{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px;max-width:none;width:100%}}
.pb-pdata{padding:6px 22px 14px}
/* label and value cells stretch to the same height, so the row line is one straight line */
.pb-pdata dl{gap:0;font-size:14px;align-items:stretch}
.pb-pdata dt,.pb-pdata dd{padding:11px 0;border-bottom:1px solid var(--line)}
.pb-pdata dl>:nth-last-child(-n+2){border-bottom:0}
.pb-pdata dt{display:flex;align-items:center;gap:12px;padding-right:24px}
.pb-pdata dt .pb-i{width:20px;height:20px;flex:none;color:var(--muted)}
.pb-pdata dd{font-size:14px}
.pb-gallery__expand{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);opacity:.9;transition:opacity var(--speed),transform var(--speed)}
.pb-gallery__expand:hover{opacity:1;transform:scale(1.05)}
.pb-gallery__expand .pb-i{width:18px;height:18px}

/* window */
.pb-modal{position:fixed;inset:0;z-index:92;display:grid;place-items:center;padding:16px}
.pb-modal__backdrop{position:absolute;inset:0;background:rgba(5,6,15,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:pb-fade .2s}
.pb-modal__panel{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;display:flex;flex-direction:column;gap:16px;padding:28px 26px 22px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-lg);outline:none;animation:pb-pop .25s var(--ease)}
@keyframes pb-pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
.pb-modal__close{position:absolute;top:10px;right:10px}
.pb-modal__body h2{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:30px;line-height:1;margin:0 40px 12px 0}
.pb-modal__body .pb-text{color:var(--ink);max-width:none}
.pb-modal__body .pb-text ul{padding-left:20px}
.pb-modal__body .pb-text li{margin-bottom:6px}
.pb-modal__ok{align-self:flex-end;height:46px}

@media (max-width:1023px){
  .pb-pdp__media{position:static}
}

/* 16 — calm checkout page (setting "simple header and footer") */
.pb-simple .pb-topbar,.pb-simple .pb-nav,.pb-simple .pb-header__bar>.pb-search,.pb-simple .pb-search-row,.pb-simple .pb-header__burger,.pb-simple .pb-header__search-btn,.pb-simple .pb-mega,.pb-simple .pb-footer__top{display:none!important}
.pb-simple .pb-header__actions>:not(#cart):not(.pb-theme-switch){display:none}

/* 17 — Cart: side cart, cart page, code boxes, totals ------------------------------------- */
.pb-sheet__panel--cart{padding:0;width:min(460px,96vw)}
.pb-sheet__panel--cart .pb-sheet__head{padding:max(16px,env(safe-area-inset-top)) 20px 12px}
.pb-mcart-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.pb-mcart-body>.pb-muted{padding:0 20px}
.pb-mcart{display:flex;flex-direction:column;flex:1;min-height:0;transition:opacity .2s}
.pb-mcart.is-loading,.pb-cartpage.is-loading .pb-cartgrid,.pb-codebox__form.is-loading{opacity:.55;pointer-events:none}
.pb-mcart__items{list-style:none;margin:0;padding:4px 20px;flex:1;overflow:auto;overscroll-behavior:contain}
.pb-mcart__item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.pb-mcart__ph{width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--well-photo);display:grid;place-items:center}
.pb-mcart__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply)}
.pb-mcart__ph--icon{color:var(--brand)}
.pb-mcart__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.pb-mcart__name{font-weight:500;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-mcart__opts{font-size:12px;color:var(--muted)}
.pb-mcart__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.pb-mcart__row .pb-price{font-size:15px}
.pb-mcart__remove,.pb-citem__remove{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.pb-mcart__remove:hover,.pb-citem__remove:hover{background:var(--surface-2);color:var(--sale)}
.pb-mcart__remove .pb-i,.pb-citem__remove .pb-i{width:17px;height:17px}
.pb-mcart__foot{padding:14px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:12px}
.pb-mcart__btns{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}
.pb-mcart__btns .pb-btn{height:48px;font-size:15px;padding:0 14px}
.pb-mcart__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;text-align:center;color:var(--muted)}
.pb-mcart__empty>.pb-i{width:44px;height:44px}
.pb-qty--sm{height:38px}
.pb-qty--sm button{width:32px;height:32px}
.pb-qty--sm input{width:34px;font-size:14px}
.pb-btn.is-disabled{opacity:.45;pointer-events:none}
.pb-freebar{display:flex;flex-direction:column;gap:8px;padding:12px 20px 0;font-size:13px}
.pb-freebar p{margin:0;display:flex;align-items:center;gap:8px}
.pb-freebar .pb-i{width:16px;height:16px;color:var(--ok)}
.pb-freebar__track{height:6px;border-radius:6px;background:var(--surface-2);overflow:hidden}
.pb-freebar__track span{display:block;height:100%;border-radius:6px;background:var(--brand);transition:width .4s var(--ease)}
.pb-freebar.is-done .pb-freebar__track span{background:var(--ok)}
.pb-cartsum .pb-freebar{padding:0}
.pb-totals{margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.pb-totals__row{display:flex;justify-content:space-between;gap:12px}
.pb-totals dt{color:var(--muted);font-weight:400}
.pb-totals dd{margin:0;font-family:var(--f-body);font-weight:600}
.pb-totals__row.is-grand{padding-top:8px;margin-top:4px;border-top:1px solid var(--line);font-size:18px}
.pb-totals__row.is-grand dt{color:var(--ink);font-weight:600}
.pb-cart-min{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--signal) 18%,transparent);font-size:13px}
.pb-alert--ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface));border-color:color-mix(in srgb,var(--ok) 40%,transparent)}

/* cart page */
.pb-cartpage{padding-bottom:0}
.pb-cartgrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(20px,3vw,40px);align-items:start;margin-top:10px}
.pb-citems{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pb-citem{display:grid;grid-template-columns:96px minmax(0,1fr) auto 110px 40px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.pb-citem__ph{width:96px;height:96px;border-radius:16px;overflow:hidden;background:var(--well-photo);display:grid;place-items:center}
.pb-citem__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply)}
.pb-citem__ph--icon{color:var(--brand)}
.pb-citem__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.pb-citem__name{font-weight:600;font-size:16px;line-height:1.3}
.pb-citem__meta{font-size:12px;color:var(--muted)}
.pb-citem__opts{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted)}
.pb-citem__opts span{color:var(--ink)}
.pb-citem__warn{margin:4px 0 0;font-size:13px;color:var(--sale)}
.pb-citem.is-short{background:color-mix(in srgb,var(--sale) 5%,transparent)}
.pb-citem__qty{display:flex;flex-direction:column;align-items:center;gap:4px}
.pb-citem__unit{font-size:12px;color:var(--muted);white-space:nowrap}
.pb-citem__total{text-align:right;font-size:17px}
.pb-cartlist__back{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;color:var(--muted)!important}
.pb-cartlist__back:hover{color:var(--ink)!important}
.pb-codes{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.pb-codes--side{margin-top:4px}
.pb-cartshare{margin-top:16px}
.pb-cartsum{position:sticky;top:calc(var(--header-h) + 20px)}
.pb-cartsum__box{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-cartsum__title{font-size:20px;font-weight:600;margin:0}
.pb-cartsum__go{height:56px;width:100%}
.pb-cartsum__note{font-size:13px}
.pb-trust{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13px;color:var(--muted)}
.pb-trust .pb-i{width:16px;height:16px;flex:none;margin-top:2px;color:var(--ok)}
.pb-codebox{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.pb-codebox summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:600;font-size:14px}
.pb-codebox summary::-webkit-details-marker{display:none}
.pb-codebox summary span{flex:1}
.pb-codebox summary .pb-i{width:17px;height:17px;color:var(--muted)}
.pb-codebox[open] summary .pb-i:last-child{transform:rotate(180deg)}
.pb-codebox__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 14px 14px}
.pb-codebox__form .pb-input input{min-height:44px}
.pb-codebox__form .pb-btn{height:44px;font-size:14px}
.pb-codebox__msg{grid-column:1/-1;margin:0;font-size:13px;color:var(--sale)}
.pb-codebox__msg.is-ok{color:var(--ok)}
.pb-notfound__box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:clamp(40px,8vw,96px) 20px}
.pb-notfound__ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2)}
.pb-notfound__ic .pb-i{width:36px;height:36px}
.pb-notfound__box p{color:var(--muted);max-width:52ch;margin:0}
.pb-notfound__btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

@media (max-width:1023px){
  .pb-cartgrid{grid-template-columns:minmax(0,1fr)}
  .pb-cartsum{position:static}
}
@media (max-width:767px){
  .pb-citem{grid-template-columns:72px minmax(0,1fr) 34px;grid-template-areas:"ph info rm" "ph qty total";gap:8px 12px}
  .pb-citem__ph{grid-area:ph;width:72px;height:72px}
  .pb-citem__info{grid-area:info}
  .pb-citem__qty{grid-area:qty;align-items:flex-start}
  .pb-citem__total{grid-area:total;align-self:center}
  .pb-citem__remove{grid-area:rm}
  .pb-fields--2{grid-template-columns:minmax(0,1fr)}
  .pb-co-step{padding:18px 16px}
}

/* 19 — order placed */
.pb-success__box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:clamp(40px,8vw,96px) 20px}
.pb-success__ic{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok);animation:pb-pop .4s var(--ease)}
.pb-success__ic .pb-i{width:42px;height:42px;stroke-width:2.4}
.pb-success__num{margin:0;color:var(--muted)}
.pb-success__num b{color:var(--ink);font-size:16px}
.pb-success__text{max-width:60ch;color:var(--muted)}

/* 20 — One-page checkout ----------------------------------------------------------------------- */
.pb-checkout{padding:8px 0 clamp(40px,6vw,80px)}
/* progress */
.pb-costeps{list-style:none;margin:8px auto 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);max-width:820px}
.pb-costeps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);font-size:14px}
.pb-costeps li>a{display:contents;color:inherit!important}
.pb-costeps li::before{content:"";position:absolute;top:21px;right:calc(50% + 30px);width:calc(100% - 60px);height:2px;border-radius:2px;background:var(--line)}
.pb-costeps li:first-child::before{display:none}
.pb-costeps__dot{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);color:var(--muted);transition:background .3s,color .3s,box-shadow .3s}
.pb-costeps__dot .pb-i{width:20px;height:20px}
.pb-costeps b{font-weight:600}
.pb-costeps li.is-done,.pb-costeps li.is-active{color:var(--brand)}
.pb-costeps li.is-done::before,.pb-costeps li.is-active::before{background:var(--brand)}
.pb-costeps li.is-done .pb-costeps__dot,.pb-costeps li.is-active .pb-costeps__dot{background:var(--brand);color:var(--brand-ink);box-shadow:0 0 0 5px var(--brand-soft)}

/* layout: the form is "display:contents" so both columns are grid items; the payment box sits under the right one */
.pb-co{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px clamp(16px,2.4vw,28px);align-items:start}
.pb-co__form{display:contents}
.pb-co__main{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;gap:16px;min-width:0}
.pb-co__side{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:16px;min-width:0}
.pb-co-pay{grid-column:2;grid-row:2}
.pb-co.is-updating [data-pb-co-shipping],.pb-co.is-updating [data-pb-co-payment],.pb-co.is-updating [data-pb-co-summary]{opacity:.5;transition:opacity .2s;pointer-events:none}

/* cards */
.pb-co-step{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgba(14,17,41,.04)}
.pb-co-step__title{display:flex;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;letter-spacing:-.01em}
.pb-co-step__title>span,.pb-co-step__ic{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font:700 15px var(--f-mono)}
.pb-co-step__ic .pb-i{width:18px;height:18px}
.pb-co-count{margin-left:auto;font:500 13px var(--f-body);color:var(--muted)}

/* account choice */
.pb-co-accts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.pb-co-acct{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--bg);cursor:pointer;margin:0;font-weight:400;transition:border-color var(--speed),background var(--speed),box-shadow var(--speed)}
.pb-co-acct input{position:absolute;top:14px;right:14px;width:20px;height:20px;margin:0;accent-color:var(--brand)}
.pb-co-acct__ic{color:var(--muted);margin-bottom:6px}
.pb-co-acct__ic .pb-i{width:24px;height:24px}
.pb-co-acct b{font-size:15px}
.pb-co-acct small{font-size:13px;color:var(--muted);line-height:1.35}
.pb-co-acct:hover{border-color:var(--line-strong)}
.pb-co-acct.is-on,.pb-co-acct:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:inset 0 0 0 1px var(--brand)}
.pb-co-acct:has(input:checked) .pb-co-acct__ic{color:var(--brand)}
.pb-co-login{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-md);background:var(--bg)}
.pb-co-login__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pb-co-login__row a{font-size:13px;color:var(--muted)!important;text-decoration:underline!important}
.pb-co-logged{display:flex;align-items:center;gap:10px;margin:0;padding:14px 16px;border-radius:var(--r-md);background:var(--bg);font-size:14px}
.pb-co-logged .pb-i{width:22px;height:22px;color:var(--ok)}
.pb-co-logged span{flex:1}
.pb-co-logged a{font-weight:600;text-decoration:underline!important}
.pb-co-account{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-md);background:var(--bg)}

/* fields */
.pb-co .pb-fields{display:grid;gap:14px}
.pb-co .pb-fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-co .pb-fields .is-wide{grid-column:1/-1}
.pb-co .pb-field{display:flex;flex-direction:column;gap:7px;margin:0;font-size:14px;font-weight:500;min-width:0}
.pb-co .pb-field__box{position:relative;display:flex;align-items:center}
.pb-co .pb-field__box>.pb-i{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.pb-co .pb-field__box>.pb-i~input{padding-left:44px}
.pb-co .pb-field input,.pb-co .pb-field textarea,.pb-co .pb-field select,.pb-co .pb-co-code input{width:100%;min-height:48px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:400 15px var(--f-body);outline:none;transition:border-color var(--speed),box-shadow var(--speed)}
.pb-co .pb-field input::placeholder,.pb-co textarea::placeholder,.pb-co .pb-co-code input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.pb-co .pb-field input:focus,.pb-co .pb-field textarea:focus,.pb-co .pb-field select:focus,.pb-co .pb-co-code input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.pb-co .pb-select{display:flex}
.pb-co .pb-select select{padding-right:38px}
.pb-co .pb-select.has-iso select{padding-left:52px}
.pb-iso{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:1;min-width:30px;padding:2px 6px;border-radius:6px;background:var(--surface-2);font:700 11px var(--f-mono);text-align:center;pointer-events:none}
.pb-co .pb-field.has-error input,.pb-co .pb-field.has-error select{border-color:var(--sale);box-shadow:0 0 0 3px color-mix(in srgb,var(--sale) 14%,transparent)}
.pb-co .pb-field__error{font-weight:400;font-size:13px;color:var(--sale)}
.pb-co .pb-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;cursor:pointer;margin:0;font-weight:400}
.pb-co .pb-check input{width:19px;height:19px;flex:none;margin:1px 0 0;accent-color:var(--brand)}
.pb-co .pb-check a{color:var(--brand)!important;text-decoration:underline!important;text-underline-offset:2px}
.pb-co .pb-check.has-error{color:var(--sale)}
.pb-co .pb-check.has-error input{outline:2px solid var(--sale);outline-offset:2px}
.pb-co-shipaddr{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px dashed var(--line)}
.pb-co-sub{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600}
.pb-co-sub .pb-i{width:18px;height:18px;color:var(--brand)}
.pb-co-addrs{display:flex;flex-direction:column;gap:8px}

/* methods */
.pb-co .pb-methods{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.pb-co .pb-methods:has(> .pb-alert:only-child),.pb-co .pb-methods:has(> .pb-muted:only-child){border:0;border-radius:0}
.pb-co .pb-method{display:flex;align-items:center;gap:14px;padding:14px 16px;border:0;border-radius:0;background:var(--surface);cursor:pointer;margin:0;font-weight:400;box-shadow:none;transition:background var(--speed)}
.pb-co .pb-method+.pb-method{border-top:1px solid var(--line)}
.pb-co .pb-method:hover{background:var(--bg)}
.pb-co .pb-method:has(input:checked){background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}
.pb-co .pb-method input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--brand)}
.pb-method__ic{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--ink)}
.pb-method__ic .pb-i{width:19px;height:19px}
.pb-method__ic--paypal{color:#1d63c6;background:color-mix(in srgb,#1d63c6 12%,transparent)}
.pb-method__ic--card{color:var(--brand);background:var(--brand-soft)}
.pb-method__ic--bank{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.pb-method__ic.is-big{width:52px;height:52px;border-radius:14px}
.pb-method__ic.is-big .pb-i{width:28px;height:28px}
.pb-co .pb-method__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pb-co .pb-method__body b{font-weight:600;font-size:15px}
.pb-co .pb-method__body small{color:var(--muted);font-size:13px}
.pb-method__note{max-width:46%;font-size:12.5px;line-height:1.35;color:var(--muted);text-align:right}
.pb-co .pb-method--addr{border:1.5px solid var(--line);border-radius:12px}
.pb-co .pb-co-addrs .pb-method+.pb-method{border-top:1.5px solid var(--line)}
.pb-alert--warn{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px 16px;border-radius:var(--r-md);background:color-mix(in srgb,var(--signal) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--signal) 45%,transparent);font-size:14px;line-height:1.45}
.pb-alert--warn>.pb-i{width:20px;height:20px;flex:none;color:color-mix(in srgb,var(--signal) 60%,var(--ink))}
.pb-alert--warn a{text-decoration:underline!important}

/* code */
.pb-co-code{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.pb-co-code .pb-input{display:flex}
.pb-co-code .pb-btn{height:48px;border-radius:10px;padding:0 22px}

/* order table */
.pb-cotable{display:flex;flex-direction:column}
.pb-cotable__head,.pb-cotable__row{display:grid;grid-template-columns:minmax(0,1fr) 70px 150px 78px;gap:10px;align-items:center}
.pb-cotable__head{padding:8px 10px;border-radius:8px;background:var(--bg);font-size:12px;font-weight:600;color:var(--muted)}
.pb-cotable__head span:last-child,.pb-cotable__total{text-align:right}
.pb-cotable__row{padding:14px 10px;border-bottom:1px solid var(--line)}
.pb-cotable__row.is-short{background:color-mix(in srgb,var(--sale) 6%,transparent)}
.pb-cotable__prod{display:flex;align-items:center;gap:12px;min-width:0}
.pb-cotable__price{font-size:13px;color:var(--muted);font-family:var(--f-body)}
.pb-cotable__qty{display:flex;align-items:center;gap:6px}
.pb-cotable__total{font-size:15px}
.pb-cosum__ph{position:relative;width:56px;height:56px;flex:none;border-radius:10px;background:var(--well-photo);display:grid;place-items:center}
.pb-cosum__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply);border-radius:10px}
.pb-cosum__info{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px}
.pb-cosum__info a{font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-cosum__info small{color:var(--muted);font-size:12px}
.pb-totals--co{padding:14px 10px 2px;gap:8px}
.pb-totals--co .pb-totals__row.is-grand{margin:6px -10px 0;padding:14px 10px;border:0;border-radius:10px;background:var(--brand-soft);font-size:20px}
.pb-totals--co .pb-totals__row.is-grand dd{color:var(--brand);font-weight:800}

/* payment details, extra info */
.pb-co-details__row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.pb-co-details__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.pb-co-details__row b{font-size:17px;line-height:1.3}
.pb-co-details__row p{margin:0;font-size:14px;color:var(--muted)}
.pb-co-comment{position:relative}
.pb-co-comment textarea{min-height:96px;resize:vertical}
.pb-co-counter{align-self:flex-end;font:400 12px var(--f-mono);color:var(--muted)}
.pb-co-final{gap:12px}
.pb-co-submit{height:58px;width:100%;font-size:17px;border-radius:999px;justify-content:center;gap:12px;margin-top:4px}
.pb-co-submit span{flex:none}
.pb-co-submit.is-loading{opacity:.6;pointer-events:none}
.pb-co-legal{margin:0;font-size:12px;line-height:1.5;color:var(--muted);text-align:center}
.pb-co-legal a{color:var(--brand)!important;text-decoration:underline!important}
.pb-co .pb-buy__msg{margin:0;font-size:14px;color:var(--sale)}

/* trust row under the form */
.pb-co-trust{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.pb-co-trust li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pb-co-trust .pb-i{width:30px;height:30px;color:var(--brand);margin-bottom:4px}
.pb-co-trust b{font-size:14px}
.pb-co-trust span{font-size:13px;color:var(--muted)}

/* payment of the payment module */
.pb-co-pay{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);background:var(--surface);border:1.5px solid var(--brand)}
.pb-co-pay__hint{display:flex;align-items:center;gap:10px;margin:0;font-weight:600}
.pb-co-pay__hint .pb-i{width:20px;height:20px;color:var(--brand)}
.pb-co-pay .buttons{display:flex;justify-content:flex-end}
.pb-co-pay .btn-primary,.pb-co-pay #button-confirm{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:999px;border:0;background:var(--brand);color:var(--brand-ink);font-weight:600;font-size:16px}

/* trust items in the calm checkout header */
.pb-header__trust{display:none;list-style:none;margin:0 0 0 auto;padding:0;gap:22px}
.pb-simple .pb-header__trust{display:flex}
.pb-header__trust li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.pb-header__trust .pb-i{width:18px;height:18px;color:var(--ink)}

@media (max-width:1023px){
  .pb-co{grid-template-columns:minmax(0,1fr)}
  .pb-co__main,.pb-co__side,.pb-co-pay{grid-column:1;grid-row:auto}
  .pb-simple .pb-header__trust{display:none}
}
@media (max-width:767px){
  .pb-costeps{margin-bottom:18px}
  .pb-costeps b{font-size:12px}
  .pb-costeps__dot{width:36px;height:36px}
  .pb-costeps li::before{top:17px}
  .pb-co .pb-fields--2{grid-template-columns:minmax(0,1fr)}
  .pb-co-step{padding:18px 14px}
  .pb-co-accts{grid-template-columns:minmax(0,1fr)}
  .pb-co-acct{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:12px 44px 12px 14px}
  .pb-co-acct__ic{grid-row:1 / span 2;margin:0;align-self:center}
  .pb-method__note{display:none}
  .pb-cotable__head{display:none}
  .pb-cotable__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"prod prod" "qty total";row-gap:10px}
  .pb-cotable__prod{grid-area:prod}
  .pb-cotable__price{display:none}
  .pb-cotable__qty{grid-area:qty}
  .pb-cotable__total{grid-area:total}
}

/* 21 — Forms shared by account, sign-in and contact pages ------------------------------------- */
.pb-form{display:flex;flex-direction:column;gap:14px}
.pb-form .pb-fields{display:grid;gap:14px}
.pb-form .pb-fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pb-form .is-wide{grid-column:1/-1}
.pb-form .pb-field{display:flex;flex-direction:column;gap:7px;margin:0;font-size:14px;font-weight:500;min-width:0;border:0;padding:0}
.pb-form .pb-field legend{font-size:14px;font-weight:500;margin-bottom:7px;border:0;width:auto;color:var(--ink)}
.pb-form .pb-field__box{position:relative;display:flex;align-items:center}
.pb-form .pb-field__box>.pb-i{position:absolute;left:14px;width:18px;height:18px;color:var(--muted);pointer-events:none}
.pb-form .pb-field__box>.pb-i~input{padding-left:44px}
.pb-form input:not([type=checkbox]):not([type=radio]),.pb-form textarea,.pb-form select{width:100%;min-height:48px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:400 15px var(--f-body);outline:none;transition:border-color var(--speed),box-shadow var(--speed)}
.pb-form .pb-select select{padding-right:38px}
.pb-form input:focus,.pb-form textarea:focus,.pb-form select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.pb-form .has-error input,.pb-form .has-error select,.pb-form .has-error textarea{border-color:var(--sale)}
.pb-form .pb-field__error{font-weight:400;font-size:13px;color:var(--sale)}
.pb-form .pb-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;margin:0;font-weight:400;cursor:pointer}
.pb-form .pb-check input{width:19px;height:19px;flex:none;margin:1px 0 0;accent-color:var(--brand)}
.pb-form .pb-check a,.pb-form__link{color:var(--brand)!important;text-decoration:underline!important;text-underline-offset:2px}
.pb-form__link{align-self:flex-end;font-size:13px;margin-top:-6px}
.pb-form__sub{margin:6px 0 0;font-size:16px;font-weight:700}
.pb-form__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}
.pb-form--narrow{max-width:520px}
.pb-btn--block{width:100%}
.pb-btn--danger:hover{box-shadow:inset 0 0 0 1.5px var(--sale);color:var(--sale)!important}
.pb-seg--text{display:inline-flex;padding:4px;border-radius:999px;background:var(--bg);border:1px solid var(--line)}
.pb-seg--text label{margin:0;cursor:pointer}
.pb-seg--text input{position:absolute;opacity:0}
.pb-seg--text span{display:block;padding:8px 18px;border-radius:999px;font-weight:600;font-size:14px;color:var(--muted)}
.pb-seg--text input:checked+span{background:var(--ink);color:var(--bg)}
.pb-seg--text input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.pb-yesno{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pb-yesno legend{float:left;margin:0!important}

/* sign in / register */
.pb-auth{padding-bottom:0}
.pb-auth__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:980px;margin:12px auto 0}
.pb-auth__card{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,36px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-auth__card--soft{background:linear-gradient(160deg,var(--brand-soft),var(--surface) 70%)}
.pb-auth__card--wide{max-width:760px;margin:12px auto 0}
.pb-auth__card--narrow{max-width:480px;margin:12px auto 0;align-items:stretch}
.pb-auth__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:clamp(30px,3.2vw,42px);line-height:1;margin:0}
.pb-auth__card .pb-muted{margin:0}
.pb-auth__card .pb-muted a{color:var(--brand)!important;text-decoration:underline!important}
.pb-auth__perks ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.pb-auth__perks li{display:flex;align-items:center;gap:10px}
.pb-auth__perks li::before{content:"";width:22px;height:22px;flex:none;border-radius:50%;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat}
.pb-auth__ic{align-self:center;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.pb-auth__ic .pb-i{width:28px;height:28px}
.pb-auth__card--narrow .pb-auth__title,.pb-auth__card--narrow>.pb-muted{text-align:center}

/* account layout */
.pb-acc-page{padding-bottom:0}
.pb-acc{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start;margin-top:8px}
.pb-acc.is-guest{grid-template-columns:minmax(0,1fr);max-width:900px}
.pb-acc__side{position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-acc__me{display:flex;align-items:center;gap:12px;padding:4px 4px 14px;border-bottom:1px solid var(--line)}
.pb-acc__me>span:last-child{display:flex;flex-direction:column;min-width:0}
.pb-acc__me b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-acc__me small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-acc__avatar{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink);font:700 16px var(--f-mono)}
.pb-acc__nav{display:flex;flex-direction:column;gap:2px}
.pb-acc__nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink)!important;transition:background var(--speed)}
.pb-acc__nav a .pb-i{width:18px;height:18px;color:var(--muted)}
.pb-acc__nav a:hover{background:var(--bg)}
.pb-acc__nav a.is-active{background:var(--brand-soft);color:var(--brand)!important;font-weight:600}
.pb-acc__nav a.is-active .pb-i{color:var(--brand)}
.pb-acc__logout{margin-top:6px;border-top:1px solid var(--line);border-radius:0 0 10px 10px!important;padding-top:14px!important}
.pb-acc__main{display:flex;flex-direction:column;gap:16px;min-width:0}
.pb-acc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pb-acc__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:var(--h1-size,clamp(34px,4vw,56px));line-height:.95;margin:0}
.pb-acc-card{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,26px);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-acc-card h2{margin:0;font-size:17px;font-weight:700}
.pb-acc-card h3{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--muted)}
.pb-acc-card address{font-style:normal;line-height:1.55;margin:0}
.pb-acc-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pb-acc-card__head a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand)!important}
.pb-acc-card__head .pb-i{width:15px;height:15px}
.pb-acc-hello{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,26px);border-radius:var(--r-lg);background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--ink)));color:var(--brand-ink)}
.pb-acc-hello p{margin:0;font-size:18px;font-weight:600}
.pb-acc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pb-acc-stats a{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:var(--r-md);background:color-mix(in srgb,var(--brand-ink) 12%,transparent);color:inherit!important;transition:background var(--speed)}
.pb-acc-stats a:hover{background:color-mix(in srgb,var(--brand-ink) 20%,transparent)}
.pb-acc-stats .pb-i{width:20px;height:20px;opacity:.85}
.pb-acc-stats b{font-family:var(--f-display);font-weight:900;font-size:34px;line-height:1}
.pb-acc-stats span{font-size:13px;opacity:.85}
.pb-acc-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.pb-acc-links a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bg);font-size:14px;font-weight:500;transition:background var(--speed)}
.pb-acc-links a:hover{background:var(--brand-soft);color:var(--brand)!important}
.pb-acc-links .pb-i{width:18px;height:18px;color:var(--brand)}
.pb-acc-total{margin:0;font-size:15px}
/* orders */
.pb-orders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pb-order{display:grid;grid-template-columns:80px 110px minmax(0,1fr) auto auto auto;gap:14px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--bg);border:1px solid transparent;font-size:14px;transition:border-color var(--speed)}
a.pb-order:hover,.pb-orders--full .pb-order:hover{border-color:var(--line-strong)}
.pb-orders--full .pb-order{background:var(--surface);border-color:var(--line)}
.pb-order__id{font-weight:700}
.pb-order__date,.pb-order__qty{color:var(--muted)}
.pb-order>.pb-i{width:16px;height:16px;color:var(--muted)}
.pb-order__btns{display:flex;gap:6px;align-items:center}
.pb-status{justify-self:start;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600}
.pb-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:0}
.pb-meta div{display:flex;flex-direction:column;gap:2px}
.pb-meta dt{font-size:12px;color:var(--muted);font-weight:400}
.pb-meta dd{margin:0;font-weight:600}
.pb-addr2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding-top:12px;border-top:1px solid var(--line)}
.pb-oitems{list-style:none;margin:0;padding:0}
.pb-oitem{display:grid;grid-template-columns:minmax(0,1fr) auto 100px auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.pb-oitem__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.pb-oitem__info small{color:var(--muted);font-size:12px}
.pb-oitem .pb-price{text-align:right}
.pb-oitem__btns{display:flex;gap:4px}
.pb-ocomment{padding:14px;border-radius:12px;background:var(--bg)}
.pb-ocomment p{margin:6px 0 0}
.pb-timeline{list-style:none;margin:0;padding:0 0 0 6px}
.pb-timeline li{position:relative;display:flex;gap:14px;padding:0 0 16px 18px;border-left:2px solid var(--line)}
.pb-timeline li:last-child{border-color:transparent;padding-bottom:0}
.pb-timeline__dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.pb-timeline div{display:flex;flex-direction:column;gap:2px}
.pb-timeline small{color:var(--muted);font-size:12px}
.pb-timeline p{margin:4px 0 0;font-size:14px}
.pb-track{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var(--bg)}
.pb-track>.pb-i{width:24px;height:24px;color:var(--brand)}
.pb-track>div{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px}
/* addresses, wishlist, ledgers */
.pb-addrs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.pb-addr{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}
.pb-addr address{font-style:normal;line-height:1.55;margin:0}
.pb-addr__btns{display:flex;gap:8px;flex-wrap:wrap}
.pb-wlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pb-witem{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.pb-witem__ph{width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--well-photo);display:grid;place-items:center}
.pb-witem__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply)}
.pb-witem__info{display:flex;flex-direction:column;gap:3px;min-width:0}
.pb-witem__name{font-weight:600;line-height:1.3}
.pb-witem__info small{color:var(--muted)}
.pb-witem__btns{display:flex;align-items:center;gap:6px}
.pb-ledger{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}
.pb-ledger__head,.pb-ledger__row{display:grid;grid-template-columns:130px minmax(0,1fr) 120px;gap:14px;padding:12px 16px;font-size:14px}
.pb-ledger__head{background:var(--bg);font-size:12px;font-weight:600;color:var(--muted)}
.pb-ledger__row+.pb-ledger__row{border-top:1px solid var(--line)}
.pb-ledger__head span:last-child,.pb-ledger__row b{text-align:right}

/* information pages */
.pb-infopage{padding-bottom:0}
.pb-article{max-width:var(--article-w,none);margin:8px auto 0;display:flex;flex-direction:column;gap:22px}
.pb-article__body{max-width:none;color:var(--ink);font-size:16px;line-height:1.7}
.pb-article__body :where(h2,h3){font-size:22px;margin-top:1.6em}
.pb-article__body :where(table){width:100%;border-collapse:collapse}
/* FAQ page: accordion of the questions from the settings */
.pb-faq{display:flex;flex-direction:column;gap:16px}
.pb-faq__intro{margin:0;color:var(--muted);font-size:16px;line-height:1.6}
.pb-faq__search{position:relative;display:block}
.pb-faq__search .pb-i{position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--muted)}
.pb-faq__search input{width:100%;height:48px;padding:0 16px 0 44px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:15px;outline:none}
.pb-faq__search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}
.pb-faq__list{display:flex;flex-direction:column;gap:10px}
.pb-faq__item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--speed)}
.pb-faq__item[open]{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.pb-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;font-weight:600;font-size:16px;line-height:1.35}
.pb-faq__item summary::-webkit-details-marker{display:none}
.pb-faq__item summary:hover{color:var(--brand)}
.pb-faq__item summary .pb-i{flex:none;width:30px;height:30px;padding:6px;border-radius:50%;background:var(--surface-2);transition:transform var(--speed),background var(--speed)}
.pb-faq__item[open] summary .pb-i{transform:rotate(180deg);background:var(--brand);color:var(--brand-ink)}
.pb-faq__a{padding:0 20px 20px;color:var(--muted);font-size:15px;line-height:1.7}
.pb-faq__none{margin:0;color:var(--muted)}
.pb-faq__contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px;padding:18px 20px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--brand) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line))}
.pb-faq__contact-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand);color:var(--brand-ink);flex:none}
.pb-faq__contact-ic .pb-i{width:20px;height:20px}
.pb-faq__contact>div{display:flex;flex-direction:column;gap:2px;flex:1 1 220px}
.pb-faq__contact span{color:var(--muted);font-size:14px}
.pb-faq__contact .pb-btn{margin-left:auto}
.pb-article__body :where(td,th){border:1px solid var(--line);padding:8px 12px}
.pb-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start;margin-top:10px}
.pb-contact__info{display:flex;flex-direction:column;gap:14px}
.pb-contact__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.pb-ccard{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:border-color var(--speed),transform var(--speed)}
.pb-ccard:hover{border-color:var(--brand);transform:translateY(-2px)}
.pb-ccard>.pb-i{width:42px;height:42px;padding:10px;border-radius:12px;background:var(--brand-soft);color:var(--brand);flex:none}
.pb-ccard span{display:flex;flex-direction:column;min-width:0}
.pb-ccard small{font-size:12px;color:var(--muted)}
.pb-ccard b{font-weight:600;overflow-wrap:anywhere}
.pb-contact__form{position:sticky;top:calc(var(--header-h) + 20px)}
.pb-map{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);aspect-ratio:16/9;border:1px solid var(--line)}
.pb-map iframe{width:100%;height:100%;border:0;display:block}
.pb-map__load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px;text-align:center}
.pb-map__load .pb-i{width:34px;height:34px;color:var(--brand)}
.pb-map__load small{font-size:12px;color:var(--muted);max-width:40ch}
.pb-sitemap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.pb-sitemap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pb-sitemap ul ul{padding:6px 0 4px 16px;border-left:1px solid var(--line);margin-left:4px}
.pb-sitemap__cats>ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.pb-sitemap__side{display:flex;flex-direction:column;gap:16px}
.pb-sitemap a:hover{color:var(--brand)!important}
.pb-az{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 20px}
.pb-az a{min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border-radius:10px;background:var(--surface);border:1px solid var(--line);font:700 14px var(--f-mono)}
.pb-az a:hover{background:var(--ink);color:var(--bg)!important}
.pb-brands{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 20px)}
.pb-brands__letter{font-family:var(--f-display);font-weight:900;font-size:44px;line-height:1;margin:0;color:var(--brand)}
.pb-brands__list{display:flex;flex-wrap:wrap;gap:8px}
.pb-compare{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.pb-compare table{border-collapse:collapse;min-width:100%}
.pb-compare th,.pb-compare td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left;font-size:14px;min-width:220px}
.pb-compare th{position:sticky;left:0;z-index:1;background:var(--surface);color:var(--muted);font-weight:500;min-width:160px;max-width:200px}
.pb-compare thead td{vertical-align:bottom}
.pb-compare__prod{position:relative}
.pb-compare__prod>*{display:block}
.pb-compare__ph{width:140px;height:140px;margin-bottom:10px;border-radius:12px;background:var(--well-photo);overflow:hidden}
.pb-compare__ph img{width:100%;height:100%;object-fit:contain;mix-blend-mode:var(--photo-blend,multiply)}
.pb-compare__name{font-weight:600;margin-bottom:6px}
.pb-compare__prod .pb-price{margin-bottom:10px}
.pb-compare__x{position:absolute;top:8px;right:8px}
.pb-compare__group th{background:var(--bg);color:var(--ink);font-weight:700}
.pb-compare__desc{font-size:13px;color:var(--muted)}

@media (max-width:1023px){
  .pb-acc{grid-template-columns:minmax(0,1fr)}
  .pb-acc__side{position:static}
  .pb-acc__nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .pb-acc__nav::-webkit-scrollbar{display:none}
  .pb-acc__nav a{flex:none}
  .pb-acc__logout{margin:0;border:0;padding-top:10px!important}
  .pb-contact,.pb-sitemap{grid-template-columns:minmax(0,1fr)}
  .pb-contact__form{position:static}
}
@media (max-width:767px){
  .pb-auth__grid,.pb-form .pb-fields--2{grid-template-columns:minmax(0,1fr)}
  .pb-acc-stats b{font-size:26px}
  .pb-order{grid-template-columns:auto 1fr auto;grid-template-areas:"id date total" "status qty btns";row-gap:8px}
  .pb-order__id{grid-area:id}.pb-order__date{grid-area:date}.pb-order .pb-price{grid-area:total}.pb-status{grid-area:status}.pb-order__qty{grid-area:qty}.pb-order__btns,.pb-order>.pb-i{grid-area:btns;justify-self:end}
  .pb-oitem{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  .pb-witem{grid-template-columns:64px minmax(0,1fr) auto}
  .pb-witem__ph{width:64px;height:64px}
  .pb-witem .pb-price{grid-column:2}
  .pb-ledger__head,.pb-ledger__row{grid-template-columns:96px minmax(0,1fr) auto}
  .pb-brands{grid-template-columns:minmax(0,1fr)}
}
/* captcha extensions print Bootstrap rows/columns: let them flow inside theme forms */
.pb-form .form-group,.pb-co .form-group{margin:0;display:flex;flex-direction:column;gap:8px}
.pb-form [class*="col-sm-"],.pb-co [class*="col-sm-"]{width:auto;float:none;padding:0}
.pb-form fieldset legend,.pb-co fieldset legend{font-size:15px;font-weight:600;border:0;margin:0 0 6px;width:auto}

/* 22 — Quick view, reviews, shipping estimate, affiliate bits ------------------------------------ */
.pb-modal--qv .pb-modal__panel{width:min(980px,100%);padding:0;overflow:auto}
.pb-modal--qv .pb-modal__close{z-index:3;background:var(--surface);box-shadow:var(--shadow)}
.pb-modal--qv .pb-modal__body>.pb-muted{padding:40px;text-align:center}
.pb-qv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pb-qv__media{padding:18px;background:var(--well-photo)}
.pb-qv__media .pb-gallery,.pb-qv__media .pb-gallery:not(:has(.pb-gallery__thumbs)){position:static;grid-template-columns:minmax(0,1fr);padding-inline:0}
.pb-qv__media .pb-gallery__stage{border-radius:var(--r-lg)}
.pb-qv__info{padding:28px 26px 24px;gap:14px}
.pb-qv__info .pb-buybox__title{font-size:24px;padding-right:36px}
.pb-qv__desc{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.pb-qv__more{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--brand)!important}
.pb-qv__more .pb-i{width:16px;height:16px}
.pb-qv .pb-buy__row .pb-buy__now{flex-basis:100%}
@media (max-width:767px){.pb-qv{grid-template-columns:minmax(0,1fr)}.pb-qv__info{padding:18px 16px}}

.pb-reviews__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pb-review{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--r-md);background:var(--bg);border:1px solid var(--line)}
.pb-review__head{display:flex;align-items:center;gap:12px}
.pb-review__head>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.pb-review__head small{font-size:12px;color:var(--muted)}
.pb-review__avatar{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:700}
.pb-review__text{margin:0;font-size:15px;line-height:1.6;white-space:pre-line}
.pb-reviews__empty{display:flex;align-items:center;gap:12px;padding:18px;border-radius:var(--r-md);background:var(--bg);color:var(--muted)}
.pb-reviews__empty .pb-i{width:24px;height:24px}
.pb-reviews__empty p{margin:0}
.pb-review-form .pb-field input,.pb-review-form .pb-field textarea{background:var(--surface)}

.pb-codebox__body{display:flex;flex-direction:column;gap:12px;padding:0 14px 14px}
.pb-codebox__body .pb-muted{margin:0;font-size:13px}
.pb-estimate__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}
.pb-estimate .pb-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;font-weight:500}
.pb-estimate .pb-field input,.pb-estimate .pb-field select{width:100%;min-height:44px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:400 14px var(--f-body)}
.pb-estimate .pb-select select{padding-right:34px}
.pb-estimate .pb-btn{height:44px}
.pb-estimate .pb-methods{display:flex;flex-direction:column;gap:6px}
.pb-estimate .pb-method{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;margin:0;font-weight:400}
.pb-estimate .pb-method:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.pb-estimate .pb-method input{width:18px;height:18px;margin:0;accent-color:var(--brand)}
.pb-estimate .pb-method__body{flex:1;display:flex;flex-direction:column}
.pb-estimate .pb-method__body small{color:var(--muted);font-size:12px}
.pb-estimate .pb-method__price{font-family:var(--f-body);font-weight:700}
.pb-estimate [data-pb-est-apply]{align-self:flex-end;height:44px}
@media (max-width:767px){.pb-estimate__fields{grid-template-columns:minmax(0,1fr)}}

.pb-copy--in{position:absolute;right:8px}
.pb-form [data-pb-affpay-box]{display:grid;gap:14px}
.pb-form [data-pb-affpay-box][hidden]{display:none}
.pb-qv .pb-buybox__title{text-transform:none;font-family:var(--f-body);font-weight:600;letter-spacing:-.01em}
.pb-sg--goto{background:var(--brand-soft);margin-bottom:4px}
.pb-sg--goto b{color:var(--brand)}
.pb-sg--goto .pb-sg__ph{background:var(--surface);color:var(--brand)}
.pb-tnum{font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- engraving showcase (settings "Engraving showcase"): window from the header and page ---------- */
.pb-nav__link--sc{color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent)}
.pb-nav__link--sc:hover{background:color-mix(in srgb,var(--brand) 20%,transparent)}
.pb-nav__link--sc .pb-i{width:17px;height:17px}
.pb-mega__sc{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;color:var(--ink)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 22%,var(--surface)),color-mix(in srgb,var(--brand) 6%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent);transition:transform var(--speed)}
.pb-mega__sc:hover{transform:translateY(-1px)}
.pb-mega__sc>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
.pb-mega__sc b{font-size:14px;line-height:1.25}
.pb-mega__sc small{font-size:12px;color:var(--muted)}
.pb-mega__sc-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand);color:var(--brand-ink)}
.pb-mega__sc-icon .pb-i{width:20px;height:20px}
.pb-side__sc{margin:0 0 12px}

.pb-sc{--sc-pad:clamp(18px,2.6vw,34px);position:relative;display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);padding:var(--sc-pad);border-radius:calc(var(--r-lg) + 8px);background:radial-gradient(70% 60% at 85% 0%,color-mix(in srgb,var(--brand) 26%,transparent),transparent 70%),radial-gradient(50% 50% at 0% 100%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 70%),var(--surface);border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));overflow:clip}
.pb-sc-page .pb-sc{margin:8px 0 var(--section-gap)}
.pb-sc__hero{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:center}
.pb-sc__hero.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.pb-sc__copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.pb-sc__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);background:color-mix(in srgb,var(--brand) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent)}
.pb-sc__eyebrow .pb-i{width:16px;height:16px;color:var(--brand)}
.pb-sc__title{font-family:var(--f-display);font-weight:900;text-transform:var(--heading-case);font-size:var(--h2-size,clamp(32px,4vw,58px));line-height:.92;margin:0;max-width:16ch}
.pb-sc__title em{font-style:normal;color:var(--brand)}
.pb-sc__text{margin:0;max-width:52ch;color:var(--muted);font-size:16px;line-height:1.55}
.pb-sc__feats{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}
.pb-sc__feats li{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.3;max-width:200px}
.pb-sc__ficon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--brand) 14%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand)}
.pb-sc__ficon .pb-i{width:19px;height:19px}
.pb-sc__media{position:relative;align-self:stretch;min-height:260px;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2)}
.pb-sc__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pb-sc__chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}
.pb-sc__chips::-webkit-scrollbar{display:none}
.pb-sc__chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink)!important;background:color-mix(in srgb,var(--surface-2) 70%,transparent);box-shadow:inset 0 0 0 1px var(--line);transition:background var(--speed),box-shadow var(--speed)}
.pb-sc__chip .pb-i{width:17px;height:17px;color:var(--muted)}
.pb-sc__chip:hover{background:color-mix(in srgb,var(--brand) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent)}
.pb-sc__chip:hover .pb-i{color:var(--brand)}
.pb-sc__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pb-sc__tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:270px;padding:18px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;color:#fff!important;background:#15182c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.pb-sc__tile>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pb-sc__tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(9,10,24,.94) 0%,rgba(9,10,24,.7) 38%,rgba(9,10,24,.08) 72%)}
.pb-sc__tile:hover>img{transform:scale(1.05)}
.pb-sc__tile.is-plain{background:linear-gradient(150deg,color-mix(in srgb,var(--brand) 55%,#15182c),#15182c 75%)}
.pb-sc__tile.is-plain::before{display:none}
.pb-sc__tile-icon{position:absolute;top:18px;right:18px;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.12)}
.pb-sc__tile-icon .pb-i{width:28px;height:28px}
.pb-sc__badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:999px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(10,12,28,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pb-sc__badge .pb-i{width:14px;height:14px;color:var(--signal)}
.pb-sc__tile-body{display:flex;flex-direction:column;gap:6px;padding-right:46px}
.pb-sc__tile-title{font-size:18px;line-height:1.2;font-weight:700}
.pb-sc__tile-text{font-size:13px;line-height:1.45;color:rgba(255,255,255,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pb-sc__price{margin-top:4px;font-size:16px;font-weight:700}
.pb-sc__go{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background var(--speed),transform var(--speed)}
.pb-sc__go .pb-i{width:18px;height:18px}
.pb-sc__tile:hover .pb-sc__go{background:var(--brand);color:var(--brand-ink);transform:translateX(2px)}
.pb-sc__mat{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--surface-2) 70%,transparent);box-shadow:inset 0 0 0 1px var(--line)}
.pb-sc__mat-head{display:flex;gap:12px;align-items:flex-start}
.pb-sc__mat-head b{display:block;font-size:16px;margin-bottom:4px}
.pb-sc__mat-head p{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}
.pb-sc__mat-list{list-style:none;margin:auto 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pb-sc__mat-list a,.pb-sc__mat-list li>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;color:var(--ink)!important;text-align:center}
.pb-sc__mat-img{display:block;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.pb-sc__mat-img img{width:100%;height:100%;object-fit:cover}
.pb-sc__mat-list a:hover .pb-sc__mat-img{box-shadow:0 0 0 2px var(--brand)}
.pb-sc__foot{display:flex;justify-content:center}
.pb-sc__cta{min-width:min(360px,100%);height:54px;box-shadow:0 14px 34px -14px var(--brand)}
.pb-sc__cta .pb-i{width:18px;height:18px}
/* the window */
.pb-modal--sc .pb-modal__panel{width:min(1240px,100%);padding:0;background:none;box-shadow:none;overflow:auto;border-radius:calc(var(--r-lg) + 8px)}
.pb-modal--sc .pb-modal__close{z-index:3;top:14px;right:14px;background:var(--surface);box-shadow:var(--shadow)}
.pb-modal--sc .pb-modal__body>.pb-muted{padding:60px;text-align:center;background:var(--surface);border-radius:var(--r-lg)}
.pb-modal--sc .pb-sc__hero{padding-right:44px}
/* in the window the order button stays in sight at the bottom while the tiles scroll */
.pb-modal--sc .pb-sc__foot{position:sticky;bottom:0;z-index:2;margin:0 calc(var(--sc-pad) * -1) calc(var(--sc-pad) * -1);padding:14px var(--sc-pad) var(--sc-pad);background:linear-gradient(transparent,var(--surface) 45%)}
@media (max-width:1100px){.pb-sc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){
  .pb-sc__hero.has-image{grid-template-columns:minmax(0,1fr)}
  .pb-sc__media{min-height:200px;order:-1}
  .pb-sc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pb-sc__mat{grid-column:1/-1}
  .pb-modal--sc .pb-sc__hero{padding-right:0}
}
@media (max-width:520px){
  .pb-sc__grid{grid-template-columns:minmax(0,1fr)}
  .pb-sc__tile{min-height:220px}
  .pb-sc__feats li{max-width:none}
}