/* Ensky — «the skylight»: плоский лист поднимается в свет.
   Синтез выдачи: plazajapan (сетка без рамок, серое имя по центру, жирная цена, кнопка во всю ширину,
   FAQ-блок внизу, многоколоночный подвал), hobbytown (левая колонка-фильтр «refine by», облако смежных
   разделов), en.enskyshop (бело-небесная палитра, чипы наличия). Капс-кикеры enskyshop не берём.
   Палитра снята с brand/logo.jpg. */

@font-face{font-family:Zen;src:url(/lightwell/d1a4f21a74/zen0.woff2)format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Zen;src:url(/lightwell/d1a4f21a74/zen1.woff2)format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Zen;src:url(/lightwell/d1a4f21a74/zen2.woff2)format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Plex;src:url(/lightwell/d1a4f21a74/plex0.woff2)format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(/lightwell/d1a4f21a74/plex1.woff2)format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url(/lightwell/d1a4f21a74/plex2.woff2)format("woff2");font-weight:600;font-display:swap}

:root{
 --navy:#01479d; --navy-d:#01306e; --sky:#48b0e3; --mid:#1053a1;
 --line:#c7d9e7; --wash:#f4f8fc; --paper:#fff; --ink:#10233a;
 --dim:#5c738c; --warm:#e8a33d; --rad:14px;
 --shadow:0 1px 0 var(--line), 0 10px 24px -18px rgba(16,35,58,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.62 Plex,"Segoe UI",system-ui,sans-serif;
 overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--mid)}
h1,h2,h3,h4{font-family:Zen,Plex,system-ui,sans-serif;font-weight:700;line-height:1.18;margin:0 0 .5em;
 letter-spacing:-.012em;color:var(--ink)}
h1{font-size:clamp(28px,4.6vw,44px)}
h2{font-size:clamp(23px,3.1vw,31px)}
h3{font-size:clamp(19px,2.2vw,22px)}
p{margin:0 0 1.05em}
.sash{width:min(1180px,100% - 32px);margin-inline:auto}
.only-read{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ─── шапка: только разделы и штамп ─── */
.rafter{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}
.rafter__in{display:flex;align-items:center;gap:14px;min-height:72px;flex-wrap:wrap;
 width:min(1180px,100% - 32px);margin-inline:auto}
.rafter__mark{flex:0 0 auto;display:block;line-height:0}
.rafter__mark img{width:clamp(118px,17vw,164px);height:auto}
.rafter__burger{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--wash);
 border:1px solid var(--line);border-radius:999px;padding:9px 15px;font:600 14px/1 Plex,sans-serif;
 color:var(--navy);cursor:pointer}
.rafter__burger i{width:16px;height:2px;background:var(--navy);display:block;position:relative;border-radius:2px}
.rafter__burger i::before,.rafter__burger i::after{content:"";position:absolute;left:0;width:16px;height:2px;
 background:var(--navy);border-radius:2px}
.rafter__burger i::before{top:-5px}.rafter__burger i::after{top:5px}
.rafter__panes{display:none}
.rafter__panes.lit{display:block;position:absolute;left:0;right:0;top:100%;background:var(--paper);
 border-bottom:1px solid var(--line);box-shadow:0 18px 30px -24px rgba(16,35,58,.6);padding:8px 0 16px}
.rafter__panes ul{list-style:none;margin:0;padding:0;width:min(1180px,100% - 32px);margin-inline:auto}
.rafter__panes li+li{border-top:1px solid var(--wash)}
.rafter__panes a{display:block;padding:12px 2px;color:var(--ink);text-decoration:none;font-weight:500}
.rafter__panes a[aria-current]{color:var(--navy);font-weight:600}
.rafter__buy{display:none}
@media(min-width:1000px){
 .rafter__burger{display:none}
 .rafter__panes{display:block;margin-left:auto;min-width:0}
 .rafter__panes ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;width:auto;margin:0}
 .rafter__panes li+li{border:0}
 .rafter__panes a{padding:9px 11px;font-size:14.5px;border-radius:9px;white-space:nowrap}
 .rafter__panes a:hover{background:var(--wash)}
 .rafter__buy{display:block;flex:0 0 auto}
 .rafter__buy img{width:186px;height:35px}
}

/* ─── штамп покупки ─── */
.stamp{display:inline-block;padding:0;border:0;background:none;cursor:pointer;line-height:0;
 border-radius:999px;transition:transform .12s ease,filter .12s ease}
.stamp:hover{transform:translateY(-1px);filter:saturate(1.1)}
.stamp:active{transform:translateY(1px)}
.stamp:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.stamp img{width:100%;max-width:310px;height:auto}
.stamp--card{display:block;width:100%}
.stamp--card img{max-width:none;width:100%}
.stamp--wide{display:block;width:min(330px,100%)}
/* штамп под сеткой плиток: без отбивки и центровки читается как пятая плитка ряда */
.stamp--mid{margin:34px auto 0}

/* ─── крошки ─── */
.thread{font-size:14px;color:var(--dim);padding:16px 0 4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.thread a{color:var(--dim)}
.thread i{font-style:normal;opacity:.5}

/* ─── главная: световой проём ─── */
.lumen{background:linear-gradient(170deg,#eaf4fb 0%,#fff 62%);border-bottom:1px solid var(--line)}
.lumen__in{display:grid;gap:26px;padding:34px 0 40px}
.lumen__copy p{font-size:18px;color:#31465e}
.lumen__copy p:first-of-type{font-size:19.5px;color:var(--ink)}
.lumen__shot img{border-radius:var(--rad);box-shadow:var(--shadow);width:100%}
.lumen__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.lumen__chips li{background:var(--paper);border:1px solid var(--line);border-radius:999px;
 padding:6px 13px;font-size:13.5px;font-weight:500;color:var(--navy)}
@media(min-width:900px){.lumen__in{grid-template-columns:1.04fr .96fr;align-items:center;gap:42px;padding:48px 0 56px}}

.slab{padding:46px 0}
.slab--wash{background:var(--wash);border-block:1px solid var(--line)}
.slab__head{max-width:70ch;margin-bottom:24px}
.slab__head p{color:#31465e;margin:0}

/* ─── плитки разделов ─── */
.panes{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));list-style:none;margin:0;padding:0}
.pane{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;
 display:flex;flex-direction:column}
.pane a{text-decoration:none;color:inherit;display:block}
.pane__pic{aspect-ratio:4/3;overflow:hidden;background:var(--wash);display:block}
.pane__pic img{width:100%;height:100%;object-fit:contain;padding:10px;box-sizing:border-box}
.pane__txt{padding:15px 16px 18px}
.pane__txt h3{margin:0 0 6px;font-size:19px}
.pane__txt p{margin:0;font-size:14.5px;color:var(--dim)}
.pane__n{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--navy)}

/* ─── сетка товаров (plazajapan: без рамок, имя по центру, цена жирная, кнопка во всю ширину) ─── */
.rack{display:grid;gap:30px 20px;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));list-style:none;margin:0;padding:0}
.glaze{display:flex;flex-direction:column;text-align:center}
.glaze__pic{display:block;background:var(--paper);border-radius:10px;overflow:hidden;aspect-ratio:1;
 border:1px solid var(--line)}
.glaze__pic img{width:100%;height:100%;object-fit:contain;padding:8px;background:#fff}
.glaze__name{display:block;margin:12px 0 0;font-size:14.5px;line-height:1.42;color:#44586f;text-decoration:none;
 min-height:3em}
.glaze__name:hover{color:var(--navy);text-decoration:underline}
.glaze__meta{display:flex;align-items:center;justify-content:center;gap:8px;margin:8px 0 2px;flex-wrap:wrap}
.glaze__cost{font:700 21px/1 Zen,Plex,sans-serif;color:var(--ink)}
.glaze__chip{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:none;
 border-radius:5px;padding:3px 7px;background:#eef7ee;color:#2d6b35}
.glaze__chip--off{background:#f6f1e8;color:#8a6a25}
.glaze__stars{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;color:var(--dim);
 margin-bottom:10px;min-height:1.3em}
.glaze .stamp{margin-top:auto}

.stars{display:inline-block;width:76px;height:14px;position:relative;
 background:linear-gradient(90deg,var(--warm) var(--fill),#d8e2ec var(--fill))}
.stars{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='76' height='14' viewBox='0 0 76 14'><g fill='black'><path d='M7 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8L7 11l-4.3 2.3.8-4.8L0 5.1l4.9-.7z'/><path d='M22.2 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8-3.5-3.4 4.9-.7z'/><path d='M37.4 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8-3.5-3.4 4.9-.7z'/><path d='M52.6 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8-3.5-3.4 4.9-.7z'/><path d='M67.8 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8L62 5.1l4.9-.7z'/></g></svg>") no-repeat;
 mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='76' height='14' viewBox='0 0 76 14'><g fill='black'><path d='M7 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8L7 11l-4.3 2.3.8-4.8L0 5.1l4.9-.7z'/><path d='M22.2 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8-3.5-3.4 4.9-.7z'/><path d='M37.4 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8-3.5-3.4 4.9-.7z'/><path d='M52.6 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8-3.5-3.4 4.9-.7z'/><path d='M67.8 0l2.1 4.4 4.9.7-3.5 3.4.8 4.8-4.3-2.3-4.3 2.3.8-4.8L62 5.1l4.9-.7z'/></g></svg>") no-repeat}

/* ─── раздел: левая колонка-отбор (hobbytown) ─── */
.sill{display:grid;gap:26px;padding-top:8px}
@media(min-width:1020px){.sill{grid-template-columns:238px 1fr;gap:34px;align-items:start}}
.refine{background:var(--wash);border:1px solid var(--line);border-radius:var(--rad);padding:16px 16px 18px}
.refine h2{font-size:15px;letter-spacing:.04em;margin:0 0 12px;color:var(--navy)}
.refine label{display:block;font-size:13px;font-weight:600;color:var(--dim);margin:12px 0 5px}
.refine select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);
 font:400 15px Plex,sans-serif;color:var(--ink)}
.refine__n{margin:14px 0 0;font-size:13.5px;color:var(--dim)}
.refine__more{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);list-style:none}
.refine__more li{margin-bottom:7px}
.refine__more a{font-size:14px;color:var(--mid);text-decoration:none}
.refine__more a:hover{text-decoration:underline}

/* ─── карточка товара ─── */
.transom{display:grid;gap:26px;padding:6px 0 10px}
@media(min-width:900px){.transom{grid-template-columns:minmax(0,46%) minmax(0,54%);gap:38px;align-items:start}}
.album__big{border:1px solid var(--line);border-radius:var(--rad);background:#fff;overflow:hidden}
.album__big img{width:100%;aspect-ratio:1;object-fit:contain;padding:12px}
.album__row{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.album__th{width:66px;height:66px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#fff;
 cursor:pointer}
.album__th img{width:100%;height:100%;object-fit:contain}
.album__th--on{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.buyline{border:1px solid var(--line);border-radius:var(--rad);padding:18px;background:var(--wash);margin:18px 0 22px}
.buyline__cost{font:700 34px/1 Zen,Plex,sans-serif;color:var(--ink);margin:0 0 4px}
.buyline__was{font-size:15px;color:var(--dim);text-decoration:line-through;margin-left:9px;font-weight:400}
.buyline__note{font-size:13.5px;color:var(--dim);margin:10px 0 0}
.buyline__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.facts{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.facts th,.facts td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.facts th{width:40%;font-weight:600;color:var(--dim);background:var(--wash)}
.prose h2{margin-top:1.5em}
.prose ul{padding-left:1.15em;margin:0 0 1.1em}
.prose li{margin-bottom:.45em}
.prose{max-width:74ch}

/* ─── отзывы ─── */
.voices{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));list-style:none;margin:0;padding:0}
.voice{background:var(--paper);border:1px solid var(--line);border-radius:var(--rad);padding:17px 18px}
.voice__top{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.voice__name{font-weight:600;font-size:14px}
.voice h3{font-size:16px;margin:0 0 7px}
.voice p{margin:0;font-size:15px;color:#3a4f66}
.voice__what{display:block;margin-top:11px;font-size:13px;color:var(--dim);text-decoration:none}
.voice__what:hover{text-decoration:underline}

/* ─── FAQ ─── */
.asked{max-width:80ch}
.asked details{border:1px solid var(--line);border-radius:11px;background:var(--paper);margin-bottom:10px}
.asked summary{cursor:pointer;padding:14px 16px;font-weight:600;font-family:Zen,Plex,sans-serif;list-style:none}
.asked summary::-webkit-details-marker{display:none}
.asked summary::after{content:"+";float:right;color:var(--navy);font-weight:700}
.asked details[open] summary::after{content:"–"}
.asked details p{margin:0;padding:0 16px 15px;color:#3a4f66}

/* ─── облако смежных ─── */
.tags{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.tags a{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:999px;
 padding:7px 14px;font-size:14px;color:var(--mid);text-decoration:none}
.tags a:hover{border-color:var(--sky);background:#f0f8fd}

/* ─── эссе ─── */
.essay{max-width:76ch;padding:8px 0 44px}
.essay h2{margin-top:1.6em}
.essay ul,.essay ol{padding-left:1.2em}
.essay li{margin-bottom:.5em}
.postcard{background:var(--wash);border:1px solid var(--line);border-radius:var(--rad);padding:18px 20px;margin:22px 0}
.postcard p{margin:0 0 .6em}
.postcard p:last-child{margin:0}

/* ─── подвал ─── */
.loft{background:#082545;color:#cfe0f0;margin-top:52px;padding:40px 0 0;font-size:15px}
.loft a{color:#cfe0f0;text-decoration:none}
.loft a:hover{text-decoration:underline;color:#fff}
.loft__cols{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.loft h2{font-size:14px;letter-spacing:.05em;color:#8fc4ea;margin:0 0 11px;font-weight:600}
.loft ul{list-style:none;margin:0;padding:0}
.loft li{margin-bottom:7px}
.loft address{font-style:normal;line-height:1.75}
.loft__mark{margin-bottom:22px}
/* у логотипа непрозрачный белый фон: инверсия давала белый прямоугольник, поэтому плашка */
.loft__mark img{width:146px;height:auto;display:block;background:#fff;border-radius:10px;padding:7px 11px;box-sizing:content-box}
.loft__fine{border-top:1px solid #18405f;margin-top:32px;padding:18px 0 26px;font-size:13px;color:#8aa6c0}
.loft__fine p{margin:0 auto;width:min(1180px,100% - 32px)}

@media(max-width:420px){
 body{font-size:16px}
 .rack{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 14px}
 .glaze__cost{font-size:19px}
 .album__th{width:58px;height:58px}
}
