body, html {
height: 100%;
overflow: visible;
}
.p-category {
border-radius: 8px;	
} .video-wrapper {
position: relative;
max-width: 1000px;
aspect-ratio: 16 / 9; margin: 0 auto;
transform: translate(0, 0); opacity: 1; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
overflow: hidden;
border-radius: 8px;
}
.video-wrapper.hide {
opacity: 0;
} .video-wrapper.floating {
position: fixed; bottom: 20px; right: 20px;
width: 500px; z-index: 1000;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
opacity: 0; transform: translate(0, 20px); }
.video-wrapper.floating.visible {
opacity: 1; } @media (min-width: 768px){
.video-wrapper.floating.visible {
transform: translate(0, 0); }
} .close-button {
position: absolute; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.7); color: #fff; border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 18px; font-weight: bold;
cursor: pointer; z-index: 2000; display: none; } .video-wrapper.floating .close-button {
display: block;
} #pip-placeholder {
display: none; background: transparent;
min-height: 546px;
width: 100%;
} #pip-placeholder.active {
display: block; } #pip-placeholder {
display: none; background: transparent; }
.video-wrapper iframe {
width: 100%; height: 100%; display: block; border: none; } @media (max-width: 1024px) {
.video-wrapper.floating {
width: 350px; bottom: 15px; right: 20px; }
#pip-placeholder {
max-height: 433px !important;
min-height: 433px !important;
height: 433px !important;
}
}
@media (max-width: 767px) {
.video-wrapper.floating {
width: 350px; bottom: 60px; left: 50%; transform: translateX(-50%); right: auto;
}
#pip-placeholder {
max-height: 168px !important;
min-height: 168px !important;
height: 168px !important;
}
}  .block-inner {
row-gap: 10px;
}
.block-inner > * {
flex-basis: 100%;
width: 100%;
padding-right: 0;
padding-left: 0;	
}
.is-gap-20 .block-inner {
--column-gap: 10px;
margin-right: -20px;
margin-left: -20px;
}
.p-wrap > *:not(:last-child){
min-height: 56px;
}
@media (min-width: 1025px){
.l-shared-sec{
top: 170px !important;
}
}
.counter-el:before{
top: -20px;
} e-page-transition {
background-color: #f7f7f7 !important;
} [data-theme="dark"] e-page-transition {
background-color: #000c26 !important;
}