@layer base, frame, parts, pages;
@layer base{
:root{--coral:#E8605C;--rose:#EC8CB0;--plum:#705CA4;--iris:#707CB8;--lagoon:#74C8D0;--meadow:#6CB868;
--lemon:#F8E854;--tangerine:#F8B444;--ink:#2B2550;--soft-ink:#5A5577;--mist:#E8F6F8;--fog:#F5F4F9;
--rule:#E2DFEE;--sand:#FBF0D2;--blush:#FAD9D6;--white:#fff;--max:1240px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.6 Inter,"Segoe UI",system-ui,sans-serif;overflow-x:hidden}
img{display:block;max-inline-size:100%;block-size:auto}
a{color:var(--plum)}
h1,h2,h3{font-family:Poppins,"Segoe UI",system-ui,sans-serif;color:var(--ink);line-height:1.2;margin-block:0 .5em}
h1{font-size:clamp(26px,3.6vw,40px);font-weight:700}
h2{font-size:clamp(22px,2.6vw,30px);font-weight:700}
h3{font-size:17px;font-weight:600}
p{margin-block:0 1em}
ul,ol{margin-block:0 1em}
.orb-w{max-inline-size:var(--max);margin-inline:auto;padding-inline:16px}
.orb-jump{position:absolute;inset-inline-start:-999px}
.orb-jump:focus{inset-inline-start:10px;inset-block-start:10px;z-index:90;background:var(--ink);color:#fff;padding:8px 14px}
}
@layer frame{
.orb-strip{background:var(--lemon);color:var(--ink);text-align:center;font:600 14px/1.4 Poppins,sans-serif}
.orb-strip p{margin:0;padding:7px 16px}
.orb-head{background:var(--mist);position:relative}
.orb-head__in{max-inline-size:var(--max);margin-inline:auto;padding:14px 16px 6px;display:grid;
grid-template-columns:auto 1fr;grid-template-areas:"logo buy" "logo nav";align-items:center;column-gap:40px;row-gap:6px}
.orb-logo{grid-area:logo}
.orb-logo img{inline-size:200px}
.orb-nav{grid-area:nav;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 30px}
.orb-nav a{font:600 17px/1.3 Poppins,sans-serif;color:var(--ink);text-decoration:none;padding-block:8px;border-block-end:3px solid transparent}
.orb-nav a:hover,.orb-nav a[aria-current]{color:var(--plum);border-block-end-color:var(--plum)}
.orb-head__buy{grid-area:buy;inline-size:230px;justify-self:end}
.orb-wave{display:block;inline-size:100%;block-size:26px;margin-block-start:-1px}
.orb-wave path{fill:var(--white)}
.orb-crumbs{font-size:13.5px;color:var(--soft-ink);padding-block:14px 0}
.orb-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.orb-crumbs li+li::before{content:"\203A";margin-inline-end:6px;color:var(--soft-ink)}
.orb-crumbs a{color:var(--ink)}
.orb-foot{background:var(--plum);color:#EDEAF7;font-size:15px;margin-block-start:0}
.orb-foot a{color:#fff;text-decoration:none}
.orb-foot a:hover{text-decoration:underline}
.orb-foot__top{display:flex;justify-content:flex-end;padding-block:30px 6px}
.orb-foot__mail{font:500 clamp(18px,2.4vw,28px)/1.2 Poppins,sans-serif;word-break:break-all}
.orb-foot__cols{display:grid;grid-template-columns:1.3fr 1fr 1.25fr 1fr;gap:30px;padding-block:18px 36px}
.orb-foot h2{font:700 17px/1.3 Poppins,sans-serif;color:#fff;margin-block:0 16px}
.orb-foot ul{list-style:none;margin:0;padding:0}
.orb-foot li{margin-block:0 9px}
.orb-foot__chip{display:inline-block;background:#fff;border-radius:8px;padding:8px 12px;margin-block-end:14px}
.orb-foot__chip img{inline-size:136px}
.orb-foot address{font-style:normal;line-height:1.6;margin-block-start:12px}
.orb-foot__base{background:var(--fog);color:var(--soft-ink);font-size:13.5px}
.orb-foot__base p{margin:0;padding-block:14px}
}
@layer parts{
.orb-stamp{display:block;inline-size:100%;border:0;padding:0;margin:0;background:none;cursor:pointer;line-height:0}
.orb-stamp img{inline-size:100%}
.orb-stamp:focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:30px}
.orb-stars{position:relative;display:inline-block;font-size:17px;line-height:1;letter-spacing:1px;color:#D9D6E4;vertical-align:-2px}
.orb-stars::before{content:"\2605\2605\2605\2605\2605"}
.orb-stars::after{content:"\2605\2605\2605\2605\2605";position:absolute;inset-inline-start:0;inset-block-start:0;
inline-size:var(--fill);overflow:hidden;white-space:nowrap;color:var(--tangerine)}
.orb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}
.orb-card{display:flex;flex-direction:column;min-inline-size:0}
.orb-card__img{position:relative;display:block;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--rule)}
.orb-card__img img{inline-size:100%;aspect-ratio:1;object-fit:contain;padding:12px}
.orb-card__state{position:absolute;inset-inline-start:10px;inset-block-end:10px;background:var(--ink);color:#fff;
font:500 12.5px/1 Inter,sans-serif;padding:6px 10px;border-radius:20px}
.orb-card__state--few{background:var(--coral)}
.orb-card__badge{margin:14px 0 6px;display:flex;align-items:center;gap:6px;font:700 12px/1 Poppins,sans-serif;color:var(--plum)}
.orb-card__badge span{display:inline-flex;align-items:center;gap:5px;background:#ECE9F6;border-radius:20px;padding:4px 9px 4px 5px}
.orb-card__badge em{font-style:normal}
.orb-card__badge i{inline-size:12px;block-size:12px;border-radius:50%;display:inline-block}
.orb-card__name{font:700 15.5px/1.35 Poppins,sans-serif;margin:0 0 8px}
.orb-card__name a{color:var(--plum);text-decoration:none}
.orb-card__name a:hover{text-decoration:underline}
.orb-card__rate{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--soft-ink);margin:0 0 8px}
.orb-card__price{font:600 17px/1.2 Inter,sans-serif;margin:0 0 3px}
.orb-card__more{font-size:13.5px;color:var(--soft-ink);margin:0 0 12px}
.orb-card .orb-stamp{margin-block-start:auto}
.orb-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.orb-chips a{display:block;background:var(--plum);color:#fff;text-decoration:none;font:500 15px/1.2 Poppins,sans-serif;
padding:9px 16px;border-radius:22px}
.orb-chips a[aria-current]{background:var(--ink)}
.orb-chips a:hover{background:var(--ink)}
.orb-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-block-end:26px;font-size:15px}
.orb-tools label{font-weight:600;margin-inline-end:10px}
.orb-tools select{font:inherit;min-inline-size:200px;padding:9px 12px;border:1px solid #C9C5D9;border-radius:4px;background:#fff;color:var(--ink)}
.orb-faq h3{font:700 16px/1.4 Inter,sans-serif;margin:0 0 4px}
.orb-faq p{margin:0 0 20px}
.orb-qa{border-block-end:1px solid var(--rule);padding-block:16px}
.orb-qa__when{font-size:12.5px;color:var(--soft-ink);margin:0 0 4px}
.orb-qa h3{font:500 17px/1.4 Inter,sans-serif;margin:0 0 12px}
.orb-qa__who{color:#2E8B3A;font-size:14.5px;margin:0 0 4px}
.orb-qa p:last-child{margin:0}
.orb-sec{padding-block:52px}
.orb-sec--fog{background:var(--fog)}
.orb-title{font-size:clamp(24px,3vw,34px);color:var(--plum)}
.orb-sub{color:var(--soft-ink);max-inline-size:44em}
.orb-seo h2{color:var(--plum);font-size:clamp(20px,2.3vw,26px)}
.orb-seo p{max-inline-size:none}
.orb-panel-sand,.orb-panel-blush{padding:26px 28px}
.orb-panel-sand{background:var(--sand)}
.orb-panel-blush{background:var(--blush)}
.orb-panel-sand h2,.orb-panel-blush h2{font-size:24px}
.orb-panel-sand ul{list-style:none;margin:0;padding:0}
.orb-panel-sand li{border-block-end:1px solid #D9C89B;padding-block:7px}
.orb-panel-sand li:last-child{border:0}
.orb-panel-sand a,.orb-panel-blush a{color:var(--ink);text-decoration:none}
.orb-panel-sand a:hover,.orb-panel-blush a:hover{text-decoration:underline}
.orb-panel-blush address{font-style:normal}
.orb-tip{background:var(--sand);padding:18px 22px;margin-block:22px}
.orb-tip p{margin:0}
.orb-band{background:var(--mist)}
.orb-band__in{padding-block:4px 30px}
.orb-band h1{margin-block-start:18px}
.orb-band p.orb-lead{max-inline-size:none;margin:0}
.orb-ribbon{background:var(--lagoon);position:relative;margin-block-start:40px}
.orb-ribbon svg{position:absolute;inset-inline:0;inset-block-start:-24px;inline-size:100%;block-size:25px}
.orb-ribbon svg path{fill:var(--lagoon)}
.orb-ribbon__in{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:30px;align-items:center;padding-block:30px 34px}
.orb-ribbon h2{color:var(--ink);font-size:clamp(22px,2.6vw,28px);margin-block-end:6px}
.orb-ribbon p{margin:0;color:var(--ink)}
.orb-ribbon__badge{background:#fff;padding:6px;border-radius:6px}
}
@layer pages{
/* главная: профиль */
.orb-profile{padding-block:26px 10px}
.orb-profile__in{display:grid;grid-template-columns:240px 1fr;gap:44px;align-items:center;max-inline-size:1000px;margin-inline:auto}
.orb-avatar{inline-size:220px;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;
box-shadow:0 0 0 4px var(--white),0 0 0 7px var(--plum);justify-self:center}
.orb-avatar img{inline-size:78%}
.orb-handle{font:500 20px/1.2 Poppins,sans-serif;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.orb-handle span{font:500 13px/1 Inter,sans-serif;background:var(--fog);border-radius:12px;padding:6px 10px;color:var(--soft-ink)}
.orb-counts{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px;font-size:15.5px}
.orb-counts b{font-weight:600}
.orb-profile h1{font-size:clamp(22px,2.6vw,30px);font-weight:600}
.orb-bio{margin:0 0 6px;max-inline-size:40em}
.orb-bio--dim{color:var(--soft-ink);font-size:14.5px}
.orb-profile__buy{inline-size:min(330px,100%);margin-block-start:16px}
.orb-rings{list-style:none;margin:34px auto 0;padding:0;max-inline-size:1000px;display:flex;flex-wrap:wrap;justify-content:center;gap:22px 34px}
.orb-rings a{display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;color:var(--ink);
font:500 13.5px/1.25 Inter,sans-serif;text-align:center;inline-size:104px}
.orb-rings span.orb-ring{inline-size:96px;aspect-ratio:1;border-radius:50%;padding:3px;background:var(--ring);display:block}
.orb-rings img{inline-size:100%;block-size:100%;border-radius:50%;object-fit:contain;background:#fff;border:3px solid #fff}
.orb-tabs{border-block-start:1px solid var(--rule);margin-block-start:40px;padding-block-start:22px}
.orb-posts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.orb-posts a{position:relative;display:block}
.orb-posts img{inline-size:100%;aspect-ratio:1;object-fit:cover}
.orb-posts b{position:absolute;inset-inline:0;inset-block-end:0;background:rgba(43,37,80,.78);color:#fff;
font:600 14px/1.3 Poppins,sans-serif;padding:9px 12px}
.orb-tones__bar{background:var(--meadow);color:#fff;padding:18px 22px}
.orb-tones__bar h2{color:#fff;margin:0 0 4px}
.orb-tones__bar p{margin:0}
.orb-tones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.orb-tones a{display:block;background:var(--tone);padding:12px;text-decoration:none;color:var(--ink);block-size:100%}
.orb-tones img{inline-size:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px;padding:5px}
.orb-tones span{display:block;margin-block-start:10px;font:600 14px/1.3 Poppins,sans-serif}
.orb-tones small{display:block;font:400 12.5px/1.3 Inter,sans-serif}
.orb-lineups{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-block-start:4px}
.orb-lineups img{inline-size:100%;background:#fff}
.orb-says{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.orb-reads{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}
.orb-reads a{text-decoration:none;color:var(--ink);display:block;text-align:center}
.orb-reads img{inline-size:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;margin-block-end:14px}
.orb-reads small{display:block;font:500 11.5px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--soft-ink);margin-block-end:6px}
.orb-reads strong{display:block;font:500 16.5px/1.4 Inter,sans-serif;margin-block-end:6px}
.orb-reads em{display:block;font-style:normal;font-size:14px;color:var(--soft-ink)}
/* карточка товара */
.orb-pdp{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:start;padding-block:20px 36px}
.orb-gal__lead{margin:0;background:#fff}
.orb-gal__lead img{inline-size:100%;aspect-ratio:1;object-fit:contain}
.orb-gal__more{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.orb-gal__more img{inline-size:100%;aspect-ratio:1;object-fit:contain;box-shadow:0 0 0 1px var(--rule);background:#fff}
.orb-buybox{background:var(--fog);padding:32px 30px;position:sticky;inset-block-start:16px}
.orb-vendor{font:500 13px/1.3 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.orb-buybox h1{font-size:clamp(24px,2.4vw,30px);font-weight:700}
.orb-buybox__lede{color:var(--soft-ink);font-size:15px}
.orb-cost{font:500 26px/1.1 Inter,sans-serif;margin:0 0 14px}
.orb-instock{display:flex;align-items:center;gap:8px;font-weight:500;margin:0 0 18px}
.orb-instock i{inline-size:11px;block-size:11px;border-radius:50%;background:var(--meadow);box-shadow:0 0 0 3px #D8EED6}
.orb-instock--few i{background:var(--tangerine);box-shadow:0 0 0 3px #FCE9C6}
.orb-pick{display:block;border:1px solid #C9C5D9;border-radius:4px;background:#fff;padding:6px 10px 4px;margin-block-end:18px}
.orb-pick span{display:block;font-size:12px;color:var(--soft-ink)}
.orb-pick select{inline-size:100%;border:0;background:transparent;font:inherit;color:var(--ink);padding:2px 0 4px}
.orb-points{margin:22px 0 0;padding-inline-start:20px}
.orb-points li{margin-block-end:8px;line-height:1.6}
.orb-story{max-inline-size:860px;padding-block:8px 20px}
.orb-story h2{margin-block-start:1.3em}
.orb-specs{margin:0;padding-inline-start:20px}
.orb-related{padding-block:36px 56px}
.orb-related h2{font-size:20px;text-transform:uppercase}
.orb-related .orb-card{border:1px solid var(--rule);padding:14px}
.orb-related .orb-card__img{box-shadow:none}
/* статья */
.orb-read{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;padding-block:28px 50px;align-items:start}
.orb-read__meta{font-size:15px;color:var(--soft-ink);margin:0 0 12px}
.orb-read__side h1{font-size:clamp(28px,3.6vw,44px);margin-block-end:30px}
.orb-read__side .orb-panel-sand,.orb-read__side .orb-panel-blush{margin:0}
.orb-read__body figure{margin:0 0 6px;background:#fff}
.orb-read__body figure img{inline-size:100%;aspect-ratio:16/10;object-fit:contain}
.orb-read__body figcaption{font-style:italic;color:var(--soft-ink);font-size:14.5px;margin-block:8px 18px}
.orb-read__body h2{margin-block-start:1.2em;font-size:clamp(20px,2.2vw,25px)}
.orb-room{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:46px;padding-block:30px 56px;align-items:start}
.orb-room article{max-inline-size:780px}
.orb-room article h2{font-size:clamp(20px,2.2vw,24px);margin-block-start:1.2em;color:var(--plum)}
.orb-room aside{display:grid;gap:0}
.orb-lost{text-align:center;padding-block:56px 70px}
.orb-lost .orb-chips{justify-content:center;margin-block-start:22px}
}
@media (max-width:1000px){
.orb-head__in{grid-template-areas:"logo buy" "nav nav";row-gap:10px}
.orb-logo img{inline-size:160px}
.orb-nav{justify-content:flex-start;gap:2px 18px}
.orb-tones{grid-template-columns:repeat(4,minmax(0,1fr))}
.orb-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.orb-pdp,.orb-read,.orb-room{grid-template-columns:1fr}
.orb-buybox{position:static}
.orb-foot__cols{grid-template-columns:1fr 1fr}
.orb-ribbon__in{grid-template-columns:1fr}
.orb-ribbon__in .orb-stamp{max-inline-size:340px}
}
@media (max-width:700px){
body{font-size:15.5px}
.orb-head__in{padding-block:12px 4px;column-gap:12px}
.orb-logo img{inline-size:118px}
.orb-head__buy{inline-size:190px}
.orb-nav a{font-size:14px;padding-block:6px}
.orb-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
.orb-card__name{font-size:14.5px}
.orb-profile__in{grid-template-columns:92px 1fr;gap:16px 18px;align-items:start}
.orb-profile__in>div:last-child{display:contents}
.orb-avatar{inline-size:92px;box-shadow:0 0 0 3px var(--white),0 0 0 5px var(--plum);grid-row:span 2;align-self:center}
.orb-handle{font-size:18px;margin:0;align-self:end}
.orb-counts{margin:0;gap:2px 14px;font-size:14px;align-self:start}
.orb-profile h1,.orb-bio,.orb-profile__buy{grid-column:1/-1}
.orb-card__badge{font-size:11.5px;gap:0}
.orb-card__badge span~*{display:none}
.orb-posts b{font-size:12px;padding:5px 7px}
.orb-rings{gap:18px 14px}
.orb-rings a{inline-size:96px}
.orb-rings span.orb-ring{inline-size:78px}
.orb-tones a{padding:7px}
.orb-tones span{font-size:12px;margin-block-start:6px}
.orb-tones small{display:none}
.orb-lineups,.orb-says{grid-template-columns:1fr}
.orb-reads{grid-template-columns:1fr 1fr;gap:28px 14px}
.orb-buybox{padding:22px 18px}
.orb-gal__more{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block-start:8px}
.orb-foot__cols{grid-template-columns:1fr}
.orb-foot__top{justify-content:flex-start}
.orb-sec{padding-block:38px}
.orb-tools select{min-inline-size:0}
}
@media (max-width:360px){.orb-head__buy{inline-size:170px}.orb-logo img{inline-size:104px}}