/* Maison Volodymyr — business section (entreprises.html) and the "Entreprises" entry points on the shop page.
   Same palette and type as the shop: burgundy, gold, thin grotesk. Plaque mock-ups echo the printed price plaques. */

/* ---------- entry points on the shop page */
.bizpill{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(226,187,108,.55);color:var(--gold-hi);font-size:14px;letter-spacing:.04em;white-space:nowrap;transition:background .35s,color .35s,border-color .35s}
.bizpill:hover{background:var(--gold);color:#2a0710;border-color:var(--gold)}
.bizpill .ico{width:16px;height:16px}
@media (max-width:760px){.bizpill{height:44px;padding:0 14px;font-size:13px}.top__right{gap:8px}}
@media (max-width:420px){.bizpill .ico{display:none}.bizpill{padding:0 12px}.brand span{display:none}}

.bteaser{position:relative;background:linear-gradient(180deg,var(--bg2),#12040a);overflow:hidden}
.bteaser__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center}
.bteaser__h{font-size:clamp(34px,5vw,84px);line-height:1;letter-spacing:-.04em;font-weight:200;margin-bottom:22px}
.bteaser__p{max-width:32em;color:var(--mut);font-size:clamp(15px,1.25vw,18px);margin-bottom:30px}
.bteaser__plq{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bteaser__plq .bplq{min-height:clamp(120px,13vw,190px)}
.bteaser__plq .bplq:first-child{grid-column:1 / -1}
.bteaser__plq>*{min-width:0}.bteaser__plq .bplq--thanks{aspect-ratio:auto;padding:16px 10px}.bteaser__plq .bplq--thanks b{font-size:clamp(16px,2.2vw,30px)}.bteaser__plq .bplq--door b{font-size:clamp(18px,2.4vw,32px);letter-spacing:.24em}
@media (max-width:860px){.bteaser__in{grid-template-columns:1fr}}

/* ---------- plaque mock-ups */
.bplq{position:relative;display:grid;place-items:center;text-align:center;padding:20px;border-radius:10px;color:#f7ecd9;overflow:hidden;
  background:radial-gradient(75% 70% at 50% 35%,#7c1a38 0%,#5b1029 55%,#33081a 100%);
  box-shadow:inset 0 0 0 1px rgba(226,187,108,.95),inset 0 0 0 6px #4a0b1d,inset 0 0 0 7px rgba(226,187,108,.5),0 18px 40px rgba(0,0,0,.45)}
.bplq::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0 30px,rgba(255,226,196,.05) 30px 48px);pointer-events:none}
.bplq b{position:relative;font-weight:600;letter-spacing:.06em}
.bplq--door{aspect-ratio:3/1;min-height:90px;gap:6px;align-content:center}
.bplq--door i{width:10px;height:10px;background:var(--gold);transform:rotate(45deg);margin-bottom:8px;position:relative}
.bplq--door b{font-size:clamp(20px,2.6vw,38px);letter-spacing:.34em;color:#fbf0dc;padding-inline-start:.34em}
.bplq--name{display:flex;gap:18px;align-items:center;justify-content:flex-start;text-align:start;aspect-ratio:3/1.1;padding-inline:clamp(22px,3vw,40px)}
.bplq--name .bplq__logo{position:relative;flex:none;width:clamp(44px,5vw,66px);height:clamp(44px,5vw,66px);border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--gold);color:var(--gold)}
.bplq--name .bplq__logo .ico{width:60%;height:60%}
.bplq--name div{position:relative}
.bplq--name b{display:block;font-size:clamp(18px,2vw,30px);font-weight:300;letter-spacing:-.01em;color:#fbf0dc}
.bplq--name em{display:block;margin-top:4px;font-style:normal;font-size:clamp(11px,1vw,14px);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-hi)}
.bplq--table{aspect-ratio:1;gap:0;align-content:center}
.bplq--table small{position:relative;font-size:clamp(11px,1.1vw,15px);letter-spacing:.34em;color:var(--gold-hi);padding-inline-start:.34em}
.bplq--table b{font-size:clamp(60px,8vw,120px);line-height:.95;font-weight:600;color:#f2cf86;text-shadow:0 3px 0 #8e5f1c}
.bplq--thanks{display:grid;gap:10px;aspect-ratio:3/1.1;align-content:center}
.bplq--thanks .ico{position:relative;width:22px;height:22px;color:var(--gold);justify-self:center}
.bplq--thanks b{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(22px,2.6vw,38px);letter-spacing:0;color:#fbf0dc}
.bplq--res{aspect-ratio:2/1;min-height:80px}
.bplq--res b{font-size:clamp(20px,2.4vw,34px);letter-spacing:.3em;color:#f2cf86;padding-inline-start:.3em}
.bplq--wel{display:grid;gap:8px;aspect-ratio:1;align-content:center}
.bplq--wel img{position:relative;width:clamp(40px,4.4vw,60px);height:auto;justify-self:center}
.bplq--wel b{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(24px,2.6vw,40px);letter-spacing:0;color:#fbf0dc}

/* ---------- business page: hero */
.b2b main{overflow:hidden}
.bhero{position:relative;min-height:100svh;display:flex;align-items:center;padding:clamp(120px,14vh,170px) var(--pad) clamp(60px,8vh,100px);overflow:hidden;background:var(--bg)}
.bhero__bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,1,2,.96) 0%,rgba(6,1,2,.78) 40%,rgba(6,1,2,.35) 100%),
  radial-gradient(60% 70% at 78% 40%,rgba(125,23,48,.55),transparent 70%),
  url("../assets/hero-bg.jpg") center/cover no-repeat}
html[dir=rtl] .bhero__bg{background:
  linear-gradient(270deg,rgba(6,1,2,.96) 0%,rgba(6,1,2,.78) 40%,rgba(6,1,2,.35) 100%),
  radial-gradient(60% 70% at 22% 40%,rgba(125,23,48,.55),transparent 70%),
  url("../assets/hero-bg.jpg") center/cover no-repeat}
.bhero__in{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,90px);align-items:center}
.bhero__h{font-size:clamp(46px,7vw,128px);line-height:.98;letter-spacing:-.045em;font-weight:200;margin-bottom:clamp(20px,2.4vw,34px);text-wrap:balance}
html[lang=uk] .bhero__h,html[lang=ru] .bhero__h{font-size:clamp(40px,5.6vw,104px)}
.bhero__p{max-width:34em;color:rgba(255,255,255,.78);font-size:clamp(16px,1.35vw,20px);margin-bottom:clamp(26px,3vw,40px)}
.bhero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,56px)}
.bhero__facts{display:flex;gap:clamp(16px,2.4vw,36px);flex-wrap:wrap;color:var(--mut);font-size:14px}
.bhero__facts li{display:flex;align-items:center;gap:10px}
.bhero__facts .ico{width:20px;height:20px;color:var(--gold)}
.bhero__vis{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.6vw,22px);max-width:560px;justify-self:end;width:100%}
html[dir=rtl] .bhero__vis{justify-self:start}
.bph{position:relative;margin:0;aspect-ratio:4/5;border-radius:10px;overflow:hidden;border:1px solid rgba(226,187,108,.55);box-shadow:0 30px 70px rgba(0,0,0,.6);background:#000;transition:transform .8s var(--ease)}
.bph img{width:100%;height:100%;object-fit:cover}
.bph--1{transform:rotate(-3.5deg)}.bph--2{transform:translateY(9%) rotate(3deg)}.bph--3{transform:rotate(2deg)}.bph--4{transform:translateY(9%) rotate(-2.5deg)}
.bhero__vis:hover .bph{transform:none}
.bph__logo{position:absolute;left:50%;top:41%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1.5px dashed var(--gold-hi);display:grid;place-items:center;background:rgba(40,6,18,.55);backdrop-filter:blur(2px)}
.bph__logo i{font-style:normal;font-size:clamp(8px,.85vw,11px);letter-spacing:.14em;color:var(--gold-hi);text-align:center;line-height:1.3;padding:0 6px}
@media (max-width:1000px){.bhero__in{grid-template-columns:1fr}.bhero__vis{max-width:460px;justify-self:center;margin-top:20px}.bhero{min-height:auto}}

/* ---------- offers */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px)}
.bcard{position:relative;display:flex;flex-direction:column;border-radius:8px;background:linear-gradient(180deg,#14060a,#0b0305);border:1px solid var(--line);overflow:hidden;transition:border-color .5s,box-shadow .5s,transform .6s var(--ease)}
.bcard:hover{border-color:rgba(226,187,108,.6);box-shadow:0 30px 70px rgba(0,0,0,.55);transform:translateY(-4px)}
.bcard__img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#000}
.bcard__img img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;transition:transform 1.2s var(--ease)}
.bcard:hover .bcard__img img{transform:scale(1.07)}
.bcard__img--plq{display:grid;place-items:center;padding:8%;background:radial-gradient(70% 80% at 50% 40%,#3a0b1a,#0c0306)}
.bcard__img--plq .bplq{width:100%;max-width:340px}
.bcard__img--plq .bplq b{font-size:clamp(15px,1.6vw,24px)}
.bcard__ico{position:absolute;inset-inline-start:14px;top:14px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(6,1,2,.72);backdrop-filter:blur(8px);border:1px solid rgba(226,187,108,.5);color:var(--gold)}
.bcard__ico .ico{width:22px;height:22px}
.bcard__body{display:grid;gap:12px;padding:clamp(18px,1.8vw,28px);flex:1;align-content:start}
.bcard__n{font-size:clamp(26px,2.2vw,36px);letter-spacing:-.03em;line-height:1.05;font-weight:300}
.bcard__d{color:var(--mut);font-size:15px;line-height:1.5}
.bcard__t{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bcard__u{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.82)}
.bcard__u .ico{width:18px;height:18px;color:var(--gold);flex:none}
.bcard .lnk{margin-top:6px;min-height:44px}
@media (max-width:1100px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.bgrid{grid-template-columns:1fr}}

/* the professional price list */
.btab{margin-top:clamp(50px,6vw,100px);border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#13050a,#0a0204);overflow:hidden}
.btab__head{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:baseline;justify-content:space-between;padding:clamp(20px,2.4vw,34px) clamp(18px,2.6vw,40px);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(125,23,48,.5),rgba(125,23,48,.1))}
.btab__h{font-size:clamp(24px,2.6vw,40px);font-weight:200;letter-spacing:-.03em}
.btab__note{max-width:38em;color:var(--mut);font-size:14px}
.btable{width:100%;border-collapse:collapse;text-align:start}
.btable th{padding:16px clamp(14px,2vw,32px);font-size:12px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-align:start;border-bottom:1px solid var(--line)}
.btable td{padding:clamp(14px,1.6vw,22px) clamp(14px,2vw,32px);border-bottom:1px solid rgba(255,255,255,.07);font-size:15px;color:rgba(255,255,255,.82);vertical-align:middle}
.btable tr:last-child td{border-bottom:0}
.btable tbody tr{transition:background .35s}
.btable tbody tr:hover{background:rgba(125,23,48,.22)}
.btable td b{font-size:clamp(17px,1.5vw,22px);font-weight:300;letter-spacing:-.02em;color:#fff}
.btable__p{display:inline-block;padding:7px 16px;border-radius:999px;border:1px solid rgba(226,187,108,.7);color:var(--gold-hi);font-size:14px;white-space:nowrap}
@media (max-width:860px){
  .btable thead{display:none}
  .btable,.btable tbody,.btable tr,.btable td{display:block}
  .btable tr{padding:16px 18px;border-bottom:1px solid var(--line)}
  .btable tr:last-child{border-bottom:0}
  .btable td{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:12px;padding:6px 0;border:0;font-size:14px}
  .btable td::before{content:attr(data-label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding-top:3px}
  .btable td:first-child{grid-template-columns:1fr;padding-bottom:8px}
  .btable td:first-child::before{display:none}
}

/* ---------- ideas by trade */
.bideas{background:linear-gradient(180deg,var(--bg),var(--bg2))}
.bsec{border-top:1px solid var(--line)}
.bsec li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.1fr);gap:clamp(14px,2vw,36px);align-items:center;padding:clamp(22px,2.6vw,38px) 0;border-bottom:1px solid var(--line);transition:padding .5s var(--ease)}
.bsec li::before{content:"";position:absolute;inset:0 calc(var(--pad)*-1);background:linear-gradient(90deg,rgba(125,23,48,.34),rgba(125,23,48,0));opacity:0;transition:opacity .5s;z-index:-1}
html[dir=rtl] .bsec li::before{background:linear-gradient(270deg,rgba(125,23,48,.34),rgba(125,23,48,0))}
.bsec li:hover{padding-inline-start:clamp(10px,1.6vw,26px)}
.bsec li:hover::before{opacity:1}
.bsec__n{font-size:13px;color:var(--dim);letter-spacing:.1em}
.bsec__t{font-size:clamp(26px,3.4vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:200}
.bsec__d{color:var(--mut);font-size:clamp(14px,1.1vw,17px);line-height:1.5}
.bsec__p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:end;line-height:1.6}
@media (max-width:900px){.bsec li{grid-template-columns:34px minmax(0,1fr)}.bsec__d,.bsec__p{grid-column:2}.bsec__p{text-align:start}}

/* ---------- plaques gallery */
.bplqs{background:radial-gradient(70% 60% at 50% 0,rgba(125,23,48,.28),transparent 70%),var(--bg2)}
.bplq-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);align-items:stretch}
.bplq-grid .bplq--door,.bplq-grid .bplq--name{grid-column:span 3;aspect-ratio:auto;min-height:clamp(120px,14vw,200px)}
.bplq-grid .bplq--table{grid-column:span 2}
.bplq-grid .bplq--thanks{grid-column:span 2;aspect-ratio:auto}
.bplq-grid .bplq--res{grid-column:span 1;aspect-ratio:auto}
.bplq-grid .bplq--wel{grid-column:span 1;aspect-ratio:auto}
.bplq-grid .bplq--res b{font-size:clamp(12px,1.3vw,20px);letter-spacing:.18em}
.bplq-grid .bplq--wel{padding:12px}.bplq-grid .bplq--wel b{font-size:clamp(16px,1.7vw,26px)}.bplq-grid .bplq--wel img{width:clamp(26px,3vw,44px)}
.bplq-note{margin-top:24px;color:var(--dim);font-size:13px}
@media (max-width:860px){.bplq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bplq-grid>*{grid-column:span 1!important}.bplq-grid .bplq--door,.bplq-grid .bplq--name{grid-column:1 / -1!important}.bplq-grid .bplq--res,.bplq-grid .bplq--wel{aspect-ratio:1}}

/* ---------- process */
.bsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);counter-reset:s}
.bsteps li{position:relative;padding-top:26px;border-top:1px solid rgba(226,187,108,.6)}
.bsteps li::before{content:"";position:absolute;top:-4px;inset-inline-start:0;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.bsteps__n{display:block;font-size:clamp(56px,6vw,96px);line-height:.9;font-weight:200;letter-spacing:-.05em;color:var(--gold-hi);margin-bottom:18px}
.bsteps h3{font-size:clamp(20px,1.7vw,26px);font-weight:300;letter-spacing:-.02em;margin-bottom:10px}
.bsteps p{color:var(--mut);font-size:15px;line-height:1.55}
@media (max-width:900px){.bsteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bsteps{grid-template-columns:1fr}}

/* ---------- quote */
.bquote{background:linear-gradient(180deg,var(--bg2),#12040a)}
.bquote__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(30px,6vw,110px);align-items:start}
.bquote__l .sec__lede{margin:28px 0 34px}
.bquote__contact{display:grid;gap:4px}
.bquote__stand{display:flex;gap:10px;margin-top:18px;color:var(--mut);font-size:15px;line-height:1.5}
.bquote__stand .ico{width:20px;height:20px;color:var(--gold);flex:none;margin-top:2px}
.bform{display:grid;gap:20px;padding:clamp(22px,3vw,44px);border-radius:12px;border:1px solid rgba(226,187,108,.4);background:linear-gradient(180deg,rgba(125,23,48,.28),rgba(20,6,10,.6));box-shadow:0 30px 80px rgba(0,0,0,.5)}
.bform__set{border:0;padding:0;min-width:0;display:grid;gap:10px}
.bform__set legend{font-size:12px;color:var(--mut);letter-spacing:.04em;padding:0;margin-bottom:10px}
.bchips{display:flex;gap:8px;flex-wrap:wrap}
.bchip{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:rgba(255,255,255,.88);transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.bchip:hover{border-color:#fff;transform:translateY(-2px)}
.bchip.is-on{background:var(--gold);border-color:var(--gold);color:#2a0710}
.bchip:focus-visible,.bform .btn:focus-visible,.bform input:focus-visible,.bform textarea:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.bform__fine{font-size:12.5px;color:var(--dim);line-height:1.5}
@media (max-width:900px){.bquote__in{grid-template-columns:1fr}}

/* ---------- header on this page */
@media (max-width:760px){
  .top__right .btn.keep{display:inline-flex;height:44px;padding:0 14px;font-size:13px}
  .bhero__cta .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.bph,.bcard,.bsec li{transition:none}}
