/* Compatibility fix for the supplied template's tablet breakpoint. */
@media (min-width:768px) and (max-width:1023px){
 .page-header .header.content{display:flex!important;flex-wrap:wrap;align-items:center;height:auto;gap:12px;padding:18px 20px}
 .page-header .header.content .logo{position:static;float:none;flex:1;margin:0}
 .page-header .header.content .kanmo-middle-header{position:static;order:5;width:100%;flex-basis:100%}
 .page-header .navigation-wrapper{position:static;transform:none;width:100%;height:auto;background:#fff}
 .page-header .navigation-wrapper>:not(.ves-menu),.page-header .block-search,.page-header .nav-toggle{display:none!important}
 .page-header .ves-megamenu{display:flex!important;flex-wrap:wrap;position:static;width:100%;height:auto!important;min-height:0;margin:0;padding:0}
 .page-header .kanmo-middle-header,.page-header .navigation-wrapper,.page-header .ves-menu,.page-header .navigation{height:auto!important;min-height:0}
 .page-header .ves-megamenu>li{float:none;position:relative}
 .page-header .ves-megamenu>li>a{padding:12px 10px}
 .page-header .header_panel_info ul{flex-direction:row;flex-wrap:wrap}
 .catalog-product-view .page-main .product-info-wrapper{grid-template-columns:minmax(0,1fr)!important}
 .catalog-product-view .page-main .product-info-main{display:block!important;grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0}
 .catalog-product-view .page-main .product-info-main .product-info,.catalog-product-view .page-main .product-info-main .product-config{display:block!important;width:100%!important;max-width:100%}
 .catalog-product-view .page-main .product.media{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:620px;margin:0 auto 24px}
 .catalog-product-view .page-main .product-config form{max-width:100%}
}

/* Readability and anchor compatibility for the supplied components. */
.premium-section{background:#0b1020;border-radius:16px;padding:24px 20px}
.faq-item,.faq-item.active{background:#0f172a}
.faq-answer,.faq-answer p{color:#e2e8f0!important}
.faq-item.active .faq-answer{max-height:1200px}
article[id],section[id],#faq,#sumber,.review-card[id]{scroll-margin-top:110px}

/* The Raja logo includes white lettering, so retain a dark backing. */
.header.content .logo{background:#101014;border-radius:6px;padding:5px 8px;box-sizing:content-box}
.header.content .logo img{object-fit:contain}