/* Кухни Бургас — homepage v2 (Oct 2026). Uses the site's design tokens. */
.h2 *{box-sizing:border-box}
.h2-wrap{max-width:var(--wrap,1140px);margin:0 auto;padding:0 var(--gutter,1.25rem)}
.h2-eyebrow{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--accent,#b8862f);margin:0 0 .9rem}
.h2-h2{font-size:clamp(1.75rem,3.6vw,2.6rem);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:0 0 .8rem;color:var(--ink,#1a1a1a)}
.h2-h2 .accent{color:var(--accent,#b8862f)}
.h2-lead{font-size:1.05rem;line-height:1.65;color:var(--ink-soft,#52524e);max-width:62ch;margin:0}
.h2-sec{padding:clamp(3.5rem,8vw,6rem) 0}
.h2-sec.alt{background:var(--bg-alt,#f0f0ed)}
.h2-sec.dark{background:var(--dark,#0f0f0f);color:var(--on-dark,#fff)}
.h2-sec.dark .h2-h2{color:#fff}
.h2-sec.dark .h2-lead{color:var(--on-dark-soft,rgba(255,255,255,.66))}
.h2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.2rem}
.h2-head .h2-lead{max-width:52ch}
.h2-link{font-weight:700;color:var(--ink,#1a1a1a);text-decoration:none;border-bottom:2px solid var(--accent,#b8862f);padding-bottom:2px;white-space:nowrap}
.h2-sec.dark .h2-link{color:#fff}

/* HERO */
.h2-hero{background:var(--dark,#0f0f0f);color:#fff;padding:clamp(2.2rem,6vw,4.5rem) 0 clamp(2.5rem,6vw,4.5rem);overflow:hidden}
.h2-hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:center}
.h2-hero h1{font-size:clamp(2.2rem,5.4vw,4rem);line-height:1.02;letter-spacing:-.03em;font-weight:800;margin:0 0 1.1rem;color:#fff}
.h2-hero h1 .accent{color:var(--accent,#b8862f);display:block}
.h2-hero .sub{font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.65;color:rgba(255,255,255,.74);margin:0 0 1.4rem;max-width:56ch}
.h2-rating{display:inline-flex;align-items:center;gap:.6rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.45rem .95rem .45rem .7rem;font-size:.9rem;color:#fff;text-decoration:none;margin-bottom:1.3rem}
.h2-rating .st{color:#f5b301;letter-spacing:.08em;font-size:1rem}
.h2-rating b{font-weight:800}
.h2-cta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.h2-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.35rem;border-radius:12px;font-weight:800;font-size:.98rem;text-decoration:none;line-height:1.1;transition:transform .15s,background .15s;border:1.5px solid transparent;cursor:pointer}
.h2-btn:active{transform:scale(.98)}
.h2-btn.gold{background:#c9a063;color:#171310;border-color:#c9a063}
.h2-btn.gold:hover{background:#d8b176}
.h2-btn.viber{background:#7360f2;color:#fff;border-color:#7360f2}
.h2-btn.viber:hover{background:#665ad6}
.h2-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.h2-btn.ghost:hover{border-color:#fff}
.h2-btn.ink{background:var(--ink,#1a1a1a);color:#fff}
.h2-btn svg{width:18px;height:18px;flex:none}
.h2-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1.2rem;margin:1.5rem 0 0;padding:0;list-style:none;font-size:.93rem;color:rgba(255,255,255,.8)}
.h2-points li{display:flex;gap:.55rem;align-items:flex-start}
.h2-points li:before{content:"";flex:none;width:18px;height:18px;margin-top:.1rem;border-radius:50%;background:#c9a063 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171310' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.h2-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(330px,40vw,520px);position:relative}
.h2-mosaic figure{margin:0;border-radius:18px;overflow:hidden;position:relative;background:#222}
.h2-mosaic figure:first-child{grid-row:1/3}
.h2-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.h2-badge{position:absolute;left:12px;bottom:12px;background:rgba(15,15,15,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:.78rem;font-weight:700;padding:.4rem .7rem;border-radius:999px;letter-spacing:.02em}
.h2-badge:before{content:"●";color:#4ade80;margin-right:.4rem;font-size:.7rem}

/* PROJECTS */
.h2-proj{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:12px}
.h2-proj .p{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#ddd;cursor:zoom-in}
.h2-proj .p.tall{grid-row:span 2}
.h2-proj .p.wide{grid-column:span 2}
.h2-proj img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease,ease)}
.h2-proj .p:hover img{transform:scale(1.04)}
.h2-proj figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.2rem .9rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:.86rem;line-height:1.35;font-weight:600}
.h2-proj figcaption span{display:block;font-weight:500;opacity:.8;font-size:.76rem;margin-top:.15rem}
.h2-note{font-size:.84rem;color:var(--ink-faint,#8a8a84);margin:1rem 0 0}

/* SERVICES */
.h2-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h2-svc a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,rgba(0,0,0,.08));border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink,#1a1a1a);transition:transform .2s,box-shadow .2s}
.h2-svc a:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.08)}
.h2-svc .im{aspect-ratio:4/3;overflow:hidden;background:#e9e7e2}
.h2-svc .im img{width:100%;height:100%;object-fit:cover;display:block}
.h2-svc .bd{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.h2-svc h3{font-size:1.12rem;font-weight:800;margin:0}
.h2-svc p{font-size:.92rem;line-height:1.55;color:var(--ink-soft,#52524e);margin:0;flex:1}
.h2-svc .pr{font-size:.86rem;font-weight:700;color:var(--accent-ink,#7a5716)}
.h2-svc .go{font-weight:800;font-size:.9rem;margin-top:.3rem}

/* WHY */
.h2-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h2-why .c{background:var(--dark-2,#171716);border:1px solid var(--on-dark-line,rgba(255,255,255,.14));border-radius:18px;padding:1.4rem 1.3rem}
.h2-why .n{font-size:2rem;font-weight:800;color:#c9a063;line-height:1;margin-bottom:.6rem;letter-spacing:-.02em}
.h2-why h3{font-size:1.05rem;margin:0 0 .45rem;color:#fff;font-weight:800}
.h2-why p{font-size:.92rem;line-height:1.6;color:var(--on-dark-soft,rgba(255,255,255,.66));margin:0}
.h2-check{margin-top:2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;border-top:1px solid var(--on-dark-line,rgba(255,255,255,.14));padding-top:2rem}
.h2-check h3{color:#fff;font-size:1.2rem;margin:0 0 .5rem;font-weight:800}
.h2-check p{color:var(--on-dark-soft);margin:0;font-size:.95rem;line-height:1.6}
.h2-check ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.h2-check li{display:flex;gap:.6rem;color:rgba(255,255,255,.85);font-size:.95rem;line-height:1.45}
.h2-check li:before{content:"?";flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #c9a063;color:#c9a063;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center}

/* REVIEWS */
.h2-revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h2-revs figure{margin:0;background:#fff;border:1px solid var(--line,rgba(0,0,0,.08));border-radius:18px;padding:1.3rem 1.3rem 1.2rem;display:flex;flex-direction:column;gap:.7rem}
.h2-revs .st{color:#f5b301;letter-spacing:.08em}
.h2-revs blockquote{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink,#1a1a1a);flex:1}
.h2-revs figcaption{font-size:.86rem;font-weight:700;color:var(--ink-soft,#52524e)}
.h2-revs figcaption span{font-weight:500;color:var(--ink-faint,#8a8a84)}
.h2-score{display:flex;align-items:center;gap:1rem}
.h2-score .big{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.h2-score .st{color:#f5b301;font-size:1.2rem;letter-spacing:.08em}
.h2-score small{display:block;color:var(--ink-soft,#52524e);font-size:.85rem}

/* AREAS */
.h2-areas{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem}
.h2-areas a,.h2-areas span{display:inline-flex;padding:.55rem .95rem;border-radius:999px;background:#fff;border:1px solid var(--line-strong,rgba(0,0,0,.14));font-weight:700;font-size:.9rem;color:var(--ink,#1a1a1a);text-decoration:none}
.h2-areas a:hover{border-color:var(--accent,#b8862f)}
.h2-areas span{font-weight:500;color:var(--ink-soft)}

/* FORM */
.h2-form-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.8rem,4vw,3.5rem);align-items:start}
.h2-steps{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1rem;counter-reset:s}
.h2-steps li{display:flex;gap:.9rem;align-items:flex-start;color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.5}
.h2-steps li:before{counter-increment:s;content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:#c9a063;color:#171310;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.h2-steps b{color:#fff}
.h2-formcard{background:#fff;color:var(--ink,#1a1a1a);border-radius:22px;padding:clamp(1.3rem,3vw,2rem);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.h2-formcard h3{margin:0 0 .3rem;font-size:1.3rem;font-weight:800}
.h2-formcard .muted{margin:0 0 1.1rem;color:var(--ink-soft,#52524e);font-size:.92rem}
.h2-formcard .field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}
.h2-formcard label{font-weight:700;font-size:.88rem}
.h2-formcard .opt{font-weight:500;color:var(--ink-faint,#8a8a84)}
.h2-formcard input,.h2-formcard textarea,.h2-formcard select{font:inherit;font-size:1rem;padding:.8rem .9rem;border:1.5px solid var(--line-strong,rgba(0,0,0,.14));border-radius:12px;background:#fafaf8;color:var(--ink,#1a1a1a);width:100%}
.h2-formcard input:focus,.h2-formcard textarea:focus,.h2-formcard select:focus{outline:none;border-color:var(--accent,#b8862f);background:#fff}
.h2-formcard input[type=file]{padding:.6rem;font-size:.9rem}
.h2-formcard .row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.h2-formcard .hp{position:absolute;left:-9999px}
.h2-formcard .chips{display:flex;flex-wrap:wrap;gap:.45rem}
.h2-formcard .chips label{font-weight:600;font-size:.88rem}
.h2-formcard .chips input{position:absolute;opacity:0;width:1px;height:1px}
.h2-formcard .chips span{display:inline-flex;padding:.5rem .85rem;border-radius:999px;border:1.5px solid var(--line-strong,rgba(0,0,0,.14));cursor:pointer;background:#fafaf8}
.h2-formcard .chips input:checked+span{background:var(--ink,#1a1a1a);color:#fff;border-color:var(--ink,#1a1a1a)}
.h2-formcard .chips input:focus-visible+span{outline:2px solid var(--accent,#b8862f);outline-offset:2px}
.h2-formcard .addf{background:none;border:1.5px dashed var(--line-strong);border-radius:10px;padding:.55rem .9rem;font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;margin:-.2rem 0 .9rem}
.h2-formcard .submit{width:100%;margin-top:.3rem}
.h2-formcard .fine{font-size:.8rem;color:var(--ink-faint,#8a8a84);margin:.8rem 0 0;text-align:center}
.h2-alt{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}

/* GUIDE */
.h2-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.h2-guide article{background:#fff;border:1px solid var(--line,rgba(0,0,0,.08));border-radius:18px;padding:1.4rem 1.4rem 1.2rem}
.h2-guide article.w{grid-column:1/-1}
.h2-guide .tag{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--accent,#b8862f);margin:0 0 .5rem}
.h2-guide h3{font-size:1.12rem;line-height:1.3;margin:0 0 .7rem;font-weight:800}
.h2-guide .kb-prose p,.h2-guide p{font-size:.94rem;line-height:1.65;color:var(--ink-soft,#52524e)}
.h2-guide ul,.h2-guide ol{font-size:.94rem;line-height:1.6;color:var(--ink-soft,#52524e);padding-left:1.15rem}
.h2-guide h4{font-size:.98rem;margin:1rem 0 .3rem}
.h2-guide .kb-svc{border:0;padding:0;background:none;box-shadow:none}
.h2-guide .grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.9rem !important}
.h2-guide .kb-svc .num{display:none}
.h2-guide .kb-svc h3{font-size:.98rem;margin:0 0 .2rem}
.h2-guide .kb-svc p{font-size:.9rem;margin:0}
.h2-more{margin-top:16px}
.h2-more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:800;padding:.85rem 1.3rem;border-radius:12px;border:1.5px solid var(--line-strong,rgba(0,0,0,.14));background:#fff}
.h2-more summary::-webkit-details-marker{display:none}
.h2-more[open] summary{margin-bottom:16px}
.h2-more summary:after{content:"↓"}
.h2-more[open] summary:after{content:"↑"}

/* mobile bar viber */
.mcta-viber{background:#7360f2 !important;color:#fff !important;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem .8rem;border-radius:12px;font-weight:700;font-size:.98rem;text-decoration:none}

@media (max-width:980px){
 .h2-hero .grid,.h2-form-grid,.h2-check{grid-template-columns:1fr}
 .h2-proj{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
 .h2-svc,.h2-why,.h2-revs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
 .h2-hero h1{font-size:2.15rem}
 .h2-mosaic{height:300px;grid-template-columns:1.3fr 1fr}
 .h2-points{grid-template-columns:1fr}
 .h2-cta .h2-btn{flex:1 1 100%}
 .h2-proj{grid-auto-rows:160px;gap:8px}
 .h2-proj .p.wide{grid-column:span 2}
 .h2-svc,.h2-why,.h2-revs,.h2-guide,.h2-guide .grid{grid-template-columns:1fr !important}
 .h2-formcard .row2{grid-template-columns:1fr}
 .h2-head{margin-bottom:1.5rem}
}

.h2 .h2-h2{margin:0 0 1rem}
.h2 .h2-head .h2-lead{margin-top:.2rem}
.h2-guide li{font-size:.94rem;line-height:1.6;margin-bottom:.35rem}
.h2-guide .kb-prose{max-width:none}
.h2-guide table{font-size:.9rem}