/* MISA design tokens. Перенесено из snippets/design-tokens.liquid Shopify-темы.
   Значения — из config/settings_data.json (current). */
@font-face{font-family:Geist;src:url(../fonts/geist-variable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --font-family:Geist, Arial, sans-serif;
  --type-scale:1;
  --color-background:#ffffff;
  --color-surface:#fafafa;
  --color-text:#000000;
  --color-secondary:#545454;
  --color-tertiary:#a3a3a3;
  --color-border:#e5e5e5;
  --color-brand:#1741c8;
  --color-on-brand:#ffffff;
  --color-inverse:#1a1a1a;
  --color-on-inverse:#ffffff;
  --color-hover:#292929;
  --color-error:#db2626;
  --color-success:#218c54;
  --color-editorial-accent:#FEC401;
  --color-craft:#FAFAFA;
  --color-catalog-background:#EBEBEB;
  --color-editorial-heading:#404040;
  --color-overlay:rgb(0 0 0 / 0.5);
  --radius-control:2px;
  --radius-hero-cta:4px;
  --motion-duration:300ms;
}
:root {
  --space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-120:120px;
  --type-display:calc(3rem * var(--type-scale));--leading-display:1;
  --type-h1:calc(2.25rem * var(--type-scale));--leading-h1:1.111111;
  --type-h2:calc(1.75rem * var(--type-scale));--leading-h2:1.285714;
  --type-h3:calc(1.375rem * var(--type-scale));--leading-h3:1.363636;
  --type-h4:calc(1.125rem * var(--type-scale));--leading-h4:1.444444;
  --type-body-large:calc(1.125rem * var(--type-scale));--leading-body-large:1.555556;
  --type-body:calc(1rem * var(--type-scale));--leading-body:1.5;
  --type-small:calc(.875rem * var(--type-scale));--leading-small:1.428571;
  --type-caption:calc(.75rem * var(--type-scale));--leading-caption:1.333333;
  --type-footer:calc(.8125rem * var(--type-scale));--leading-footer:1.538462;
  --type-wordmark:calc(1.25rem * var(--type-scale));--tracking-wordmark:.1875rem;
  --tracking-label:.03125rem;
  --page-gutter:var(--space-16);--editorial-gutter:var(--space-24);--footer-gutter:var(--space-20);
  --header-height:56px;--icon-size:24px;--target-size:44px;--button-m:48px;--button-l:56px;
  --hero-height:700px;--hero-logo-width:236px;--hero-logo-height:58px;--hero-logo-top:19px;--hero-logo-left:16px;
  --drawer-width:500px;--content-max:1600px;--reading-width:42rem;
  --ease-out:cubic-bezier(0,0,.58,1);
  --editorial-panel-height:544px;--product-rail-card-width:230.75px;--product-card-media-height:336px;
  --manifesto-width:700px;--manifesto-heading-mobile-width:288px;
  --craft-mobile-ratio:390/601;--lifestyle-mobile-height:500px;--lifestyle-tablet-height:500px;
  --lifestyle-caption-offset:56px;--lifestyle-fill:#e9ebeb;--newsletter-width:420px;--newsletter-tablet-height:395.5px;--newsletter-desktop-height:840px;
  --type-location:calc(2.5rem * var(--type-scale));--leading-location:calc(3.00373125rem * var(--type-scale));
  --pdp-gutter:16px;--pdp-column-gap:24px;--pdp-media-ratio:4/5;--pdp-thumbnail:56px;--pdp-accordion-height:61px;--cart-image-width:112px;--related-card-width:230px;--related-media-height:267px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:var(--header-height);-webkit-text-size-adjust:100%}
body{min-height:100svh;display:flex;flex-direction:column;margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--type-body);line-height:var(--leading-body);font-synthesis:none}
body:has(dialog[open]){overflow:hidden}
main{flex:1}
main:focus{outline:none}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}
:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}
button{background:none}
h1,h2,h3,h4,h5,h6,p{margin:0}
h1,h2,h3,h4,h5,h6{font-weight:500;text-wrap:balance}
h1,.type-h1{font-size:var(--type-h1);line-height:var(--leading-h1)}
h2,.type-h2{font-size:var(--type-h2);line-height:var(--leading-h2)}
h3,.type-h3{font-size:var(--type-h3);line-height:var(--leading-h3)}
h4,.type-h4{font-size:var(--type-h4);line-height:var(--leading-h4)}
.type-display{font-size:var(--type-display);line-height:var(--leading-display);font-weight:500}
.type-body-large{font-size:var(--type-body-large);line-height:var(--leading-body-large)}
.type-body{font-size:var(--type-body);line-height:var(--leading-body)}
.type-small{font-size:var(--type-small);line-height:var(--leading-small)}
.type-caption{font-size:var(--type-caption);line-height:var(--leading-caption)}
.type-label{font-size:var(--type-small);line-height:var(--leading-small);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase}
.page-width{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--page-gutter)}
.section-space{padding-block:var(--space-80)}
.rte>*+*{margin-top:var(--space-16)}
.rte ul,.rte ol{padding-inline-start:var(--space-24)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:var(--space-16);left:var(--space-16);transform:translateY(-200%);z-index:100;background:var(--color-background);padding:var(--space-16)}
.skip-link:focus{transform:none}
.icon{width:var(--icon-size);height:var(--icon-size);flex:none;fill:currentColor}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--target-size);height:var(--target-size);padding:0;border:0;text-decoration:none;position:relative;flex:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--button-m);padding:var(--space-12) var(--space-24);border:1px solid var(--color-text);border-radius:var(--radius-control);background:var(--color-text);color:var(--color-background);font-size:var(--type-small);font-weight:500;line-height:var(--leading-small);letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:none;text-align:center;transition:background-color 150ms,color 150ms,border-color 150ms;overflow-wrap:anywhere}
.button--secondary{background:var(--color-background);color:var(--color-text)}
.button--brand{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}
.button--large{min-height:var(--button-l)}
.button:disabled,.button[aria-disabled=true]{background:var(--color-border);color:var(--color-tertiary);border-color:var(--color-border);pointer-events:none}
.button:active{background:var(--color-hover);color:var(--color-background)}
.editorial-link{font-size:var(--type-h4);line-height:var(--leading-h4);font-weight:500;text-decoration:none;align-self:flex-start;min-height:var(--target-size);display:inline-flex;align-items:center;margin-bottom:-9px}
.editorial-link:hover{text-decoration:underline}
.field{display:grid;gap:var(--space-8)}
.field__label{font-size:var(--type-small);line-height:var(--leading-small)}
.field__input{width:100%;min-height:var(--button-m);padding:var(--space-12) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-background)}
.field__input::placeholder{color:var(--color-secondary);opacity:1}
.field__input:focus{border-color:var(--color-brand)}
.field__input[aria-invalid=true]{border-color:var(--color-error)}
.field__input:disabled{background:var(--color-surface);color:var(--color-tertiary)}
.field__error{color:var(--color-error);font-size:var(--type-small)}
.badge{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);background:var(--color-text);color:var(--color-background);font-size:var(--type-caption);line-height:var(--leading-caption)}
.site-header{position:relative;z-index:10;min-height:var(--header-height);background:var(--color-background);color:var(--color-text)}
.header-inner{min-height:var(--header-height);padding-inline:var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}
.header-brand{display:block;flex:none;text-decoration:none}
.brand-logo{width:105px;height:26px;object-fit:contain}
.brand-logo--inverse{display:none}
.header-nav{display:none}
.header-actions{display:flex;align-items:center;margin-inline-end:-10px;margin-inline-start:auto}
.cart-dot{position:absolute;top:8px;right:9px;width:10px;height:10px;border-radius:50%;background:var(--color-brand)}
.nav-list{display:flex;gap:var(--space-32);list-style:none;padding:0;margin:0}
.nav-link{display:inline-flex;align-items:center;min-height:var(--target-size);text-decoration:none;overflow-wrap:anywhere}
.nav-list>li{position:relative}
.nav-list details>summary{list-style:none}
.nav-list details>summary::-webkit-details-marker{display:none}
.nav-list details>summary::after{content:'+';margin-inline-start:var(--space-8)}
.nav-list details[open]>summary::after{content:'−'}
.nav-submenu{list-style:none;margin:0;padding:var(--space-16);background:var(--color-background);color:var(--color-text);min-width:13rem;border:1px solid var(--color-border)}
.nav-submenu .nav-link{font-size:var(--type-small);line-height:var(--leading-small);text-transform:none;letter-spacing:normal}
.header-nav .nav-submenu{position:absolute;inset-block-start:100%;inset-inline-start:0;max-width:22rem}
.header-nav .nav-submenu .nav-submenu{position:static;border:0;padding-block:0}
.drawer{width:min(100%,var(--drawer-width));height:100%;max-height:100dvh;max-width:100%;margin:0 0 0 auto;padding:0;border:0;background:var(--color-background);color:var(--color-text)}
.drawer::backdrop{background:var(--color-overlay)}
.drawer__inner{min-height:100%;padding:var(--space-16) var(--space-24) max(var(--space-24),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-32)}
.drawer__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16)}
.drawer__nav .nav-list{display:block}
.drawer__nav .nav-link{font-size:var(--type-h4);font-weight:500;line-height:var(--leading-h4);min-height:var(--button-l)}
.drawer__nav .nav-submenu{border:0;padding-inline:var(--space-16)}
.drawer__bottom{margin-top:auto}
.search-form{display:grid;gap:var(--space-16)}
.localization{display:flex;gap:var(--space-12);align-items:end;flex-wrap:wrap}
.localization .field{min-width:7rem;max-width:100%}
.site-footer{background:var(--color-inverse);color:var(--color-on-inverse);padding:var(--space-48) var(--footer-gutter) var(--space-32);display:grid;gap:var(--space-32)}
.footer-top{display:flex;flex-direction:column;gap:var(--space-32)}
.footer-brand{max-width:208px;display:grid;gap:var(--space-12);align-content:start}
.footer-wordmark{font-size:var(--type-wordmark);font-weight:500;line-height:1.3;letter-spacing:var(--tracking-wordmark)}
.footer-description{font-size:var(--type-footer);line-height:var(--leading-footer);color:var(--color-tertiary)}
.footer-groups{display:flex;gap:var(--space-80);flex-wrap:wrap}
.footer-group{display:grid;gap:5px;align-content:start;min-width:0}
.footer-logo{display:block;width:105px;height:26px}
.footer-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
/* Иконки соцсетей: зона 44 px, знак 24 px; сдвиг влево, чтобы знак стоял по кромке текста. */
.site-footer .footer-social{margin-left:calc((var(--target-size) - 24px) / -2)}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links a{display:inline-block;padding-block:5px;min-height:28px;font-size:var(--type-small);line-height:18px;text-decoration:none}
.footer-links li:last-child a{padding-bottom:0;min-height:23px}
.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap;font-size:var(--type-caption);line-height:var(--leading-caption);color:var(--color-tertiary)}
.footer-legal{display:flex;gap:var(--space-16);flex-wrap:wrap;list-style:none;margin:0;padding:0}
.footer-newsletter{display:grid;gap:var(--space-16);max-width:28rem}
.misa-hero{position:relative;isolation:isolate;min-height:var(--hero-height);overflow:hidden;background:var(--color-surface);display:grid;align-items:end;padding:var(--space-40) var(--editorial-gutter);--hero-zoom:1.417863;--hero-position:40.828509% 50%;--hero-filter:brightness(1.101905) contrast(.76)}
.misa-hero--viewport{min-height:100svh}
.hero-media,.hero-media picture{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-position);transform:scale(var(--hero-zoom));filter:var(--hero-filter)}
.misa-hero:not([data-design-crop]){--hero-zoom:1;--hero-filter:none;--hero-position:var(--media-focal-point,50% 50%)}
.misa-hero:not([data-design-crop]) .hero-media img{object-position:var(--media-focal-point,50% 50%)}
.hero-overlay{position:absolute;inset:0;background:#000;opacity:var(--hero-overlay-opacity);z-index:-1}
@media(max-width:767px){.hero-overlay{opacity:var(--hero-mobile-overlay-opacity)}}
@media(min-width:768px) and (max-width:1199px){.misa-hero[data-design-crop][data-tablet-image] .hero-media img{position:absolute;top:50%;height:114.84375vw;min-height:100%;object-fit:fill;transform:translateY(-50%)}}
.hero-brand{position:absolute;top:var(--hero-logo-top);left:var(--hero-logo-left);width:var(--hero-logo-width);height:var(--hero-logo-height);line-height:1}
.hero-brand .brand-logo,.hero-brand picture{display:block;width:100%;height:100%}
.hero-content{display:grid;gap:var(--space-24);text-align:center;justify-items:stretch;color:var(--color-on-inverse)}
.hero-cta{border-radius:var(--radius-hero-cta)}
body:has(main>.page-section:first-child .misa-hero[data-header-overlay]) .site-header{position:absolute;inset:0 0 auto;background:transparent;color:var(--color-on-inverse)}
body:has(main>.page-section:first-child .misa-hero[data-header-overlay]) .site-header .brand-logo--standard{display:none}
body:has(main>.page-section:first-child .misa-hero[data-header-overlay]) .site-header .brand-logo--inverse{display:block}
body:has(main>.page-section:first-child .misa-hero[data-header-overlay][data-large-logo]) .site-header .header-brand{visibility:hidden}
.foundation-grid{display:grid;gap:var(--space-48)}
.foundation-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-16)}
.foundation-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-16)}
.foundation-swatch{padding:var(--space-24);border:1px solid var(--color-border);background:var(--swatch-color);min-height:100px}
.foundation-control{max-width:28rem;display:grid;gap:var(--space-16)}
.no-js .js-only{display:none}
.no-js .header-nav{display:block;overflow:auto}
.no-js .header-inner{flex-wrap:wrap}
@media(hover:hover){.button:hover{background:var(--color-hover);color:var(--color-background)}.button--secondary:hover{background:var(--color-surface);color:var(--color-text)}.button--brand:hover{background:color-mix(in srgb,var(--color-brand),#000 14%);color:var(--color-on-brand)}.nav-link:hover,.footer-links a:hover{text-decoration:underline}}
@media(min-width:768px){
  :root{--pdp-gutter:24px;--pdp-media-ratio:348/440;--related-media-height:364px}
  :root{--editorial-panel-height:480px;--product-rail-card-width:308.857143px}
  :root{--page-gutter:var(--space-48);--footer-gutter:var(--space-48);--header-height:64px;--hero-logo-width:420px;--hero-logo-height:104px;--hero-logo-top:48px;--hero-logo-left:24px}
  .header-inner{display:grid;grid-template-columns:1fr auto 1fr}
  .header-nav{display:block}
  .header-actions{justify-self:end}
  .header-menu-button{display:none}
  .footer-top{flex-direction:row;justify-content:space-between}
  .misa-hero{padding-block:var(--space-48) var(--button-l);--hero-zoom:1;--hero-position:50% 24.253731%;--hero-filter:contrast(.7)}
  .hero-content{justify-items:center}
  .hero-cta{min-width:226px}
}
@media(min-width:1200px){:root{--editorial-gutter:var(--space-48);--hero-logo-left:48px;--hero-logo-top:26px;--editorial-panel-height:clamp(640px,54.232804vw,960px)}.misa-hero{--hero-position:50% 38.327441%;--hero-filter:brightness(1.101905) contrast(.76)}}
@media(min-width:1200px){:root{--pdp-gutter:48px;--pdp-column-gap:64px;--pdp-media-ratio:676/823;--related-media-height:444px}}
@media(max-width:767px){.footer-groups{gap:var(--space-64);flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){:root{--motion-duration:0ms}*,*::before,*::after{scroll-behavior:auto;transition-duration:0s;animation-duration:0s}}

@media(min-width:768px) and (max-width:1199px){.misa-hero:not([data-design-crop]){--hero-position:var(--hero-tablet-position,50% 50%)}}
/* Компонентные стили. Перенесены 1:1 из {% stylesheet %}-блоков Shopify-темы MISA. */

/* --- editorial-pair --- */
.editorial-pair{display:grid;grid-template-columns:1fr}
.editorial-panel{position:relative;isolation:isolate;overflow:hidden;min-height:var(--editorial-panel-height);padding:var(--space-32) var(--editorial-gutter) var(--space-24);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-24);background:var(--color-inverse);color:var(--color-on-inverse)}
.editorial-panel--dark{color:var(--color-text);background:var(--color-surface)}
.editorial-panel__media{position:absolute;inset:0;z-index:-1}
.editorial-panel--reference .editorial-panel__media img{position:absolute;max-width:none;left:-21.640241%;top:-9.104181%;width:143.076922%;height:125.282594%;object-fit:fill;filter:contrast(.74)}
@media(min-width:768px){.editorial-pair{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.editorial-panel{padding-inline:var(--space-48)}}

/* --- featured-collection --- */
.featured-collection{padding:var(--space-40) var(--page-gutter) var(--space-48);display:grid;gap:var(--space-24)}
.featured-collection__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24)}
.featured-collection__heading .editorial-link{margin:0;min-height:0;flex:none}
.product-rail{display:block;position:relative;min-width:0}
.product-rail__track{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;list-style:none;padding:0;margin:0;scrollbar-width:none;overscroll-behavior-x:contain}
.product-rail__track::-webkit-scrollbar{display:none}
.product-rail__track>li{flex:0 0 var(--product-rail-card-width);min-width:0;scroll-snap-align:start}
.rail-control{position:absolute;top:calc(var(--product-card-media-height) / 2 - var(--button-m) / 2);width:var(--target-size);height:var(--button-m);display:flex;align-items:center;justify-content:center;padding:0;border:0;background:var(--color-overlay);color:var(--color-on-inverse)}
.rail-control--previous{left:0}.rail-control--next{right:0}.rail-control--previous .icon{transform:rotate(180deg)}
.rail-control:disabled{visibility:hidden;pointer-events:none}
/* Перетаскивание ленты мышью (js/misa.js, misa-product-rail). */
@media(hover:hover) and (pointer:fine){.product-rail__track{cursor:grab}.product-rail__track.is-grabbing{cursor:grabbing;user-select:none}.product-rail__track.is-grabbing a{cursor:grabbing}}
@media(max-width:767px){.featured-collection__heading .editorial-link{display:none}}

/* --- product-card --- */
.product-card{position:relative;min-width:0;background:var(--color-background)}
.product-card__link{display:block;text-decoration:none}
.product-card__media{position:relative;height:var(--product-card-media-height,336px);overflow:hidden;background:var(--color-catalog-background)}
.product-card__media>img{width:100%;height:100%;object-fit:contain}
/* Пропорции сумок в карточках (09.10.2026): фото масштабируется и ставится так,
   чтобы дно сумки было на одной линии (--card-base) во всех карточках; данные —
   из snippets/card-frame.html. cqmin = меньшая сторона карточки, как contain. */
.product-card__media{container-type:size;--card-base:.9}
.product-card__media[data-framed]{background:var(--card-bg,var(--color-catalog-background))}
.product-card__media[data-framed]>img{position:absolute;left:calc(50cqw - var(--card-cx) * var(--card-s) * 100cqmin);top:calc(var(--card-base) * 100cqh - var(--card-bb) * var(--card-s) * 100cqmin);width:calc(var(--card-s) * 100cqmin);height:calc(var(--card-s) * 100cqmin);max-width:none;max-height:none}
.product-card__media[data-inset]>img{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.product-card__badge{position:absolute;top:var(--space-12);left:var(--space-12)}
.product-card__details{padding:var(--space-8);min-height:56px}
.product-card__title-row{display:flex;align-items:start;justify-content:space-between;gap:var(--space-8)}
.product-card__title{font-size:var(--type-small);line-height:var(--leading-small);font-weight:400;text-wrap:wrap;overflow-wrap:anywhere}
.product-card__swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:20px;max-width:72px;flex:none}
.product-card__swatch{width:8px;height:8px;background:var(--swatch-color);border:1px solid var(--color-border);border-radius:50%;overflow:hidden}
.product-card__swatch--selected{outline:1px solid var(--color-text);outline-offset:2px}
.product-card__swatch img{width:100%;height:100%;object-fit:cover}
.product-card__option-count{font-size:var(--type-caption);line-height:var(--leading-small);color:var(--color-secondary);white-space:nowrap}
@media(hover:hover){.product-card__link:hover .product-card__title{text-decoration:underline}}
@media(prefers-reduced-motion:reduce){.product-card__media>img{transition:none}}

/* --- price --- */
.price{display:flex;flex-wrap:wrap;gap:var(--space-8);font-size:var(--type-small);line-height:var(--leading-small)}
.price s{color:var(--color-secondary)}

/* --- responsive-media --- */
.responsive-media{display:block;width:100%;height:100%;overflow:hidden}
.responsive-media img{display:block;width:100%;height:100%;object-fit:cover}

/* --- editorial-text --- */
.editorial-text{padding:var(--space-80) var(--editorial-gutter);display:flex;flex-direction:column;align-items:center;gap:var(--space-20);text-align:center}
.editorial-text h2{color:var(--color-editorial-heading)}
.editorial-text__mobile-copy{display:none;margin:0}
.editorial-text__body{width:100%;max-width:var(--manifesto-width)}
.editorial-text--left{align-items:flex-start;text-align:left;max-width:var(--content-max);margin-inline:auto}
.editorial-text--left h2{width:100%;max-width:var(--manifesto-width);text-wrap:wrap}
@media(max-width:767px){.editorial-text__desktop-copy{display:none}.editorial-text__mobile-copy{display:block}.editorial-text--compact-heading h2{width:100%;max-width:none}.editorial-text__mobile-copy{text-wrap:wrap}}

/* --- craft-story --- */
.craft-story{background:var(--color-craft);display:grid}
.craft-video{position:relative;display:block;width:100%;aspect-ratio:var(--craft-mobile-ratio);overflow:hidden;background:var(--color-inverse)}
.craft-video__poster{position:absolute;inset:0}
.craft-video>video,.craft-video noscript video{position:relative;width:100%;height:100%;object-fit:cover;display:block}
.craft-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:var(--color-background);color:var(--color-text)}
.craft-video__play .icon{width:32px;height:32px}
.craft-video__play[hidden],.craft-video__poster[hidden],.craft-video__error[hidden]{display:none}
.craft-video__error{position:absolute;inset:auto 16px 16px;padding:12px;background:var(--color-background);color:var(--color-text);font-size:var(--type-small)}
.craft-details{display:grid;align-content:center;gap:var(--space-32);padding:var(--space-48) var(--page-gutter)}
/* Иконка по строке заголовка пункта, а не по центру всего текста (замечание
   владельца 08.10.2026; в Shopify-теме — по центру): кружок 48 px центрируется
   на строке h4 (18 px × 1.444444 = 26 px), поэтому сдвигается вверх на 11 px. */
.craft-item{display:flex;gap:var(--space-16);align-items:flex-start}
.craft-item__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;margin-top:calc((var(--type-h4) * var(--leading-h4) - 48px) / 2);background:var(--color-surface);border-radius:50%}
.craft-item__text{display:grid;gap:var(--space-4);min-width:0}
.craft-item__text .rte{color:var(--color-secondary)}
@media(min-width:768px){.craft-story{grid-template-columns:320px minmax(0,430px);justify-content:center;align-items:center;gap:var(--space-40);padding:var(--space-80) var(--space-24)}.craft-video{aspect-ratio:320/520;border-radius:var(--radius-control)}.craft-details{gap:0;padding:var(--space-48) var(--space-16)}.craft-item+.craft-item{border-top:1px solid var(--color-border);margin-top:var(--space-24);padding-top:var(--space-24)}}
@media(min-width:768px) and (max-width:999px){.craft-story{grid-template-columns:minmax(240px,320px) minmax(0,430px);gap:var(--space-16);padding-inline:var(--space-16)}}
.no-js .craft-video__poster:has(+template){display:none}

/* --- newsletter --- */
.newsletter-section{display:grid;grid-template-columns:1fr;background:var(--color-text);color:var(--color-background)}
.newsletter-lifestyle{position:relative;isolation:isolate;height:var(--lifestyle-mobile-height);display:grid;place-items:center;padding:var(--lifestyle-caption-offset) var(--space-24) 0;overflow:hidden;background:var(--lifestyle-fill)}
.newsletter-lifestyle__image{position:absolute;inset:0;z-index:-1}
.newsletter-lifestyle__caption{text-align:center;color:var(--color-on-inverse)}
.newsletter-lifestyle__caption p{text-shadow:0 0 6px rgba(0,0,0,.35)}
.newsletter-lifestyle__caption p{font-size:var(--type-body);font-weight:600;line-height:var(--leading-location)}
.newsletter-lifestyle__caption h2{font-size:var(--type-location);line-height:var(--leading-location);font-weight:600;text-transform:uppercase;color:var(--color-brand)}
/* «САНКТ-ПЕТЕРБУРГЕ» длиннее «БАРСЕЛОНА»: на телефоне при 40 px слово шире
   колонки (400 px при 342 px). 8.2vw даёт 32 px на 390 px — одна строка. */
@media(max-width:767px){.newsletter-lifestyle__caption h2{font-size:min(var(--type-location),8.2vw)}.newsletter-lifestyle__image img{object-position:50% 0}}
.newsletter-section__panel{padding:var(--space-80) var(--editorial-gutter);display:grid;place-items:center}
.newsletter-section__content{width:100%;max-width:var(--newsletter-width);display:grid;gap:var(--space-32)}
.newsletter-section__heading{display:grid;gap:var(--space-8);text-align:center}
/* Заголовок подписки в две строки (замечание владельца 08.10.2026). Замерено
   шрифтом Geist 500: 76 знаков укладываются в две строки при 15 px на ширине
   342 px (390 px экран) и при 18 px на ширине колонки 420 px (от 768 px).
   В эталоне Shopify заголовок короткий и стоит в 36 px. */
.newsletter-section__heading h2{font-size:15px;line-height:1.4;text-wrap:balance}
@media(min-width:768px){.newsletter-section__heading h2{font-size:18px;line-height:1.444444}}
@media(min-width:768px) and (max-width:1199px){.newsletter-lifestyle{height:var(--lifestyle-tablet-height)}.newsletter-lifestyle__image img{object-position:50% 73.5%}.newsletter-section__panel{min-height:var(--newsletter-tablet-height);padding-block:var(--space-64)}.newsletter-section__heading .rte{max-width:264px;justify-self:center}}
@media(min-width:1200px){.newsletter-section--with-media{grid-template-columns:708fr 804fr}.newsletter-lifestyle{display:grid;height:var(--newsletter-desktop-height)}.newsletter-lifestyle__image img{object-position:50% 12%}.newsletter-section--with-media .newsletter-section__panel{min-height:var(--newsletter-desktop-height)}}
@media(min-width:768px){.newsletter-section--mobile-only{display:none}}

/* --- newsletter-form --- */
.newsletter-form{width:100%}
.newsletter-form__fields{display:grid;gap:var(--space-12)}
.newsletter-form>.newsletter-form__message,.newsletter-form>.newsletter-form__consent{margin-top:var(--space-12)}
.newsletter-form .field__input{background:var(--color-inverse);color:var(--color-on-inverse);border:1px dashed var(--color-on-inverse);font-size:var(--type-small)}
.newsletter-form .field__input::placeholder{color:var(--color-tertiary)}
.newsletter-form__message,.newsletter-form__consent{font-size:var(--type-small);line-height:var(--leading-small)}
.newsletter-form__message ul{margin:0;padding-inline-start:var(--space-20)}
.newsletter-form__message[hidden]{display:none}
.newsletter-form__message--error{color:#ffb4a8}
.newsletter-form.is-done .field__input:disabled{opacity:.6}

/* --- main-product --- */
.product-back{padding:var(--space-12) var(--pdp-gutter);min-height:55px;display:flex;align-items:center}
.product-back a{text-decoration:none;display:inline-flex;align-items:center;min-height:30px;font-size:var(--type-small)}
.product-back a:hover{text-decoration:underline}
.product-section{display:block}
.product-section__grid{display:grid;min-width:0}
.product-information{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-12) var(--space-16) var(--space-16)}
.product-breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-8);font-size:var(--type-caption);line-height:14px;color:var(--color-secondary);min-height:14px}
.product-breadcrumbs a{text-decoration:none}
.product-name-price{display:flex;justify-content:space-between;gap:var(--space-16);align-items:flex-start}
.product-name-price h1{overflow-wrap:anywhere;min-width:0;text-wrap:wrap}
.product-price{text-align:end;flex:none}
.product-price .price{justify-content:flex-end;font-size:var(--type-h2);line-height:var(--leading-h2)}
.product-price .unit-price{font-size:var(--type-caption);flex-basis:100%}
.product-price>p{color:var(--color-secondary);margin-top:var(--space-8)}
.product-options-block{border-top:1px solid var(--color-border);padding-top:var(--space-20)}
.product-information>.product-accordion+.product-accordion{margin-top:calc(-1 * var(--space-20))}
.product-service{font-size:var(--type-small);line-height:var(--leading-small)}
.product-sticky{position:fixed;z-index:9;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-4) var(--space-16) max(var(--space-4),env(safe-area-inset-bottom));min-height:56px;background:var(--color-background);border-top:1px solid var(--color-border)}
.product-sticky[hidden]{display:none}
.product-sticky>div{min-width:0;font-size:var(--type-h4);line-height:var(--leading-h4)}
.product-sticky>div>p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-sticky .button{flex:none}
@media(min-width:768px){.product-back{min-height:63px;padding-block:var(--space-16)}.product-section{padding:var(--space-16) var(--pdp-gutter) var(--space-40);max-width:var(--content-max);margin-inline:auto}.product-section__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pdp-column-gap)}.product-information{padding:0;gap:var(--space-32)}.product-options-block{border:0;padding:0}.product-breadcrumbs{min-height:26px}.product-information>.product-accordion+.product-accordion{margin-top:calc(-1 * var(--space-32))}.product-sticky{display:none}}
@media(min-width:1200px){.product-section{padding-top:var(--space-24)}}

/* --- product-gallery --- */
.product-gallery{display:grid;gap:var(--space-20);min-width:0;align-content:start}
.product-gallery__stage{position:relative;background:var(--color-surface);aspect-ratio:var(--pdp-media-ratio)}
.product-gallery__panel{height:100%;width:100%;position:absolute;inset:0}
.product-gallery__panel[hidden]{display:none}
.product-gallery__panel>a{display:block;height:100%;cursor:zoom-in}
.product-gallery__panel img,.product-gallery__panel video,.product-gallery__panel iframe,.product-gallery__panel model-viewer{width:100%;height:100%;object-fit:cover;border:0}
.product-gallery__thumbnails{display:flex;gap:var(--space-16);overflow-x:auto;padding:2px;scrollbar-width:thin}
.product-gallery__thumbnail{padding:0;width:var(--pdp-thumbnail);height:var(--pdp-thumbnail);border:1px solid transparent;flex:none;background:var(--color-surface)}
.product-gallery__thumbnail[aria-pressed=true]{border-color:var(--color-brand)}
.product-gallery__thumbnail img{width:100%;height:100%;object-fit:cover}
.media-zoom{padding:0;border:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:var(--color-background)}
.media-zoom::backdrop{background:var(--color-overlay)}
.media-zoom__close{position:fixed;z-index:2;right:var(--space-16);top:var(--space-16);background:var(--color-background)}
.media-zoom [data-zoom-content]{width:100%;height:100%;display:grid;place-items:center}
.media-zoom img{max-height:100dvh;max-width:100%;object-fit:contain}
@media(max-width:767px){.product-gallery{gap:0}.product-gallery__thumbnails{padding:var(--space-12) var(--space-16)}}
.no-js .product-gallery__stage{aspect-ratio:auto;display:grid;gap:var(--space-8)}
.no-js .product-gallery__panel,.no-js .product-gallery__panel[hidden]{display:block;position:static;aspect-ratio:var(--pdp-media-ratio)}
.no-js .product-gallery__thumbnails{display:none}

/* --- product-options --- */
.product-options{display:grid;gap:var(--space-24)}
.product-option{border:0;padding:0;margin:0;min-width:0}
.product-option[hidden]{display:none}
.product-option legend{font-size:var(--type-small);line-height:var(--leading-small);margin-bottom:var(--space-12)}
.product-option legend span{color:var(--color-secondary)}
.product-option__values{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.product-option__value{min-height:var(--target-size);min-width:var(--target-size);padding:var(--space-8) var(--space-12);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-control);text-decoration:none;font-size:var(--type-small);position:relative;overflow-wrap:anywhere}
.product-option__value.is-selected{border-color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-text)}
.product-option__value.is-unavailable{text-decoration:line-through;color:var(--color-secondary)}
.product-option__value--swatch{padding:var(--space-8);border:0;border-radius:50%;box-shadow:none;background:transparent}
.product-option__value--swatch.is-selected{box-shadow:none}
.product-option__value--swatch::before{content:'';width:24px;height:24px;border-radius:50%;background:var(--swatch-color);border:1px solid var(--color-border)}
.product-option__value--swatch.is-selected::after{content:'';position:absolute;inset:5px;border:1px solid var(--color-text);border-radius:50%}
.product-option__value--swatch>img{position:absolute;width:24px;height:24px;border-radius:50%;object-fit:cover}

/* --- product-form --- */
.product-form{display:grid;gap:var(--space-16)}
.product-form__submit{width:100%}
/* «В корзину» — белая в обводке, «Купить» — чёрная и сразу ведёт к оформлению. */
.product-form__buttons{display:grid;gap:var(--space-8)}
.product-sticky__buttons{display:flex;gap:var(--space-8);flex:none}
.product-sticky__buttons [hidden]{display:none}
@media(max-width:479px){.product-sticky>div>p{display:none}.product-sticky__buttons .button{padding-inline:var(--space-16)}}
.product-form__quantity{max-width:8rem}
.product-form [hidden]{display:none}
/* Услуги к товару («Кардхолдер в цвет сумки») над кнопками: квадратная
   отметка, название и цена, как пункты доставки в оформлении заказа. */
.product-addons{display:grid;gap:var(--space-8);min-width:0;margin:0;padding:0;border:0}
.product-addon{display:grid;grid-template-columns:16px minmax(0,1fr) auto;column-gap:var(--space-12);align-items:center;min-height:var(--target-size);padding:var(--space-12) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:var(--type-small);line-height:var(--leading-small);cursor:pointer}
.product-addon:has(:checked){border-color:var(--color-text)}
.product-addon__input{appearance:none;display:grid;place-content:center;width:16px;height:16px;margin:0;border:1px solid var(--color-tertiary);border-radius:var(--radius-control);background:var(--color-background);cursor:pointer}
.product-addon__input:checked{border-color:var(--color-text);background:var(--color-text)}
.product-addon__input:checked::after{content:"";width:8px;height:4px;border:solid var(--color-background);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.product-addon__input:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
.product-addon__price{white-space:nowrap}
.product-addon__variants{grid-column:2/-1;margin-top:var(--space-8)}
@media(hover:hover){.product-addon:not(:has(:checked)):hover{border-color:var(--color-secondary)}}

/* --- product-accordion --- */
.product-accordion{border-bottom:1px solid var(--color-border)}
.product-accordion summary{display:flex;gap:var(--space-16);align-items:center;justify-content:space-between;min-height:var(--pdp-accordion-height);padding-block:var(--space-16);font-size:var(--type-h4);line-height:var(--leading-h4);list-style:none}
.product-accordion summary::-webkit-details-marker{display:none}
.product-accordion summary::after{content:'+';flex:none}
.product-accordion[open] summary::after{content:'−'}
.product-accordion__content{padding-bottom:var(--space-16);color:var(--color-secondary);font-size:var(--type-small);line-height:var(--leading-small);overflow-wrap:anywhere}
.product-accordion__content :is(h1,h2,h3,h4,h5,h6){font-size:var(--type-small);line-height:var(--leading-small);font-weight:500;color:var(--color-text);text-wrap:wrap}
.product-attribute+.product-attribute{margin-top:var(--space-16)}
.product-attribute h3{color:var(--color-text);margin-bottom:var(--space-4)}
.product-accordion__content img{height:auto}
.product-accordion__content .metafield-rich_text_field>*+*{margin-top:var(--space-16)}

/* --- Дополнения для Shop-Script (нет в Shopify-теме) --- */
/* Переключение цвета внутри одной страницы: галерея, превью и описание
   выводятся для всех артикулов сразу, лишние скрыты. */
.product-gallery__thumbnail[hidden],
.product-color-copy[hidden]{display:none}
.no-js .product-gallery__thumbnail[hidden]{display:none}
/* Артикул и наличие. Занимают место строки «НДС включён» из эталона,
   поэтому геометрия блока цены не меняется. */
/* В эталоне под ценой стоит короткая строка «НДС включён», у нас на её месте
   артикул и наличие. Она длиннее, поэтому занимает отдельную строку во всю
   ширину: внутри блока цены она выдавливала заголовок товара на узком экране
   (у h1 стоит overflow-wrap:anywhere, ломалось именно название).
   row-gap 8px повторяет отступ строки «НДС включён» из эталона, поэтому высота
   блока с заголовком и ценой совпадает с эталоном. */
.product-name-price{flex-wrap:wrap;row-gap:var(--space-8)}
.product-name-price>.product-sku-line{flex-basis:100%;text-align:end;color:var(--color-secondary);overflow-wrap:anywhere}
/* С 07.10.2026 артикул мельче (12 px вместо 14 px), чтобы не бросался в глаза. */
.product-name-price>.product-sku-line{font-size:var(--type-caption);line-height:var(--leading-caption)}
.product-availability--out{color:var(--color-error)}
/* Блоки, которые выводятся для каждого артикула и переключаются скриптом.
   Правило идёт последним, чтобы перебивать display у конкретных блоков. */
[data-for-sku][hidden]{display:none}
.product-form__status{color:var(--color-success)}
.product-form__status[hidden]{display:none}
/* Сетка категории: те же карточки, что в ленте на главной. */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-2);list-style:none;padding:0;margin:0}
.category-description{margin-bottom:var(--space-24)}
/* Страницы корзины, оформления заказа и результата оплаты.
   Оформление намеренно простое: по задаче чекаут с эталона не копируется. */
.misa-order{padding:var(--space-24) var(--page-gutter);max-width:1200px;margin-inline:auto}
.misa-order--result{max-width:720px;padding-block:var(--space-64);text-align:center}
.misa-order__section+.misa-order__section{margin-top:var(--space-32)}
.misa-order__heading{margin-bottom:var(--space-16)}
.misa-order__text{margin-top:var(--space-16)}
.misa-order__payment{margin-top:var(--space-32);text-align:left}
.misa-order__actions{margin-top:var(--space-32)}

/* --- catalog --- */
/* Из snippets/catalog-results.liquid и snippets/facets.liquid Shopify-темы. */
misa-collection{display:block;--collection-columns:2;--collection-media-ratio:194 / 171}
misa-collection[data-mobile-columns="1"]{--collection-columns:1;--collection-media-ratio:390 / 451}
.collection-nav{border-top:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}
.collection-nav::-webkit-scrollbar{display:none}
.collection-nav ul{display:flex;align-items:center;gap:var(--space-16);width:max-content;min-width:100%;list-style:none;margin:0;padding:var(--space-12) var(--page-gutter)}
.collection-nav a{display:flex;align-items:center;min-height:30px;padding:var(--space-4) var(--space-8);border:1px solid transparent;border-radius:8px;font-size:var(--type-small);line-height:var(--leading-small);text-decoration:none;white-space:nowrap;position:relative}
.collection-nav a::before{content:'';position:absolute;inset:-7px 0}
.collection-nav a[aria-current=page],.collection-nav a:hover{border-color:var(--color-text)}
.collection-toolbar{min-height:56px;padding-inline:var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}
.collection-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);width:100%}
.collection-view{display:flex;align-items:center;gap:var(--space-16);font-size:var(--type-h4);line-height:var(--leading-h4)}
.collection-view__mobile,.collection-view__desktop{display:flex;gap:var(--space-4)}
.collection-view__desktop{display:none}
.collection-view button{border:0;padding:0;min-width:26px;min-height:44px;color:var(--color-secondary);position:relative}
.collection-view button[aria-pressed=true]{color:var(--color-text);text-decoration:underline;text-underline-offset:4px}
.collection-filter-toggle{display:flex;gap:var(--space-16);align-items:center;min-height:var(--target-size);border:0;padding:0;font-size:var(--type-body);line-height:var(--leading-body);text-align:start}
.collection-view[hidden],.collection-filter-toggle[hidden],.collection-filter-fallback[hidden]{display:none}
.collection-description{max-width:var(--reading-width);margin:var(--space-24) var(--page-gutter)}
.collection-filter-fallback>summary{padding:var(--space-16) var(--page-gutter);min-height:var(--target-size)}
.collection-drawer{height:calc(100dvh - var(--header-height));margin:auto 0 0 auto}
.collection-drawer[open]{display:flex;flex-direction:column}
.collection-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-inline:var(--page-gutter);min-height:56px;flex:none}
.collection-active{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);list-style:none;margin:0;padding:var(--space-12) var(--page-gutter)}
.collection-active a{display:flex;gap:var(--space-8);align-items:center;min-height:var(--target-size);font-size:var(--type-small)}
.collection-active .icon{width:16px;height:16px}
.collection-grid{display:grid;grid-template-columns:repeat(var(--collection-columns),minmax(0,1fr));column-gap:var(--space-2);row-gap:0;list-style:none;padding:0;margin:0}
.collection-grid>li{min-width:0}
.collection-grid .product-card__media{height:auto;aspect-ratio:var(--collection-media-ratio)}
.collection-grid .product-card__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap}
.collection-grid .product-card__swatches{align-self:center;max-width:none}
.collection-grid .product-card__badge{border-radius:6px}
.collection-pagination{display:grid;justify-items:center;gap:var(--space-16);padding:var(--space-40) var(--page-gutter)}
.collection-pagination nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-16)}
.collection-pagination nav:empty{display:none}
.collection-load-more{min-width:166px}
.collection-empty{padding:var(--space-80) var(--page-gutter);display:grid;justify-items:center;text-align:center;gap:var(--space-24)}
.collection-status:not(:empty){padding:var(--space-16) var(--page-gutter);text-align:center}
@media(min-width:768px){
misa-collection{--collection-media-ratio:383 / 352;--collection-columns:2}
misa-collection[data-mobile-columns="1"]{--collection-columns:2;--collection-media-ratio:383 / 352}
.collection-nav ul{padding-block:var(--space-16)}
.collection-toolbar{min-height:54px;padding-block:var(--space-4)}
.collection-title{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
.collection-tools{width:auto;gap:var(--space-40)}
.collection-view__mobile{display:none}.collection-view__desktop{display:flex;gap:var(--space-12)}
.collection-view button{min-width:20px}
.collection-filter-toggle{font-size:var(--type-h4);line-height:var(--leading-h4);font-weight:500}
.collection-grid{row-gap:var(--space-2)}
.collection-grid .product-card__title{font-size:var(--type-body-large);line-height:var(--leading-body-large)}
.collection-grid .product-card__details{min-height:68px}
.collection-grid .price{font-size:var(--type-body);line-height:var(--leading-body)}
.collection-pagination{padding-bottom:var(--space-64)}
.collection-load-more{min-width:200px;min-height:var(--button-l)}
.collection-drawer{--page-gutter:var(--space-24);height:100dvh}
}
@media(min-width:768px) and (max-width:1199px){misa-collection{--page-gutter:var(--space-24)}.collection-view{display:none}}
@media(min-width:1200px){
misa-collection,misa-collection[data-mobile-columns="1"]{--collection-columns:4;--collection-media-ratio:376.5 / 432}
misa-collection[data-desktop-columns="2"]{--collection-columns:2}
misa-collection[data-desktop-columns="3"]{--collection-columns:3}
.collection-nav ul{justify-content:center}
.collection-grid{row-gap:var(--space-48)}
.collection-pagination{margin-top:var(--space-48)}
}
.facets{display:flex;flex-direction:column;min-height:0;flex:1}
.facets__body{padding:var(--space-16) var(--page-gutter) var(--space-48);display:grid;gap:var(--space-32);overflow-y:auto;overscroll-behavior:contain}
.facets__group{min-width:0;margin:0;padding:0;border:0}
.facets__group legend{margin-bottom:var(--space-12)}
.facets__group summary{display:flex;align-items:center;justify-content:space-between;list-style:none;min-height:var(--target-size)}
.facets__group summary::-webkit-details-marker{display:none}
.facets__group summary .icon{width:16px;height:16px;transform:rotate(90deg)}
.facets__group[open] summary .icon{transform:rotate(-90deg)}
.facets__choice{display:flex;align-items:center;gap:var(--space-12);min-height:var(--target-size);padding-block:var(--space-4);cursor:pointer;overflow-wrap:anywhere}
.facets__choice input{appearance:auto;width:20px;height:20px;margin:0 var(--space-12) 0 0;accent-color:var(--color-text);flex:none}
.facets__choice:has(:disabled){color:var(--color-secondary);opacity:.6;cursor:not-allowed}
.facets__price{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding-top:var(--space-12)}
.facets__swatch,.facets__image{display:block;width:24px;height:24px;border:1px solid var(--color-border);flex:none;object-fit:cover;overflow:hidden}
.facets__swatch{border-radius:50%;background:var(--swatch-color)}
.facets__swatch img{width:100%;height:100%;object-fit:cover}
.facets__actions{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-12);padding:var(--space-16) var(--page-gutter) max(var(--space-16),env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-background)}

/* --- page: sections/main-page.liquid + snippets/page-content.liquid --- */
.content-page{padding:var(--space-48) var(--editorial-gutter)}
.content-page__inner{max-width:var(--reading-width);margin-inline:auto;display:grid;gap:var(--space-32);min-width:0}
@media(min-width:768px){.content-page{padding-block:var(--space-80)}}
.page-content{display:grid;gap:var(--space-32);min-width:0;overflow-wrap:anywhere}
.page-content__title,.page-content__body h1{font-size:var(--type-display);line-height:var(--leading-display)}
.page-content--center .page-content__title,.page-content--center .page-content__body h1{text-align:center}
.page-content--right .page-content__title,.page-content--right .page-content__body h1{text-align:right}
.page-content__body h1{margin-bottom:var(--space-32)}
.page-content__body :is(h2,h3,h4){margin-top:var(--space-32)}
.page-content__body>:first-child{margin-top:0}
.page-content__body li+li{margin-top:var(--space-8)}
.page-content__body :is(img,video){height:auto}
.page-content__body iframe{max-width:100%}
.page-content__body table{width:100%;table-layout:fixed;border-collapse:collapse}
.page-content__body :is(th,td){border:1px solid var(--color-border);padding:var(--space-12);text-align:start;vertical-align:top}
.page-content__body blockquote{margin-inline:0;padding-inline-start:var(--space-24);border-inline-start:2px solid var(--color-border)}
.page-content__body .legal-guarantee{display:grid;gap:var(--space-24);margin-block:var(--space-32);padding:var(--space-24);border:1px solid var(--color-border)}
.page-content__body .legal-guarantee>:first-child{margin-top:0}

/* --- related products: sections/product-recommendations.liquid --- */
.related-products{display:block;--product-card-media-height:var(--related-media-height)}
.related-products>section{padding:var(--space-24) var(--pdp-gutter) var(--space-16);max-width:var(--content-max);margin-inline:auto;display:grid;gap:var(--space-16)}
.related-products h2{font-size:var(--type-h3);line-height:var(--leading-h3)}
.related-products__grid{display:flex;gap:var(--space-2);overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;padding:0;margin:0}
.related-products__grid>li{flex:0 0 var(--related-card-width);min-width:0;scroll-snap-align:start}
@media(min-width:768px){.related-products>section{padding-block:var(--space-40);gap:var(--space-40)}.related-products h2{font-size:var(--type-h1);line-height:var(--leading-h1)}.related-products__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}}
/* Для Shop-Script: у каждого цвета своя сетка, скрытые не показываются. */
.related-products__grid[hidden]{display:none}

/* --- image-story: sections/image-with-text.liquid (страницы из секций, «О MISA») --- */
.image-story{max-width:var(--content-max);margin-inline:auto;padding:var(--space-48) var(--editorial-gutter);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-32);align-items:center}
.image-story__media{aspect-ratio:4/5;min-width:0}
.image-story__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-24);max-width:var(--reading-width);overflow-wrap:anywhere;min-width:0}
.image-story__text{width:100%}
/* Текстовый блок без фото («Как с нами связаться») — по левой кромке фото
   выше, а не по центру (замечание владельца, бриф 08.10.2026, п. 2.4). */
.image-story--text-only .image-story__content{width:100%;margin-inline:0}
/* Контакты: строки и ряд иконок соцсетей (страницы «О MISA», «Контакты и
   магазины», подвал). Иконки — snippets/icon.html, в тексте страниц — те же
   пути inline. Ссылка-иконка 44 × 44 px под палец, сам знак 24 px. */
.contact-list{display:grid;gap:var(--space-8);margin:0;padding:0;list-style:none}
/* Внутри .rte у списков свой отступ слева — у контактов его быть не должно:
   строки стоят по одной линии с заголовком и иконками. */
.rte ul.contact-list{margin:0;padding:0;list-style:none}
.rte ul.contact-list li{margin:0;padding:0}
.rte ul.contact-list li::before{content:none}
.contact-list a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.social-links{display:flex;gap:var(--space-8);margin:0;padding:0;list-style:none}
.social-links a{display:flex;align-items:center;justify-content:center;width:var(--target-size);height:var(--target-size);color:inherit;border-radius:50%}
.social-links .icon{width:24px;height:24px}
@media(hover:hover){.social-links a:hover{background:var(--color-surface)}.site-footer .social-links a:hover{background:rgba(255,255,255,.12)}}
/* Страница «Контакты и магазины» (бриф 08.10.2026, итерация 4): карточки
   магазинов на базе image-story, как чередование фото/текста на Tilda. */
/* Заголовок «Наши магазины» → первая карточка: тот же отступ 24 px, что между h1 и
   текстом блока контактов (правка владельца 08.10.2026). Составной селектор нужен,
   чтобы перебить padding-block из медиазапроса ниже. */
.image-story.stores-heading{padding-bottom:0}
.stores-heading+.store-card{padding-top:calc(var(--space-24)*1.2)}
/* Правка владельца 08.10.2026: отступы вниз от заголовков этой страницы на 20% больше
   (24 → 28,8 px); у h1 добавка к gap контейнера, чтобы не трогать отступ до иконок. */
.contacts-intro h1{margin-bottom:calc(var(--space-24)*0.2)}
.store-card .image-story__content{gap:var(--space-16)}
.store-card__city{margin:0;color:var(--color-secondary)}
.store-card__button{margin-top:var(--space-8)}
.store-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--color-surface);color:var(--color-tertiary);font-size:var(--type-small);line-height:var(--leading-small)}
.store-card__credit{margin:0;font-size:var(--type-small);line-height:var(--leading-small);color:var(--color-tertiary)}
@media(min-width:768px){.image-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-48);padding-block:var(--space-80)}.image-story--right .image-story__media{order:2}.image-story--text-only{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1200px){.image-story{gap:var(--space-80)}}
/* Для Shop-Script: русские заголовки секций длиннее испанских, на телефоне
   крупный размер давал 4–5 строк — там заголовок размера h1. */
@media(max-width:767px){.image-story .type-display{font-size:var(--type-h1);line-height:var(--leading-h1)}}

/* --- checkout: оформление заказа по образцу корзины «MISA Cart Filled» (Figma, MISA Copia) ---
   Вёрстка блоков Checkout 2.0 — приложения Shop-Script, стили его виджетов
   (ui.css, form.css, cart.css) подключаются после темы. Поэтому правила здесь
   начинаются с id страницы: #js-order-page, #js-order-cart, #js-order-form. */
.misa-checkout{--checkout-muted:#6b7280;--checkout-line:#e5e5e5;--checkout-summary:440px;max-width:var(--content-max);margin-inline:auto;padding:var(--space-24) var(--page-gutter) var(--space-64)}
.misa-checkout__title{margin-bottom:var(--space-24);font-size:var(--type-h3);line-height:var(--leading-h3);font-weight:500}
.misa-checkout__muted{color:var(--checkout-muted)}
.misa-checkout__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"summary" "form" "pay";gap:var(--space-32)}
.misa-checkout__summary{grid-area:summary;min-width:0}
.misa-checkout__form{grid-area:form;min-width:0}
/* На телефоне итог отделён линией, как подвал корзины в Figma. */
.misa-checkout__pay{grid-area:pay;min-width:0;border-top:1px solid var(--checkout-line)}
.misa-checkout__heading{display:flex;align-items:center;min-height:56px;border-bottom:1px solid #f5f5f5;font-size:1.375rem;line-height:1.875rem;font-weight:500}
@media(min-width:1024px){
  .misa-checkout{padding-block:var(--space-40) var(--space-80)}
  .misa-checkout__title{margin-bottom:var(--space-32);font-size:var(--type-h2);line-height:var(--leading-h2)}
  .misa-checkout__grid{grid-template-columns:minmax(0,1fr) var(--checkout-summary);grid-template-rows:auto 1fr;grid-template-areas:"form summary" "form pay";column-gap:var(--space-64);row-gap:0}
  .misa-checkout__summary,.misa-checkout__pay{padding-left:var(--space-32);border-left:1px solid var(--checkout-line)}
  .misa-checkout__pay{align-self:stretch;border-top:0}
  /* Итог и кнопки оплаты едут вместе с формой: когда «Ваш заказ» уходит вверх,
     блок прилипает к верху окна и доходит до конца формы — возвращаться наверх
     за кнопкой не нужно. Ячейка растянута на высоту формы, поэтому есть куда ехать.
     На телефоне блок и так стоит последним, после формы. */
  #js-order-page .misa-checkout__pay .wa-step-confirm-section{position:sticky;top:0;background:var(--color-background)}
}

/* Пустая корзина — «MISA Empty Cart» */
.misa-checkout__empty{display:grid;justify-items:center;gap:var(--space-16);max-width:420px;margin:var(--space-64) auto;text-align:center}
.misa-checkout__empty svg{width:32px;height:32px}
.misa-checkout__empty-title{font-size:1.375rem;line-height:1.875rem;font-weight:500}

/* Товары — строки корзины из Figma: фото 80 × 100, название и цвет, цена справа,
   счётчик 36 × 36 / 48 / 36 и «Удалить» под ними. */
#js-order-cart .wa-cart-loader{padding:var(--space-20) 0;color:var(--checkout-muted);font-size:var(--type-small)}
#js-order-cart .wa-products{display:block;margin:0}
#js-order-cart .wa-product{margin:0;padding:var(--space-20) 0;border-bottom:1px solid var(--checkout-line)}
#js-order-cart .wa-product-body{display:grid;grid-template-columns:80px minmax(0,1fr) auto;grid-template-areas:"image name price" "image sku sku" "image qty remove";column-gap:var(--space-16);align-items:start;width:auto;table-layout:auto}
#js-order-cart .wa-product-body>*{display:block;width:auto;padding:0}
#js-order-cart .wa-column-image{grid-area:image;width:80px}
#js-order-cart .wa-image-section,#js-order-cart .wa-image-section a{display:block;width:80px;margin:0}
#js-order-cart .wa-image-section img{display:block;width:80px;height:100px;max-width:none;object-fit:cover;background:var(--color-catalog-background)}
#js-order-cart .wa-column-details,#js-order-cart .wa-details-section,#js-order-cart .wa-details{display:contents}
#js-order-cart .wa-details .wa-name{grid-area:name;margin:0;color:var(--color-text);font-size:var(--type-body);line-height:var(--leading-body);font-weight:400;text-decoration:none}
#js-order-cart .wa-details .wa-sku{grid-area:sku;margin:0;color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-cart .wa-details .wa-actions{grid-area:remove;align-self:center;justify-self:end;margin:17px 0 0}
#js-order-cart .wa-details .wa-action{color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small);text-decoration:underline;cursor:pointer}
#js-order-cart .wa-details .wa-action .wa-icon{display:none}
#js-order-cart .wa-column-quantity{grid-area:qty;margin-top:17px;text-align:left}
#js-order-cart .wa-quantity-actions,#js-order-cart .wa-quantity-cart-section .wa-section-footer,#js-order-cart .wa-quantity-cart-section .wa-unit{display:none}
/* Подсказки «мин. 1» / «макс.» виджет показывает встроенным стилем. */
#js-order-cart .wa-quantity-cart-section .wa-description{display:none!important}
#js-order-cart .wa-quantity-cart-section .wa-section-body{display:flex;align-items:stretch;height:36px}
#js-order-cart .wa-quantity-cart-section .wa-button-wrapper{display:block;margin:0}
#js-order-cart .wa-quantity-cart-section .wa-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:1px solid var(--checkout-line);border-radius:0;background:var(--color-background);color:var(--color-text);box-shadow:none;font-size:var(--type-body);line-height:1;cursor:pointer}
#js-order-cart .wa-quantity-cart-section .wa-button:disabled{color:var(--color-tertiary);cursor:default}
#js-order-cart .wa-quantity-cart-section .wa-icon-wrapper{display:none}
#js-order-cart .wa-quantity-cart-section .s-minus-button::before{content:"−"}
#js-order-cart .wa-quantity-cart-section .s-plus-button::before{content:"+"}
#js-order-cart .wa-quantity-cart-section .wa-field-wrapper{display:block;width:48px;margin:0;padding:0}
#js-order-cart .wa-quantity-cart-section .js-product-quantity{width:48px;height:36px;margin:0;padding:0;border:0;border-block:1px solid var(--checkout-line);border-radius:0;background:var(--color-background);box-shadow:none;font:inherit;font-size:var(--type-small);text-align:center}
#js-order-cart .wa-column-price{grid-area:price;text-align:right}
#js-order-cart .wa-price-section .wa-price-total{font-size:var(--type-small);line-height:var(--leading-small);font-weight:400}
#js-order-cart .wa-price-section .wa-price-compare{color:var(--checkout-muted);font-size:var(--type-small);text-decoration:line-through}
/* Услуги к товару («Кардхолдер в цвет сумки») — под счётчиком, квадратная
   отметка как на карточке. Без строки в сетке блок вставал в узкую колонку
   под фото, а значок флажка виджета разрастался до 80 × 150 px. */
#js-order-cart .wa-product-body{grid-template-areas:"image name price" "image sku sku" "image qty remove" "image services services"}
#js-order-cart .wa-services{grid-area:services;margin-top:var(--space-12)}
#js-order-cart .wa-service+.wa-service{margin-top:var(--space-8)}
#js-order-cart .wa-service .wa-label{display:block;position:relative;margin:0;padding-left:24px;color:var(--color-text);font-size:var(--type-small);line-height:var(--leading-small);cursor:pointer}
#js-order-cart .wa-service .wa-label>span:not(.wa-field){white-space:nowrap}
#js-order-cart .wa-service .wa-field{position:absolute;left:0;top:2px;display:block;margin:0}
#js-order-cart .wa-service .s-checkbox{display:block}
#js-order-cart .wa-service .s-checkbox>span{display:none}
#js-order-cart .wa-service .js-service-field{appearance:none;display:grid;place-content:center;width:16px;height:16px;margin:0;border:1px solid var(--color-tertiary);border-radius:var(--radius-control);background:var(--color-background);cursor:pointer}
#js-order-cart .wa-service .js-service-field:checked{border-color:var(--color-text);background:var(--color-text)}
#js-order-cart .wa-service .js-service-field:checked::after{content:"";width:8px;height:4px;border:solid var(--color-background);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
#js-order-cart .wa-service .js-service-field:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
#js-order-cart .wa-service select{margin-top:var(--space-8)}
#js-order-cart .wa-cart-details{display:block;margin:0;padding:0}
#js-order-cart .wa-cart-details .wa-column-price{display:none}
#js-order-cart .wa-cart-details .wa-column-content:empty{display:none}

/* Промокод: штатный расчёт Shop-Script, оформление в стиле формы MISA. */
#js-order-cart .wa-coupon-section{margin:0;padding:var(--space-20) 0;border-bottom:1px solid var(--checkout-line);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-cart .misa-coupon-label{display:block;margin:0 0 var(--space-8);font-weight:400}
#js-order-cart .wa-coupon-section .wa-inactive-state{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8);align-items:start}
#js-order-cart .wa-coupon-section .wa-active-state{display:none;align-items:center;justify-content:space-between;gap:var(--space-16)}
#js-order-cart .wa-coupon-section.is-active .wa-inactive-state{display:none}
#js-order-cart .wa-coupon-section.is-active .wa-active-state{display:flex}
#js-order-cart .wa-coupon-section .wa-input{display:block;box-sizing:border-box;width:100%;min-width:0;height:48px;margin:0;padding:var(--space-12) var(--space-16);border:1px solid var(--checkout-line);border-radius:var(--radius-control);background:var(--color-background);box-shadow:none;color:var(--color-text);font:inherit;font-size:16px;line-height:var(--leading-body)}
#js-order-cart .wa-coupon-section .wa-button{display:block;min-height:48px;margin:0;padding:var(--space-12) var(--space-16);border:1px solid var(--color-text);border-radius:var(--radius-control);background:var(--color-text);box-shadow:none;color:var(--color-background);font:inherit;line-height:var(--leading-body);cursor:pointer}
#js-order-cart .wa-coupon-section .js-cancel-coupon{border-color:var(--checkout-line);background:var(--color-background);color:var(--color-text)}
#js-order-cart .wa-coupon-section .wa-input:focus-visible,#js-order-cart .wa-coupon-section .wa-button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
#js-order-cart .wa-coupon-section .wa-button:disabled{opacity:.5;cursor:wait}
#js-order-cart .wa-coupon-section .wa-text{display:flex;align-items:center}
#js-order-cart .wa-coupon-section .wa-icon{display:inline-flex;flex:0 0 16px;width:16px;height:16px;color:var(--color-text)}
#js-order-cart .wa-coupon-section .wa-icon svg{width:16px;height:16px;fill:currentColor}
#js-order-cart .wa-coupon-section .wa-error-text{margin-top:var(--space-8);color:var(--color-error)}

/* Данные покупателя и доставка */
#js-order-form .wa-form-loader{padding:var(--space-20) 0;color:var(--checkout-muted);font-size:var(--type-small)}
#js-order-form .wa-step-section{margin:0 0 var(--space-32);padding:0}
#js-order-form .wa-step-section>.wa-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);min-height:56px;margin:0 0 var(--space-16);border-bottom:1px solid #f5f5f5}
#js-order-form .wa-step-section>.wa-section-header>.wa-header{display:block;font-size:1.375rem;line-height:1.875rem;font-weight:500}
#js-order-form .wa-step-auth-section .wa-login-link{display:none}
#js-order-form .wa-required-text{margin:0 0 var(--space-16);color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .wa-fields-group{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);margin:0}
#js-order-form .wa-fields-group::before{display:none}
#js-order-form .wa-fields-group>.wa-field-wrapper{display:block;width:auto;margin:0;padding:0}
#js-order-form .wa-field-wrapper .wa-label{display:block;margin:0 0 var(--space-4);color:var(--color-text);font-size:var(--type-small);line-height:var(--leading-small);white-space:normal}
#js-order-form .wa-field-wrapper .wa-required::before{color:var(--checkout-muted)}
#js-order-form .wa-input,#js-order-form .wa-select,#js-order-form .wa-textarea{display:block;width:100%;min-height:48px;margin:0;padding:var(--space-12) var(--space-16);border:1px solid var(--checkout-line);border-radius:var(--radius-control);background-color:var(--color-background);box-shadow:none;color:var(--color-text);font:inherit;font-size:var(--type-body);line-height:var(--leading-body)}
#js-order-form .wa-input:focus,#js-order-form .wa-select:focus,#js-order-form .wa-textarea:focus{border-color:var(--color-text);outline:none}
#js-order-form .wa-field-wrapper.has-error .wa-input,#js-order-form .wa-field-wrapper.has-error .wa-select{border-color:var(--color-error)}
/* form.js при ошибке ставит класс wa-error на само поле, а не на обёртку. */
#js-order-form .wa-input.wa-error,#js-order-form .wa-select.wa-error{border-color:var(--color-error)}
/* Стрелка списка своя: нативная стрелка Chrome прижата к правой рамке. */
#js-order-form .wa-select{appearance:none;-webkit-appearance:none;padding-right:var(--space-48);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-16) center;background-size:12px 12px}
#js-order-form .wa-error-text{margin-top:var(--space-4);color:var(--color-error);font-size:var(--type-small);line-height:var(--leading-small)}
/* Доставка: тип — карточка с рамкой (выбранная — чёрная), единственный вариант
   (список заблокирован) не показываем — он повторяет карточку. Поле «Страна»
   видно: кроме России, СДЭК везёт в страны СНГ. */
#js-order-form .wa-delivery-types-section>.wa-header,#js-order-form .wa-delivery-variants-section>.wa-header{margin:var(--space-16) 0 var(--space-8);color:var(--color-text);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .wa-types-list{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:0}
#js-order-form .wa-type-wrapper{display:grid;gap:var(--space-2);min-width:160px;margin:0;padding:var(--space-12) var(--space-16);border:1px solid var(--checkout-line);border-radius:var(--radius-control);background:var(--color-background);text-align:left;cursor:pointer}
#js-order-form .wa-type-wrapper.is-active{border-color:var(--color-text);background:var(--color-background)}
#js-order-form .wa-type-wrapper .wa-name,#js-order-form .wa-type-wrapper .wa-name a{color:var(--color-text);font-size:var(--type-body);line-height:var(--leading-body);text-decoration:none}
#js-order-form .wa-type-wrapper .wa-price{color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .wa-delivery-variants-section:has(.js-variants-select.is-locked){display:none}
#js-order-form .wa-dropdown-toggle{min-height:48px;padding:var(--space-12) var(--space-16);border:1px solid var(--checkout-line);border-radius:var(--radius-control);background:var(--color-background)}
#js-order-form .wa-details-rates-section{margin:0;color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .wa-details-rates-section .wa-table{display:grid;gap:var(--space-4);width:auto}
#js-order-form .wa-details-rates-section .wa-row{display:flex;flex-wrap:wrap;column-gap:var(--space-4)}
#js-order-form .wa-details-rates-section .wa-cell{display:block;width:auto;padding:0}
#js-order-form .wa-details-rates-section .wa-cell-name .wa-name::after{content:":"}
#js-order-form .wa-details-rates-section .wa-delivery-price{color:inherit}
#js-order-form .wa-details-rates-section .wa-row[hidden]{display:none}
/* Доставка — сначала способ, потом адрес (js/checkout.js, п. 5). Первым идёт
   свой список способов .misa-delivery; штатный список Webasyst, описание и
   строки стоимости скрыты — цена есть в списке и в итоге. Шаг «Регион» виден
   только для СДЭК (data-misa-address="full"), поля улицы и индекса — только
   для способов с доставкой по адресу; самовывоз адреса не требует. */
#js-order-form #wa-step-shipping-section,#js-order-form .wa-details-description,#js-order-form .wa-details-rates-section,#js-order-form .wa-schedule-wrapper{display:none}
#js-order-form #wa-step-region-section>.wa-section-header,#js-order-form #wa-step-region-section .wa-required-text{display:none}
#js-order-form:not([data-misa-address="full"]) #wa-step-region-section{display:none}
#js-order-form:not([data-misa-address="full"]):not([data-misa-address="street"]) .wa-details-fields-section{display:none}
#js-order-form .misa-delivery{margin:0 0 var(--space-16)}
#js-order-form .misa-delivery__hint{margin:var(--space-8) 0 0;color:var(--color-error);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .misa-delivery__hint[hidden],#js-order-form .misa-option__ways[hidden]{display:none}
#js-order-form[data-misa-address="full"] #wa-step-region-section .wa-fields-group::before,#js-order-form[data-misa-address="street"] .wa-details-fields-section::before{content:"Адрес доставки";display:block;grid-column:1/-1;margin:var(--space-8) 0 var(--space-4);font-size:var(--type-body);line-height:var(--leading-body);font-weight:500}
#js-order-form[data-misa-address="full"] .wa-details-fields-section{margin-top:var(--space-16)}
/* У «Сапсана» индекс не спрашиваем (решение владельца 08.10.2026). Поле
   включено на уровне витрины, поэтому прячется только для этого способа. */
#js-order-form[data-misa-delivery="sapsan"] .wa-details-fields-section .wa-field-wrapper:has([name$="[zip]"]){display:none}
/* Списки выбора доставки и упаковки (js/checkout.js): кружок, название, цена;
   выбранный пункт — в чёрной рамке, как карточки в корзине Figma. */
#js-order-form .misa-options{display:grid;gap:var(--space-8);margin:0}
#js-order-form .misa-option-group{border:1px solid var(--checkout-line);border-radius:var(--radius-control);background:var(--color-background)}
#js-order-form .misa-option-group.is-active{border-color:var(--color-text)}
#js-order-form .misa-option{display:grid;grid-template-columns:16px minmax(0,1fr) auto;column-gap:var(--space-12);row-gap:var(--space-2);align-items:center;width:100%;margin:0;padding:var(--space-12) var(--space-16);border:0;background:none;box-shadow:none;color:var(--color-text);font:inherit;font-size:var(--type-body);line-height:var(--leading-body);text-align:left;cursor:pointer}
#js-order-form .misa-option::before{content:"";width:16px;height:16px;border:1px solid var(--color-tertiary);border-radius:50%;background:var(--color-background)}
#js-order-form .misa-option.is-active::before{border:5px solid var(--color-text)}
#js-order-form .misa-option__name{min-width:0}
#js-order-form .misa-option__detail{white-space:nowrap}
#js-order-form .misa-option__note{grid-column:2/-1;color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .misa-option__ways{display:flex;flex-wrap:wrap;gap:var(--space-8);padding:0 var(--space-16) var(--space-12) calc(var(--space-16) + 16px + var(--space-12))}
#js-order-form .misa-option__way{min-height:36px;margin:0;padding:var(--space-8) var(--space-12);border:1px solid var(--checkout-line);border-radius:var(--radius-control);background:var(--color-background);box-shadow:none;color:var(--color-text);font:inherit;font-size:var(--type-small);line-height:var(--leading-small);cursor:pointer}
#js-order-form .misa-option__way.is-active{border-color:var(--color-text);background:var(--color-text);color:var(--color-on-inverse)}
#js-order-form .misa-option:focus-visible,#js-order-form .misa-option__way:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}
@media(hover:hover){#js-order-form .misa-option-group:not(.is-active):hover{border-color:var(--color-secondary)}#js-order-form .misa-option__way:not(.is-active):hover{border-color:var(--color-text)}}
/* Упаковка и комментарий — блок сразу после «Доставки», заголовок как у шагов формы.
   Комментарий Webasyst заполняет скрипт, само поле в шаге подтверждения скрыто. */
#js-order-form .misa-extras{margin:var(--space-32) 0 0}
#js-order-form .misa-extras__header{display:flex;align-items:center;min-height:56px;margin:0 0 var(--space-16);border-bottom:1px solid #f5f5f5}
#js-order-form .misa-extras__title{margin:0;font-size:1.375rem;line-height:1.875rem;font-weight:500}
#js-order-form .misa-extras__comment{display:block;margin-top:var(--space-16)}
#js-order-form .misa-extras__label{display:block;margin:0 0 var(--space-4);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-form .misa-extras__textarea{min-height:96px;resize:vertical}
#js-order-page .misa-checkout__pay .wa-comment-section{display:none}
/* Последний видимый шаг формы — отступ до итога даёт сетка страницы. */
#js-order-form .wa-step-details-section{margin-bottom:0}
/* Оплата в заказе одна — Т-Касса, Webasyst выбирает её сам; выбор не показываем. */
#js-order-form .wa-step-payment-section{display:none}
@media(min-width:768px){#js-order-form .wa-fields-group{grid-template-columns:repeat(2,minmax(0,1fr))}#js-order-form .wa-fields-group>.wa-field-wrapper.size-large,#js-order-form .wa-fields-group>.wa-field-wrapper.full-line{grid-column:1/-1}}

/* Итог и кнопки оплаты — подвал корзины из Figma: «Итого» 22/30, строка под ним,
   кнопка 48 px во всю ширину. Шаг подтверждения перенесён в [data-pay-slot],
   стили виджета (с префиксом .wa-order-form-wrapper) на него уже не действуют. */
#js-order-page .misa-checkout__pay .wa-step-confirm-section{margin:0;padding:0}
#js-order-page .misa-checkout__pay .wa-flex-wrapper{display:block}
/* Строки итога — как корзина Tilda: название слева, сумма жирным справа,
   под чертой «Итого» крупнее. */
#js-order-page .misa-summary{display:grid;gap:var(--space-16);padding:var(--space-32) 0 0}
#js-order-page .misa-summary__rows{display:grid;gap:var(--space-12);margin:0;padding:0 0 var(--space-16);border-bottom:1px solid var(--checkout-line)}
#js-order-page .misa-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-16);font-size:var(--type-body);line-height:var(--leading-body)}
#js-order-page .misa-summary__row dt{min-width:0}
#js-order-page .misa-summary__row dd{margin:0;font-weight:600;white-space:nowrap}
#js-order-page .misa-summary__row.is-muted{color:var(--checkout-muted)}
#js-order-page .misa-summary__row.is-muted dd{font-weight:400}
#js-order-page .misa-summary__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-16);font-size:1.375rem;line-height:1.875rem;font-weight:600}
#js-order-page .misa-pay{display:grid;gap:var(--space-12);margin-top:var(--space-16)}
#js-order-page .misa-pay__card,#js-order-page .misa-pay__installment{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;padding:var(--space-12) var(--space-24);border:1px solid var(--color-text);border-radius:4px;box-shadow:none;text-shadow:none;font:inherit;font-size:var(--type-small);line-height:var(--leading-small);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer;transition:background-color 150ms,color 150ms}
#js-order-page .misa-pay__card{background:var(--color-text);color:var(--color-on-inverse)}
#js-order-page .misa-pay__card:disabled{opacity:.5;cursor:not-allowed}
#js-order-page .misa-pay__installment{background:var(--color-background);color:var(--color-text)}
#js-order-page .misa-pay__note{margin:0;color:var(--checkout-muted);font-size:var(--type-small);line-height:var(--leading-small)}
#js-order-page .misa-pay__note--error{color:#b00020}
#js-order-page .misa-pay__note[hidden]{display:none}
#js-order-page .misa-terms{display:grid;gap:var(--space-8)}
#js-order-page .misa-terms__label{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:var(--space-12);align-items:start;margin:0;cursor:pointer;font-size:var(--type-small);line-height:var(--leading-small);color:var(--checkout-muted)}
#js-order-page .misa-terms__input{appearance:auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--color-text);cursor:pointer}
#js-order-page .misa-terms .s-checkbox{display:contents}
#js-order-page .misa-terms .s-checkbox>span,#js-order-page .misa-terms .s-icon{display:none}
#js-order-page .misa-terms__text a{color:var(--color-text);text-decoration:underline;text-underline-offset:2px}
#js-order-page .misa-terms.is-invalid .misa-terms__text{color:#b00020}
#js-order-page .misa-terms.is-invalid .misa-terms__input{outline:2px solid #b00020;outline-offset:1px}
#js-order-page .misa-checkout__pay .wa-comment-section .wa-hidden{display:none}
#js-order-page .misa-checkout__pay .wa-comment-section.is-opened .wa-hidden{display:block}
@media(hover:hover){#js-order-page .misa-pay__card:not(:disabled):hover{background:var(--color-hover)}#js-order-page .misa-pay__installment:hover{background:var(--color-surface)}}
/* Пока форма загружается, итог и кнопки не показываем. Первый показ Webasyst
   рисует шагом приложения («Выбрать доставку»); ждём перерисовки шаблоном темы,
   но не дольше 6 секунд (js/checkout.js). */
#js-order-page:has(.wa-order-form-wrapper.is-not-ready) .misa-checkout__pay{visibility:hidden}
#js-order-page:not(.is-confirm-timeout) .misa-checkout__pay:not(:has(.misa-summary)){visibility:hidden}
/* Всплывающие подсказки виджета («Удалить товар из корзины», «Выход») стоят у
   правого края: даже скрытые, они расширяют страницу, и на телефоне она
   прокручивается вбок на 60 px. Подписи кнопок понятны и без них. */
#js-order-page .wa-tooltip::before,#js-order-page .wa-tooltip::after{content:none}

/* Страница после заказа: переход к оплате, «Спасибо» или ошибка */
.misa-checkout--result{max-width:560px;text-align:center}
.misa-checkout--result .misa-checkout__title{margin-bottom:var(--space-12)}
.misa-checkout__payment{margin-top:var(--space-24)}
.misa-checkout__payment em,.misa-checkout__payment .icon16{display:none}
.misa-checkout__payment input[type=submit]{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:var(--space-12) var(--space-24);border:1px solid var(--color-text);border-radius:4px;background:var(--color-text);color:var(--color-on-inverse);font:inherit;font-size:var(--type-small);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}
.misa-checkout__actions{margin-top:var(--space-24)}
.misa-checkout__tbank{margin:var(--space-24) 0}