/* Shared layouts brought in line with the supplied desktop mockups. */
.static-tariff-table-wrap{overflow-x:auto;border:1px solid #dfe4e8;border-radius:18px;background:#fff}
.static-tariff-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}
.static-tariff-table th,.static-tariff-table td{padding:18px 22px;border-right:1px solid #e6eaed;border-bottom:1px solid #e6eaed;vertical-align:middle}
.static-tariff-table tr>*:last-child{border-right:0}.static-tariff-table tbody tr:last-child>*{border-bottom:0}
.static-tariff-table thead{background:#eceff1;color:#67737c;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.static-tariff-table tbody th{font-size:17px;color:#12171a}.static-tariff-table tbody td{font-size:15px;color:#414b53}
.static-pump-tariffs{margin-top:20px}.static-pump-rate-grid>article{min-height:220px}
.static-pump-options{margin-top:20px}.static-pump-rate-grid>article>.btn-ghost{margin-top:24px}

.document-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.document-card,.document-request{min-width:0;border:1px solid #e1e5e8;border-radius:16px;background:#fff;padding:17px}
.document-card{display:flex;flex-direction:column}.document-card>div:last-child{padding:14px 2px 3px}
.document-card small{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#a8690a}
.document-card h3{margin-top:9px;font-size:17px;line-height:1.25}.document-card p{margin-top:9px;color:#5b666f;font-size:12px;line-height:1.5}
.document-preview{display:flex;flex-direction:column;gap:9px;align-items:start;width:100%;height:178px;padding:24px 22%;background:#f1f3f5;border-radius:10px}
.document-preview span{display:block;width:100%;height:100%;padding:20px 13px;background:#fff;border:1px solid #d9dfe3;box-shadow:0 7px 15px #17232d16}
.document-preview i{position:relative;display:block;height:3px;width:35%;margin-top:-145px;margin-left:13px;background:#c4cdd2;pointer-events:none}
.document-preview i~i{width:43%;margin-top:14px}.document-preview i:last-child{width:26%;background:#d69b39}
.document-request{display:flex;flex-direction:column;justify-content:center;gap:25px;color:#12171a;background:#f6f7f8}
.document-request span{font-size:20px;font-weight:800;line-height:1.2}.document-request strong{font-size:13px;color:#a8690a}

.promotion-card{padding:0;min-height:0}.promotion-card>img{width:100%;height:205px;object-fit:cover}
.promotion-card-copy{display:flex;flex:1;flex-direction:column;padding:21px}.promotion-card-copy h3{margin:0}.promotion-card-copy p{margin-top:12px}
body.page-promotions .promotions-shell{background:none;border:0;border-radius:0;box-shadow:none;padding:0;overflow:visible}
body.page-promotions .promotions-shell::before,body.page-promotions .promotions-shell::after{display:none}
body.page-promotions .promotions-badge{display:none}
body.page-promotions .promotions-grid{gap:18px}
body.page-promotions .promotion-card{border-radius:18px;box-shadow:0 12px 30px #12171a0d}

.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 24px}
.portfolio-filters button{cursor:pointer;padding:10px 18px;border:1px solid #dce2e5;border-radius:999px;background:#fff;color:#414b53;font-size:13px;font-weight:800}
.portfolio-filters button[aria-pressed=true]{background:#111820;border-color:#111820;color:#fff}
.cx-projects [hidden]{display:none!important}
.case-order{display:flex;width:100%;margin-top:20px}
.case-story{background:#fff}.case-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.case-story h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;margin:10px 0 18px}
.case-story p:not(.eyebrow){max-width:55ch;color:#5b666f;line-height:1.65}.case-story .btn-ghost{margin-top:22px}
.case-story img{width:100%;height:330px;object-fit:cover;border-radius:18px}

.static-supplier-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:55px}
.static-supplier-form{grid-template-columns:1fr;justify-self:end;width:100%}
.static-supplier-form>*{grid-column:1!important}.static-supplier-form button{width:100%}
.static-legal-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:55px;align-items:start}
.static-legal-layout:not(:has(.static-legal-toc)){display:block}
.static-legal-toc{position:sticky;top:110px;display:grid;gap:14px;max-height:calc(100vh - 130px);overflow:auto;border-right:1px solid #e1e5e8;padding-right:25px}
.static-legal-toc strong{font-size:15px;color:#12171a}.static-legal-toc a{font-size:13px;line-height:1.4;color:#5b666f}
.static-legal-toc a:hover{color:#a8690a}.static-legal-toc ol{display:grid;gap:12px}
.static-legal-content h2,.static-legal-content h3,.static-legal-content p[id]{scroll-margin-top:115px}
.static-sitemap-grid{display:block;columns:3;column-gap:32px;margin-top:45px}
.static-sitemap-grid section{display:inline-block;width:100%;break-inside:avoid;margin-bottom:30px}
.static-sitemap-grid h2{font-size:21px}.static-sitemap-grid ul{gap:8px}.static-sitemap-grid a{font-size:14px}

.price-toolbar{display:flex;align-items:start;flex-wrap:wrap;gap:10px;margin-top:28px}
.price-tabs{display:flex;flex:1;flex-wrap:wrap;gap:6px;min-width:0;border-radius:14px;background:#edeff1;padding:6px}
.price-tabs button,.price-more button{cursor:pointer;border-radius:10px;padding:10px 15px;color:#5b666f;font-size:14px;font-weight:800;white-space:nowrap}
.price-tabs button:hover,.price-more button:hover{background:#fff}
.price-tabs button[aria-selected=true],.price-more button[aria-selected=true]{background:#12171a;color:#fff}
.price-more{position:relative;z-index:4}.price-more summary,.price-actions button{cursor:pointer;border:1px solid #dce2e5;border-radius:10px;background:#fff;padding:10px 14px;font-size:13px;font-weight:800;white-space:nowrap}
.price-more summary{list-style:none}.price-more summary::-webkit-details-marker{display:none}
.price-more summary:after{content:'⌄';margin-left:10px}.price-more>div{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:4px;min-width:210px;max-height:330px;overflow:auto;border:1px solid #dce2e5;border-radius:12px;background:#fff;padding:9px;box-shadow:0 16px 40px #12171a24}
.price-more button{text-align:left}.price-actions{display:flex;gap:7px}.price-actions button:hover{border-color:#a8690a;color:#a8690a}

.concrete-special-tasks{background:#f6f7f8}.concrete-special-tasks .concrete-task-grid article{background:#fff}
.concrete-special-application{background:#f6f7f8}.concrete-special-application .concrete-task-grid article{background:#fff}
.concrete-variant-row{background:#fff}.concrete-variant-row .concrete-grade-name h3{font-size:16px}
.product-order-points{background:#f6f7f8}.product-order-points .concrete-task-grid article{background:#fff}
.product-guide{background:#fff}

@media(max-width:1000px){.document-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.static-supplier-grid,.case-story-grid{grid-template-columns:1fr}.static-supplier-form{max-width:540px;justify-self:start}.static-legal-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.static-sitemap-grid{columns:2}}
@media(max-width:700px){.static-legal-layout{display:block}.static-legal-toc{position:static;max-height:220px;margin-bottom:28px;border:1px solid #e1e5e8;border-radius:12px;padding:16px}.static-sitemap-grid{columns:1}.case-story img{height:230px}.price-toolbar{display:block}.price-tabs{overflow-x:auto;flex-wrap:nowrap}.price-more,.price-actions{display:inline-flex;margin-top:10px}.price-more>div{left:0;right:auto}.static-tariff-table-wrap{margin-inline:-16px;border-radius:0}.document-preview{height:145px}.document-preview i{display:none}}
@media(max-width:480px){.document-cards{grid-template-columns:1fr}.promotion-card>img{height:180px}.portfolio-filters{flex-wrap:nowrap;overflow-x:auto}.portfolio-filters button{flex:none}}
@media print{.price-toolbar,.price-option-action,.mv4,.site-header{display:none!important}}
