/* GEODOMAS ROOFS — Materials & coatings premium layer, 2026-07-24 */
#medziagos{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(78,174,218,.13),transparent 34%),linear-gradient(180deg,#071527 0%,#0a1b30 100%)}
#medziagos:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 36%)}
#medziagos .wrap{position:relative;z-index:1}
#medziagos .head{align-items:end;gap:48px;margin-bottom:34px}
#medziagos .head h2{max-width:760px;font-size:clamp(40px,5vw,72px);line-height:.98;letter-spacing:-.055em}
#medziagos .head p{max-width:560px;font-size:17px;line-height:1.7;color:rgba(229,239,248,.76)}
#medziagos .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0;counter-reset:material}
#medziagos .material-card{counter-increment:material;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:430px;padding:30px 28px;border:1px solid rgba(164,205,226,.18);border-radius:30px;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 24px 70px rgba(0,8,20,.23);transition:transform .3s ease,border-color .3s ease,background .3s ease}
#medziagos .material-card:before{content:"0" counter(material);display:inline-flex;align-items:center;justify-content:center;width:48px;height:30px;margin-bottom:66px;border:1px solid rgba(214,184,118,.35);border-radius:999px;color:#e1c47f;background:rgba(214,184,118,.08);font-size:11px;font-weight:900;letter-spacing:.13em}
#medziagos .material-card:after{content:"";position:absolute;z-index:-1;top:-100px;right:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(77,190,234,.16),transparent 68%)}
#medziagos .material-card:nth-child(3){border-color:rgba(214,184,118,.3);background:linear-gradient(155deg,rgba(214,184,118,.13),rgba(255,255,255,.04))}
#medziagos .material-card:nth-child(3):before{background:#d8b76e;color:#071527;border-color:#d8b76e}
#medziagos .material-card h3{margin:0 0 14px;font-size:clamp(23px,2vw,30px);line-height:1.08;letter-spacing:-.045em;color:#f5f7f8}
#medziagos .material-card p{margin:0 0 22px;color:rgba(229,239,248,.72);line-height:1.62}
#medziagos .material-card ul{margin-top:auto;padding-top:22px;border-top:1px solid rgba(164,205,226,.14)}
#medziagos .material-card li{color:rgba(229,239,248,.75);font-size:13px;line-height:1.48}
#medziagos .material-card li:before{background:#69c8ef;box-shadow:0 0 0 4px rgba(105,200,239,.09)}
#medziagos .material-card:nth-child(3) li:before{background:#d8b76e;box-shadow:0 0 0 4px rgba(216,183,110,.09)}
#medziagos .material-card .roof-like{display:none!important}
#medziagos .sticky-quote{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.45fr);align-items:center;gap:38px;margin-top:20px;padding:32px 36px;border:1px solid rgba(216,183,110,.34);border-radius:30px;background:linear-gradient(110deg,rgba(216,183,110,.16),rgba(69,162,207,.08));box-shadow:0 20px 60px rgba(0,8,20,.18)}
#medziagos .sticky-quote strong{margin:0;font-size:clamp(25px,2.5vw,38px);line-height:1.05;letter-spacing:-.04em;color:#efd597}
#medziagos .sticky-quote span{padding-left:36px;border-left:1px solid rgba(216,183,110,.26);font-size:15px;line-height:1.75;color:rgba(229,239,248,.76)}
#medziagos .scenario-banner{margin:22px 0 0}
#medziagos .scenario-banner-frame{overflow:hidden;border:1px solid rgba(164,205,226,.18);border-radius:32px;box-shadow:0 28px 70px rgba(0,8,20,.3)}
#medziagos .scenario-banner-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media (hover:hover){#medziagos .material-card:hover{transform:translateY(-5px);border-color:rgba(105,200,239,.38);background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(255,255,255,.045))}}
@media(max-width:1080px){#medziagos .head{align-items:start;gap:18px}#medziagos .material-grid{grid-template-columns:1fr}#medziagos .material-card{min-height:0}#medziagos .material-card:before{margin-bottom:40px}#medziagos .sticky-quote{grid-template-columns:1fr;gap:20px}#medziagos .sticky-quote span{padding:20px 0 0;border-left:0;border-top:1px solid rgba(216,183,110,.26)}}
@media(max-width:650px){#medziagos .head h2{font-size:42px}#medziagos .material-card{padding:24px 22px;border-radius:24px}#medziagos .material-card:before{margin-bottom:30px}#medziagos .sticky-quote{padding:26px 22px;border-radius:24px}#medziagos .scenario-banner-frame{border-radius:24px}}