.sp-wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.sp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,28px)}
/* Olimp 7 - product page and content pages (28.09.2026). Builds on olimp-story.css + olimp-shop.css. */
html[data-pv="100"] .v220,html[data-pv="220"] .v100{display:none!important}
.pg-crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.92rem;color:var(--soft);padding-top:clamp(16px,3vh,30px);margin:0 0 clamp(14px,2.4vh,24px)}
.pg-crumbs a{text-decoration:none}.pg-crumbs a:hover{text-decoration:underline;text-underline-offset:.2em}
.pg-head{padding-top:clamp(36px,8vh,100px);padding-bottom:clamp(36px,6vh,72px)}
.pg-head .st-h1{font-size:clamp(3.4rem,9.4vw,9rem);max-width:none;margin:0}
@media (min-width:901px){.pg-head.pg-split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 56px}.pg-head.pg-split .pg-lead{margin:0 0 .5em;max-width:34ch}}
.pg-lead{font-size:clamp(1.1rem,1rem + .5vw,1.4rem);line-height:1.5;max-width:40ch;color:var(--soft);margin:24px 0 0;text-wrap:pretty}
.pg-sec{padding-top:clamp(44px,6.5vh,84px);padding-bottom:clamp(44px,6.5vh,84px)}
.pg-sec+.pg-sec{padding-top:0}
.pg-copy p{color:var(--soft);max-width:44ch;text-wrap:pretty}
.pg-copy p+p{margin-top:1em}
.pg-media{margin:0;line-height:0}
.pg-media img{width:100%;height:auto;object-fit:cover}
.pg-media figcaption{line-height:1.5;margin-top:12px;font-size:.92rem;color:var(--soft)}
.pg-band{position:relative;margin:0;line-height:0}
.pg-band img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.pg-band figcaption{line-height:1.5;padding:12px var(--pad) 0;font-size:.92rem;color:var(--soft);max-width:var(--maxw);margin:0 auto}
/* product page */
.pd-hero{align-items:start;padding-bottom:clamp(40px,6vh,72px)}
.pd-gallery{grid-column:1/span 7;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start}
.pd-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:10px}
.pd-th{display:block;padding:0;border:1px solid transparent;background:#e2e1df;cursor:pointer;line-height:0;opacity:.62;transition:opacity .25s ease,border-color .25s ease}
.pd-th img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.pd-th:hover{opacity:1}.pd-th.is-on{opacity:1;border-color:var(--ink)}
.pd-main{grid-column:2;grid-row:1;margin:0;background:linear-gradient(#e2e2e1,#d3d2d0);line-height:0}
.pd-main img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:opacity .3s ease}
.pd-main img.is-swap{opacity:.2}
.pd-info{grid-column:8/span 5;padding-top:clamp(0px,2vh,20px)}
.pd-vol{font-family:var(--display);font-weight:380;font-size:clamp(4.4rem,8.6vw,8.8rem);line-height:.8;letter-spacing:-.01em;margin:0}
.pd-vol small{font-size:.34em;margin-left:.14em;letter-spacing:0}
.pd-h1{font:600 clamp(1.3rem,1.1rem + .8vw,1.8rem)/1.2 var(--text);letter-spacing:0;margin:18px 0 10px;text-wrap:balance}
.pd-short{color:var(--soft);margin:0 0 22px;max-width:38ch}
.pd-price{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,4vw,3.6rem);line-height:1;margin:0 0 24px}
.pd-size{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.pd-size>span{font-size:.95rem;color:var(--soft);margin-right:4px}
.pd-size a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500;transition:border-color .2s,background-color .2s}
.pd-size a:hover{border-color:var(--ink)}
.pd-size a[aria-current]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.pd-buy{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.pd-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;height:52px}
.pd-qty button{width:46px;height:50px;border:0;background:none;font-size:1.35rem;line-height:1;cursor:pointer;color:inherit;border-radius:999px}
.pd-qty button:hover{background:rgba(29,36,22,.06)}
.pd-qty output{min-width:2.2ch;text-align:center;font-weight:600;font-size:1.05rem}
.pd-add{flex:1 1 210px}
.pd-add:disabled,.pd-quick:disabled{opacity:.55;cursor:default}
.pd-quick{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin-top:12px;padding:0 24px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:600 1rem/1 var(--text);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.pd-quick::before{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8Z'/%3E%3C/svg%3E") center/contain no-repeat}
.pd-quick:hover:not(:disabled){background:var(--ink);color:#f4ede7}
.pd-quick:active:not(:disabled){transform:scale(.98)}
.pd-quick-note{margin:8px 0 0;text-align:center;font-size:.92rem;color:var(--soft)}
/* модалът „Бърза поръчка“ (платформен quick-order.js): цветовете на Olimp 7; иконите са маски, за да не зависят от Font Awesome */
#qoOverlay{--bs-primary:#9f271e}
#qoOverlay .qo-header-icon i,#qoOverlay .qo-success-icon i{display:block;width:22px;height:22px;background:currentColor;font-size:0}
#qoOverlay .qo-header-icon i::before,#qoOverlay .qo-success-icon i::before{content:none}
#qoOverlay .qo-header-icon i{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7l1-8Z'/%3E%3C/svg%3E") center/contain no-repeat}
#qoOverlay .qo-success-icon i{width:30px;height:30px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.pd-spec{margin:30px 0 0;border-top:1px solid var(--line)}
.pd-spec div{display:grid;grid-template-columns:8.5em minmax(0,1fr);gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.98rem}
.pd-spec dt{color:var(--soft)}.pd-spec dd{margin:0;font-weight:500}
.pd-about{align-items:center;padding-top:clamp(40px,6vh,76px);padding-bottom:clamp(44px,6.5vh,84px)}
.pd-about .pg-copy{grid-column:1/span 5;grid-row:1}
.pd-about .pg-media{grid-column:7/span 6;grid-row:1}
.pd-about .pg-media img{aspect-ratio:4/5;object-position:50% 25%}
#productFullDescription{color:var(--soft);max-width:44ch;margin:0}
.pd-about .st-uses{margin-top:26px}
.pd-other{padding-top:clamp(44px,6.5vh,84px);padding-bottom:clamp(24px,5vh,60px)}
.pd-other-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,64px);align-items:center;max-width:1000px}
.pd-other-card .sp-stage img{aspect-ratio:4/5}
.pd-other-card .st-h2{margin-bottom:.25em;font-size:clamp(2.2rem,4vw,3.6rem)}
.pd-other-card .sp-for{margin-top:6px}
.pd-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:none;align-items:center;gap:14px;padding:10px var(--pad) max(10px,env(safe-area-inset-bottom));background:var(--studio);box-shadow:0 -1px 0 var(--line);transform:translateY(110%);transition:transform .35s ease}
.pd-bar.is-on{transform:none}
.pd-bar p{margin:0;font-family:var(--display);font-size:1.9rem;line-height:1}
.pd-bar .st-btn{flex:1;min-height:48px}
/* years (about) */
.ab-years{border-top:1px solid var(--line)}
.ab-year{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(14px,2vw,28px);padding:clamp(22px,4vh,40px) 0;border-bottom:1px solid var(--line);align-items:baseline}
.ab-year b{grid-column:1/span 4;font-family:var(--display);font-weight:380;font-size:clamp(3rem,6vw,5.6rem);line-height:.9}
.ab-year p{grid-column:6/span 7;margin:0;color:var(--soft);font-size:clamp(1.05rem,1rem + .3vw,1.25rem);max-width:44ch}
.ab-split{align-items:center}
.ab-split .pg-copy{grid-column:1/span 5}
.ab-split .pg-media{grid-column:7/span 6}
.ab-split.is-rev .pg-copy{grid-column:8/span 5;grid-row:1}
.ab-split.is-rev .pg-media{grid-column:1/span 6;grid-row:1}
.ab-state{font-family:var(--display);font-weight:380;font-size:clamp(2.4rem,5.4vw,5.2rem);line-height:.98;max-width:18ch;margin:0;text-wrap:balance}
.ab-close{background:var(--dusk);color:#f1ece8}
.ab-close .sp-wrap{padding-top:clamp(56px,8vh,96px);padding-bottom:clamp(56px,8vh,96px)}
.ab-close .st-display{max-width:9ch;margin-bottom:34px}
/* contact */
.ct-grid{align-items:start}
.ct-lines{grid-column:1/span 7}
.ct-line{padding:clamp(20px,3.5vh,34px) 0;border-top:1px solid var(--line)}
.ct-line:last-child{border-bottom:1px solid var(--line)}
.ct-line span{display:block;font-size:.95rem;color:var(--soft);margin-bottom:6px}
.ct-line a{font-family:var(--display);font-weight:380;font-size:clamp(2.4rem,5.2vw,4.6rem);line-height:1;text-decoration:none;word-break:break-word}
.ct-line a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}
.ct-line p{margin:10px 0 0;color:var(--soft);max-width:42ch}
.ct-media{grid-column:9/span 4;margin:0}
.ct-media img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.ct-legal{margin-top:clamp(40px,7vh,80px);color:var(--soft);font-size:.95rem;max-width:62ch}
.ct-legal b{color:var(--ink);font-weight:600}
/* faq page, legal, 404 */
.fq-list{padding-bottom:clamp(48px,7vh,88px)}
.fq-list .st-faq{max-width:900px;margin:0;padding:0}
.fq-list details{border-bottom:1px solid var(--line)}
.fq-list details:first-of-type{border-top:1px solid var(--line)}
.lg-body{max-width:760px;padding-bottom:clamp(48px,7vh,88px)}
.lg-body p{color:var(--soft);max-width:62ch}
.lg-body .st-btn{margin-top:14px}
.lg-body h2{font:600 1.12rem/1.35 var(--text);letter-spacing:0;color:var(--ink);margin:2.2em 0 .7em}
.lg-body p strong{color:var(--ink)}
.nf-num{font-family:var(--display);font-weight:300;font-size:clamp(6rem,15vw,13rem);line-height:.8;margin:0;color:var(--ink);opacity:.14}
.nf-links{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:30px}
@media (max-width:900px){
 .pd-hero,.pd-about,.ab-split,.ct-grid{display:block}
 .pd-gallery{display:flex;flex-direction:column;gap:10px}.pd-gallery>.pd-main{align-self:stretch}
 .pd-thumbs{flex-direction:row;overflow-x:auto;gap:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .pd-th{flex:0 0 58px}
 .pd-info{margin-top:26px;padding-top:0}
 .pd-about .pg-media,.ab-split .pg-media{margin-top:32px}
 .pd-other-card{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:18px}
 .pd-bar{display:flex}
 .pd-page .st-footer{padding-bottom:110px}
 .ab-year{display:block}
 .ab-year p{margin-top:10px}
 .pg-band img{aspect-ratio:4/5}
 .ct-media{margin-top:36px}
}
@media (max-width:600px){.pd-other-card{display:block}.pd-other-card .sp-stage{max-width:260px}.pd-other-card>div:last-child{margin-top:18px}}
.pg-film{padding-bottom:clamp(32px,5vh,60px)}
