SIGNATURE LIGHTS – description


.gdesc{margin:0;font-size:15px;}
.gdesc p{margin:12px 0;line-height:1.45;font-size:1em;}
.gdesc ul{margin:12px 0 0;padding-left:18px;}
.gdesc li{margin:6px 0;font-size:1em;line-height:1.45;}
.gdesc .muted{font-size:12px;opacity:.8;}

.gdesc .gh{
display:inline-block;
position:relative;
padding-bottom:8px;
margin:0 0 14px;
font-size:clamp(28px,3.2vw,44px);
line-height:1.15;
}

.gdesc .gh::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:72px;
height:4px;
background:#00A7CE;
border-radius:3px;
}

.gdesc .g-sub .gh{
font-size:clamp(22px,2.6vw,34px);
margin-bottom:8px;
}

.gdesc .g-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:24px;
margin:72px 0;
}

.gdesc .g-col{
flex:1 1 520px;
min-width:280px;
}

.gdesc .g-fig{
margin:0;
text-align:center;
}

.gdesc .g-img{
display:block;
width:100%;
height:auto;
border-radius:16px;
}

.gdesc .g-row-2{
gap:0;
}

.gdesc .g-row-2 .g-col{
flex:0 0 47%;
min-width:280px;
}

.gdesc .g-row-2 .g-gap{
flex:0 0 6%;
min-width:16px;
}

.gdesc .g-kb{
display:grid;
grid-template-columns:1fr minmax(320px,520px) 1fr;
align-items:center;
column-gap:24px;
row-gap:18px;
margin-top:10px;
}

.gdesc .g-kb-top{
grid-column:2;
display:flex;
justify-content:center;
}

.gdesc .g-kb-left{
grid-column:1;
display:flex;
justify-content:center;
}

.gdesc .g-kb-center{
grid-column:2;
display:flex;
justify-content:center;
}

.gdesc .g-kb-right{
grid-column:3;
display:flex;
justify-content:center;
}

.gdesc .g-kb-bottom{
grid-column:2;
display:flex;
justify-content:center;
}

.gdesc .g-kb-item{
width:200px;
text-align:center;
}

.gdesc .g-kb-item img{
width:110px;
height:auto;
}

.gdesc .g-kb-item p{
margin:10px 0 0;
font-weight:600;
line-height:1.25;
}

.gdesc .g-product{
display:flex;
justify-content:center;
align-items:center;
}

.gdesc .g-product .g-scooter{
width:100%;
max-width:420px;
height:auto;
}

.gdesc .g-stack{
display:flex;
flex-direction:column;
gap:28px;
}

.gdesc .g-video{
width:100%;
margin:40px 0;
}

.gdesc .g-video-box{
position:relative;
width:100%;
padding-top:56.25%;
border-radius:16px;
overflow:hidden;
background:#000;
}

.gdesc .g-video iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}

.gdesc .g-media-shift-up{
transform:translateY(-26px);
}

.gdesc .g-media-shift-down{
transform:translateY(26px);
}

@media (max-width:980px){

.gdesc .g-row{
margin:60px 0;
}

.gdesc .g-row-2{
gap:24px;
}

.gdesc .g-row-2 .g-col{
flex:1 1 520px;
}

.gdesc .g-row-2 .g-gap{
display:none;
}

.gdesc .g-kb{
grid-template-columns:1fr;
}

.gdesc .g-kb-top,
.gdesc .g-kb-left,
.gdesc .g-kb-center,
.gdesc .g-kb-right,
.gdesc .g-kb-bottom{
grid-column:1;
}

.gdesc .g-media-shift-up,
.gdesc .g-media-shift-down{
transform:none;
}

}