.main_wrapper { background-color: #FFFFFF; width:100%;  padding: 0; max-width: 1440px;   box-sizing: border-box;  margin: 0 auto; }
.gazprom-section-1 {
background-color: #F0F0F0;
border-radius: 0 0 40px 40px; padding: 24px 24px 40px;
}
.s1-column {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 100%;
}
.s1-row {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
}
.s1-row-text,
.s1-row-img {
display: flex;
align-items: center;
border-radius: 20px;
min-height: 86px;          
}
.s1-row-text {
flex: 1 1 auto;             
background: #002D9A;
padding: 14px 32px;
color: #fff;
font-size: 52px;
line-height: 1.2;
padding-left: 82px;
}
.s1-row-img {
flex: 0 0 200px;           
background: #1E78B5;        
justify-content: center;
padding: 10px 16px;
}
.s1-row-img img {
display: block;
max-width: 100%;
max-height: 64px;          
height: auto;
object-fit: contain;
}
.s1-hero {
position: relative;
width: 100%;
}
.s1-hero > img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
border-radius: 20px;
}
.s1-label {
position: absolute;
bottom: 50px;
left: 82px;
background: #F0F0F0; 
color: #201E26;
font-size: 28px;
padding: 7px 20px;
border-radius: 90px;
z-index: 2;
}
.s1-hero-col {
position: absolute;
top: 20px;      
right: 0;     
width: 45%;         
padding: 18px 0;
z-index: 2;
}
.s1-row-rectangle {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
background: #fff;
border-radius: 20px;
border: 1px solid #E5E7EB;
height:clamp(42px, 8.47vw, 122px)
}
.s1-row-image {
display: grid;
grid-template-columns: 0.6fr 1fr; 
gap: 16px;
margin-top: 20px;
}
.s1-img-1 img {
display: block;
width: 100%;
height: 112px;
object-fit: cover;
border-radius: 20px;
}
.s1-img-2 {
display: flex;
align-items: center;
justify-content: center;
height: 112px;
background: #fff;
border-radius: 20px;
}
.s1-img-2 img {
width: 90%;
height: 70%; 
height: auto;
object-fit: contain;
display: block;
}
.s1-arrow {
display: grid;
place-items: center;
width: 56px;
height: 56px;
border-radius: 50%;                 
aspect-ratio: 1 / 1;     
}
.s1-arrow-text {
font-size: 20px;
}
.gazprom-section-2 {
border-radius: 20px;
padding: 40px 24px;
}
.s2-row {
position: relative; 
display: flex;
gap: 30px;
align-items: stretch; }
.decoration {
position:absolute;
z-index: 3;
top: 64%;
left: 44%;
}
.s2-min-col {
width: 692px;
display: flex;
flex-direction: column;
padding-right: 20px;
}
.s2-mini-row {
display: flex;
align-items: center;
gap: 17px;
margin-bottom: 16px;
}
.s2-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 66px;
height: 66px;
aspect-ratio: 1 / 1;
}
.s2-num-text {
font-size: 44px;
font-weight: 400;
}
.s2-card-text {
background: #F3F4F6;
border-radius: 20px;
padding: 24px 50px 24px 82px;
font-size: 20px;
flex: 1; display: flex;
align-items: center;
text-wrap: pretty; 
}
.s2-imgs-row{
display:flex;
gap:49px;
}
.s2-img {
flex: 0 0 310px; border-radius: 20px;
overflow: hidden;
display: flex;
}
.s2-img img {
width: 100%;
height: auto;
aspect-ratio: 335 / 419; object-fit: cover;
}
.gazprom-section-3 {
border-radius: 20px;
padding: 23px 24px 51px;
display: flex;
flex-direction: column;
}
.s3-col {
max-width: 100%;
display: flex;
flex-direction: column;	
gap: 22px;
}
.s3-row {
max-width: 100%;
display: flex;
align-items: center;
flex-direction: row;
gap: 17px;
}
.s3-num-desc {
font-size: 28px;
padding-left: 82px;
}
.s3-grid-cards{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 48px;
padding-top: 34px;
}
.s3-card{
position: relative;
display: flex;
flex-direction: column;
border-radius: 20px;
overflow: hidden;  
padding-bottom: 52px; background: #F0F0F0;  
height: 585px;
}
.s3-card-img{
display: block;
width: 100%;
height: 374px; }
.s3-card-img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 20px 20px 0 0; }
.s3-card-arrow {
position: absolute;
top: 20px;
left: 20px;
width: 65px;
height: 65px;
display: grid;
place-items: center;
border-radius: 50%;
}
.s3-card-texts{
padding: 40px 22px 0px 82px;
background: #F0F0F0;
border-radius: 0 0 20px 20px;
}
.s3-card-texts .s3-card-t1:first-child{
display: block;
font-size: 28px;
margin-bottom: 12px;
}
.s3-card-texts .s3-card-t2:last-child{
display: block;
font-size: 20px;
line-height: 1.2;
color: #262626;
text-wrap: pretty; 
}
.gazprom-section-4 {
position:relative;
border-radius: 20px;
padding: 40px 24px;
display: flex;
flex-direction: column;
background-color: #F0F0F0;
}
.decoration-2{
position: absolute;
z-index: 3;
top:0;
right:24px;
}
.s4-card-class{
padding: 40px 0 35px;
margin top: 20px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 36px;               
align-items: stretch;
}
.s4-card{
display: flex;
flex-direction: column;
justify-content: space-between;
background: #fff;
border-radius: 20px;     
box-shadow: 0 0.25rem 1rem rgba(0,0,0,.06);
padding: 65px 40px 27px 82px;     
width: 100%;
min-height: 16rem;  
gap: 20px;
}
.s4-text{
font-size: 20px;
line-height: 1.2;
color: #333;
overflow-wrap: anywhere;
text-wrap: pretty; 
}
.s4-number{
display: flex;
align-items: flex-end;   
gap: .25rem;
}
.s4-number > span{
display: block;         
line-height: 1;          
}
.s4-n1{ font-size: 2.25rem; color:#1E78B5; }
.s4-n2{ font-size: 1.75rem; color:#002D9A;  transform: translateY(-2px);}
.s4-f-img{
width: 100%;
overflow: hidden;      
padding-bottom: 82px;
} .s4-f-img > img{
display: block;
width: 100%;
height: auto; 
border-radius: 20px;
box-shadow: 0 .25rem 1rem rgba(0,0,0,.08);     
}
.gazprom-section-5 {
padding: 40px 24px 36px;
display: flex;
flex-direction: column;
}
.s5-card-class{
padding: 29px 0 0;
margin top: 20px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 34px;               
align-items: stretch;
}
.s5-card{
display: flex;
flex-direction: column;
justify-content: space-between;  
width: 100%;
gap: 24px;
min-width: 0; box-sizing: border-box;
max-width:443px;
}
.s5-card .s5-card-text{
display:inline-flex; align-items:baseline; align-self: center; 
width: 100%;
background:  #F0F0F0;
border-radius: 90px;
padding: 15px 40px;
font-size: 17.5px;
line-height: 1;
color: #201E26;
font-weight: 400;
white-space: nowrap;
text-align: center;
height:50px;
justify-content: center;
align-items: center;
}
.s5-card-class > .s5-card:first-child > .s5-card-text{
padding:10px 85px;  justify-content: normal; }
.s5-card-text .big{
font-size:24px;
line-height:1; 
display: inline-block;
color:#1E78B5; }
.s5-card-video {
padding: 0 0 20px 0;
background:  #F0F0F0;
border-radius: 20px;
min-width: 0;
}
.s5-video-text {
font-size: 28px;
color: #1E78B5;
padding-left: 10px;
}
.s5-video.video-wrapper {
position: relative;
width: 100%;
height: 300px; 
border-radius: 16px;
overflow: hidden;
background: #DDE3EA;
box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.s5-video.video-wrapper > video {
width: 100%;
height: 100%;
object-fit: cover; 
}
.s5-video.video-wrapper:hover > video {
transform: scale(1.02);
}
.s5-play-button {
position: absolute;
left: 16px;
bottom: 16px;
width: 66px;
height: 66px;
border: 0;
border-radius: 50%;
line-height: 52px;
text-align: center;
cursor: pointer;
box-shadow: 0 4px 12px rgba(0,0,0,.15);
transition: transform .2s ease, box-shadow .2s ease;
}
.s5-play-button:hover {
transform: scale(1.06);
box-shadow: 0 6px 18px rgba(0,0,0,.2);
}
.gazprom-section-6 {
background-color: #F0F0F0;
border-radius: 20px;
padding: 41px 24px 42px;
overflow: hidden;
box-sizing: border-box;
}
.s6-image{
position:relative;
width:100%;
aspect-ratio:auto;
border-radius: 20px;
overflow:hidden;
}
.s6-image img{
width:100%; height:100%; object-fit:contain; display:block;
}
.s6-row {
width: 100%;
position: absolute;
left: 50%;
bottom: 49px;
transform: translateX(-50%);
z-index: 2;
display: flex;
align-items: stretch; 
justify-content: space-between;
padding: 0 34px 0 54px;
gap: 12px;
box-sizing: border-box;
}
.s6-text {
background: #0047BB;
color: #fff;
font-size: 28px;
font-weight: 400;
border-radius: 20px;
padding: 20px 28px;
line-height: 1.2;
flex: 1;
display: flex;
align-items: center; 
}
.s6-logo {
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
}
.s6-logo img {
height: 100%; 
max-height: 100px; 
width: auto;
display: block;
border-radius: 20px;
}
.s4-5{
background:#F3F3F3;
border-radius:20px;
padding: 16px 0px 16px 82px;
display:flex;
gap:24px;
align-items:stretch; box-sizing:border-box;
} .s4-5-text{
flex: 0 1 520px; max-width:50%;
min-width:340px;
font-size:20px;
line-height:1.2;
color:#1C1C1C;
display:block;  
text-wrap: pretty; } .s4-5-imgs{
display:flex;
gap:24px;
align-items:stretch; } .s4-5-card{
flex: 1 1 0;
height:100%;
border-radius:20px;
overflow:hidden;
box-shadow:0 12px 24px rgba(0,0,0,.12);
}
.s4-5-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
} .s4-5-can{
flex: 0 0 auto; height:100%; aspect-ratio: 1 / 1; max-width: 420px; min-width: 260px; border-radius:20px;
position:relative;
background: linear-gradient(180deg,#1086DC 0%, #0A6CB8 100%);
box-shadow:0 12px 24px rgba(0,0,0,.12);
} .s4-5-can img{
position:absolute;
right:0;
bottom:0;
height:130%;
width:auto;
object-fit:contain;
display:block;
}
@media (max-width: 1200px) {
.main_wrapper { background-color: #FFFFFF;  padding: 0; max-width: 1200px;   box-sizing: border-box;  margin: 0 auto; }
.s1-row-text {font-size: 40px;}
.s1-label { font-size: 20px;  padding: 10px 20px;}
.s1-hero-col { top: 10px;}
.s1-img-2 { height: 70px; }
.s1-img-1 img { height: 70px; }
.s1-arrow-text { font-size: 18px; }
.s1-arrow { width: 48px; height: 48px;  }
.s4-5{background:#F3F3F3;border-radius:20px;padding:48px 24px;display:flex;gap:24px;align-items:stretch;box-sizing:border-box;}
.s4-5-text{flex:0 1 520px;max-width:50%;min-width:340px;font-size:20px;line-height:1.2;color:#1C1C1C;display:block;}
.s4-5-imgs{display:flex;gap:24px;align-items:stretch;}
.s4-5-card{flex:1 1 0;height:80%;border-radius:20px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.12);}
.s4-5-card img{width:100%;height:100%;object-fit:cover;display:block;}
.s4-5-can{flex:0 0 auto;height:80%;aspect-ratio:1/1;max-width:420px;min-width:220px;border-radius:20px;position:relative;background:linear-gradient(180deg,#1086DC 0%,#0A6CB8 100%);box-shadow:0 12px 24px rgba(0,0,0,.12);}
.s4-5-can img{position:absolute;right:0;bottom:0;height:130%;width:auto;object-fit:contain;display:block;}
}
@media (max-width: 1024px) {
.decoration { position: absolute;z-index: 3; top: 72%;left: 45%;height: 90px;}
.decoration-2 { position: absolute;z-index: 3; top: 0;right:24px;height: 98px;}
.s1-row-text{padding-left:62px}
.s1-label{left:62px}
.s2-row { display: grid; grid-template-columns: 1fr 230px 230px; gap: 30px; align-items: start;}
.s2-min-col { padding-right: 0;     width: 472px; }     
.s2-card-text { min-height: auto; font-size: 16px;  padding: 30px 20px 30px 60px;} 
.s2-imgs-row {    display: flex;    gap: 20px;}
.s2-img { width: 100%;  height: 311px; border-radius: 20px; overflow: hidden; display: block; flex: 0 0 227px;}
.s2-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.s2-num-text { font-size: 32px; }
.s2-number   { width: 48px; height: 48px; }
.s2-mini-row{gap:12px}
.s3-row{gap:12px}
.s3-num-desc { font-size: 24px; padding-left:60px;}
.s3-col{gap:12px}
.s3-card-img { height: 300px; }
.s3-card-arrow { width: 56px; height: 56px;  }
.s3-card-texts { padding: 18px 20px 18px 60px; }
.s3-card-texts .s3-card-t1:first-child { font-size: 24px;  margin-bottom: 8px;}
.s3-card-texts .s3-card-t2:last-child { font-size: 18px;  }
.s3-grid-cards { gap: 30px; padding-top: 50px;}
.s3-card{ padding-bottom: 20px; height: 440px;}
.s3-card-img{height: 240px; }
.s3-card-arrow {top: 20px; left: 20px; width: 48px; height: 48px;}
.gazprom-section-4{padding: 40px 24px 20px;}
.s4-card{ padding: 20px 20px 20px 60px;   min-height: 14rem; }
.s4-text{ font-size: 16px; }
.s5-card-class{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap:10px}
.s5-video.video-wrapper { height: 200px;}
.s5-card .s5-card-text{ font-size: 15px; padding: 20px 10px;}
.s5-card-text .big { font-size: 25px;}
.s5-card-class > .s5-card:first-child > .s5-card-text {padding: 10px 60px;justify-content: normal;white-space: pre-wrap;}
.s5-card-class{ gap: 10px; padding: 20px 0;}
.s5-video-text{font-size: 20px}
.s5-play-button {height:36px; width: 36px}
.s5-card-video {border-radius: 12px;}
.s4-5{padding:32px 0 32px 60px;gap:16px;align-items:stretch;--cardH:clamp(150px,17.57vw,180px);}
.s4-5-text{flex:0 1 44%;min-width:300px;font-size:14px;line-height:1.2;}
.s4-5-imgs{flex:1 1 auto;display:flex;gap:16px;align-items:stretch;}
.s4-5-card{flex:1 1 auto;height:var(--cardH);aspect-ratio:16/9;max-width:100%;border-radius:16px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.12);}
.s4-5-card img{width:100%;height:100%;object-fit:cover;}
.s4-5-can{flex:0 0 auto;height:var(--cardH); width:calc(var(--cardH)*.9);aspect-ratio:1/1;border-radius:16px;position:relative;background:linear-gradient(180deg,#1086DC 0%,#0A6CB8 100%);box-shadow:0 12px 24px rgba(0,0,0,.12);}
.s4-5-can img{position:absolute;right:20px;bottom:0;height:130%;width:auto;object-fit:contain;}
.s6-row{padding:0 34px 0 34px}
.s5-card-class > .s5-card:first-child > .s5-card-text{
padding:10px 60px;  justify-content: normal; }
}
@media (max-width: 768px) {
.decoration-2 { position: absolute;z-index: 3; top: 0;right:24px;height: 88px;}
.decoration { position: absolute;z-index: 3; top: 25%;left: 90%;height: 90px;}
.gazprom-section-1 {border-radius: 12px;}
.gazprom-section-4 {border-radius: 12px; }
.gazprom-section-6 {border-radius: 12px;}
.s1-hero > img {  border-radius: 12px;}
.s1-row-text {font-size: 28px; border-radius: 12px;}
.s1-label { font-size: 16px;  padding: 10px 20px;}
.s1-hero-col { top: 6px;}
.s1-row-img{border-radius: 12px;}
.s1-img-2 { height: 50px; border-radius: 12px;}
.s1-img-2 img{ border-radius: 12px;}
.s1-img-1 img { height: 50px;border-radius: 12px; }
.s1-row-rectangle { gap: 8px;   padding: 8px 10px; border-radius: 12px;}
.s1-arrow-text { font-size: 14px; }
.s1-arrow { width: 28px; height: 28px;  }
.s2-row { display: flex; flex-direction:column; gap: 16px; align-items: start; }
.s2-min-col { grid-area: text; width:100% }
.s2-imgs-row {        display: grid;        gap: 30px;        grid-template-columns: repeat(2, minmax(194px, 345px));    }
.s2-row > .s2-img:nth-of-type(2) { grid-area: img1; }
.s2-row > .s2-img:nth-of-type(3) { grid-area: img2; }
.s2-card-text {  font-size: 16px;  padding: 20px 24px;border-radius:12px;} 
.s2-img { aspect-ratio: 335 / 380; width: 100%; height: auto; border-radius: 12px; overflow: hidden; }
.s2-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.s2-num-text { font-size: 32px; }
.s2-number   { width: 48px; height: 48px;  }
.s3-grid-cards{ grid-template-columns: repeat(2, 1fr);gap:16px}
.s3-card-texts{padding: 18px 20px 18px 20px;}
.s3-card-img img{border-radius:12px;}
.s3-num-desc {font-size:20px}
.s3-card{border-radius:12px; height:445px}
.s3-card-texts .s3-card-t2:last-child{font-size:16px}
.s3-card-texts .s3-card-t1:first-child{font-size:20px}
.s4-card-class{  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding:20px 0;}
.s4-card{ padding: 20px 20px;   border-radius:12px; }
.s4-text{ font-size: 14px; }
.s4-f-img { min-height: 80px; border-radius: 12px;}
.s4-f-img img {  border-radius: 12px;}
.s6-text {font-size: 18px;   padding: 10px 25px;border-radius: 12px;}
.s4-5{flex-direction:column;gap:35px;--cardH:clamp(160px,40vw,200px);        padding: 32px 0 32px 0px;}
.s4-5-text{flex:0 1 100%;max-width:100%; font-size:16px; padding-left: 24px}
.s4-5-imgs{flex:0 1 auto;width:100%;}
.s4-5-card{height:var(--cardH);aspect-ratio:16/9;}
.s4-5-can{height:var(--cardH);width:calc(var(--cardH)*.85);aspect-ratio:1/1;}
.s4-5-can img{right:30px;height:130%;}
.s4-n1 {font-size: 18px;color: #1E78B5;}
.s4-n2 {font-size: 16px;color: #002D9A;transform: translateY(-2px);}	
.s5-card{gap:10px}
.s5-card-class{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap:10px}
.s5-video.video-wrapper { height: 140px; border-radius: 12px;}
.s5-card-video {border-radius: 12px;}
.s5-card .s5-card-text{ font-size: 12px; padding: 8px 8px;}
.s5-card-class > .s5-card:first-child > .s5-card-text{padding:8px 8px;  justify-content: center;  }
.s5-card-class{ gap: 10px; padding: 20px 0;}
.s5-video-text{font-size: 20px}
.s5-play-button {height:36px; width: 36px; left:10px; bottom:10px}
.s5-card-text .big { font-size: 14px;}
.s6-image{border-radius: 12px;}
.s6-logo img{border-radius: 12px; height:65px}
.s6-logo {border-radius: 12px;}
}
@media (max-width: 480px) {
.decoration-2 { position: absolute;z-index: 3; top: 0;right:10px;height: 45px;}
.decoration { position: absolute;z-index: 3; top: 50%;left: 80%;height: 90px;}
.main_wrapper { background-color: #FFFFFF;  padding: 0; max-width: 480px;    margin: 0 auto;   width: 100%;
box-sizing: border-box; }
.gazprom-section-1, .gazprom-section-2, .gazprom-section-3, .gazprom-section-4, .gazprom-section-5, .gazprom-section-6 {	padding: 20px 10px; border-radius: 6px; box-sizing: border-box;  }
.s1-row-text, .s1-row-img { min-height: 0; height: 56px;}
.s1-row-text { font-size: 18px; padding: 7px 12px 7px 10px; border-radius: 6px;}
.s1-row-img { flex: 0 0 80px; padding: 6px 10px; border-radius: 6px;}
.s1-row-img img { max-height: 44px; }
.s1-label { font-size: 12px;  padding: 5px 8px;   bottom: 20px; left: 20px;}
.s1-hero > img {border-radius: 6px;}
.s1-hero-col { padding: 6px 0; top: -2px;}
.s1-row-image { margin-top: 5px;}
.s1-img-2 { height: 35px; border-radius: 6px; }
.s1-img-1 img { height: 35px; border-radius: 6px;}
.s1-row-rectangle { gap: 8px;   padding: 6px 6px;border-radius: 6px;}
.s1-arrow-text { font-size: 8px; }
.s1-arrow { width: 20px; height: 20px; }
.s2-imgs-row {        display: grid;        gap: 16px;       grid-template-columns: repeat(2, minmax(170px, 194px));    }
.s2-num-text { font-size: clamp(24px, 5.83vw, 28px)}
.s2-number   { width: 36px; height: 36px;}
.s2-card-text {  font-size: 16px;  padding: 18px 18px; border-radius: 6px;}
.s2-img {border-radius: 6px;}
.s3-grid-cards{padding:10px 0 0;}
.s3-card {border-radius: 6px;}
.s3-card-arrow { width: 30px; height: 30px; top: 5px; left:5px;  }
.s3-card-img img{border-radius: 6px; height: 120px;}
.s3-num-desc {font-size:16px; padding-left:0}
.s3-card-img{height: 120px; }
.s3-card-texts{padding: 10px 10px;}
.s3-card-texts .s3-card-t2:last-child{font-size:12px}
.s3-card-texts .s3-card-t1:first-child{font-size:16px}
.gazprom-section-4{border-radius: 6px;}
.s4-card-class{padding: 10px 0; grid-template-columns: repeat(1, minmax(0, 1fr)); }
.s4-card {border-radius: 6px;}
.s4-n1 {font-size:20px}
.s4-n2 {font-size:18px; transform: translateY(0);}
.s4-f-img img{border-radius: 6px;}
.s4-f-img {border-radius: 6px; padding: 0 0 20px}
.s5-card .s5-card-text{ font-size: 16px;}
.s5-card-text .big { font-size: 18px;}
.s5-card-video{ border-radius: 6px;}
.s5-video.video-wrapper { height: 180px; border-radius: 6px;}
.s5-video-text { font-size: 24px;}
.gazprom-section-6 {	padding: 20px 10px; border-radius: 6px;}
.s6-image{border-radius: 6px;}
.s6-image img{border-radius: 6px; height: 200px; width: 100%; object-fit:cover; }
.s6-row { width: 100%; bottom: 20px; padding:0 10px 0 10px}
.s6-text {font-size: 10px;   padding:5px 10px; border-radius: 6px;}
.s6-logo img {height: 40px; border-radius: 6px;}
.s5-card-class {grid-template-columns: repeat(1, minmax(0, 1fr));  padding:10px 10px;}
.s5-card-text{font-size: 16px; padding: 10px 10px;}
.s5-video-text{font-size:20px;}
.s4-5{flex-direction:column;padding:20px 14px;gap:12px;align-items:stretch;}
.s4-5-text{flex:0 0 100%;max-width:100%;min-width:0;font-size:14px;line-height:1.2; padding-left: 0}
.s4-5-imgs{flex:0 0 100%;display:flex;gap:12px;align-items:stretch;}
.s4-5-card{flex:1 1 auto;height:110px;border-radius:12px;overflow:hidden;box-shadow:0 8px 16px rgba(0,0,0,.10);}
.s4-5-card img{width:100%;height:100%;object-fit:cover;display:block;}
.s4-5-can{flex:0 0 auto;height:110px;width:110px; min-width:110px;border-radius:12px;position:relative;background:linear-gradient(180deg,#1086DC 0%,#0A6CB8 100%);box-shadow:0 8px 16px rgba(0,0,0,.10);}
.s4-5-can img{position:absolute;right:0;bottom:0;height:128%;width:auto;object-fit:contain;display:block;}
.s3-card{height: 310px;}
}