.bx-page {
  --ink:#0b2c43;--blue:#0079c8;--copy:#355164;--line:#d6e6ef;
  background:#fff;color:var(--ink);font:400 clamp(14px,1.05vw,16px)/1.5 Inter,Arial,sans-serif;
}
.bx-page *, .bx-page *::before,.bx-page *::after {box-sizing:border-box;min-width:0}
.bx-page [hidden] {display:none!important}
.bx-page :is(h1,h2,h3,p,ul,ol,figure,fieldset) {margin:0}
#main .bx-page :is(h1,h2,h3),#main .bx-page :is(h1,h2,h3) em {font-family:Inter,Arial,sans-serif!important;color:var(--ink);font-weight:760;letter-spacing:-.055em;line-height:1.08}
.bx-page h1 {font-size:clamp(42px,5.2vw,80px)}
.bx-page h2 {font-size:clamp(27px,3vw,43px)}
.bx-page h3 {font-size:clamp(17px,1.45vw,22px)}
#main .bx-page :is(h1,h2,h3) em {font-style:normal;color:var(--blue)}
.bx-page p {color:var(--copy)}
.bx-page img {display:block;max-width:100%;height:auto}
.bx-page a {text-decoration:none;color:inherit}
.bx-page :is(input,select,textarea,button) {font:inherit}
.bx-page :is(button,summary) {cursor:pointer}
.bx-page :is(a,button,summary,input,textarea,select):focus-visible {outline:3px solid #087ab9;outline-offset:3px}
.bx-page .bx-shell {width:min(87.5%,1280px);margin-inline:auto}
.bx-page .bx-section {padding-block:clamp(25px,3.3vw,48px)}
.bx-page .bx-tag {text-transform:uppercase;letter-spacing:.07em;color:#0069b2;font-weight:700;font-size:clamp(10px,.76vw,12px);margin-bottom:7px}
.bx-page .bx-icon {width:30px;height:30px;flex:none;color:var(--blue)}
.bx-page .bx-button {display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:10px 17px;color:white;background:linear-gradient(115deg,#0071bc,#0091d6);border:1px solid transparent;border-radius:6px;font-weight:650}
.bx-page .bx-button:hover {background:#0064a9}
.bx-page .bx-button:disabled {opacity:.5;cursor:default}
.bx-page .bx-outline {color:var(--ink);background:white;border-color:#c5dce8}
.bx-page .bx-outline:hover {background:#eff8fd}
.bx-page .bx-link,.bx-page .bx-faq p a,.bx-page [data-transfer] {display:inline-block;color:#006aaf;font-weight:650}
.bx-page a:hover.bx-link,.bx-page .bx-faq p a:hover {text-decoration:underline}
.bx-page .bx-entry {position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#fff,#edf6fd 66%,#deeffa)}
.bx-page .bx-entry .bx-shell {position:relative}
@media(min-width:701px) {
 .bx-page .bx-entry {min-height:min(41vw,650px);display:grid;align-items:center}
}
.bx-page .bx-site-photo {position:absolute;inset:0 0 0 auto;width:min(60%,943px);height:100%;object-fit:contain;object-position:right bottom;mask-image:linear-gradient(to right,transparent,#000 11%)}
.bx-page .bx-entry-lines {position:absolute;left:34%;bottom:12%;width:15%;height:auto;opacity:.48;stroke:none}
.bx-page .bx-crumb {display:flex;gap:7px;align-items:center;padding:clamp(12px,1.7vw,23px) 0;color:#36576b;font-size:.79em}
.bx-page .bx-crumb b {background:var(--blue);color:white;border-radius:5px;padding:2px 7px}
.bx-page .bx-intro {width:40%;padding:clamp(10px,1.6vw,22px) 0 clamp(20px,2.6vw,38px)}
.bx-page .bx-lead {color:var(--ink);font-weight:680;line-height:1.23;font-size:clamp(16px,1.58vw,24px);margin:9px 0 11px}
.bx-page .bx-intro>p:not(.bx-lead,.bx-tag) {font-size:.92em}
.bx-page .bx-intro .bx-button {margin-top:14px}
.bx-page .bx-strip {display:grid;grid-template-columns:repeat(4,1fr);padding:clamp(15px,2.4vw,32px) 0;list-style:none;border-bottom:1px solid var(--line)}
.bx-page .bx-strip li {display:flex;align-items:center;gap:10px;padding:0 15px;border-right:1px solid var(--line);font-size:.9em;line-height:1.26}
.bx-page .bx-strip li:first-child {padding-left:0}
.bx-page .bx-strip li:last-child {border:0}
.bx-page .bx-catalog {background:linear-gradient(132deg,#fff 32%,#f4faff 92%)}
.bx-page .bx-catalog-grid {display:grid;grid-template-columns:minmax(140px,.32fr) minmax(0,1fr);gap:clamp(14px,2vw,28px);margin-top:19px}
.bx-page .bx-catalog-grid aside .bx-link {margin-top:12px}
.bx-page .bx-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,.9vw,14px)}
.bx-page .bx-card {display:flex;flex-direction:column;background:white;border:1px solid #cfe2ef;border-radius:8px;overflow:hidden}
.bx-page .bx-picture {position:relative;display:block;background:#f5f8fa;padding:4px}
.bx-page .bx-picture>img:first-child {width:100%;aspect-ratio:1.95;object-fit:cover;border-radius:5px}
.bx-page .bx-card[data-bx-product="hazir-beton"] .bx-picture>img:first-child {object-fit:contain;background:linear-gradient(115deg,#eaf4fc,#f6fbff)}
.bx-page .bx-picture .bx-brand {position:absolute;right:7px;bottom:6px;width:min(51%,95px);height:21px;object-fit:contain;background:#fff;padding:2px 4px;border-radius:3px}
.bx-page .bx-card-copy {display:flex;flex-direction:column;flex:1;padding:7px 10px 8px}
.bx-page .bx-card-copy h3 {font-size:clamp(15px,1.3vw,19px)}
.bx-page .bx-card-copy p {font-size:.84em;line-height:1.4;margin:4px 0 8px;flex:1}
.bx-page .bx-card-copy>div {display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap}
.bx-page .bx-card-copy>div a,.bx-page .bx-card-copy button {font-size:.82em;color:#006aa9;font-weight:650}
.bx-page .bx-card-copy button {background:#f2f7fa;border:1px solid var(--line);border-radius:4px;padding:4px 6px}
.bx-page .bx-card-copy button[aria-pressed=true] {color:#fff;background:var(--blue)}
.bx-page .bx-atlas-link {display:flex;flex-direction:column;justify-content:center;gap:6px;background:repeating-linear-gradient(135deg,transparent 0 25px,#d3e6f155 25px 26px),#edf7fc;border:1px solid var(--line);border-radius:8px;padding:13px;color:var(--ink)}
.bx-page .bx-atlas-link span {font-size:.85em;color:#006aa9}
.bx-page .bx-head {display:grid;grid-template-columns:1fr .85fr;align-items:end;gap:24px;margin-bottom:19px}
.bx-page .bx-atlas {background:#fbfdfe}
.bx-page .bx-atlas-box {display:grid;grid-template-columns:1.18fr 1fr;align-items:center;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:white}
.bx-page .bx-atlas-box figure {background:linear-gradient(125deg,#f0f8fd,#fcfbf8);align-self:stretch;display:grid;align-content:center}
.bx-page .bx-scene {width:100%;height:auto;stroke:none}
.bx-page .bx-scene text {stroke:none;font-family:Arial,sans-serif}
.bx-page .bx-scene [data-layer] {opacity:.60}
.bx-page .bx-scene [data-pin] {display:none}
.bx-page [data-active="0"] [data-pin="0"],.bx-page [data-active="1"] [data-pin="1"],.bx-page [data-active="2"] [data-pin="2"],.bx-page [data-active="3"] [data-pin="3"] {display:block}
.bx-page [data-active="0"] [data-layer="0"],.bx-page [data-active="1"] [data-layer="1"],.bx-page [data-active="2"] [data-layer="2"],.bx-page [data-active="3"] [data-layer="3"] {opacity:1;stroke:#007bc0;stroke-width:1.7}
.bx-page .bx-atlas-box figcaption {font-size:.77em;color:var(--copy);padding:0 14px 9px}
.bx-page .bx-controls {padding:clamp(15px,2vw,27px)}
.bx-page .bx-phases {display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}
.bx-page .bx-phases button,.bx-page .bx-choices button {background:white;color:var(--ink);border:1px solid var(--line);border-radius:6px;min-height:44px;font-weight:650;padding:7px 10px}
.bx-page .bx-phases button {text-align:left;font-size:.9em}
.bx-page .bx-phases small {color:#0071ac;margin-right:7px}
.bx-page .bx-phases button[aria-pressed=true],.bx-page .bx-choices button[aria-pressed=true] {background:#e6f5ff;color:#005f9e;border-color:#239ad6}
.bx-page [data-panel] p {margin:6px 0 9px;font-size:.94em}
.bx-page [data-panel] ul {display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0}
.bx-page [data-panel] a {display:block;color:#006bab;background:#f3f8fc;padding:5px 9px;border-radius:4px;font-size:.9em}
.bx-page .bx-process {background:linear-gradient(110deg,#eaf6fc,#f8fcfe)}
.bx-page .bx-plan-grid,.bx-page .bx-faq,.bx-page .bx-close-grid {display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(18px,3.8vw,52px)}
.bx-page .bx-plan-grid>div p:not(.bx-tag),.bx-page .bx-faq p,.bx-page .bx-closing p:not(.bx-tag) {margin:9px 0}
.bx-page .bx-plan-grid>div img {width:100%;border-radius:5px;mask-image:linear-gradient(to bottom,transparent,#000 16%)}
.bx-page .bx-plan-grid ol {list-style:none;padding:0;display:grid;align-content:center;gap:12px}
.bx-page .bx-plan-grid li {position:relative;display:grid;grid-template-columns:28px 28px 1fr;gap:9px;align-items:start}
.bx-page .bx-plan-grid li:not(:last-child)::after {content:'';position:absolute;top:24px;bottom:-14px;left:12px;width:1px;background:#83bedb}
.bx-page .bx-plan-grid li small {display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--blue);color:white;font-weight:650}
.bx-page .bx-plan-grid li svg {width:25px;height:25px}
.bx-page .bx-plan-grid li h3 {font-size:1.05em}
.bx-page .bx-plan-grid li p {font-size:.89em}
.bx-page .bx-notebook,.bx-page .bx-faq details {border:1px solid var(--line);background:white;border-radius:7px}
.bx-page .bx-notebook {margin-top:17px;scroll-margin-top:100px}
.bx-page summary {display:flex;align-items:center;gap:8px;list-style:none;min-height:44px;padding:11px 14px;font-weight:700}
.bx-page summary::-webkit-details-marker {display:none}
.bx-page summary::after {content:'+';margin-left:auto;color:var(--blue);font-size:20px}
.bx-page details[open]>summary::after {content:'−'}
.bx-page [data-count] {color:#0070ae;font-size:.81em}
.bx-page .bx-builder {padding:0 15px 15px}
.bx-page .bx-builder label {display:grid;gap:3px;font-size:.9em;font-weight:600}
.bx-page .bx-choices {display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}
.bx-page .bx-choices button {font-size:.88em}
.bx-page .bx-lines fieldset {display:grid;grid-template-columns:1.6fr .7fr .75fr auto;align-items:end;gap:9px;margin:9px 0;border:1px solid var(--line);padding:10px}
.bx-page .bx-lines legend {padding:0 5px;font-weight:700;color:var(--ink)}
.bx-page .bx-lines button {background:white;border:0;color:#38657d;min-height:44px;text-decoration:underline}
.bx-page .bx-address {display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:9px;margin:14px 0}
.bx-page .bx-builder :is(input,select,textarea) {width:100%;min-height:44px;border:1px solid #bad4e2;border-radius:5px;padding:8px;background:white;color:var(--ink)}
.bx-page .bx-builder textarea {resize:vertical;background:#f7fafc}
.bx-page .bx-note-actions {display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}
.bx-page .bx-note-actions a {padding-block:10px}
.bx-page .bx-small {font-size:.86em}
.bx-page .bx-faq {grid-template-columns:.7fr 1.3fr}
.bx-page .bx-faq details {margin-bottom:6px}
.bx-page .bx-faq details p {margin:0;padding:0 14px 12px;font-size:.92em}
.bx-page .bx-neighbors {margin-top:22px;border-top:1px solid var(--line);padding-top:16px}
.bx-page .bx-neighbors ul {display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin-top:11px}
.bx-page .bx-neighbors a {display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;min-height:44px;border-left:1px solid var(--line);font-weight:650;font-size:.93em}
.bx-page .bx-neighbors li:first-child a {border:0;padding-left:0}
.bx-page .bx-closing {background:url('/images/building-atlas/concrete-edge.webp') right bottom/auto 100% no-repeat,linear-gradient(115deg,#eef8fd,#fbfdff)}
.bx-page .bx-close-grid {align-items:center;grid-template-columns:1fr 1fr}
.bx-page .bx-close-grid>div:last-child {display:grid;gap:7px;width:min(80%,325px)}
@media(max-width:950px) {
 .bx-page .bx-catalog-grid {grid-template-columns:.33fr 1fr}
 .bx-page .bx-strip li {padding:0 8px;gap:7px}
}
@media(min-width:701px) and (max-width:1000px) {
 .bx-page .bx-crumb {padding:12px 0 8px}
 .bx-page .bx-intro {padding:9px 0 20px}
 .bx-page .bx-intro .bx-lead {font-size:14px;line-height:1.25;margin:7px 0}
 .bx-page .bx-intro>p:not(.bx-lead,.bx-tag) {font-size:12px;line-height:1.45}
 .bx-page .bx-intro .bx-button {margin-top:10px;min-height:36px;padding:7px 14px;font-size:12px}
}
@media(max-width:700px) {
 .bx-page .bx-shell {width:calc(100% - 36px)}
 .bx-page .bx-entry {display:flex;flex-direction:column}
 .bx-page .bx-site-photo {position:static;order:2;width:100%;height:clamp(180px,56vw,300px);object-fit:cover;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent,#000 14%)}
 .bx-page .bx-entry-lines {left:auto;right:0;top:10%;width:29%;opacity:.4}
 .bx-page .bx-intro {width:100%;padding:8px 0 5px}
 .bx-page .bx-crumb {font-size:11px}
 .bx-page .bx-strip {grid-template-columns:1fr 1fr;gap:12px 5px}
 .bx-page .bx-strip li {font-size:12px}
 .bx-page .bx-strip li:nth-child(odd) {padding-left:0}
 .bx-page .bx-strip li:nth-child(even){border:0}
 .bx-page .bx-strip .bx-icon {width:25px}
 .bx-page .bx-catalog-grid,.bx-page .bx-head,.bx-page .bx-atlas-box,.bx-page .bx-plan-grid,.bx-page .bx-faq,.bx-page .bx-close-grid {grid-template-columns:1fr;gap:14px}
 .bx-page .bx-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .bx-page .bx-card-copy {padding:7px}
 .bx-page .bx-card-copy>div {align-items:stretch}
 .bx-page .bx-card-copy>div :is(a,button) {min-height:44px;display:flex;align-items:center}
 .bx-page .bx-atlas-link {grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start}
 .bx-page .bx-atlas-link svg {width:23px}
 .bx-page .bx-atlas-link span {margin-left:auto}
 .bx-page .bx-controls {padding-top:0}
 .bx-page .bx-address {grid-template-columns:1fr 1fr}
 .bx-page .bx-address label:nth-child(n+3){grid-column:1/-1}
 .bx-page .bx-lines fieldset {grid-template-columns:1fr 1fr}
 .bx-page .bx-lines fieldset label:first-of-type {grid-column:1/-1}
 .bx-page .bx-note-actions {align-items:stretch}
 .bx-page .bx-neighbors ul {grid-template-columns:1fr 1fr}
 .bx-page .bx-closing {background:linear-gradient(115deg,#eef8fd,#fbfdff)}
 .bx-page .bx-close-grid>div:last-child {width:100%}
}