/* ueeshop theme t317 */
:root{--W:max(1240px,77.5rem);--pad:20px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:8rem}
@media (max-width:19.99em){html{font-size:5vw}}
body{margin:0;background:#f3f2ef;--bg:#f3f2ef;--fg:#16181b;--soft:#4a4f57;--acc:#c0000f;--rule:#dddcd7;color:#16181b;font:400 1.06rem/1.6 "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;overflow-wrap:break-word}
[hidden]{display:none!important}
img,svg,iframe,video{max-width:100%}
img,video{height:auto;display:block}
h1,h2,h3{font-family:"Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;font-weight:800;line-height:1.08;margin:0;overflow-wrap:normal;word-break:normal;hyphens:none;color:var(--fg);letter-spacing:0}
h1{font-size:clamp(2rem,1.3rem + 2.2vw,3.1rem)}
h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}
h3{font-size:1.22rem;font-weight:800}
p{margin:0 0 .9rem}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:var(--acc);text-decoration-thickness:1px;text-underline-offset:.16em}
a:hover{color:var(--fg)}
button{font:inherit;color:inherit;cursor:pointer}
input,select{font:inherit;color:inherit}
address{font-style:normal}
@media (min-width:20em){a[href^="mailto:"],a[href^="tel:"]{white-space:nowrap}}
table{border-collapse:collapse;width:100%}
dl,dd,figure,blockquote{margin:0}
:focus-visible{outline:3px solid #ffb21a;outline-offset:2px}
.tn-nb{white-space:nowrap}
.tn-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tn-wrap{width:100%;max-width:var(--W);margin-inline:auto;padding-inline:var(--pad)}
.tn-main{display:block}
.price{font-family:"Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;font-weight:800;color:var(--fg);font-variant-numeric:tabular-nums}

/* кнопки: на площадку — единственная красная заливка; внутренние — светлая плашка или контур */
.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:max(3rem,44px);padding:.6rem 1.4rem;border:0;border-radius:4px;font:700 1.02rem/1.15 "IBM Plex Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;text-decoration:none;text-align:center;cursor:pointer;min-width:0}
.tn-btn svg{flex:0 0 auto;width:1.2rem;height:1.2rem}
.tn-btn--buy{background:#c8000f;color:#ffffff}
.tn-btn--buy:hover{background:#9e000c;color:#ffffff}
.tn-btn--light{background:#ffffff;color:#16181b;box-shadow:inset 0 0 0 2px #16181b}
.tn-btn--light:hover{background:#16181b;color:#f4f4f2}
.tn-band--night .tn-btn--light,.tn-hero-card .tn-btn--light,.tn-phead .tn-btn--light{box-shadow:none}
.tn-btn--sm{min-height:max(2.75rem,44px);padding:.45rem 1rem;font-size:.98rem}
.tn-link{display:inline-flex;align-items:center;gap:.25rem;font-weight:700}
.tn-link svg{width:1rem;height:1rem;flex:0 0 auto}
.tn-bill{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .6rem;font:800 .92rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.tn-bill::before{content:"";width:1.4rem;height:4px;background:#e30012;flex:0 0 auto}
.tn-lede{font-size:1.14rem;color:var(--soft);margin:.7rem 0 0}
.tn-note{font-size:.98rem;color:var(--soft);margin-top:1rem}
.tn-more{margin:1.4rem 0 0;text-align:center}

/* ряды: доля ряда приходит переменными --k0…--k4 (build.js: rows); неполный ряд центрируется */
.tn-rows{--gap:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);align-items:stretch}
.tn-rows>*{--k:var(--k0,1);flex:0 0 calc((100% - (var(--k) - 1)*var(--gap))/var(--k));min-width:0}
@media (min-width:30em){.tn-rows>*{--k:var(--k1,1)}}
@media (min-width:48em){.tn-rows>*{--k:var(--k2,1)}}
@media (min-width:60em){.tn-rows>*{--k:var(--k3,1)}}
@media (min-width:75em){.tn-rows>*{--k:var(--k4,1)}}
@media (max-width:29.99em){.tn-rows{--gap:12px}}
@media (max-width:19.99em){.tn-rows>*{--k:1}}
/* потолок карточки полки: в px — у части кадров исходник 1000 px (кадр не шире 500 px), шире ряд рвётся (raggedShelf);
   на узких — 24rem, как в sizes (styles и sizes держат одну ширину) */
.tn-shelf.tn-rows>.tn-card{justify-content:center}
.tn-shelf.tn-rows>.tn-card>*{width:100%;max-width:480px}
@media (max-width:47.99em){.tn-shelf.tn-rows>.tn-card>*{max-width:min(24rem,480px)}}
.tn-shelf[data-n="1"]>*{max-width:24rem}

/* полосы */
.tn-band{padding-block:clamp(2.6rem,1.8rem + 3vw,4.4rem);background:var(--bg)}
.tn-band--paper{--bg:#ffffff}
.tn-band--steel{--bg:#e7e9ec}
.tn-band--wood{--bg:#f3e5d3;--acc:#7a4a1c}
.tn-band--night{--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2;background-color:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.6px,transparent 1.7px);background-size:22px 22px}
.tn-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.8rem}
.tn-head:not(:has(>:nth-child(2))){display:block}
.tn-head-t{min-width:0;flex:1 1 32rem}
.tn-head h2 a{color:inherit;text-decoration:none}

/* шапка: угольный ряд — знак, поиск, магазин; лента отделов с красной рейкой; закреплена */
.tn-hdr{position:sticky;top:0;z-index:40;background:#15171a;color:#f4f4f2}
.tn-hdr-in{position:relative;display:flex;align-items:center;gap:.8rem 1.4rem;min-height:4.2rem}
.tn-logo{display:inline-flex;flex:0 0 auto;color:inherit}
.tn-logo-art{display:block;height:2.4rem;width:auto}
.tn-search{flex:1 1 auto;display:flex;align-items:center;min-width:0;max-width:34rem;margin-inline:auto;gap:8px;border-radius:4px;background:#ffffff;overflow:hidden}
.tn-search input{flex:1 1 auto;min-width:0;border:0;background:transparent;padding:.6rem 0 .6rem .9rem;color:#16181b;outline-offset:-3px}
.tn-search input::placeholder{color:#4a4f57}
.tn-search-b{flex:0 0 auto;display:grid;place-items:center;width:max(2.9rem,44px);height:max(2.9rem,44px);padding:0;border:0;background:#e7e9ec;color:#16181b}
.tn-hdr-store{flex:0 0 auto}
.tn-nav{background:#202328;border-bottom:4px solid #e30012}
.tn-nav-l{display:flex;flex-wrap:wrap;gap:0 .6rem;min-height:2.9rem;align-items:center}
.tn-nav-a{display:inline-flex;align-items:center;min-height:2.9rem;padding:0 .8rem;font:600 1.02rem/1.1 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:.02em;color:#f4f4f2;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.tn-nav-a:hover,.tn-nav-a[aria-current]{color:#f4f4f2;border-bottom-color:#ffb21a}
.tn-drawer{display:none;flex:0 0 auto}
.tn-drawer:not([open]) .tn-drawer-p{display:none}
.tn-burger{display:grid;place-items:center;width:max(2.75rem,44px);height:max(2.75rem,44px);border-radius:4px;background:#202328;list-style:none;cursor:pointer;user-select:none}
.tn-burger::-webkit-details-marker{display:none}
.tn-drawer[open] .tn-burger{background:#e30012}
.tn-drawer-p{position:absolute;left:0;right:0;top:100%;background:#202328;box-shadow:0 18px 40px rgba(0,0,0,.4);max-height:calc(100vh - 5rem);overflow:auto;border-bottom:4px solid #e30012}
.tn-drawer-l{width:100%;max-width:var(--W);margin-inline:auto;padding:1rem var(--pad) 1.4rem;display:grid;gap:.3rem}
@media (min-width:48em){.tn-drawer-l{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}
.tn-drawer-l a{display:block;padding:.75rem 1rem;border-radius:4px;background:#15171a;color:#f4f4f2;text-decoration:none;font-weight:600}
body.is-nav{overflow:hidden}
/* ступени шапки: лента отделов с 64em; ниже — бургер; поиск — поле с 48em, ниже — полоса под знаком; магазин с 48em */
@media (max-width:63.99em){.tn-nav{display:none}.tn-drawer{display:block}.tn-hdr{border-bottom:4px solid #e30012}}
@media (max-width:47.99em){.tn-hdr-store{display:none}.tn-hdr-in{flex-wrap:wrap;min-height:auto;padding-block:.5rem;gap:.5rem .7rem}.tn-logo{margin-right:auto}.tn-logo-art{height:2rem}.tn-search{order:3;flex:1 1 100%;max-width:none}}
@media (max-width:19.99em){.tn-logo-art{height:1.7rem}}

/* крошки */
.tn-crumbs{background:#f3f2ef}
.tn-crumbs-l{display:flex;flex-wrap:wrap;gap:.2rem .5rem;padding:.9rem 0 0;font-size:.95rem;color:#4a4f57}
.tn-crumbs-l li+li::before{content:"/";margin-right:.5rem;color:#c0000f}
.tn-crumbs-l a{color:#4a4f57}

/* подвал: угольный с точками перфопанели, красная рейка сверху, карта с карточкой адреса */
.tn-foot{--bg:#15171a;--fg:#f4f4f2;--soft:#c3c7cd;--acc:#ff5a63;--rule:#3a3e45;color:#f4f4f2;background-color:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.07) 1.6px,transparent 1.7px);background-size:22px 22px;border-top:6px solid #e30012}
.tn-foot-in{display:grid;gap:2rem 3rem;padding-block:3rem 2rem}
@media (min-width:60em){.tn-foot-in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.tn-foot-place{position:relative;display:grid;gap:1rem}
.tn-foot-map{border-radius:6px;overflow:hidden;background:#202328;min-height:260px}
.tn-foot-map iframe{display:block;width:100%;height:clamp(260px,28vw,340px);border:0}
.tn-foot-card{padding:1.1rem 1.3rem;border-radius:6px;background:#202328;border-left:4px solid #e30012}
@media (min-width:48em){.tn-foot-place:not(.tn-foot-place--plain) .tn-foot-card{position:absolute;left:1rem;bottom:1rem;max-width:20rem;box-shadow:0 10px 28px rgba(0,0,0,.45)}}
.tn-foot-card p{display:flex;gap:.55rem;align-items:flex-start;margin:0 0 .45rem}
.tn-foot-card svg{flex:0 0 auto;margin-top:.2rem;color:#ff5a63}
.tn-foot-card a{color:var(--fg)}
.tn-foot-h{margin:0 0 .7rem!important;font:800 .95rem/1.2 "Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffb21a}
.tn-foot-say{color:var(--soft);margin:1rem 0 1.6rem;max-width:30rem}
.tn-foot-cols{display:grid;gap:1.4rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.tn-foot-col li{margin:.35rem 0}
.tn-foot-col a{color:var(--fg);text-decoration:none}
.tn-foot-col a:hover{text-decoration:underline}
.tn-foot-bottom{border-top:1px solid var(--rule);padding:1.2rem 0 1.6rem;font-size:.95rem;color:var(--soft);background:#15171a}
.tn-legal{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;margin-bottom:.6rem}
.tn-foot-bottom .tn-legal a{color:var(--fg)}
.tn-disclose{margin:0 0 .4rem}
.tn-top{position:fixed;right:1rem;bottom:1rem;z-index:25;display:none;place-items:center;width:44px;height:44px;border-radius:4px;background:#202328;color:#f4f4f2}
@media (min-width:48em){body:not(.tn-pdp-page) .tn-top{display:grid}}

/* нижние плашки (§5.2): магазин марки — главная и отделы на телефоне; покупка — карточка */
.tn-plate{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#ffffff;color:#16181b;box-shadow:0 -8px 26px rgba(22,24,27,.22);border-top:4px solid #e30012;padding-bottom:env(safe-area-inset-bottom);transition:transform .2s}
.tn-plate-in{width:100%;max-width:var(--W);margin-inline:auto;padding:.7rem var(--pad);display:flex;align-items:center;gap:.8rem;justify-content:space-between}
.tn-plate-t{margin:0;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.tn-plate-t b{font-family:"Saira Semi Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;font-size:1.25rem}
.tn-plate-t span:not(.tn-nb){font-size:.92rem;color:#4a4f57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tn-plate .tn-btn{flex:0 0 auto}
.tn-plate.is-idle,.tn-plate.is-early{transform:translateY(110%)}
.tn-plate--store .tn-plate-t{font-weight:700}
@media (max-width:29.99em){.tn-plate--store .tn-plate-t{display:none}.tn-plate--store .tn-plate-in{justify-content:center}.tn-plate--store .tn-btn{flex:1 1 auto;justify-content:center}}
@media (min-width:48em){.tn-plate--store{display:none}}
@media (max-width:47.99em){body:has(.tn-plate){padding-bottom:calc(4.8rem + env(safe-area-inset-bottom))}}
@media (min-width:48em){body.tn-pdp-page{padding-bottom:calc(4.8rem + env(safe-area-inset-bottom))}}
body.is-nav .tn-plate{transform:translateY(110%)}

/* увеличение кадра */
.tn-zoom{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(21,23,26,.96);color:#f4f4f2}
.tn-zoom::backdrop{background:rgba(21,23,26,.96)}
.tn-zoom-in{display:flex;flex-direction:column;height:100%}
.tn-zoom-bar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-weight:700}
.tn-zoom-x{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:4px;background:#202328;color:#f4f4f2}
.tn-zoom-stage{position:relative;flex:1 1 auto;display:grid;place-items:center;padding:0 3.6rem 1.4rem;min-height:0;touch-action:pinch-zoom}
.tn-zoom-stage img{max-height:100%;width:auto;object-fit:contain;background:#fff;border-radius:6px}
.tn-zoom-a{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:4px;background:#202328;color:#f4f4f2}
.tn-zoom-a--p{left:.5rem}.tn-zoom-a--p svg{transform:rotate(180deg)}
.tn-zoom-a--n{right:.5rem}
@media (max-width:29.99em){.tn-zoom-stage{padding:0 .6rem 4.6rem}.tn-zoom-a{top:auto;bottom:.8rem;transform:none}}