:root {
    --ar-ink: #201c18;
    --ar-muted: #625950;
    --ar-paper: #fbf8f3;
    --ar-warm: #f1e9dd;
    --ar-stone: #e5dacc;
    --ar-accent: #bf3708;
    --ar-accent-dark: #9d2b05;
    --ar-dark: #261d17;
    --ar-width: 1260px;
}
* { box-sizing: border-box; }
body.argo-restore {
    margin: 0;
    background: var(--ar-paper);
    color: var(--ar-ink);
    font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.argo-restore img { display: block; max-width: 100%; }
.argo-restore a { color: inherit; text-decoration: none; }
.argo-restore [hidden] { display: none !important; }
.argo-restore :focus-visible { outline: 3px solid #dc6a30; outline-offset: 4px; }
.argo-restore :is(h1,h2,h3,p) { margin: 0; }
.argo-restore :is(h1,h2,h3) { line-height: 1.12; letter-spacing: -.035em; }
.argo-restore :is(section,details)[id] { scroll-margin-top: 130px; }
.ar-shell { width: min(var(--ar-width), calc(100% - 72px)); margin-inline: auto; }
.ar-skip { position: absolute; z-index: 30; top: 8px; left: 8px; padding: 8px 16px; background: white; transform: translateY(-160%); }
.ar-skip:focus { transform: none; }
.ar-header {
    z-index: 20; position: sticky; top: 0;
    background: rgba(251,248,243,.97); border-bottom: 1px solid var(--ar-stone);
}
.admin-bar .ar-header { top: 32px; }
.ar-top {
    min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
    color: var(--ar-muted); border-bottom: 1px solid var(--ar-stone); font-size: 12px;
}
.ar-top a:hover { color: var(--ar-accent); }
.ar-nav { min-height: 73px; display: grid; grid-template-columns: minmax(130px,1fr) auto minmax(150px,1fr); align-items: center; gap: 24px; }
.ar-logo { width: max-content; max-width: 175px; display: block; }
.ar-logo img { width: 150px; height: auto; object-fit: contain; }
.ar-logo strong { display: inline-block; font-size: 24px; line-height: 1; letter-spacing: -.07em; }
.ar-logo span, .ar-footer-brand span { color: var(--ar-accent); }
.ar-navlinks { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 2.8vw, 37px); font-weight: 650; font-size: 15px; }
.ar-navlinks > a, .ar-menu > summary { padding-block: 13px; }
.ar-navlinks a:hover, .ar-navlinks summary:hover, .ar-current { color: var(--ar-accent); }
.ar-menu { position: relative; }
.ar-menu summary { cursor: pointer; list-style: none; }
.ar-menu summary::-webkit-details-marker { display: none; }
.ar-menu summary span { margin-left: 5px; font-size: 14px; }
.ar-dropdown {
    position: absolute; z-index: 4; top: 100%; left: -16px; min-width: 310px;
    padding: 9px; background: var(--ar-paper); border: 1px solid var(--ar-stone); border-radius: 13px;
    box-shadow: 0 18px 40px rgba(38,29,23,.15);
}
.ar-dropdown a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 12px; border-radius: 7px; }
.ar-dropdown a:hover { background: var(--ar-warm); }
.ar-nav-phone { justify-self: end; padding: 9px 15px; border: 1px solid var(--ar-stone); border-radius: 999px; white-space: nowrap; font-size: 14px; font-weight: 750; }
.ar-nav-phone:hover { border-color: var(--ar-accent); color: var(--ar-accent); }

.ar-hero {
    isolation: isolate; display: grid; align-items: center; position: relative; overflow: hidden;
    background: var(--ar-dark); color: #fff9f1; min-height: clamp(405px, 60svh, 615px);
}
.ar-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center 52%; }
.ar-hero::after {
    position: absolute; inset: 0; z-index: -1; content: "";
    background: linear-gradient(90deg,rgba(26,17,12,.94) 1%,rgba(26,17,12,.8) 37%,rgba(26,17,12,.24) 80%),
                linear-gradient(0deg,rgba(26,17,12,.25),transparent 38%);
}
.ar-hero-content { padding-block: clamp(35px, 6vh, 64px); }
.ar-kicker { display: flex; align-items: center; gap: 10px; color: var(--ar-accent-dark); font-size: 12px; font-weight: 760; letter-spacing: .095em; text-transform: uppercase; }
.ar-kicker span { width: 19px; height: 2px; flex: 0 0 19px; background: currentColor; }
.ar-hero .ar-kicker { color: #ffb58a; }
.ar-hero h1 {
    margin-block: 15px 16px; max-width: 860px;
    font-size: clamp(42px, 5.25vw, 72px); line-height: 1.03; font-weight: 780; letter-spacing: -.071em; text-wrap: balance;
}
.ar-hero-lead { color: #f6ede2; max-width: 575px; font-size: clamp(17px, 2.1vw, 23px); line-height: 1.5; }
.ar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 27px; }
.ar-actions:empty { display: none; }
.argo-restore .ar-button {
    display: inline-flex; justify-content: center; align-items: center; gap: 13px; min-height: 49px;
    padding: 11px 18px; border: 1px solid transparent; border-radius: 8px; font-weight: 740; font-size: 14px;
    transition: background .16s, border-color .16s, color .16s;
}
.argo-restore .ar-button-accent { background: var(--ar-accent); color: #fff; }
.argo-restore .ar-button-accent:hover { background: var(--ar-accent-dark); }
.argo-restore .ar-button-glass { background: rgba(255,255,255,.08); color: white; border-color: rgba(255,255,255,.38); }
.argo-restore .ar-button-glass:hover { background: rgba(255,255,255,.17); }
.argo-restore .ar-button-outline { border-color: var(--ar-stone); }
.argo-restore .ar-button-outline:hover { border-color: var(--ar-accent); color: var(--ar-accent); }
.argo-restore .ar-button-light { background: #fbf5eb; color: var(--ar-dark); }
.argo-restore .ar-button-light:hover { background: #f1ddc7; }
.ar-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding-block: 24px; border-bottom: 1px solid var(--ar-stone); }
.ar-proof > div { display: flex; align-items: center; gap: 13px; }
.ar-proof > div > span { font-size: 12px; color: var(--ar-accent); font-weight: 800; }
.ar-proof strong, .ar-proof small { display: block; }
.ar-proof small { color: var(--ar-muted); font-size: 13px; }
.ar-section { padding-block: clamp(43px, 6vw, 85px); }
.ar-section + .ar-section { padding-top: 0; }
.ar-section-title { margin-bottom: 24px; }
.ar-kicker + .ar-section-title { margin-top: 10px; }
.ar-section-title h2 { font-size: clamp(31px, 4.4vw, 60px); font-weight: 760; letter-spacing: -.065em; }
.ar-section-title p { max-width: 620px; margin-top: 9px; color: var(--ar-muted); font-size: clamp(15px, 1.6vw, 18px); }
.ar-warm { background: var(--ar-warm); }
.ar-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.ar-cards-tiles { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ar-card { min-width: 0; }
.ar-card-link { height: 100%; display: flex; flex-direction: column; overflow: hidden; background: #fffdf9; border-radius: 13px; box-shadow: 0 1px 0 rgba(46,32,18,.09); }
.ar-card-photo { overflow: hidden; aspect-ratio: 4/3; background: var(--ar-warm); }
.ar-card-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.ar-card-link:hover .ar-card-photo img { transform: scale(1.04); }
.ar-card-body { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: 1; padding: 16px; min-height: 72px; }
.ar-card-body h3 { font-size: clamp(17px,2vw,23px); font-weight: 730; text-wrap: pretty; }
.ar-card-link:hover .ar-arrow { background: var(--ar-accent); color: white; }
.ar-arrow { display: grid; place-items: center; flex: 0 0 35px; height: 35px; border-radius: 50%; background: var(--ar-warm); color: var(--ar-accent-dark); transition: color .2s, background .2s; }
.ar-sample { background: #ece5db; }
.ar-sample img { object-fit: contain; padding: 12px; }
.ar-caption { display: block; color: var(--ar-accent-dark); font-size: 11px; font-weight: 770; letter-spacing: .07em; text-transform: uppercase; }
.ar-card-body .ar-caption { margin-bottom: 5px; }
.argo-restore .ar-text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; color: var(--ar-accent-dark); font-weight: 750; }
.ar-text-link:hover { text-decoration: underline; }
.ar-video-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.ar-video { display: block; position: relative; min-height: 170px; aspect-ratio: 4/3; isolation: isolate; border-radius: 13px; overflow: hidden; background: var(--ar-dark); }
.ar-video > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.ar-video::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(0deg,rgba(20,13,10,.92),rgba(20,13,10,.1)); }
.ar-video-label { position: absolute; bottom: 14px; left: 13px; right: 13px; display: flex; gap: 10px; align-items: center; color: white; font-size: 15px; font-weight: 730; line-height: 1.2; }
.ar-video-label small { display: block; font-size: 10px; letter-spacing: .1em; color: #f8b58d; margin-bottom: 3px; }
.ar-play { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; background: var(--ar-accent); font-size: 12px; }
.ar-video:hover .ar-play { background: var(--ar-accent-dark); }
.ar-location-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.ar-location { padding: 23px; background: var(--ar-warm); border-radius: 13px; }
.ar-location h3 { font-size: 24px; margin-block: 8px; }
.ar-location p { font-size: 15px; color: var(--ar-muted); }
.argo-restore .ar-location a { display: inline-block; margin-top: 12px; color: var(--ar-accent-dark); font-weight: 730; }
.ar-location a:hover { text-decoration: underline; }
.ar-faq { max-width: 900px; }
.ar-faq details { border-bottom: 1px solid var(--ar-stone); padding-block: 14px; }
.ar-faq summary { cursor: pointer; font-weight: 700; }
.ar-faq p { padding: 8px 0 0 18px; color: var(--ar-muted); }
.ar-faq a { text-decoration: underline; }
.ar-contact-strip {
    display: flex; justify-content: space-between; gap: 24px; align-items: center;
    padding: clamp(24px, 5vw, 52px); border-radius: 16px; color: #fff7ef; background: var(--ar-dark);
}
.ar-contact-strip .ar-caption { color: #ffc3a1; }
.ar-contact-strip h2 { margin-block: 10px; font-size: clamp(27px,4.2vw,50px); text-wrap: balance; }
.ar-contact-strip p { color: #e7d4c6; max-width: 570px; }
.ar-contact-strip .ar-actions { margin-top: 0; flex: 0 1 325px; }

.ar-crumbs { display: flex; gap: 8px; flex-wrap: wrap; padding-block: 17px; font-size: 13px; color: var(--ar-muted); }
.ar-crumbs a:hover { color: var(--ar-accent-dark); text-decoration: underline; }
.ar-page-lead { padding-block: 26px clamp(32px, 5vw, 61px); }
.ar-page-lead-media { display: grid; align-items: center; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); gap: clamp(28px,5vw,64px); }
.ar-page-copy h1 { font-size: clamp(37px, 5.6vw, 76px); letter-spacing: -.065em; font-weight: 780; margin-block: 12px 16px; text-wrap: balance; }
.ar-page-copy > p:not(.ar-kicker) { color: var(--ar-muted); max-width: 710px; font-size: clamp(16px, 2vw, 20px); line-height: 1.55; }
.ar-page-image { border-radius: 15px; aspect-ratio: 4/3; overflow: hidden; background: var(--ar-warm); }
.ar-page-image img { width: 100%; height: 100%; object-fit: cover; }
.ar-page-image.ar-sample img { object-fit: contain; }
.ar-prose { max-width: 800px; padding-bottom: 20px; font-size: 17px; color: var(--ar-muted); }
.ar-prose p + p { margin-top: 11px; }
.ar-prose a { color: var(--ar-accent-dark); text-decoration: underline; }
.ar-filters { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; }
.ar-filters button { border: 1px solid var(--ar-stone); padding: 9px 14px; border-radius: 99px; font: inherit; font-size: 14px; font-weight: 680; cursor: pointer; background: #fffdf9; color: var(--ar-ink); }
.ar-filters button:hover { border-color: var(--ar-accent); }
.ar-filters [aria-pressed="true"] { border-color: var(--ar-accent); background: var(--ar-accent); color: #fff; }
.ar-photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.ar-photo { display: block; overflow: hidden; position: relative; border-radius: 10px; background: var(--ar-warm); }
.ar-photo img { width: 100%; aspect-ratio: 4/3; height: auto; object-fit: cover; transition: transform .22s; }
.ar-photo:hover img { transform: scale(1.04); }
.ar-photo > span { display: block; position: relative; padding: 7px 10px; font-size: 13px; font-weight: 700; background: #fffdf9; }
.ar-inline-links { display: flex; flex-wrap: wrap; gap: 10px; }
.ar-inline-links a { padding: 10px 13px; border: 1px solid var(--ar-stone); border-radius: 8px; background: #fffdf9; }
.ar-inline-links a:hover { color: var(--ar-accent-dark); border-color: var(--ar-accent); }
.ar-lightbox { background: #221b16; color: #fff; border: none; border-radius: 13px; padding: 0; width: min(94vw,1120px); max-width: none; }
.ar-lightbox::backdrop { background: rgba(21,16,11,.82); }
.ar-lightbox-inner { position: relative; padding: 14px; }
.ar-lightbox img { margin-inline: auto; width: 100%; max-height: 76vh; object-fit: contain; }
.ar-lightbox p { margin-top: 8px; color: #e6d5c9; text-align: center; }
.ar-lightbox-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; color: #fff; background: rgba(30,24,19,.88); border: 1px solid #77665a; border-radius: 50%; cursor: pointer; font-size: 26px; line-height: 1; }

.ar-footer { background: #211a15; color: #fff4e7; padding: 39px 0 18px; }
.ar-footer-grid { display: grid; grid-template-columns: 1.15fr 1.05fr 1fr 1fr; gap: 27px; padding-bottom: 26px; }
.ar-footer-brand { font-weight: 850; font-size: 28px; letter-spacing: -.065em; }
.ar-footer-brand span { color: #ef8856; }
.ar-footer-grid h2 { margin-bottom: 11px; font-size: 15px; letter-spacing: 0; }
.ar-footer-grid p { margin-top: 7px; color: #dbcbc0; font-size: 14px; }
.ar-footer-grid nav a, .ar-footer-contact a { display: block; margin-block: 6px; color: #dfcfc3; font-size: 14px; }
.ar-footer a:hover { color: #fff; text-decoration: underline; }
.ar-footer-bottom { border-top: 1px solid #504239; padding-top: 15px; display: flex; align-items: start; justify-content: space-between; gap: 14px; color: #ccbaad; font-size: 12px; }
.ar-footer-bottom div { display: flex; gap: 8px 18px; flex-wrap: wrap; }
@media(max-width: 1000px) {
    .ar-shell { width: calc(100% - 40px); }
    .ar-nav { gap: 14px; }
    .ar-logo img { width: 130px; }
    .ar-navlinks { gap: 18px; }
    .ar-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width: 720px) {
    .ar-shell { width: calc(100% - 32px); }
    .ar-top { display: none; }
    .ar-nav { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "logo phone" "nav nav"; gap: 0 8px; min-height: 0; padding-top: 11px; }
    .ar-logo { grid-area: logo; }
    .ar-nav-phone { grid-area: phone; font-size: 12px; padding: 6px 9px; }
    .ar-navlinks { grid-area: nav; justify-content: space-between; gap: 6px; margin-top: 2px; font-size: 13px; }
    .ar-dropdown { left: -8px; min-width: min(308px, calc(100vw - 24px)); }
    .ar-hero { min-height: 420px; }
    .ar-hero::after { background: linear-gradient(90deg, rgba(25,16,12,.91), rgba(25,16,12,.56)); }
    .ar-hero-content { padding-block: 45px; }
    .ar-hero h1 { font-size: clamp(33px,9.4vw,56px); text-wrap: pretty; }
    .ar-hero-lead { font-size: 17px; }
    .ar-hero .ar-kicker { font-size: 10px; }
    .ar-proof { gap: 12px; padding-block: 16px; }
    .ar-proof > div { align-items: start; gap: 6px; }
    .ar-proof strong { font-size: 12px; line-height: 1.3; }
    .ar-proof small { display: none; }
    .ar-proof > div > span { font-size: 9px; }
    .ar-cards, .ar-cards-catalog, .ar-cards-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .ar-card-body { padding: 11px; gap: 7px; min-height: 62px; }
    .ar-card-body h3 { font-size: clamp(15px,4vw,19px); }
    .ar-arrow { flex-basis: 25px; height: 25px; font-size: 12px; }
    .ar-card-body .ar-caption { font-size: 9px; }
    .ar-contact-strip { display: block; }
    .ar-contact-strip .ar-actions { margin-top: 17px; }
    .ar-page-lead-media { grid-template-columns: 1fr; gap: 18px; }
    .ar-page-lead { padding-top: 9px; }
    .ar-page-copy h1 { font-size: clamp(35px,9vw,54px); }
    .ar-page-image { aspect-ratio: 4/3; }
    .ar-location-grid { grid-template-columns: 1fr; gap: 9px; }
    .ar-location { padding: 16px; }
    .ar-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
    .ar-video { min-height: 136px; }
    .ar-video-grid { gap: 10px; }
    .ar-video-label { font-size: 13px; bottom: 9px; left: 8px; right: 8px; gap: 6px; }
    .ar-play { flex-basis: 26px; width: 26px; height: 26px; font-size: 9px; }
    .ar-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
    .ar-footer-bottom { flex-direction: column; }
}
@media(max-width: 600px) { .admin-bar .ar-header { top: 0; } }
@media(max-width: 360px) { .ar-navlinks { font-size: 12px; } }
@media(prefers-reduced-motion: reduce) { .argo-restore * { transition: none !important; scroll-behavior: auto !important; } }

.ar-logo { display: inline-flex; align-items: center; gap: 9px; max-width: none; }
.ar-logo img { width: 54px; height: 54px; }
@media(max-width: 1000px) { .ar-logo strong { font-size: 20px; } }
@media(max-width: 720px) { .ar-logo img { width: 36px; height: 36px; } }
@media(max-width: 360px) { .ar-logo strong { font-size: 17px; } }

.ar-specs { margin: 17px 0 0; padding: 0; max-width: 460px; }
.ar-specs div { display: flex; justify-content: space-between; gap: 9px; border-top: 1px solid var(--ar-stone); padding: 8px 0; font-size: 14px; }
.ar-specs dt { color: var(--ar-muted); }
.ar-specs dd { margin: 0; font-weight: 710; white-space: nowrap; }

.argo-restore .ar-price { color: var(--ar-accent-dark); font-weight: 750; margin-top: 6px; }
.argo-restore .ar-page-copy > p.ar-price-main { color: var(--ar-accent-dark); font-size: clamp(20px,3vw,29px); margin-top: 10px; }

.ar-icon-arrow { display: inline-block; vertical-align: -.2em; flex: 0 0 auto; }
.argo-partner-name { display: block; padding: 12px; font-weight: 700; text-align: center; }
#argo-footer-shell .argo-footer-logo img { object-fit: contain; object-position: left center; }
.argo-video-unavailable { display: block; margin-top: 8px; }
[data-video-id][disabled] { cursor: default; }
.ar-empty-gallery { margin-block: 24px 72px !important; }
.ar-empty-gallery a { text-decoration: underline; }
.argo-stone-line-count { padding: 20px 28px; color: #fff; background: #382922; font-weight: 600; }

#ar-lead-success { width: min(440px, calc(100% - 32px)); max-width: none; padding: 0; border: 1px solid #e5dcd1; border-radius: 22px; background: #fffaf4; color: #231b17; box-shadow: 0 20px 75px #21130b52; }
#ar-lead-success::backdrop { background: #24170fc2; backdrop-filter: blur(4px); }
#ar-lead-success { max-height: calc(100% - 32px); overflow-y: auto; }
#ar-lead-success:not([open]) { display: none; }
#ar-lead-success[data-fallback] { position: fixed; inset: 0; z-index: 2147483647; display: grid; place-items: center; box-sizing: border-box; width: 100%; height: 100%; max-height: none; margin: 0; padding: 16px; border: 0; border-radius: 0; background: #24170fc2; box-shadow: none; }
#ar-lead-success[data-fallback] .ar-lead-confirmation { box-sizing: border-box; width: 100%; max-width: 440px; max-height: 100%; overflow-y: auto; border-radius: 22px; background: #fffaf4; }
.argo-restore .vh-skip { display: none; }

.argo-restore :where(#svyaz, #palitra, #secheniya, #primery-balki) { scroll-margin-top: calc(var(--ar-header-bottom, 76px) + 18px); }
.argo-restore .ar-beam-tech { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 58px); align-items: start; }
.argo-restore .ar-tech-figure { min-width: 0; overflow: hidden; margin: 0; border-radius: 14px; background: #f9f5ef; color: #302219; }
.argo-restore .ar-tech-figure a { display: block; }
.argo-restore .ar-tech-figure img { display: block; width: 100%; height: auto; }
.argo-restore .ar-tech-figure figcaption { padding: 10px 14px; font-size: 14px; line-height: 1.35; }
.argo-restore .art-format-drawings { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.argo-restore .art-format-drawings img { width: 100%; height: clamp(108px, 13vw, 175px); object-fit: contain; padding: 12px; background: #fff; }
.argo-restore .ar-beam-tech-copy h3 { margin-block: 0 10px; font-size: 21px; }
.argo-restore .ar-beam-tech-copy p { margin-block: 0 16px; }
.argo-restore .ar-beam-sizes { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; padding: 0; list-style: none; }
.argo-restore .ar-beam-sizes li { padding: 6px 10px; border: 1px solid #e3d7c9; border-radius: 7px; background: #f9f5ef; font-size: 13px; white-space: nowrap; }
.argo-restore .ar-tech-note { font-size: 13px; color: #625448; }
.argo-restore .ar-palette summary { width: fit-content; margin-block-end: 14px; cursor: pointer; font-weight: 700; }
.argo-restore .ar-palette .ar-photo-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.argo-restore .ar-palette .ar-photo { border: 1px solid #e3d7c9; text-decoration: none; }
.argo-restore .ar-palette .ar-photo img { aspect-ratio: 5/3; }
.argo-restore .ar-palette .ar-photo > span { overflow-wrap: anywhere; font-size: 12px; }
.argo-restore .ar-palette-link { margin-top: 16px; }
.argo-restore .ar-palette-link a { color: var(--ar-accent, #b53712); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.argo-restore #ar-main .cp-glues img { border-radius: 10px; object-fit: contain; background: #fff; filter: none; }
.argo-restore #ar-main .arl-gluecard__image { background: #fff; }
.argo-restore #ar-main .arl-gluecard__image img { filter: none; }
@media (max-width: 960px) {
    .argo-restore .ar-palette .ar-photo-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .argo-restore .art-format-drawings { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .argo-restore .ar-beam-tech { grid-template-columns: 1fr; }
    .argo-restore .ar-palette .ar-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.ar-lead-confirmation { padding: clamp(24px, 6vw, 40px); text-align: center; }
.ar-lead-confirmation svg { display: inline-block; padding: 10px; width: 46px; height: 46px; border-radius: 50%; background: #e8eee2; color: #3b652d; }
.ar-lead-confirmation h2 { margin-block: 15px 10px; font-size: clamp(23px, 5vw, 29px); }
.ar-lead-confirmation p { line-height: 1.5; }
.ar-lead-confirmation button { margin-top: 22px; min-height: 44px; padding: 9px 22px; border: 0; border-radius: 9px; background: #b83a13; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }

.ar-stock-label { display: block; margin-block: 3px; color: #2c6240; font-size: 11px; font-weight: 720; }
#modeli, #modeli [id], #razmery-doski, #argo-concrete-panels section[id], #argo-split-stone section[id],
.arl-technical[id], .arl-order[id] { scroll-margin-top: calc(var(--ar-header-bottom, 76px) + 16px); }
.ar-beam-catalog { padding: clamp(10px, 2.1vw, 26px); border: 1px solid var(--ar-stone); border-radius: 16px; background: #f6f0e8; }
.ar-beam-filters { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 7px; margin-bottom: 22px; }
.ar-beam-filters[hidden], .ar-beam-group[hidden] { display: none; }
.ar-beam-filters button { min-height: 44px; padding: 7px 10px; border: 1px solid #d7ccbe; border-radius: 8px; color: var(--ar-ink); background: #fffdfa; font: inherit; font-size: 14px; font-weight: 650; line-height: 1.18; cursor: pointer; }
.ar-beam-filters button:hover { border-color: #a83514; }
.ar-beam-filters button[aria-pressed="true"] { color: #fff; background: #963015; border-color: #963015; }
.ar-beam-filters button:focus-visible, .ar-beam-image:focus-visible { outline: 2px solid #963015; outline-offset: 2px; }
.ar-beam-filters[hidden] ~ .ar-beam-group + .ar-beam-group { margin-top: 24px; }
.ar-beam-group-heading { margin: 0 0 13px; }
.ar-beam-group-heading h3 { margin: 0 0 5px; font-size: clamp(19px, 2.5vw, 26px); letter-spacing: -.025em; }
.ar-beam-group-heading p { margin: 0; color: var(--ar-muted); font-size: 14px; }
.ar-beam-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ar-beam-model { min-width: 0; padding: 8px; border: 1px solid var(--ar-stone); border-radius: 10px; background: #fffdfa; }
.ar-beam-model h4 { margin: 6px 2px 0; font-size: 14px; font-weight: 720; letter-spacing: 0; }
.ar-beam-image { display: block; min-height: 44px; border-radius: 5px; background: #efe7dd; overflow: hidden; cursor: zoom-in; }
.ar-beam-overview { aspect-ratio: 2.15; }
.ar-beam-swatch { aspect-ratio: 4.25; }
.ar-beam-overview + .ar-beam-swatch { margin-top: 5px; }
.ar-beam-model-single .ar-beam-swatch { aspect-ratio: 3.5; }
.ar-beam-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ar-beam-overview img { object-fit: contain; }
.ar-catalog-note { max-width: 740px; margin: 16px 0; color: var(--ar-muted); font-size: 15px; }
.ar-material-specs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; margin: 0; }
.ar-material-specs div { padding: 12px; border: 1px solid var(--ar-stone); border-radius: 10px; background: #fdfbf7; }
.ar-material-specs dt { color: var(--ar-muted); font-size: 13px; }
.ar-material-specs dd { margin: 2px 0 0; font-weight: 720; }
.argo-restore .ar-board-diagram { align-self: start; }

#argo-concrete-panels .cp-panel-shape {
    background-image: linear-gradient(130deg, #bdbdb9c9, #84848480), url("../media/concrete-29.webp");
    background-color: #a8a9a6;
    box-shadow: 0 16px 38px #0005, inset 0 0 0 1px #f4f4f385;
}
#argo-concrete-panels .cp-panel-shape--large { background-position: 70% center; }
#argo-concrete-panels .cp-format-card__visual { overflow: hidden; }
#argo-concrete-panels .cp-format-card__tag { z-index: 3; }
#argo-concrete-panels .rp-finishes .ar-concrete-finishes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.ar-concrete-finishes figure { overflow: hidden; border: 1px solid #ded8d0; border-radius: 12px; background: #fff; }
.ar-concrete-finishes img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.ar-concrete-finishes figcaption { padding: 10px 12px; font-size: 14px; }
#argo-concrete-panels .cp-doc, #argo-split-stone .cp-doc { display: block; min-height: 0; }
#argo-concrete-panels .cp-doc__body, #argo-split-stone .cp-doc__body { display: flex; min-height: 100%; padding: clamp(19px, 3vw, 34px); }
#argo-concrete-panels .cp-doc__body dl, #argo-split-stone .cp-doc__body dl { margin: 12px 0 16px; }
#argo-concrete-panels .cp-doc__body a, #argo-split-stone .cp-doc__body a { color: #fff; text-decoration: underline; }

@media (max-width: 1040px) { .ar-beam-filters, .ar-beam-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 680px) {
    .ar-beam-filters, .ar-beam-grid, .ar-material-specs { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .ar-beam-filters { margin-bottom: 15px; }
    .ar-beam-filters button { padding-inline: 5px; }
    .ar-beam-model { padding: 6px; }
}
@media (max-width: 560px) { #argo-concrete-panels .rp-finishes .ar-concrete-finishes { grid-template-columns: 1fr; } }

@media (max-height: 820px), (max-width: 720px) {
    body:has(.art-product) #argo-contact-hub .ach-launcher { min-height: 44px; padding: 5px; border-radius: 14px; }
    body:has(.art-product) #argo-contact-hub .ach-launcher-icon { width: 34px; height: 34px; flex-basis: 34px; border: 0; background: transparent; }
    body:has(.art-product) #argo-contact-hub .ach-launcher > span:last-child { display: none; }
    body:has(.art-product) #argo-contact-hub .ach-panel { bottom: 58px; }
}