/* Дизайн 11 „Дърво“: тъмно и топло като работилница. Орех, мед, маслина и овес. Lora курсив + Alegreya Sans, ролетка, перфорирано табло. */
:root{
  --bg:#2B2420; --bg-2:#352C27; --ink:#EDE3D3; --ink-2:#B9AA95;
  --acc:#D9A35F; --acc-ink:#2B2420;
  --c1:#3A302A; --c1-ink:#EDE3D3; --c2:#D9A35F; --c2-ink:#2B2420; --c3:#6B7A4E; --c3-ink:#fff; --c4:#EDE3D3; --c4-ink:#2B2420;
  --n1:#E7D3B0; --n2:#C9D1B0; --n3:#EDE3D3; --n4:#E3B98A; --n-ink:#2B2420; --pin-d:none; --note-r:4px;
  --band:#E2B93B; --band-ink:#2B2420; --band-star:#2B2420;
  --tag:rgba(237,227,211,.1); --tag-ink:#EDE3D3;
  --r:16px; --r-sm:10px; --r-btn:999px; --mk-r:999px; --mk-rot:-1.5deg; --mk-ink:#2B2420;
  --faq-bg:#352C27; --pol:#F4ECDF; --tape-d:none; --cta:#D9A35F; --cta-ink:#2B2420; --foot-mark:#D9A35F;
  --f-head:"Lora",Georgia,serif; --f-body:"Alegreya Sans",system-ui,sans-serif;
  --accent:#D9A35F; --accent-ink:#2B2420; --cbar-bg:#1E1915;
}
body{font-size:1.125rem;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 2px,transparent 2px 7px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 23px)}
.ff h1,.ff h2,.ff h3{font-weight:600;letter-spacing:-.02em}
.mk{font-style:italic}
.mk--d{--mk-bg:#2B2420;--mk-ink:#D9A35F}
.mk--3{--mk-bg:#6B7A4E;--mk-ink:#fff}
.btn{font-weight:700}
.btn--sm{height:46px;padding:0 20px;font-size:.95rem}
.btn--line{padding:0 24px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(237,227,211,.35)}
.btn--ink{background:#2B2420;color:#EDE3D3}
.btn--ink .btn__i{background:#D9A35F;color:#2B2420}
.btn--acc .btn__i{--btn-i:#2B2420;--btn-i-ink:#D9A35F}

.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;height:74px;padding:0 var(--m);background:rgba(43,36,32,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(237,227,211,.1);transition:transform .4s var(--ease)}
.nav.is-up{transform:translateY(-100%)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 1.15rem/1 var(--f-head)}
.logo__m{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:#D9A35F;color:#2B2420;font:700 .82rem/1 var(--f-head);letter-spacing:-.02em;white-space:nowrap}
.logo__m i{font-style:italic;font-weight:500}
.nav__links{display:flex;gap:26px}
.nav__links a{text-decoration:none;font-size:1.02rem;color:var(--ink-2);transition:color .2s ease}
@media (hover:hover){.nav__links a:hover{color:var(--ink)}}

.hero{display:grid;grid-template-columns:1fr minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:center;max-width:var(--max);margin:0 auto;padding:clamp(40px,7vh,80px) var(--m) clamp(50px,8vh,100px);min-height:calc(100svh - 74px)}
.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.hero h1{font-size:clamp(2.9rem,1.3rem + 5vw,6.2rem);line-height:.98}
.hero__lead{font-size:1.25rem;color:var(--ink-2);max-width:38ch}
/* скринът с чекмеджета */
.chest{position:relative;padding:22px 22px 30px;border-radius:14px;background:linear-gradient(180deg,#6B4A31,#4E3523);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 40px 80px -30px rgba(0,0,0,.7);background-image:repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 2px,transparent 2px 9px),linear-gradient(180deg,#6B4A31,#4E3523)}
.chest__top{position:absolute;left:-14px;right:-14px;top:-14px;height:20px;border-radius:8px;background:linear-gradient(#8A6142,#6B4A31);box-shadow:0 6px 12px rgba(0,0,0,.35)}
.drawer{position:relative;margin-bottom:14px}
.drawer:last-of-type{margin-bottom:0}
.drawer__in{position:absolute;inset:6px 6px 6px 40%;border-radius:6px;background:#1E1915;box-shadow:inset 0 10px 20px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:flex-end;padding-right:6%}
.drawer__in img{width:clamp(70px,8vw,110px);filter:drop-shadow(0 8px 10px rgba(0,0,0,.5))}
.drawer__f{position:relative;margin:0;aspect-ratio:8/3;border-radius:6px;overflow:hidden;box-shadow:0 0 0 4px #8A6142,0 10px 18px -8px rgba(0,0,0,.6);transition:transform .8s cubic-bezier(.3,.7,.2,1);cursor:pointer}
.drawer__f img{width:100%;height:100%;object-fit:cover}
.drawer__f figcaption{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:rgba(43,36,32,.8);color:#EDE3D3;font:500 1rem/1 var(--f-head);font-style:italic}
.drawer__h{position:absolute;right:50%;bottom:12px;translate:50% 0;width:70px;height:12px;border-radius:999px;background:linear-gradient(#E9C98E,#B88A4A);box-shadow:0 3px 5px rgba(0,0,0,.4)}
.drawer.is-open .drawer__f{transform:translateX(-46%)}
.chest__st{top:-40px;right:-34px;--st:120px;--st-bg:#6B7A4E;--st-ink:#fff}
.chest__st img{width:50px;height:50px;object-fit:contain}

/* лента като ролетка */
.band--tape{background:#E2B93B;background-image:repeating-linear-gradient(90deg,#2B2420 0 2px,transparent 2px 12px),repeating-linear-gradient(90deg,#2B2420 0 2px,transparent 2px 60px);background-size:auto 10px,auto 18px;background-repeat:repeat-x;background-position:0 0,0 0;padding-top:30px;--band-rot:-1deg}
.band__in{font-family:var(--f-head);font-style:italic;font-weight:600}
.card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.card--2,.card--4{box-shadow:none}
/* перфорирано табло зад снимките */
.peg{max-width:var(--max);margin:0 auto;padding:40px var(--m);border-radius:20px;background:#C8A47C radial-gradient(circle,#5E4330 3px,transparent 4px) 0 0/34px 34px;box-shadow:inset 0 0 0 10px #8A6142;width:calc(100% - 2 * var(--m))}
.peg .pols{padding:0;grid-template-columns:repeat(3,1fr)}
.pol::after{content:"";position:absolute;top:-12px;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:50%;border:4px solid #9AA0A6;border-bottom-color:transparent;rotate:45deg}
.pol span{font-family:var(--f-head);font-style:italic;font-size:1.15rem}
/* бележки: етикети с дупка и връв */
.note{border-radius:4px 4px 4px 4px;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 18px);padding-top:50px}
.note::before{content:"";position:absolute;top:16px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#2B2420;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.note__n{font-family:var(--f-head);font-style:italic}
.faq summary{font-family:var(--f-head);font-size:1.2rem}
.cta__tel{font-family:var(--f-head);font-style:italic}
.foot__mark{font-style:italic;font-weight:600}

@media (max-width:1000px){
  .nav__links{display:none}
  .hero{grid-template-columns:1fr;min-height:0}
  .chest{max-width:600px;width:100%;margin:0 auto}
  .peg .pols{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .chest{padding:16px 14px 20px}
  .chest__st{--st:90px;right:-8px;top:-30px}
  .chest__st img{width:38px;height:38px}
  .drawer__f figcaption{font-size:.85rem}
  .drawer__h{width:50px;height:10px}
  .peg{padding:28px 16px}
}
@media (prefers-reduced-motion:reduce){.drawer__f{transition:none}}

/* от 20-те референции: завеса, галерия настрани по перфорирано табло, бутон по мишката, работилницата с бавно отдалечаване */
:root{--cur-1:#1E1915;--cur-2:#D9A35F;--cur-ink:#2B2420}
html.cur-pre::after{background:var(--cur-2)} /* завесата започва с горния (медения) панел, без проблясване */
.ap-curtain b{font-style:italic;font-weight:600}
.acts>.mag{display:inline-flex}
.dv-hs{padding-top:clamp(50px,8vh,90px)}
.dv-hs .head{margin-bottom:28px}
.dv-hs__hint{font-family:var(--f-head);font-style:italic;color:var(--acc)}
.dv-hs__vp{background:#C8A47C radial-gradient(circle,#5E4330 3px,transparent 4px) 0 0/34px 34px;box-shadow:inset 0 10px 0 #8A6142,inset 0 -10px 0 #8A6142}
.dv-hs .ap-hs__track{padding:44px var(--m) 46px;gap:clamp(18px,2vw,30px);align-items:stretch}
.dv-hs .ap-hs__track>*{width:min(34vw,470px)}
.dv-job{position:relative;display:flex;flex-direction:column;background:#F4ECDF;color:#2B2420;border-radius:6px;padding:12px 12px 0;text-decoration:none;box-shadow:0 26px 40px -24px rgba(0,0,0,.6);transition:transform .45s var(--ease)}
.dv-job:nth-child(odd){rotate:-1.2deg}.dv-job:nth-child(even){rotate:1deg}
.dv-job::before{content:"";position:absolute;top:-14px;left:50%;width:28px;height:28px;margin-left:-14px;border-radius:50%;border:4px solid #9AA0A6;border-bottom-color:transparent;rotate:45deg}
.dv-job__f{border-radius:3px;overflow:hidden}
.dv-job__f img{width:100%;aspect-ratio:4/3;object-fit:cover}
.dv-job__c{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 4px 16px}
.dv-job__c h3{font:600 1.35rem/1.1 var(--f-head);font-style:italic}
.dv-job__c p{font-size:.95rem;color:#6B5A4A}
@media (hover:hover){a.dv-job:hover{transform:translateY(-8px) rotate(0deg)}}
.dv-job--cta{justify-content:center;align-items:flex-start;gap:16px;padding:34px 30px;background:#6B7A4E;color:#fff;overflow:visible}
.dv-job--cta h3{font:600 clamp(1.8rem,1rem + 1.6vw,2.6rem)/1.05 var(--f-head);font-style:italic}
.dv-job__k{font-size:1rem;opacity:.85}
.dv-job--cta .obj{--ow:130px;right:-26px;bottom:-30px;rotate:12deg}
.dv-shop__f{position:relative;max-width:var(--max);margin:0 auto;width:calc(100% - 2 * var(--m));border-radius:20px;box-shadow:0 0 0 10px #8A6142,0 40px 80px -40px rgba(0,0,0,.7)}
.dv-shop__box{display:block;overflow:hidden;border-radius:20px;aspect-ratio:21/9}
.dv-shop__box img{width:100%;height:100%;object-fit:cover}
.dv-shop__f figcaption{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,40px);max-width:min(440px,70%);padding:18px 22px;border-radius:14px;background:rgba(43,36,32,.88);color:#EDE3D3;font:500 1.15rem/1.35 var(--f-head);font-style:italic;display:flex;flex-direction:column;gap:6px}
.dv-shop__k{font:700 .78rem/1 var(--f-body);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
@media (max-width:1000px){
  .dv-hs .ap-hs__track>*{width:min(74vw,420px)}
  .dv-hs .ap-hs__track{padding:36px var(--m) 40px}
  .dv-job{rotate:0deg!important}
}
@media (max-width:620px){
  .acts>.mag{flex:1 1 100%}.acts>.mag>.btn{width:100%}
  .dv-shop__box{aspect-ratio:4/3}
  .dv-shop__f figcaption{position:static;max-width:none;margin-top:0;border-radius:0 0 20px 20px;font-size:1.02rem}
  .dv-shop__f figcaption{background:#352C27}
  .dv-shop__box{border-radius:20px 20px 0 0}
  .dv-job__c{flex-direction:column;gap:4px}
}
.dv-job::before{width:14px;height:14px;margin-left:-7px;top:-7px;border:3px solid #B88A4A;border-radius:50%;background:#2B2420;rotate:0deg}
.dv-hs__hint .t-touch{display:none}
@media (hover:none),(max-width:1000px){.dv-hs__hint .t-mouse{display:none}.dv-hs__hint .t-touch{display:inline}}

/* Мебели Бургас: заглавието в hero по-малко (Георги: да не е прекалено), филтри на галерията, преди и сега */
.hero h1{font-size:clamp(2.4rem,1rem + 3.4vw,4.4rem);line-height:1.02}
.hero__lead{font-size:1.15rem}
.dv-chips{display:flex;flex-wrap:wrap;gap:8px}
.dv-chips button{border:0;cursor:pointer;padding:11px 18px;border-radius:999px;background:rgba(237,227,211,.1);color:var(--ink);font:700 .95rem/1 var(--f-body);transition:background .3s,color .3s}
.dv-chips button[aria-pressed="true"]{background:var(--acc);color:var(--acc-ink)}
.peg .pols{grid-template-columns:repeat(4,1fr)}
.peg .pol[hidden]{display:none}
.dv-more{display:flex;justify-content:center;margin-top:34px}
.dv-more[hidden]{display:none}
.dv-ba{max-width:var(--max);margin:0 auto;padding:0 var(--m);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.dv-ba figure{margin:0;background:#F4ECDF;color:#2B2420;padding:12px 12px 0;border-radius:6px;box-shadow:0 26px 40px -24px rgba(0,0,0,.6)}
.dv-ba figure:nth-child(odd){rotate:-1deg}.dv-ba figure:nth-child(even){rotate:1.2deg}
.dv-ba__p{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dv-ba__p img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}
.dv-ba figcaption{padding:14px 4px 16px;font:600 1.3rem/1.1 var(--f-head);font-style:italic}
@media (max-width:1000px){.peg .pols{grid-template-columns:repeat(3,1fr)}.dv-ba{grid-template-columns:1fr}.dv-ba figure{rotate:0deg!important}}
@media (max-width:620px){.peg .pols{grid-template-columns:1fr 1fr}}
.cta .btn--w{color:#2B2420}
@media (max-width:620px){.foot__mark{font-size:12.4vw}}