/* Новый дизайн 05.11: глубокий сливовый, сиреневый свет, курсив с засечками + гротеск, капсулы и карточки с плавным цветом */
:root{
  --pl-night:#150f20;--pl-plum:#3a0a73;--pl-vio:#8b5eff;--pl-vio-d:#6f3fe6;--pl-lilac:#cbbde0;--pl-mist:#f5f3fc;--pl-line:#e6e0f3;
  --acc:#8b5eff;--acc-d:#6f3fe6;--acc-soft:rgba(139,94,255,.14);--ink:#24103f;--muted:#7d7392;--line:#e6e0f3;--soft:#f1edfa;
  --st-teal:#3a0a73;--st-teal-d:#8b5eff;--st-bar:#150f20;--st-ink:#24103f;--st-muted:#7d7392;--st-soft:#f1edfa;--st-green:#5b48b8;--st-coral:#8b5eff;
  --pl-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --pl-mesh:radial-gradient(70% 90% at 92% 8%,#a897cc 0,rgba(168,151,204,0) 62%),radial-gradient(60% 70% at 70% 100%,#b6a6d6 0,rgba(182,166,214,0) 60%),radial-gradient(70% 90% at 6% 92%,#4b2a86 0,rgba(75,42,134,0) 70%),linear-gradient(120deg,#170d2c,#2b1656);
}
html{background:#fff;overflow-x:clip}
body{background:#fff!important;color:var(--ink);overflow-x:clip}
#mBg i:nth-child(1){background:#e9e2fb}#mBg i:nth-child(2){background:#efeafd}#mBg i:nth-child(3){background:#e6e4fb}
#scrollBar{background:var(--pl-vio)}
#st-top{display:none!important}

/* шапка-капсула */
header{position:sticky!important;top:8px!important;z-index:50!important;margin:8px 8px 0!important;border:0!important;background:rgba(21,15,32,.96)!important;border-radius:32px!important;box-shadow:0 14px 34px -22px rgba(21,15,32,.75)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
header .wrap{max-width:none!important;min-height:60px;padding:8px 12px 8px 26px!important;gap:16px!important;display:flex;align-items:center}
body.scrolled header .wrap{padding-top:6px!important;padding-bottom:6px!important}
header nav{display:flex;align-items:center;gap:2px;margin-left:auto}
header nav button,header nav .journal-link{color:#fff!important;background:transparent!important;border:0!important;font:500 14px Manrope,sans-serif!important;letter-spacing:0!important;text-transform:none!important;padding:9px 12px!important;border-radius:999px!important;opacity:1!important}
header nav button:hover,header nav button[aria-current=true],header nav button[aria-current=page]{color:#d9ccff!important;background:rgba(255,255,255,.08)!important}
header nav button::after{display:none!important}
header nav .acct-btn{background:var(--pl-vio)!important;color:#fff!important;font-weight:700!important;padding:11px 22px!important;margin-left:6px}
header nav .acct-btn:hover{background:#a180ff!important;color:#fff!important}
.logo.lg-c #firmName{color:#fff!important;font-weight:800!important;font-size:21px!important;letter-spacing:.02em}
.logo.lg-c #firmName span{margin:0 .05em!important}
.logo.lg-c .slit{background:var(--pl-vio)!important}
.logo.lg-c #firmTag{display:none!important}
#st-cat{background:rgba(255,255,255,.1)!important;color:#fff!important;border:0!important}
#st-cat i,#st-cat i::before,#st-cat i::after{background:#fff!important}
#st-cat:hover{background:var(--pl-vio)!important}
#st-search input{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:999px!important}
#st-search input::placeholder{color:rgba(255,255,255,.62)!important}
#st-search svg{stroke:rgba(255,255,255,.75)!important}
#st-search input:focus{border-color:var(--pl-vio)!important}
.lang-sw{display:flex;gap:2px}
.lang-sw button{background:transparent!important;color:rgba(255,255,255,.72)!important;border:1px solid transparent!important;border-radius:999px!important;padding:5px 9px!important;font:500 12.5px Manrope,sans-serif!important}
.lang-sw button[aria-pressed=true],.lang-sw button[aria-current=true],.lang-sw button.on{color:#fff!important;border-color:rgba(255,255,255,.4)!important}

/* первый экран */
main.wrap{padding-top:0!important}
#banner{--wm:clamp(96px,18vw,300px);--sh:calc(min(760px,92vw)*.75);position:relative!important;width:100vw!important;max-width:none!important;margin:-76px 0 0 calc(50% - 50vw)!important;min-height:0!important;height:auto!important;padding:150px 16px 0!important;display:flex!important;flex-direction:column;align-items:center;overflow:hidden!important;border-radius:0!important;box-shadow:none!important;
  background:radial-gradient(85% 58% at 50% 100%,#fff 0,#efeafb 30%,rgba(140,112,186,.85) 58%,rgba(70,45,112,.45) 80%,rgba(21,15,32,0) 100%),var(--pl-night)!important}
#banner::before{content:"ЯССЫ";position:absolute;left:50%;bottom:calc(var(--sh) - var(--wm)*.34);transform:translateX(-50%);font:800 var(--wm)/.9 Manrope,Arial,sans-serif;letter-spacing:-.05em;color:rgba(255,255,255,.34);white-space:nowrap;pointer-events:none;z-index:1}
#banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 92%);pointer-events:none;z-index:3}
#banner .bn-in{position:relative!important;inset:auto!important;left:auto!important;bottom:auto!important;max-width:880px!important;width:100%!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;margin:0 auto!important;text-align:center;color:#fff!important;z-index:4;display:flex;flex-direction:column;align-items:center;gap:0}
#banner .eyebrow{display:none!important}
#banner .bn-h,#banner .bn-p,#banner .bn-h em{text-shadow:none!important}
#banner .bn-h{color:#fff!important;font:400 clamp(32px,4.2vw,58px)/1.1 Manrope,Arial,sans-serif!important;letter-spacing:-.02em!important;text-transform:none!important;margin:0 0 20px!important}
#banner .bn-h em{font:italic 400 1.1em/1.05 var(--pl-serif)!important;color:var(--pl-lilac)!important;letter-spacing:0}
#banner .bn-p{color:#fff!important;font:400 clamp(15px,1.25vw,19px)/1.45 Manrope,Arial,sans-serif!important;max-width:680px;margin:0 0 28px!important;opacity:.92}
#banner .bn-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0!important}
#banner .bn-cta .btn{padding:15px 30px!important;font:700 15px Manrope,sans-serif!important;letter-spacing:0!important;text-transform:none!important;border-radius:999px!important}
#banner .bn-cta .btn:not(.ghost){background:var(--pl-vio)!important;border-color:var(--pl-vio)!important;color:#fff!important}
#banner .bn-cta .btn:not(.ghost):hover{background:#a180ff!important;border-color:#a180ff!important;box-shadow:0 14px 34px -14px var(--pl-vio)}
#banner .bn-cta .btn.ghost{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.4)!important;color:#fff!important}
#banner .bn-cta .btn.ghost:hover{background:rgba(255,255,255,.2)!important;border-color:#fff!important}
#banner .slides{position:relative!important;inset:auto!important;order:2;width:min(760px,92vw)!important;height:var(--sh)!important;aspect-ratio:auto!important;margin:calc(var(--wm)*.62) auto 0!important;border-radius:44px 44px 0 0!important;overflow:hidden!important;background:#d9d2e8;box-shadow:0 0 0 8px rgba(255,255,255,.38),0 0 0 9px rgba(255,255,255,.55),0 50px 90px -40px rgba(21,15,32,.8);z-index:2}
#banner .slides img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
#banner .bn-dots{position:absolute!important;left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%);z-index:5;order:3}

/* карточки с цифрами */
.pl-bento{border:0!important;display:grid;grid-template-columns:1.25fr 1fr .85fr;gap:16px;margin:42px 0 76px!important;padding:0!important;background:transparent!important}
.pl-bento span{position:relative;display:flex!important;flex-direction:column;justify-content:space-between;gap:42px;min-height:210px;padding:30px;border-radius:28px;color:#fff!important;background:var(--pl-mesh);overflow:hidden;font:400 clamp(16px,1.3vw,19px)/1.35 Manrope,sans-serif!important;transition:transform .5s var(--ease)}
.pl-bento span:nth-child(2){background:radial-gradient(70% 80% at 14% 8%,#a897cc 0,rgba(168,151,204,0) 60%),radial-gradient(70% 80% at 88% 96%,#b9a9d9 0,rgba(185,169,217,0) 62%),linear-gradient(200deg,#201040,#40207a)}
.pl-bento span:nth-child(3){background:radial-gradient(90% 60% at 50% 100%,#b9a9d9 0,rgba(185,169,217,0) 70%),radial-gradient(70% 70% at 100% 0,#5c3a9c 0,rgba(92,58,156,0) 70%),linear-gradient(170deg,#170d2c,#2a1553)}
.pl-bento span:hover{transform:translateY(-4px)}
.pl-bento b{display:block;color:#fff!important;font:italic 400 clamp(48px,5vw,76px)/1 var(--pl-serif)!important}

/* заголовки */
.sec-head{text-align:center;margin-bottom:26px}
.sec-head h2,#v-cart h2,#v-shop h2,#v-orders h2,#v-settings h2{font:italic 400 clamp(38px,4.6vw,66px)/1.08 var(--pl-serif)!important;color:#7f5fb5!important;text-transform:none!important;letter-spacing:0!important}
#v-catalog .kindrow{display:none!important} .kindrow .eyebrow{display:block;color:var(--ink)!important;font:600 14px Manrope,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.eyebrow{color:var(--pl-vio-d)!important}

/* фильтры */
#filters button,.kindbtns button,#kindTiles button{background:var(--pl-mist)!important;border:1px solid var(--pl-line)!important;color:var(--ink)!important;font:600 13.5px Manrope,sans-serif!important;padding:10px 18px!important}
#filters button:hover,.kindbtns button:hover,#kindTiles button:hover{border-color:var(--pl-vio)!important}
#filters button[aria-pressed=true],#kindTiles button[aria-pressed=true]{background:var(--pl-plum)!important;border-color:var(--pl-plum)!important;color:#fff!important}

/* карточки каталога */
#grid .card{background:linear-gradient(180deg,#fff,#f8f6fe)!important;border:1px solid var(--pl-line)!important;border-radius:28px!important;box-shadow:none!important}
#grid .card:hover{border-color:rgba(139,94,255,.45)!important;box-shadow:0 30px 56px -34px rgba(58,10,115,.5)!important}
#grid .card .phwrap{background:linear-gradient(180deg,#f3f0fb,#e9e4f6)!important}
#grid .card .phwrap::after{content:none!important}
#grid .card .newtag{left:12px!important;background:var(--pl-vio)!important}
#grid .card .cname{color:var(--ink)!important;font-weight:600!important;font-size:16px!important}
#grid .card .cname::after{background:var(--pl-vio)}
#grid .card .meta,#grid .card .cname .mono{color:var(--muted)!important}
#grid .card .st-avail{color:var(--pl-vio-d)!important}
#grid .card .row>b{color:var(--pl-plum)!important}
#grid .card .btn{font-weight:700!important;letter-spacing:0!important;text-transform:none!important;font-size:12.5px!important}
#grid .card .btn:not(.ghost){background:var(--pl-plum)!important;border-color:var(--pl-plum)!important;color:#fff!important}
#grid .card .btn:not(.ghost):hover{background:var(--pl-vio)!important;border-color:var(--pl-vio)!important}
#grid .card .btn.ghost{background:#fff!important;border-color:var(--pl-line)!important;color:var(--ink)!important}
#grid .card .btn.ghost:hover{border-color:var(--pl-vio)!important}

/* общие кнопки */
.btn:not(.ghost){background:var(--pl-plum);border-color:var(--pl-plum);color:#fff}
.btn:not(.ghost):hover{background:var(--pl-vio)!important;border-color:var(--pl-vio)!important;box-shadow:0 10px 24px -12px var(--pl-vio)}
#st-more{background:var(--pl-plum)!important;border:0!important;color:#fff!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;font-size:15px!important;padding:15px 36px!important}
#st-more:hover{background:var(--pl-vio)!important}
#st-call{background:var(--pl-vio)!important;box-shadow:0 14px 30px -12px var(--pl-vio)!important;animation:none!important}
.stage:fullscreen,.stage.full{background:#f1edfa}

/* подвал */
footer{position:relative;margin:80px 8px 8px!important;padding:44px 34px!important;border-radius:32px;background:var(--pl-mesh)!important;color:#fff!important;border:0!important}
footer *{color:inherit;border-color:rgba(255,255,255,.2)!important}
footer a{color:#fff!important}

@media (max-width:1100px){
  header .wrap{flex-wrap:wrap;padding:10px 14px!important;gap:8px 10px!important}
  header nav{margin-left:0;order:6;flex-basis:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  header nav::-webkit-scrollbar{display:none}
  header nav button,header nav .journal-link{white-space:nowrap;padding:8px 10px!important;font-size:13px!important}
  header nav .acct-btn{margin-left:auto;padding:8px 16px!important}
  header{border-radius:26px!important}
  #st-search{order:5;flex:1 1 100%}
  .lang-sw{margin-left:auto}
  #banner{margin-top:-150px!important;padding-top:210px!important}
}
@media (max-width:760px){
  .pl-bento{grid-template-columns:1fr;gap:12px;margin:26px 0 48px!important}
  .pl-bento span{min-height:150px;padding:24px;gap:22px}
  #banner .slides{border-radius:28px 28px 0 0!important}
  #grid{gap:16px 12px!important}
  #grid .card{border-radius:20px!important}
  footer{padding:30px 20px!important;border-radius:24px}
}

/* на весь экран: слева модель, справа настройка, 1/4 экрана */
body.stage-full{--pl-side:max(25vw,300px);overflow:hidden!important}
body.stage-full header,body.stage-full #st-call,body.stage-full #scrollBar{display:none!important}
body.stage-full .stage{position:fixed!important;left:0!important;top:0!important;right:auto!important;bottom:0!important;width:calc(100vw - var(--pl-side))!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;z-index:2147483000}
body.stage-full #steps{position:fixed!important;right:0!important;top:0!important;bottom:0!important;left:auto!important;width:var(--pl-side)!important;max-width:none!important;height:100vh!important;height:100dvh!important;max-height:none!important;margin:0!important;overflow-y:auto!important;background:#fff!important;border:0!important;border-left:1px solid var(--pl-line)!important;border-radius:0!important;z-index:2147483001;padding:14px!important}
body.stage-full .stage-col,body.stage-full .cfg,body.stage-full #v-cfg,body.stage-full main.wrap{transform:none!important;animation:none!important;filter:none!important;contain:none!important}
body.stage-full .stage .dims{top:16px!important}
@media (max-width:800px){
  body.stage-full .stage{width:100vw!important;height:50dvh!important;bottom:auto!important}
  body.stage-full #steps{width:100vw!important;top:50dvh!important;height:50dvh!important;border-left:0!important;border-top:1px solid var(--pl-line)!important}
}

/* цифры под первым экраном убраны по просьбе владельца */
.bn-facts,.pl-bento{display:none!important}
#v-catalog .sec-head{margin-top:56px}

/* весь экран: подвал и прокрутка страницы не мешают, размеры не под кнопкой */
html:has(body.stage-full){overflow:hidden!important}
body.stage-full footer,body.stage-full .site-foot{display:none!important}
body.stage-full .stage .dims{top:16px!important;right:176px!important;left:auto!important}

/* весь экран: кнопки заказа прокручиваются вместе с настройкой и не закрывают её */
body.stage-full #steps .buybar{position:static!important;margin:14px 0 0!important}
#banner .bn-in{order:1!important}
#banner .slides{order:2!important}
/* телефон: шапка не занимает экран при прокрутке, текст над фото */
@media (max-width:760px){
  header{position:relative!important;top:0!important}
  #banner{margin-top:-34px!important;padding-top:66px!important;--wm:27vw}
  #banner .bn-p{font-size:15px!important}
  #banner .bn-dots{bottom:10px!important}
}

/* весь каталог открыт сразу */
#st-more{display:none!important}
/* сетка каталога на любом экране */
#grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))!important}
#filters{flex-wrap:wrap;justify-content:center}
img,canvas,video{max-width:100%}
.lang-sw,#st-cat{flex:none}
@media (min-width:1101px) and (max-width:1500px){
  #st-search{flex:1 1 120px;min-width:100px}
  header nav button,header nav .journal-link{padding:8px 9px!important;font-size:13px!important}
  header .wrap{gap:10px!important;padding-left:18px!important}
}
/* планшет: шапка в две строки, настройка под моделью */
@media (min-width:761px) and (max-width:1100px){
  header nav{order:6}
  #banner{margin-top:-30px!important;padding-top:84px!important}
  header{position:relative!important;top:0!important}
}
/* телефон лёжа и низкие экраны */
@media (max-height:520px){
  header{position:relative!important;top:0!important}
  body.stage-full .stage .dims{display:none!important}
}
@media (max-width:420px){
  #banner .bn-cta{width:100%}
  #banner .bn-cta .btn{flex:1 1 100%;text-align:center}
  header .wrap{padding:10px!important}
}

#banner .bn-dots{display:none!important}
#banner .bn-h,#banner .bn-p{text-align:center!important}
@media (max-width:1100px){
  header{margin:0!important;border-radius:0 0 24px 24px!important}
}