@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');

:root { --ink:#132427; --paper:#f5f1e8; --mist:#dce4dc; --gold:#c9a76a; --muted:#647174; --deep:#18383a; --page-gutter:max(24px,calc((100vw - 1440px)/2)); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.header { position:sticky; top:0; z-index:20; height:82px; padding:0 var(--page-gutter); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:28px; border-bottom:1px solid rgba(19,36,39,.1); background:rgba(247,244,237,.92); box-shadow:0 5px 18px rgba(19,36,39,.04); backdrop-filter:blur(12px); }
.brand { font-family:"Playfair Display",Georgia,serif; font-size:29px; font-weight:600; letter-spacing:-1.4px; }
.brand span { color:var(--gold); }
nav { display:flex; justify-self:center; gap:5px; font-size:13px; }
nav a { padding:9px 13px; border:1px solid transparent; border-radius:100px; transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease; }
nav a:hover,nav a[aria-current="page"] { border-color:rgba(201,167,106,.5); background:#ede2ca; color:#182a2d; transform:translateY(-1px); }
.header-link { font-size:13px; border-bottom:1px solid var(--ink); padding-bottom:4px; }
.hero { min-height:650px; position:relative; overflow:hidden; color:#fff; display:flex; align-items:center; padding:clamp(48px,9vw,132px) var(--page-gutter); }
.hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,12,12,.9) 0%,rgba(5,12,12,.66) 42%,rgba(5,12,12,.05) 74%); }
.hero-copy { position:relative; width:min(620px,100%); }
.hero-copy h1 { font-size:clamp(42px,4.4vw,58px); letter-spacing:-.018em; }
.eyebrow { margin:0 0 17px; text-transform:uppercase; font-size:11px; letter-spacing:.19em; font-weight:700; color:var(--gold); }
h1,h2,h3 { font-family:"Playfair Display",Georgia,serif; font-weight:500; margin:0; }
h1 { font-size:clamp(45px,5.4vw,77px); letter-spacing:-.045em; line-height:1.01; }
.lead { max-width:440px; margin:28px 0 34px; font-size:17px; line-height:1.6; color:#e2e6de; }
.button { display:inline-block; border-radius:100px; background:var(--gold); color:#192426; padding:15px 23px; font-size:14px; font-weight:700; }
.hero-note { position:absolute; bottom:24px; right:var(--page-gutter); width:min(270px,40vw); margin:0; color:#d9d4c9; font-size:12px; line-height:1.45; text-align:right; }
.intro { position:relative; display:flex; justify-content:flex-end; overflow:hidden; padding:125px var(--page-gutter); background:radial-gradient(ellipse at 84% 12%,rgba(201,167,106,.28),transparent 30%),radial-gradient(ellipse at 78% 72%,rgba(75,122,111,.22),transparent 48%),linear-gradient(115deg,#f7f4ed 0%,#eff1eb 53%,#dce6dd 100%); }
.intro::after { content:""; position:absolute; right:-15vw; top:-25vw; width:55vw; aspect-ratio:1; border:1px solid rgba(92,124,116,.32); border-radius:48% 52% 42% 58%; box-shadow:inset 0 0 0 24px rgba(255,255,255,.12),0 0 0 1px rgba(201,167,106,.15); transform:rotate(-18deg); }
.intro > * { position:relative; z-index:1; }
.intro > .about-layout { width:min(1440px,100%); margin:auto; display:grid; grid-template-columns:minmax(280px,.78fr) minmax(0,1fr); align-items:center; gap:clamp(42px,7vw,114px); }.about-copy { text-align:right; }
.intro h2,.section-heading h2,.contact-preview h2 { font-size:clamp(35px,4.5vw,58px); letter-spacing:-.045em; line-height:1.04; }
.intro .about-copy p:not(.eyebrow) { max-width:580px; margin:28px 0 0 auto; color:var(--muted); font-size:18px; line-height:1.65; }.intro .eyebrow { margin-bottom:17px; }.about-video { width:fit-content; max-width:100%; margin:0 auto; text-align:left; }.about-video video { display:block; width:auto; height:min(520px,calc((100vw - 48px) * 16 / 9)); max-width:100%; aspect-ratio:9/16; border:1px solid rgba(19,36,39,.16); border-radius:4px; background:#18383a; box-shadow:0 18px 38px rgba(27,53,52,.15); cursor:pointer; }.about-video figcaption { margin-top:10px; color:#7d8583; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.works { padding:clamp(74px,10vw,132px) var(--page-gutter); background:var(--deep); color:#f7f4ed; }.works-heading { max-width:720px; margin:0 auto 46px 0; }.works-heading h2 { max-width:720px; margin-top:16px; font-size:clamp(37px,4.5vw,60px); letter-spacing:-.045em; line-height:1.04; }.works-heading > p:last-child { max-width:520px; margin:18px 0 0; color:#c8d2cc; font-size:15px; line-height:1.65; }.works-slider { max-width:1440px; margin:auto; }.works-viewport { overflow:hidden; touch-action:pan-y; }.works-track { display:flex; transition:transform .52s cubic-bezier(.22,.8,.32,1); will-change:transform; }.work-slide { min-width:100%; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); align-items:center; background:#f5f1e8; color:var(--ink); }.work-image { aspect-ratio:1; overflow:hidden; background-color:#29464b; background-image:radial-gradient(circle,rgba(201,167,106,.5) 1px,transparent 1.4px); background-size:16px 16px; }.work-image img { display:block; width:100%; height:100%; object-fit:contain; }.work-copy { padding:clamp(30px,5vw,76px); }.work-copy > span { color:#7a694c; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }.work-copy h3 { margin-top:20px; font-size:clamp(35px,4vw,54px); letter-spacing:-.045em; line-height:1.04; }.work-copy p { max-width:380px; margin:24px 0 0; color:#5e6b6b; font-size:15px; line-height:1.65; }.works-controls { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:18px; }.works-controls p { min-width:62px; margin:0; color:#dbe5de; font-size:12px; font-weight:700; letter-spacing:.12em; text-align:center; }.work-arrow { width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid rgba(247,244,237,.45); border-radius:50%; background:transparent; color:#f7f4ed; cursor:pointer; transition:background .2s ease,color .2s ease,transform .2s ease; }.work-arrow svg { display:block; width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }.work-arrow:hover { background:var(--gold); border-color:var(--gold); color:var(--ink); transform:translateY(-2px); }.work-arrow:focus-visible { outline:3px solid #f5d69e; outline-offset:3px; }
.catalog { padding:86px clamp(24px,5vw,76px) 110px; background:var(--deep); color:#f7f4ed; }
.catalog-preview { position:relative; min-height:560px; display:flex; align-items:center; overflow:hidden; padding:clamp(62px,9vw,126px) var(--page-gutter); background:#112728; color:#f7f4ed; }.catalog-preview-image,.catalog-preview-shade { position:absolute; inset:0; width:100%; height:100%; }.catalog-preview-image { object-fit:cover; object-position:center; }.catalog-preview-shade { background:linear-gradient(90deg,rgba(5,13,13,.94) 0%,rgba(5,13,13,.72) 39%,rgba(5,13,13,.12) 72%,rgba(5,13,13,.18) 100%); }.catalog-preview-copy { position:relative; z-index:1; max-width:570px; }.catalog-preview h2 { max-width:620px; font-size:clamp(38px,4.8vw,64px); letter-spacing:-.04em; line-height:1.04; }.catalog-preview-copy > p:not(.eyebrow) { max-width:440px; margin:26px 0 28px; color:#dce5dc; font-size:16px; line-height:1.65; }
.catalog-page-header { padding:clamp(64px,9vw,132px) var(--page-gutter); background:linear-gradient(120deg,#f7f4ed 0%,#e0e9df 100%); }.catalog-page-header h1 { max-width:760px; font-size:clamp(48px,6vw,82px); letter-spacing:-.035em; line-height:1.02; }.catalog-page-header > p:last-child { max-width:480px; margin:24px 0 0; color:var(--muted); font-size:17px; line-height:1.6; }
.faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(48px,9vw,150px); padding:clamp(74px,10vw,132px) var(--page-gutter); background:linear-gradient(135deg,#eff1eb 0%,#f7f4ed 58%,#e7e3d8 100%); }.faq-heading { max-width:430px; }.faq-heading h2 { font-size:clamp(37px,4.5vw,59px); letter-spacing:-.045em; line-height:1.04; }.faq-heading > p:last-child { margin:24px 0 0; color:var(--muted); font-size:15px; line-height:1.65; }.faq-list { border-top:1px solid rgba(19,36,39,.22); }.faq-item { overflow:hidden; border-bottom:1px solid rgba(19,36,39,.22); }.faq-item summary { position:relative; padding:23px 48px 23px 0; color:var(--ink); cursor:pointer; list-style:none; font-family:"Playfair Display",Georgia,serif; font-size:clamp(22px,2.1vw,30px); font-weight:500; line-height:1.15; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary::after { content:"+"; position:absolute; top:50%; right:4px; width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(19,36,39,.36); border-radius:50%; color:#53716c; font-family:Manrope,Arial,sans-serif; font-size:23px; font-weight:400; line-height:1; transform:translateY(-50%); transition:transform .24s ease,background .24s ease,color .24s ease; }.faq-item[open] summary::after { background:var(--deep); border-color:var(--deep); color:#fff; transform:translateY(-50%) rotate(45deg); }.faq-answer { max-width:690px; padding:0 48px 26px 0; color:#566467; font-size:14px; line-height:1.7; }.faq-answer p { margin:0 0 14px; }.faq-answer p:last-child { margin-bottom:0; }.faq-answer ol,.faq-answer ul { display:grid; gap:9px; margin:0 0 16px; padding-left:21px; }.faq-answer strong { color:var(--deep); }.faq-item summary:focus-visible { outline:3px solid rgba(201,167,106,.7); outline-offset:-3px; }
.section-heading { display:grid; grid-template-columns:1.3fr .7fr; gap:80px; align-items:end; max-width:1160px; margin:0 auto 50px; }
.section-heading p:last-child { margin:0; color:#cbd6d0; font-size:14px; line-height:1.65; }
.catalog-toolbar { max-width:1160px; margin:0 auto 18px; display:flex; flex-wrap:wrap; gap:9px; }
.filter { border:1px solid #668081; border-radius:100px; padding:10px 17px; background:transparent; color:#e8ede8; font:600 13px Manrope,Arial,sans-serif; cursor:pointer; transition:.2s ease; }
.filter:hover,.filter.is-active { background:var(--gold); border-color:var(--gold); color:#172729; }
.filter:focus-visible,.product-card:focus-visible,.dialog-close:focus-visible { outline:3px solid #f5d69e; outline-offset:3px; }
.catalog-count { max-width:1160px; margin:0 auto 26px; color:#aebeba; font-size:12px; }
.product-grid { max-width:1160px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.product-card { appearance:none; padding:0; border:0; border-radius:4px; background:#f4f0e7; color:var(--ink); text-align:left; overflow:hidden; cursor:pointer; transition:transform .24s ease,box-shadow .24s ease; }
.product-card:hover { transform:translateY(-5px); box-shadow:0 18px 34px rgba(0,0,0,.22); }
.product-visual,.dialog-visual { position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(135deg,#426d66,#203d40); }
.product-visual { aspect-ratio:1.18; }
.product-visual::before,.dialog-visual::before { content:""; position:absolute; width:78%; height:78%; border:1px solid rgba(228,207,161,.55); border-radius:48% 52% 58% 42%; transform:rotate(-12deg); }
.product-visual::after,.dialog-visual::after { content:""; position:absolute; width:46%; height:46%; border:1px solid rgba(255,255,255,.18); border-radius:60% 40% 44% 56%; transform:translate(35%,-20%) rotate(18deg); }
.product-visual.has-photo::before,.product-visual.has-photo::after,.dialog-visual.has-photo::before,.dialog-visual.has-photo::after { display:none; }
.product-visual.has-photo img,.dialog-visual.has-photo img { width:100%; height:100%; object-fit:cover; }
.product-card:nth-child(4n+2) .product-visual { background:linear-gradient(145deg,#675d4d,#283f3c); }.product-card:nth-child(4n+3) .product-visual { background:linear-gradient(150deg,#29464f,#182a34); }.product-card:nth-child(4n+4) .product-visual { background:linear-gradient(140deg,#4c6259,#243833); }
.product-visual span,.dialog-visual span { position:relative; z-index:1; color:#f3e7d0; text-transform:uppercase; letter-spacing:.15em; font-size:10px; font-weight:700; }
.product-visual .product-status { position:absolute; z-index:2; top:12px; left:12px; padding:8px 11px; border:1px solid rgba(255,255,255,.32); border-radius:100px; background:#173f36; color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.28); font-size:10px; font-weight:700; line-height:1; text-transform:uppercase; letter-spacing:.06em; }
.product-visual .product-status[data-status="order"] { border-color:#dfc287; background:#dfc287; color:#172729; }
.product-info { padding:20px; }
.product-meta { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; color:#758181; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.product-dimensions { display:flex; align-items:center; gap:6px; color:#59696a; font-variant-numeric:tabular-nums; letter-spacing:0; white-space:nowrap; }.dimension-item { display:inline-flex; align-items:center; gap:2px; font-size:9px; font-weight:700; }.dimension-item svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }.dimensions-help { position:relative; width:17px; height:17px; display:inline-grid; place-items:center; border:1px solid #9ba5a3; border-radius:50%; color:#506162; font-family:Georgia,serif; font-size:11px; font-weight:700; line-height:1; text-transform:none; cursor:help; }.dimensions-tooltip { position:absolute; z-index:6; right:-7px; bottom:calc(100% + 10px); width:max-content; min-width:150px; padding:11px 13px; display:grid; gap:5px; border-radius:4px; background:#132f31; color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.25); opacity:0; visibility:hidden; transform:translateY(5px); transition:opacity .18s ease,transform .18s ease,visibility .18s ease; pointer-events:none; font-family:Manrope,Arial,sans-serif; font-size:10px; font-weight:500; letter-spacing:0; line-height:1.35; text-align:left; text-transform:none; }.dimensions-tooltip::after { content:""; position:absolute; top:100%; right:10px; border:6px solid transparent; border-top-color:#132f31; }.dimensions-help:hover .dimensions-tooltip { opacity:1; visibility:visible; transform:translateY(0); }
.product-info h3 { font-size:25px; letter-spacing:-.035em; }.product-info p { min-height:42px; margin:10px 0 22px; color:#667475; font-size:13px; line-height:1.55; }.product-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid #d9d8d0; padding-top:14px; }.product-price { font-size:14px; font-weight:700; }.product-more { color:#637273; font-size:12px; }
.product-dialog { width:min(960px,calc(100% - 32px)); padding:0; border:0; border-radius:8px; background:var(--paper); color:var(--ink); box-shadow:0 30px 90px rgba(0,0,0,.4); grid-template-columns:1fr 1fr; overflow:hidden; }
.product-dialog[open] { display:grid; }.product-dialog::backdrop { background:rgba(4,14,15,.78); backdrop-filter:blur(5px); }.dialog-close { position:absolute; z-index:3; top:14px; right:14px; width:42px; height:42px; border:0; border-radius:50%; background:#f4f0e7; color:var(--ink); font-size:26px; cursor:pointer; }.dialog-visual { min-height:560px; }.dialog-copy { padding:70px 58px 50px; }.dialog-copy h2 { font-size:44px; line-height:1.04; letter-spacing:-.045em; }.dialog-description { margin:24px 0; color:var(--muted); font-size:15px; line-height:1.65; }.dialog-copy dl { margin:28px 0; border-top:1px solid #d8d6cf; }.dialog-copy dl div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #d8d6cf; font-size:13px; }.dialog-copy dt { color:#738083; }.dialog-copy dd { margin:0; text-align:right; font-weight:600; }.dialog-bottom { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:30px; }.dialog-bottom strong { font-size:20px; }.dialog-copy small { display:block; margin-top:22px; color:#8b9291; line-height:1.45; }
.contact-section { width:min(1440px,calc(100% - 48px)); margin:0 auto 74px; padding:clamp(48px,7vw,84px); display:grid; grid-template-columns:minmax(0,.75fr) minmax(460px,1.25fr); gap:clamp(48px,8vw,110px); align-items:center; overflow:hidden; background:radial-gradient(circle at 100% 0%,rgba(201,167,106,.22),transparent 36%),#d7e1d7; }
.contact-intro h2 { font-size:clamp(35px,4.5vw,58px); letter-spacing:-.045em; line-height:1.04; }.contact-intro > p:not(.eyebrow) { max-width:470px; margin:24px 0 0; color:#4f6264; font-size:15px; line-height:1.65; }.contact-phone { padding-top:24px; border-top:1px solid rgba(19,36,39,.2); }.contact-phone a { border-bottom:1px solid currentColor; color:var(--deep); font-weight:700; }.phone-reveal { margin-left:8px; padding:7px 14px; border:1px solid rgba(24,56,58,.32); border-radius:100px; background:#f7f4ed; color:var(--deep); font:700 13px Manrope,Arial,sans-serif; cursor:pointer; transition:background .2s ease,transform .2s ease; }.phone-reveal:hover { background:#ede2ca; transform:translateY(-2px); }.phone-reveal:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }.phone-number { display:inline-block; margin-left:8px; animation:phone-reveal .5s cubic-bezier(.2,.8,.2,1) both; }.phone-number[hidden] { display:none; }@keyframes phone-reveal { from { opacity:0; transform:translateY(8px); filter:blur(4px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }@media (prefers-reduced-motion:reduce) { .phone-number { animation:none; } }
.phone-number { position:relative; isolation:isolate; animation:phone-magic .9s cubic-bezier(.16,1,.3,1) both; }
.phone-number::after { content:""; position:absolute; z-index:-1; inset:-7px -10px; border-radius:100px; background:linear-gradient(110deg,transparent 15%,rgba(255,244,196,.8) 48%,transparent 75%); opacity:0; pointer-events:none; animation:phone-glimmer 1.1s ease-out .15s both; }
@keyframes phone-magic { 0% { opacity:0; transform:translateY(14px) scale(.85) rotate(-3deg); filter:blur(8px); } 65% { opacity:1; filter:blur(0); } 80% { transform:translateY(-3px) scale(1.04) rotate(1deg); } 100% { opacity:1; transform:none; filter:none; } }
@keyframes phone-glimmer { 0%,100% { opacity:0; transform:translateX(-25%); } 45% { opacity:.9; } 75% { opacity:.45; transform:translateX(25%); } }
@media (prefers-reduced-motion:reduce) { .phone-number,.phone-number::after { animation:none; } }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.contact-card { min-height:112px; padding:20px; display:grid; grid-template-columns:48px 1fr auto; gap:15px; align-items:center; border:1px solid rgba(19,36,39,.14); border-radius:5px; background:rgba(255,253,248,.88); color:var(--ink); box-shadow:0 12px 30px rgba(27,53,52,.07); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }.contact-card:last-child { grid-column:1/-1; }.contact-card:hover { border-color:rgba(19,36,39,.35); box-shadow:0 18px 34px rgba(27,53,52,.13); transform:translateY(-3px); }.contact-card:focus-visible { outline:3px solid rgba(201,167,106,.7); outline-offset:3px; }.contact-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#416f70; color:#fff; }.contact-icon svg { width:27px; height:27px; fill:currentColor; }.contact-card strong,.contact-card small { display:block; }.contact-card strong { font-size:15px; }.contact-card small { margin-top:6px; color:#687778; font-size:10px; font-weight:500; }.contact-arrow { color:#758381; font-size:20px; }.contact-card--telegram .contact-icon { background:#229ed9; }.contact-card--max .contact-icon { background:linear-gradient(135deg,#6c5df7,#b04cf1); }.contact-card--whatsapp .contact-icon { background:#25d366; }.contact-card--vk .contact-icon { background:#2787f5; }.contact-card--instagram .contact-icon { background:linear-gradient(135deg,#6f32b9,#d62976 55%,#feda75); }
.contact-icon svg [fill="none"] { fill:none; }.contact-icon img { width:48px; height:48px; object-fit:contain; }.contact-card--telegram .contact-icon,.contact-card--max .contact-icon,.contact-card--whatsapp .contact-icon { background:transparent; }.contact-card--vk .contact-icon svg,.contact-card--instagram .contact-icon svg { width:32px; height:32px; display:block; }
footer { display:flex; justify-content:space-between; padding:28px var(--page-gutter); border-top:1px solid #d9d5cc; font-size:12px; color:var(--muted); } footer span { color:#a09c92; }
@media (max-width:980px) { .faq,.contact-section { grid-template-columns:1fr; }.faq-heading { max-width:640px; }.contact-intro > p:not(.eyebrow) { max-width:650px; } }
@media (max-width:900px) { .product-grid { grid-template-columns:1fr 1fr; }.product-dialog[open] { grid-template-columns:1fr; max-height:92vh; overflow:auto; }.dialog-visual { min-height:280px; }.dialog-copy { padding:40px 32px; } }
@media (max-width:760px) { .header { height:auto; grid-template-columns:1fr; gap:12px; padding-top:18px; padding-bottom:14px; }.header nav { width:100%; display:flex; flex-wrap:wrap; justify-content:center; justify-self:stretch; gap:3px; }.header nav a { flex:0 0 auto; padding:7px 10px; font-size:11px; }.header-link { display:none; }.hero { min-height:600px; padding:84px 24px; }.hero-shade { background:linear-gradient(90deg,rgba(5,12,12,.9),rgba(5,12,12,.38)); }.hero-note { left:24px; right:auto; text-align:left; width:260px; }.intro,.section-heading,.catalog-preview { grid-template-columns:1fr; gap:28px; }.intro { padding:84px 24px; }.intro > .about-layout { grid-template-columns:1fr; gap:42px; }.about-copy { text-align:left; }.intro .about-copy p:not(.eyebrow) { margin-left:0; }.works { padding:72px 24px; }.works-heading { margin-bottom:32px; }.work-slide { grid-template-columns:1fr; }.work-image { position:relative; aspect-ratio:1; line-height:0; background-color:#29464b; }.work-image::after { content:""; position:absolute; z-index:1; top:0; right:0; left:0; height:8px; background:#29464b; pointer-events:none; }.work-copy { padding:30px 25px 34px; }.works-controls { justify-content:space-between; }.catalog { padding:70px 24px; }.faq { gap:38px; padding:72px 24px; }.catalog-preview { padding:78px 24px; }.contact-section { margin:0 24px 46px; padding:48px 28px; gap:38px; } footer { padding:24px; } }
@media (max-width:560px) { .product-grid { grid-template-columns:1fr; }.product-card { display:grid; grid-template-columns:42% 58%; }.product-visual { aspect-ratio:auto; }.product-info h3 { font-size:21px; }.product-info p { display:none; }.dialog-copy h2 { font-size:36px; }.dialog-bottom { align-items:flex-start; flex-direction:column; } }
@media (max-width:520px) { .contact-grid { grid-template-columns:1fr; }.contact-card:last-child { grid-column:auto; }.contact-card { min-height:96px; padding:16px; } }