*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#05070b;
    color:white;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    color:inherit;
}

.container{
    width:92%;
    max-width:1300px;
    margin:auto;
}

/* NAVBAR */

nav{
    position:fixed;
    top:0;
    width:100%;
    z-index:999;
    backdrop-filter:blur(18px);
    background:rgba(0,0,0,.28);
    border-bottom:1px solid rgba(255,255,255,.05);
}

.navbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 0;
}

.logo{
    display:flex;
    align-items:center;
    gap:14px;
    cursor:pointer;
}

.logo img{
    width:54px;
    height:54px;
    border-radius:14px;
    object-fit:cover;
}

.logo-text h1{
    font-size:22px;
    font-weight:800;
}

.logo-text span{
    color:#4ddcff;
}

.menu{
    display:flex;
    gap:34px;
}

.menu a{
    color:#d4d4d4;
    transition:.3s;
}

.menu a:hover{
    color:#4ddcff;
}

/* HERO */

.hero-banner{
    width:100%;
    margin-top:86px;
    aspect-ratio:1904/473;

    background:
    linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.45)),
    url('img/banner.webp');

    background-repeat:no-repeat;
    background-position:center center;
    background-size:100% auto;

    background-color:#05070b;
}

.hero-text,
.hero{
    margin-top:-80px;
    position:relative;
    z-index:5;
}

.hero-single,
.hero-box{
    background:rgba(10,10,10,.88);
    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.06);

    border-radius:34px;

    padding:60px;

    max-width:1050px;

    margin:auto;

    text-align:center;
}

.badge{
    display:inline-block;
    padding:12px 18px;
    border-radius:999px;

    background:rgba(77,220,255,.12);

    border:1px solid rgba(77,220,255,.22);

    color:#4ddcff;

    margin-bottom:24px;
}

.hero-single h2,
.hero-box h2{
    font-size:48px;
    line-height:1.15;
    margin-bottom:20px;
    font-weight:800;
}

.hero-single h2 span,
.hero-box h2 span{
    display:block;
    color:#4ddcff;
}

.hero-single p,
.hero-box p{
    color:#cfcfcf;
    line-height:1.9;
    max-width:850px;
    margin:auto;
    margin-bottom:18px;
}

/* BUTTON */

.hero-buttons,
.marketplace-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-top:34px;
}

.btn{
    padding:14px 24px;

    border-radius:14px;

    font-weight:600;

    transition:.3s;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:12px;

    min-width:200px;
}

.btn:hover{
    transform:translateY(-4px);
}

.btn img{
    width:36px;
    height:36px;

    border-radius:10px;

    object-fit:cover;

    background:white;

    padding:2px;
}

.btn-primary{
    background:#4ddcff;
    color:black;
}

.btn-secondary{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.04);
}

/* SECTION */

section{
    padding:90px 0;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h3{
    font-size:42px;
    margin-bottom:12px;
}

.section-title p{
    color:#999;
}

/* REVIEW */

/* REVIEW FIX */

.review-wrapper{

    position:relative;

    z-index:1;

    overflow:hidden;

    border-radius:24px;
}

/* ELFSIGHT */

.elfsight-app-34b495d6-fabf-4740-815b-ebed4457ac1d{

    width:100%;

    min-height:700px;
}
.review-wrapper iframe{

    min-height:700px !important;

    overflow:auto !important;
}
/* PRODUCT GRID */

.categories-grid{
    display:grid;

    grid-template-columns:
    repeat(3,280px);

    justify-content:center;

    gap:20px;
}
/* PRODUCT CARD */

/* PRODUCT CARD CLEAN */

.category-card{
    background:#0f1117;

    border-radius:26px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.06);

    transition:.3s;

    display:flex;

    flex-direction:column;
}

.category-card:hover img{

    transform:scale(1.04);

}
/* IMAGE */

.category-card img{
	transition:.4s ease;
    width:100%;

    height:240px;

    object-fit:contain;

    background:#0b0d12;

    padding:20px;
}

/* CONTENT */

.category-overlay{
    position:relative;

    inset:auto;

    background:none;

    padding:22px;

    display:flex;

    flex-direction:column;

    flex:1;
}

/* TITLE */

.category-overlay h4{
    font-size:28px;

    line-height:1.3;

    margin-bottom:12px;

    color:white;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

    min-height:74px;
}

/* DESC */

.category-overlay p{
    color:#b9b9b9;

    line-height:1.7;

    font-size:15px;

    margin-bottom:14px;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

    min-height:52px;
}

/* PRICE */

.product-price{

    color:#4ddcff;

    font-size:28px;

    font-weight:800;

    margin-bottom:18px;

    line-height:1.2;

    word-break:keep-all;

    overflow-wrap:normal;
}

/* BUTTON */

.buy-btn{
    margin-top:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    padding:16px;

    border-radius:16px;

    background:#4ddcff;

    color:black;

    font-weight:700;

    text-decoration:none;

    transition:.3s;
}

.buy-btn:hover{
    transform:translateY(-3px);

    box-shadow:
    0 12px 24px rgba(77,220,255,.25);
}
.buy-btn img{
    width:22px;
    height:22px;

    border-radius:6px;

    background:white;

    padding:2px;
}

/* SERVICES */

.services,
.service-grid,
.procedure-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:24px;
}

.service,
.service-card,
.procedure-card{
    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    border-radius:24px;

    padding:34px;

    transition:.3s;
}

.service:hover,
.service-card:hover,
.procedure-card:hover{
    transform:translateY(-6px);
    border-color:#4ddcff;
}

.service-icon,
.procedure-icon{
    width:62px;
    height:62px;

    border-radius:18px;

    background:rgba(77,220,255,.12);

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:28px;

    margin-bottom:20px;
}

.service h4,
.service-card h4,
.procedure-card h4{
    font-size:22px;
    margin-bottom:14px;
}

.service p,
.service-card p,
.procedure-card p{
    color:#cfcfcf;
    line-height:1.8;
}

/* ABOUT */

.about-content{
    width:100%;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    padding:48px;

    border-radius:28px;
}

.about-content .badge{
    display:table;
    margin:0 auto 24px;
}

.about-content h2{
    text-align:center;

    font-size:52px;

    line-height:1.15;

    margin-bottom:30px;
}

.about-content h2 span{
    display:block;
    color:#4ddcff;
}

.about-content p{
    color:#d0d0d0;

    line-height:1.9;

    margin-bottom:18px;

    text-align:left;

    max-width:900px;

    margin-left:auto;
    margin-right:auto;
}

/* BRANDS */

.brands{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:18px;
}

.brand{
    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    padding:24px;

    border-radius:18px;

    display:flex;

    align-items:center;
    justify-content:center;

    height:110px;
}

.brand img{
    max-width:120px;
    max-height:50px;
    object-fit:contain;
}

/* CONTACT */

.contact-single{
    width:100%;
    max-width:1100px;

    margin:auto;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(255,255,255,.08);

    border-radius:30px;

    padding:50px;

    display:grid;

    grid-template-columns:1fr 1fr 1fr;

    gap:40px;
}

.contact-block{
    position:relative;
}

.contact-block:not(:last-child)::after{
    content:'';

    position:absolute;

    top:0;
    right:-20px;

    width:1px;
    height:100%;

    background:rgba(255,255,255,.08);
}

.contact-block h4{
    font-size:26px;
    margin-bottom:18px;
}

.contact-block p{
    color:#d0d0d0;
    line-height:2;
}

.contact-block .btn{
    margin-top:22px;
}

/* FLOATING WA */

.floating-wa{
    position:fixed;

    bottom:24px;
    right:24px;

    width:64px;
    height:64px;

    border-radius:50%;

    background:#25D366;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:30px;

    z-index:999;
}

/* FOOTER */

footer{
    padding:35px 0;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.08);
    color:#777;
}

/* MOBILE */

@media(max-width:768px){

    .menu{
        display:none;
    }

    .hero-banner{
        margin-top:74px;

        aspect-ratio:1904/473;

        background-size:contain;

        background-repeat:no-repeat;

        background-position:center top;
    }

    .hero-text,
    .hero{
        margin-top:-20px;
    }

    .hero-single,
    .hero-box,
    .about-content{
        padding:26px;
    }

    .hero-single h2,
    .hero-box h2,
    .about-content h2{
        font-size:32px;
    }

    .hero-buttons,
    .marketplace-buttons{
        flex-direction:column;
    }

    .btn{
        width:100%;
    }

    .categories-grid,
    .services,
    .brands,
    .service-grid,
    .procedure-grid,
    .contact-single{
        grid-template-columns:1fr;
    }

    .category-card{
        max-width:100%;
        height:300px;
    }

    .service,
    .service-card,
    .procedure-card{
        padding:26px;
    }

    .about-content p{
        font-size:14px;
        line-height:1.8;
    }

    .contact-single{
        padding:26px;
        gap:30px;
    }

    .contact-block:not(:last-child)::after{
        display:none;
    }

}
/* FILTER */

.filter-buttons{
    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:14px;

    margin-bottom:40px;
}

.filter-btn{
    padding:12px 20px;

    border:none;

    border-radius:999px;

    background:#111;

    color:white;

    cursor:pointer;

    transition:.3s;

    border:1px solid rgba(255,255,255,.08);
}

.filter-btn:hover,
.filter-btn.active{
    background:#4ddcff;

    color:black;
}
/* SEARCH */

.search-box{
    display:flex;
    justify-content:center;
    margin-bottom:24px;
}

.search-box input{
    width:100%;
    max-width:520px;

    padding:16px 22px;

    border:none;

    border-radius:18px;

    background:#111;

    color:white;

    font-size:16px;

    border:1px solid rgba(255,255,255,.08);

    outline:none;
}

.search-box input:focus{
    border-color:#4ddcff;
}
/* PAGINATION */

.pagination{
    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:50px;

    width:100%;
}

.pagination a{
    min-width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0 16px;

    border-radius:14px;

    background:#111;

    color:white;

    text-decoration:none;

    transition:.3s;

    border:1px solid rgba(255,255,255,.08);

    font-weight:600;
}

.pagination a:hover,
.pagination a.active{
    background:#4ddcff;

    color:black;
}
/* SHARE */

.share-buttons{
    display:flex;

    flex-wrap:wrap;

    gap:14px;

    margin-top:24px;
}

.share-btn{
    padding:14px 20px;

    border:none;

    border-radius:14px;

    color:white;

    font-weight:700;

    cursor:pointer;

    text-decoration:none;

    transition:.3s;
}

.share-btn:hover{
    transform:translateY(-3px);
}

.wa{
    background:#25D366;
}

.fb{
    background:#1877F2;
}

.copy{
    background:#111;

    border:1px solid rgba(255,255,255,.08);
}
/* SHARE BUTTON FIX */

.share-buttons{
    display:flex !important;

    flex-wrap:wrap;

    gap:14px;

    margin-top:24px;
}

.share-btn{
    display:inline-flex !important;

    align-items:center;

    justify-content:center;

    padding:14px 22px !important;

    border-radius:14px;

    color:white !important;

    font-weight:700;

    text-decoration:none !important;

    border:none;

    cursor:pointer;

    transition:.3s;

    min-width:140px;

    font-size:15px;
}

.share-btn:hover{
    transform:translateY(-3px);
}

.share-btn.wa{
    background:#25D366;
}

.share-btn.fb{
    background:#1877F2;
}

.share-btn.copy{
    background:#111;

    border:1px solid rgba(255,255,255,.08);

    color:white;
}
@media(max-width:768px){

    .category-card{
        height:auto;
    }

    .category-card img{
        height:190px;
    }

    .category-overlay{
        padding:18px;
    }

    .category-overlay h4{
        font-size:22px;

        min-height:auto;
    }

    .category-overlay p{
        min-height:auto;
    }

    .product-price{
        font-size:28px;
    }

    .buy-btn{
        margin-top:18px;

        padding:14px;
    }

}
/* MOBILE BRANDS FIX */

@media(max-width:768px){

    .brands{

        display:grid !important;

        grid-template-columns:
        repeat(4,1fr) !important;

        gap:10px !important;
    }

    .brand{

        height:70px !important;

        padding:10px !important;

        border-radius:14px;
    }

    .brand img{

        max-width:55px !important;

        max-height:28px !important;

        object-fit:contain;
    }

}
/* STOCK STATUS */

.stock-status{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:8px 14px;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    margin-bottom:14px;

    width:max-content;
}

.stock-status.ready{
    background:rgba(0,255,120,.12);

    color:#5cff98;
}

.stock-status.limited{
    background:rgba(255,200,0,.12);

    color:#ffd84d;
}

.stock-status.sold-out{
    background:rgba(255,0,80,.12);

    color:#ff5f89;
}
/* SKELETON */

.skeleton{
    position:relative;

    overflow:hidden;

    background:#111;
}

.skeleton::before{
    content:'';

    position:absolute;

    inset:0;

    transform:translateX(-100%);

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.06),
    transparent
    );

    animation:skeleton 1.2s infinite;
}

@keyframes skeleton{

    100%{
        transform:translateX(100%);
    }

}
/* REVIEW FIX */

.review-section{

    padding:40px 0 0 !important;

    margin:0 !important;
}

/* REVIEW WRAPPER */

.review-wrapper{

    height:auto !important;

    min-height:0 !important;

    margin:0 !important;

    padding:0 !important;
}

/* ELFSIGHT */

.elfsight-app-34b495d6-fabf-4740-815b-ebed4457ac1d{

    margin:0 !important;

    padding:0 !important;
}

/* REMOVE EMPTY SPACE */

.review-section + .search-box{

    margin-top:-250px;
}
/* SMOOTH SCROLL */

html{

    scroll-behavior:smooth;
}
/* GLOBAL TRANSITION */

*{

    transition:
    background .3s ease,
    color .3s ease,
    border-color .3s ease,
    transform .3s ease;
}
/* SCROLLBAR */

::-webkit-scrollbar{

    width:10px;
}

::-webkit-scrollbar-track{

    background:#0b0d12;
}

::-webkit-scrollbar-thumb{

    background:#4ddcff;

    border-radius:999px;
}

::-webkit-scrollbar-thumb:hover{

    background:#7ce9ff;
}

.product-filter{

display:grid;

grid-template-columns:
1fr 260px;

gap:18px;

margin:30px auto;

max-width:1400px;

padding:0 20px;
}

.search-input,
.category-select{

width:100%;

height:58px;

padding:0 20px;

border:none;

outline:none;

border-radius:18px;

background:
rgba(255,255,255,.05);

color:white;

font-size:14px;

border:
1px solid rgba(255,255,255,.06);
}

@media(max-width:768px){

.product-filter{

grid-template-columns:1fr;
}

}
.category-select option{

background:#0f172a;

color:white;
}
/* PRODUCT SWIPER */

.productSwiper{
    padding:10px 60px 30px;
}

.productSwiper .swiper-slide{
    height:auto;
}

.productSwiper .category-card{
    width:100%;
}

.swiper-button-next,
.swiper-button-prev{
    color:#4ddcff;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:32px;
    font-weight:700;
}

@media(max-width:768px){

    .productSwiper{
        padding:10px 35px 25px;
    }

}
.categories-grid{
    width:92%;
    max-width:1300px;
    margin:0 auto;
}

.category-card{
    min-height:100%;
}

@media(max-width:768px){

    .categories-grid{
        width:100%;
    }

}
.view-all-wrapper{
    text-align:center;
    margin:50px 0;
}

.view-all-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:18px 40px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        #4ddcff,
        #00b4ff
    );

    color:#000;

    font-weight:700;

    font-size:16px;

    box-shadow:
    0 15px 40px rgba(77,220,255,.25);

    transition:.3s;
}

.view-all-btn:hover{
    transform:translateY(-5px);
    box-shadow:
    0 25px 60px rgba(77,220,255,.4);
}

/* Auction banner homepage - scoped fix only */
.auction-banner{
    width:100%;
    max-width:1300px;
    margin:60px auto;
    padding:40px;
    display:grid;
    grid-template-columns:minmax(240px,350px) minmax(0,1fr);
    gap:40px;
    align-items:center;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.08);
    border-radius:30px;
    box-sizing:border-box;
    overflow:hidden;
}

.auction-banner *,
.auction-banner *::before,
.auction-banner *::after{
    box-sizing:border-box;
}

.auction-left{
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:0;
}

.auction-left img{
    width:100%;
    max-width:280px;
    height:280px;
    object-fit:contain;
    display:block;
}

.auction-right{
    min-width:0;
    max-width:100%;
}

.auction-right h2{
    font-size:42px;
    line-height:1.3;
    margin-bottom:20px;
    overflow-wrap:anywhere;
}

.auction-right h1{
    font-size:60px;
    color:#4ddcff;
    margin-bottom:20px;
    overflow-wrap:anywhere;
}

.auction-stats{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-bottom:25px;
}

.auction-stats > div{
    max-width:100%;
    overflow-wrap:anywhere;
}

.auction-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 28px;
    border-radius:14px;
    background:#4ddcff;
    color:#000;
    font-weight:700;
    text-decoration:none;
    max-width:100%;
}

@media(max-width:768px){
    .auction-banner{
        grid-template-columns:1fr;
        gap:22px;
        padding:24px;
        margin:35px auto;
        text-align:center;
        border-radius:24px;
    }

    .auction-left img{
        max-width:220px;
        height:220px;
        margin:0 auto;
    }

    .auction-right h2{
        font-size:28px;
        line-height:1.25;
    }

    .auction-right h1{
        font-size:36px;
        line-height:1.15;
    }

    .auction-stats{
        justify-content:center;
        gap:10px;
    }

    .auction-btn{
        width:100%;
    }
}

@media(max-width:480px){
    .auction-banner{
        padding:18px;
        margin:25px auto;
        border-radius:20px;
    }

    .auction-left img{
        max-width:180px;
        height:180px;
    }

    .auction-right h2{
        font-size:23px;
    }

    .auction-right h1{
        font-size:30px;
    }
}
.top-bidder-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:20px;

margin-top:20px;

}

.top-bidder-card{

background:#0f172a;

border:1px solid rgba(255,255,255,.08);

border-radius:20px;

padding:25px;

text-align:center;

}

.top-bidder-card h3{

font-size:42px;

margin-bottom:10px;

}

.top-bidder-card h4{

font-size:22px;

color:#4ddcff;

margin-bottom:10px;

}

.top-bidder-card p{

color:#cbd5e1;

}

@media(max-width:768px){

.top-bidder-grid{

grid-template-columns:1fr;

}
 
}


.promo-btn{

display:inline-block;

padding:14px 28px;

border-radius:16px;

background:#4ddcff;

color:black;

font-weight:700;

text-decoration:none;

}
/* PROMO BANNER */

.promo-banner{

width:92%;
max-width:1300px;

margin:60px auto;

padding:40px;

background:
linear-gradient(
135deg,
rgba(77,220,255,.12),
rgba(77,220,255,.04)
);

border:
1px solid rgba(77,220,255,.15);

border-radius:30px;

display:flex;

flex-direction:column;

align-items:center;

text-align:center;

}

.promo-image{

display:flex;

justify-content:center;

margin-bottom:20px;

}

.promo-image img{

width:320px;

height:320px;

object-fit:contain;

}

.promo-content{

max-width:900px;

}

.promo-content h2{

font-size:42px;

margin-bottom:15px;

}

.promo-content h3{

font-size:28px;

line-height:1.4;

margin:20px 0;

}

.promo-price{

font-size:36px;

font-weight:800;

color:#4ddcff;

margin:15px 0 25px;

}

.promo-btn{

display:inline-block;

padding:15px 28px;

background:#4ddcff;

color:#000;

font-weight:700;

border-radius:14px;

}
.old-price{

font-size:13px;

color:#8f9aad;

text-decoration:line-through;

margin-bottom:5px;

font-weight:500;

}
.category-card{
position:relative;
}

.discount-badge{

position:absolute;

top:12px;
left:12px;

background:
linear-gradient(
135deg,
#ff4d6d,
#ff7b54
);

color:white;

padding:7px 12px;

border-radius:999px;

font-size:12px;

font-weight:700;

z-index:20;

}
.hamburger{
  display:none;
}

@media(max-width:768px){
  .navbar{
    position:relative;
  }

  .hamburger{
    display:block;
    background:#08111f;
    color:#4ddcff;
    border:1px solid rgba(77,220,255,.25);
    border-radius:12px;
    padding:10px 14px;
    font-size:22px;
    cursor:pointer;
  }

  .menu{
    display:none;
    position:absolute;
    top:70px;
    right:0;
    width:220px;
    background:#08111f;
    border:1px solid rgba(77,220,255,.18);
    border-radius:18px;
    padding:12px;
    z-index:9999;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
  }

  .menu.active{
    display:flex !important;
    flex-direction:column;
    gap:10px;
  }

  .menu a{
    display:block;
    padding:12px 14px;
    border-radius:12px;
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.04);
  }
}

/* Rainbow Premium Loading Utilities */
.rc-skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.05)!important;border-radius:18px}.rc-skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:rcSkeleton 1.25s infinite}@keyframes rcSkeleton{100%{transform:translateX(100%)}}
img[loading="lazy"]{transition:opacity .25s ease;}


/* PATCH ONLY - Rainbow index mobile polish V2 */
.categories-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;width:100%!important;max-width:1120px!important;gap:22px!important;padding:0 16px!important;box-sizing:border-box!important}.category-card{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important}.category-card img.product-image-main,.category-card>img{width:100%!important;height:230px!important;object-fit:contain!important;object-position:center!important;display:block!important;padding:18px!important;box-sizing:border-box!important}.category-overlay{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:10px!important;background:transparent!important;border-radius:0!important;box-sizing:border-box!important}.buy-btn{width:100%!important;text-align:center!important;justify-content:center!important;box-sizing:border-box!important}@media(max-width:768px){.categories-grid{grid-template-columns:1fr!important;width:100%!important;padding:0 14px!important;gap:18px!important}.category-card img.product-image-main,.category-card>img{height:210px!important;padding:16px!important}.category-overlay{padding:18px!important}.category-overlay h4{font-size:18px!important;line-height:1.32!important}.category-overlay p{font-size:13px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}#services .service,#services .service-card{text-align:center!important;padding:24px 18px!important}#services .service-icon{margin:0 auto 18px!important}.contact-single{grid-template-columns:1fr!important}}

/* PATCH ONLY - Rainbow Homepage Desktop + Best Seller V3 */
#services{position:relative;z-index:2}.services{width:min(1120px,100%);margin:0 auto}.service{background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(2,6,23,.94))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important}.service-icon{margin-left:auto!important;margin-right:auto!important;box-shadow:0 14px 34px rgba(77,220,255,.12)}
#brands.dynamic-section{padding-top:26px!important;margin-top:-10px!important}.brand-dynamic-track{width:min(1120px,100%);margin:0 auto;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:16px!important;overflow:visible!important;animation:none!important;transform:none!important}.brand-dynamic-item{min-width:0!important;width:100%!important;height:104px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(77,220,255,.035))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 18px 48px rgba(0,0,0,.16)!important;transition:.25s ease}.brand-dynamic-item:hover{transform:translateY(-5px);border-color:rgba(77,220,255,.38)!important;box-shadow:0 24px 70px rgba(0,0,0,.25)!important}.brand-dynamic-item img{max-width:120px!important;max-height:62px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.rainbow-best-section{position:relative;padding:80px 0!important;overflow:hidden}.rainbow-best-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 10%,rgba(77,220,255,.14),transparent 32%),radial-gradient(circle at 82% 20%,rgba(34,197,94,.10),transparent 34%);pointer-events:none}.rainbow-best-section .container{position:relative;z-index:1}.section-kicker{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:rgba(77,220,255,.11);border:1px solid rgba(77,220,255,.25);color:#bff5ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px}.rainbow-best-title p{max-width:720px;margin-left:auto;margin-right:auto}.rainbow-best-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:min(1180px,100%);margin:34px auto 0}.rainbow-best-card{height:100%;display:flex;flex-direction:column;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(2,6,23,.98));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.24);transition:.25s ease}.rainbow-best-card:hover{transform:translateY(-6px);border-color:rgba(77,220,255,.34);box-shadow:0 32px 95px rgba(0,0,0,.35)}.rainbow-best-img{position:relative;display:flex;align-items:center;justify-content:center;height:235px;background:radial-gradient(circle at center,rgba(77,220,255,.10),rgba(2,6,23,.98));padding:22px;text-decoration:none}.rainbow-best-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}.rainbow-best-badge{position:absolute;top:16px;left:16px;z-index:2;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#ff4d6d,#ff7b54);color:#fff;font-size:12px;font-weight:950;box-shadow:0 12px 26px rgba(255,77,109,.22)}.rainbow-best-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px}.rainbow-best-category{align-self:flex-start;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);color:#9ddfff;font-size:12px;font-weight:900}.rainbow-best-body h3{font-size:20px;line-height:1.35;margin:0;color:#fff}.rainbow-best-price-wrap{margin-top:auto;display:flex;flex-direction:column;gap:4px}.rainbow-best-old{font-size:13px;color:#8f9aad;text-decoration:line-through}.rainbow-best-price{font-size:26px;line-height:1.12;color:#4ddcff}.rainbow-best-btn{margin-top:6px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:17px;background:rgba(77,220,255,.11);border:1px solid rgba(77,220,255,.28);color:#dffbff;text-decoration:none;font-weight:950;transition:.2s}.rainbow-best-btn:hover{background:linear-gradient(135deg,#4ddcff,#22c55e);color:#00111f;transform:translateY(-2px)}
.rainbow-contact-premium{align-items:stretch!important;background:linear-gradient(145deg,rgba(15,23,42,.84),rgba(2,6,23,.96))!important;box-shadow:0 28px 90px rgba(0,0,0,.28)!important}.rainbow-contact-premium .contact-block{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px;overflow:hidden}.rainbow-contact-premium .contact-block:nth-child(3){grid-column:span 1}.maps-responsive{max-width:100%!important;margin:18px 0 0!important;border-radius:20px!important;border:1px solid rgba(77,220,255,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.26)!important}.maps-responsive iframe{height:240px!important}
@media(min-width:1024px){.categories-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1180px!important}.category-card img.product-image-main,.category-card>img{height:250px!important}.contact-single.rainbow-contact-premium{max-width:1180px!important;grid-template-columns:.85fr .85fr 1.3fr!important;padding:24px!important;gap:18px!important}.rainbow-best-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:768px){#brands.dynamic-section{padding-top:18px!important}.brand-dynamic-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.brand-dynamic-item{height:92px!important;border-radius:18px!important}.brand-dynamic-item img{max-width:105px!important;max-height:54px!important}.rainbow-best-section{padding:54px 0!important}.rainbow-best-grid{grid-template-columns:1fr!important;gap:18px;margin-top:24px}.rainbow-best-img{height:220px;padding:18px}.rainbow-best-body{padding:19px}.rainbow-best-price{font-size:24px}.rainbow-contact-premium .contact-block{padding:20px}.maps-responsive iframe{height:210px!important}}



/* rainbow-index-consistency-footer-v4 */
/* PATCH ONLY V4 - homepage section balance + separated desktop footer */
.hero-text .hero-single,
.promo-banner,
#categories,
#services .service,
#brands .brand-dynamic-item,
#testimoni .testi-card,
.rainbow-best-card{
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.062),rgba(77,220,255,.032))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
}
.section-title{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.section-title h2,
.section-title h3{
  letter-spacing:-.03em!important;
  font-weight:800!important;
}
#categories,
#services,
#brands.dynamic-section,
#testimoni,
.rainbow-best-section{
  position:relative!important;
  isolation:isolate!important;
}
#categories::before,
#services::before,
#brands.dynamic-section::before,
#testimoni::before,
.rainbow-best-section::before{
  content:''!important;
  position:absolute!important;
  inset:18px auto auto 50%!important;
  width:min(640px,82vw)!important;
  height:180px!important;
  transform:translateX(-50%)!important;
  background:radial-gradient(circle,rgba(77,220,255,.09),transparent 68%)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
#services .services{
  gap:24px!important;
  align-items:stretch!important;
}
#services .service{
  border-radius:28px!important;
  padding:30px!important;
  overflow:hidden!important;
}
#services .service h4{
  font-size:22px!important;
  margin-bottom:12px!important;
}
#services .service p{
  color:#cbd5e1!important;
  line-height:1.75!important;
}
#services .service-icon{
  width:64px!important;
  height:64px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(77,220,255,.12)!important;
  border:1px solid rgba(77,220,255,.16)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
}
.brand-dynamic-track{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:18px!important;
  animation:none!important;
  overflow:visible!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.brand-dynamic-item{
  min-width:0!important;
  width:100%!important;
  transform:none!important;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease!important;
}
.brand-dynamic-item:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(77,220,255,.26)!important;
  box-shadow:0 20px 44px rgba(77,220,255,.12)!important;
}
.rainbow-best-section{
  padding-top:64px!important;
  padding-bottom:72px!important;
}
.rainbow-best-card{
  border-radius:28px!important;
}
.rainbow-footer-rework{
  padding:72px 0 30px!important;
  background:linear-gradient(180deg,rgba(3,10,24,0),rgba(3,10,24,.88) 28%,#020617)!important;
}
.rainbow-footer-head{
  max-width:780px!important;
  margin:0 auto 26px!important;
  text-align:center!important;
}
.footer-kicker{
  display:inline-flex!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  color:#67e8f9!important;
  background:rgba(77,220,255,.10)!important;
  border:1px solid rgba(77,220,255,.16)!important;
  font-weight:800!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.rainbow-footer-head h3{
  margin:14px 0 8px!important;
  color:#fff!important;
  font-size:clamp(28px,4vw,44px)!important;
  line-height:1.12!important;
}
.rainbow-footer-head p{
  color:#cbd5e1!important;
  margin:0!important;
}
.rainbow-footer-layout{
  display:grid!important;
  grid-template-columns:1.25fr .9fr 1fr!important;
  gap:20px!important;
  max-width:1120px!important;
  margin:0 auto 20px!important;
}
.footer-panel,
.footer-map-panel{
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(77,220,255,.032))!important;
  border-radius:28px!important;
  padding:24px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
}
.footer-panel h4{
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:18px!important;
}
.footer-panel p,
.footer-panel a{
  color:#cbd5e1!important;
  line-height:1.75!important;
  text-decoration:none!important;
}
.footer-nav-panel a,
.footer-contact-panel a{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.footer-nav-panel a::after,
.footer-contact-panel a::after{content:'›';color:#67e8f9!important;}
.footer-map-btn{
  margin-top:12px!important;
  justify-content:center!important;
  padding:13px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#4ddcff,#00b8ff)!important;
  color:#06111f!important;
  font-weight:800!important;
  border-bottom:0!important;
}
.footer-map-btn::after{display:none!important;}
.footer-map-panel{
  max-width:1120px!important;
  margin:0 auto!important;
  padding:18px!important;
  display:grid!important;
  grid-template-columns:280px 1fr!important;
  gap:18px!important;
  align-items:stretch!important;
}
.footer-map-copy{
  border-radius:22px!important;
  padding:22px!important;
  background:rgba(3,10,24,.38)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.footer-map-copy span{
  color:#67e8f9!important;
  font-weight:800!important;
  font-size:13px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.footer-map-copy strong{
  color:#fff!important;
  font-size:24px!important;
  line-height:1.2!important;
  margin-top:8px!important;
}
.footer-map-panel .maps-responsive{
  margin:0!important;
  max-width:100%!important;
  border-radius:22px!important;
}
.footer-map-panel .maps-responsive iframe{
  height:320px!important;
}
footer{
  margin-top:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#020617!important;
}
@media(max-width:900px){
  .rainbow-footer-layout,
  .footer-map-panel{grid-template-columns:1fr!important;}
  .footer-map-copy{text-align:center!important;}
}
@media(max-width:768px){
  #services .service-icon{margin:0 auto 18px!important;}
  .brand-dynamic-track{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
  }
  .brand-dynamic-item{
    min-width:142px!important;
    scroll-snap-align:center!important;
  }
  .rainbow-footer-rework{padding:52px 14px 24px!important;}
  .footer-panel,.footer-map-panel{border-radius:24px!important;padding:18px!important;}
  .footer-map-panel .maps-responsive iframe{height:230px!important;}
}


/* PATCH ONLY V5 - Rainbow index visual consistency upgrade */
body{background:radial-gradient(circle at top left,rgba(77,220,255,.10),transparent 32%),#07101f!important;}
.hero-text{padding:34px 0 66px!important;background:linear-gradient(180deg,rgba(7,16,31,.75),rgba(7,16,31,1))!important;}
.hero-single{position:relative!important;overflow:hidden!important;max-width:1120px!important;margin:-42px auto 0!important;padding:38px!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(77,220,255,.045))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(0,0,0,.34)!important;backdrop-filter:blur(14px)!important;}
.hero-single:before{content:"";position:absolute;inset:-40% auto auto -10%;width:360px;height:360px;border-radius:999px;background:rgba(77,220,255,.16);filter:blur(36px);pointer-events:none;}
.hero-single .badge{position:relative!important;display:inline-flex!important;align-items:center!important;width:auto!important;margin:0 0 18px!important;padding:10px 15px!important;border-radius:999px!important;background:rgba(77,220,255,.12)!important;border:1px solid rgba(77,220,255,.24)!important;color:#7de7ff!important;font-weight:800!important;letter-spacing:.02em!important;}
.hero-single h2{position:relative!important;max-width:780px!important;margin:0!important;color:#fff!important;font-size:clamp(34px,5vw,68px)!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.055em!important;text-transform:uppercase!important;}
.hero-single h2 span{display:block!important;margin-top:10px!important;font-size:clamp(20px,2.7vw,36px)!important;line-height:1.16!important;letter-spacing:-.025em!important;background:linear-gradient(90deg,#4ddcff,#ffffff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-transform:none!important;}
.hero-single p{position:relative!important;max-width:760px!important;margin:18px 0 0!important;color:#cbd5e1!important;font-size:17px!important;line-height:1.75!important;}
.hero-buttons{position:relative!important;margin-top:26px!important;display:flex!important;gap:14px!important;flex-wrap:wrap!important;}
.hero-buttons .btn{border-radius:16px!important;padding:13px 18px!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;}
.hero-buttons .btn img{width:22px!important;height:22px!important;object-fit:contain!important;}

/* Produk index dibuat satu bahasa dengan Best Seller */
.rainbow-index-products{padding:68px 0 14px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(77,220,255,.035))!important;}
.rainbow-products-title{max-width:760px!important;margin:0 auto 24px!important;text-align:center!important;}
.section-kicker,.rainbow-products-title .section-kicker{display:inline-flex!important;margin-bottom:12px!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(77,220,255,.12)!important;color:#78e8ff!important;border:1px solid rgba(77,220,255,.22)!important;font-weight:900!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.rainbow-products-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.08!important;color:#fff!important;margin:0 0 12px!important;font-weight:900!important;letter-spacing:-.04em!important;}
.rainbow-products-title p{color:#b8c4d7!important;line-height:1.7!important;font-size:16px!important;margin:0 auto!important;}
.rainbow-product-search{max-width:620px!important;margin:24px auto 0!important;padding:10px!important;border-radius:22px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important;}
.rainbow-product-search .search-input{width:100%!important;margin:0!important;height:52px!important;border-radius:16px!important;background:rgba(4,12,25,.72)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;padding:0 18px!important;box-sizing:border-box!important;}
.rainbow-product-search .category-select{display:none!important;}
.rainbow-products-shell{max-width:1180px!important;margin:0 auto!important;padding:24px 16px 0!important;}
.categories-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;max-width:1120px!important;margin:0 auto!important;padding:0!important;}
.category-card{position:relative!important;overflow:hidden!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(77,220,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 22px 58px rgba(0,0,0,.28)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;}
.category-card:hover{transform:translateY(-6px)!important;box-shadow:0 30px 74px rgba(0,0,0,.36)!important;border-color:rgba(77,220,255,.28)!important;}
.category-card img.product-image-main,.category-card>img{width:100%!important;height:240px!important;padding:20px!important;object-fit:contain!important;background:radial-gradient(circle at center,rgba(77,220,255,.10),rgba(3,10,24,.86))!important;box-sizing:border-box!important;display:block!important;}
.category-overlay{width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;position:relative!important;inset:auto!important;display:flex!important;flex-direction:column!important;gap:11px!important;padding:22px!important;background:transparent!important;border-radius:0!important;text-align:left!important;}
.category-overlay h4{margin:0!important;color:#fff!important;font-size:20px!important;line-height:1.3!important;font-weight:900!important;letter-spacing:-.02em!important;}
.category-overlay p{margin:0!important;color:#b7c3d4!important;font-size:14px!important;line-height:1.65!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.stock-status{width:max-content!important;max-width:100%!important;border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;font-weight:800!important;}
.product-price{font-size:20px!important;line-height:1.35!important;font-weight:900!important;color:#4ddcff!important;margin:2px 0 4px!important;}
.buy-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;border-radius:16px!important;padding:13px 16px!important;background:linear-gradient(135deg,#4ddcff,#3b82f6)!important;color:#06111f!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 14px 32px rgba(77,220,255,.18)!important;box-sizing:border-box!important;}
.view-all-wrapper{padding:18px 0 58px!important;text-align:center!important;background:linear-gradient(180deg,rgba(77,220,255,.035),transparent)!important;}
.view-all-btn{border-radius:18px!important;padding:14px 22px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important;}

/* Layanan ikut premium, bukan polos */
#services{padding:72px 0!important;background:radial-gradient(circle at top right,rgba(77,220,255,.09),transparent 36%)!important;}
#services .section-title{max-width:780px!important;margin:0 auto 28px!important;text-align:center!important;}
#services .section-title h3{font-size:clamp(30px,3.5vw,46px)!important;line-height:1.1!important;color:#fff!important;font-weight:900!important;letter-spacing:-.04em!important;margin:0 0 12px!important;}
#services .section-title p{color:#b8c4d7!important;line-height:1.75!important;font-size:16px!important;}
.services{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;}
.service{height:auto!important;border-radius:28px!important;padding:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(77,220,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 20px 54px rgba(0,0,0,.24)!important;}
.service-icon{width:58px!important;height:58px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(77,220,255,.12)!important;border:1px solid rgba(77,220,255,.20)!important;font-size:28px!important;margin-bottom:18px!important;}
.service h4{color:#fff!important;font-size:19px!important;line-height:1.35!important;margin:0 0 10px!important;font-weight:900!important;}
.service p{color:#b8c4d7!important;line-height:1.7!important;font-size:14px!important;margin:0!important;}

@media(max-width:992px){.categories-grid,.services{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.hero-single{margin:-28px 14px 0!important;}}
@media(max-width:768px){.hero-text{padding:22px 0 48px!important;}.hero-single{padding:26px 18px!important;border-radius:26px!important;text-align:center!important;}.hero-single .badge{margin-left:auto!important;margin-right:auto!important;}.hero-single p{font-size:14px!important;line-height:1.7!important;}.hero-buttons{justify-content:center!important;}.hero-buttons .btn{width:100%!important;justify-content:center!important;}.rainbow-index-products{padding:48px 0 8px!important;}.rainbow-product-search{margin:18px 14px 0!important;}.rainbow-products-shell{padding:18px 14px 0!important;}.categories-grid,.services{grid-template-columns:1fr!important;gap:18px!important;}.category-card{border-radius:24px!important;transform:none!important;}.category-card:hover{transform:none!important;}.category-card img.product-image-main,.category-card>img{height:212px!important;padding:16px!important;}.category-overlay{padding:18px!important;text-align:left!important;}.category-overlay h4{font-size:18px!important;}.category-overlay p{font-size:13px!important;line-height:1.58!important;}.product-price{font-size:18px!important;}#services{padding:52px 0!important;}#services .service{text-align:center!important;padding:24px 18px!important;border-radius:24px!important;}#services .service-icon{margin:0 auto 18px!important;}.view-all-wrapper{padding-bottom:44px!important;}}

/* PATCH ONLY V6 - Search category buttons + /img brand logo section */
.rainbow-product-search{
  max-width:760px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  align-items:center!important;
}
.rainbow-product-search .category-select{
  display:block!important;
  width:auto!important;
  min-width:185px!important;
  height:52px!important;
  border-radius:16px!important;
  background:rgba(4,12,25,.72)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#fff!important;
  padding:0 14px!important;
  outline:none!important;
}
.rainbow-category-pills{
  max-width:980px!important;
  margin:18px auto 0!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
}
.rainbow-category-pill{
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.065)!important;
  color:#dbeafe!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  font-size:13px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease!important;
}
.rainbow-category-pill:hover,
.rainbow-category-pill.active{
  transform:translateY(-2px)!important;
  color:#06111f!important;
  background:linear-gradient(135deg,#4ddcff,#60a5fa)!important;
  border-color:rgba(77,220,255,.42)!important;
  box-shadow:0 12px 28px rgba(77,220,255,.18)!important;
}
.rainbow-img-brands-section{
  padding:72px 0!important;
  background:#fff!important;
  color:#0f172a!important;
}
.rainbow-img-brands-section .section-title{text-align:center!important;max-width:760px!important;margin:0 auto 36px!important;}
.rainbow-img-brands-section .section-title h3{color:#0f172a!important;font-size:clamp(28px,3.6vw,44px)!important;font-weight:900!important;letter-spacing:-.04em!important;margin:8px 0 10px!important;}
.rainbow-img-brands-section .section-title p{color:#64748b!important;line-height:1.7!important;}
.rainbow-img-brands-section .section-title code{background:#f1f5f9!important;color:#2563eb!important;border-radius:8px!important;padding:2px 6px!important;}
.rainbow-img-brand-grid,
#brands .rainbow-img-brand-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(120px,1fr))!important;
  gap:38px 56px!important;
  align-items:center!important;
  overflow:visible!important;
  animation:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.rainbow-img-brand-item,
#brands .rainbow-img-brand-item{
  min-width:0!important;
  width:100%!important;
  height:112px!important;
  padding:18px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
.rainbow-img-brand-item:hover{
  transform:translateY(-4px)!important;
  border-color:#e2e8f0!important;
  box-shadow:0 18px 42px rgba(15,23,42,.08)!important;
}
.rainbow-img-brand-item img,
#brands .rainbow-img-brand-item img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:76px!important;
  object-fit:contain!important;
  filter:none!important;
}
@media(max-width:992px){
  .rainbow-img-brand-grid,#brands .rainbow-img-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;}
}
@media(max-width:768px){
  .rainbow-product-search{grid-template-columns:1fr!important;margin-left:14px!important;margin-right:14px!important;}
  .rainbow-product-search .category-select{width:100%!important;min-width:0!important;}
  .rainbow-category-pills{justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;margin:14px 14px 0!important;padding-bottom:8px!important;scroll-snap-type:x proximity!important;}
  .rainbow-category-pill{white-space:nowrap!important;scroll-snap-align:start!important;}
  .rainbow-img-brands-section{padding:52px 0!important;}
  .rainbow-img-brand-grid,#brands .rainbow-img-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;padding:0 10px!important;}
  .rainbow-img-brand-item,#brands .rainbow-img-brand-item{height:96px!important;padding:16px!important;border-radius:20px!important;}
  .rainbow-img-brand-item img,#brands .rainbow-img-brand-item img{max-height:62px!important;}
}

/* PATCH ONLY V6.2 - search dropdown only + themed brand section */
.rainbow-search-dropdown-only{
  grid-template-columns:minmax(0,1fr) 230px!important;
  align-items:stretch!important;
  gap:14px!important;
  background:linear-gradient(135deg,rgba(11,18,32,.88),rgba(15,23,42,.72))!important;
  border:1px solid rgba(77,220,255,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;
}
.rainbow-search-field{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.rainbow-search-icon{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#67e8f9!important;
  background:rgba(77,220,255,.11)!important;
  border:1px solid rgba(77,220,255,.18)!important;
  font-size:20px!important;
  pointer-events:none!important;
}
.rainbow-search-dropdown-only .search-input{
  width:100%!important;
  height:60px!important;
  padding:0 20px 0 66px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#fff!important;
  outline:none!important;
  box-shadow:none!important;
}
.rainbow-search-dropdown-only .search-input::placeholder{color:rgba(226,232,240,.72)!important;}
.rainbow-category-dropdown-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.rainbow-category-label{
  position:absolute!important;
  left:16px!important;
  top:8px!important;
  z-index:2!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#67e8f9!important;
  pointer-events:none!important;
}
.rainbow-search-dropdown-only .category-select,
.rainbow-search-dropdown-only .rainbow-category-dropdown{
  display:block!important;
  width:100%!important;
  height:60px!important;
  min-width:0!important;
  padding:20px 42px 8px 16px!important;
  border-radius:18px!important;
  color:#fff!important;
  font-weight:850!important;
  background:linear-gradient(135deg,rgba(77,220,255,.18),rgba(96,165,250,.11))!important;
  border:1px solid rgba(77,220,255,.24)!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  cursor:pointer!important;
  appearance:auto!important;
}
.rainbow-search-dropdown-only .category-select option{color:#0f172a!important;background:#fff!important;}
.rainbow-category-pills{display:none!important;}
.rainbow-img-brands-section{
  position:relative!important;
  overflow:hidden!important;
  padding:82px 0!important;
  background:radial-gradient(circle at 18% 10%,rgba(77,220,255,.14),transparent 30%),radial-gradient(circle at 82% 18%,rgba(96,165,250,.14),transparent 34%),linear-gradient(180deg,#07111f 0%,#0b1220 58%,#08101d 100%)!important;
  color:#e5eefb!important;
}
.rainbow-img-brands-section::before{
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  pointer-events:none!important;
}
.rainbow-img-brands-section .container{position:relative!important;z-index:1!important;}
.rainbow-img-brands-section .section-title h3{color:#fff!important;text-shadow:0 12px 36px rgba(0,0,0,.28)!important;}
.rainbow-img-brands-section .section-title p{color:#aebbd0!important;max-width:620px!important;margin-left:auto!important;margin-right:auto!important;}
.rainbow-img-brand-grid,
#brands .rainbow-img-brand-grid{
  grid-template-columns:repeat(5,minmax(120px,1fr))!important;
  gap:24px!important;
}
.rainbow-img-brand-item,
#brands .rainbow-img-brand-item{
  height:118px!important;
  padding:20px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px)!important;
}
.rainbow-img-brand-item:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(77,220,255,.34)!important;
  box-shadow:0 28px 66px rgba(0,0,0,.32),0 0 0 1px rgba(77,220,255,.10)!important;
}
.rainbow-img-brand-item img,
#brands .rainbow-img-brand-item img{
  max-height:72px!important;
  object-fit:contain!important;
}
@media(max-width:992px){
  .rainbow-search-dropdown-only{grid-template-columns:1fr!important;}
  .rainbow-img-brand-grid,#brands .rainbow-img-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;}
}
@media(max-width:768px){
  .rainbow-search-dropdown-only{margin-left:14px!important;margin-right:14px!important;padding:14px!important;border-radius:24px!important;}
  .rainbow-search-dropdown-only .search-input,.rainbow-search-dropdown-only .category-select{height:56px!important;border-radius:16px!important;}
  .rainbow-img-brands-section{padding:58px 0!important;}
  .rainbow-img-brands-section::before{inset:10px!important;border-radius:26px!important;}
  .rainbow-img-brand-grid,#brands .rainbow-img-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:0 10px!important;}
  .rainbow-img-brand-item,#brands .rainbow-img-brand-item{height:98px!important;padding:15px!important;border-radius:20px!important;}
  .rainbow-img-brand-item img,#brands .rainbow-img-brand-item img{max-height:58px!important;}
}


/* PATCH ONLY V12 - desktop-only footer map refinement, mobile unchanged */
@media (min-width: 901px){
  .rainbow-footer-rework{
    padding-bottom:42px!important;
  }
  .footer-map-panel{
    position:relative!important;
    grid-template-columns:360px minmax(0,1fr)!important;
    gap:24px!important;
    padding:22px!important;
    border-radius:32px!important;
    background:
      radial-gradient(circle at 18% 12%,rgba(77,220,255,.16),transparent 34%),
      linear-gradient(135deg,rgba(15,23,42,.92),rgba(2,6,23,.98))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
    overflow:hidden!important;
  }
  .footer-map-panel:before{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.045);
    pointer-events:none;
  }
  .footer-map-copy{
    position:relative!important;
    min-height:360px!important;
    padding:32px!important;
    border-radius:26px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .footer-map-copy span{
    padding:7px 12px!important;
    border-radius:999px!important;
    background:rgba(77,220,255,.12)!important;
    border:1px solid rgba(77,220,255,.18)!important;
  }
  .footer-map-copy strong{
    margin-top:18px!important;
    max-width:270px!important;
    font-size:30px!important;
    line-height:1.12!important;
  }
  .footer-map-address-desktop{
    display:block!important;
    margin:16px 0 0!important;
    color:#cbd5e1!important;
    line-height:1.7!important;
    font-size:14px!important;
  }
  .footer-map-action-desktop{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-top:24px!important;
    padding:13px 18px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#67e8f9,#38bdf8)!important;
    color:#06111f!important;
    font-weight:900!important;
    text-decoration:none!important;
    box-shadow:0 14px 32px rgba(56,189,248,.22)!important;
  }
  .footer-map-panel .maps-responsive{
    position:relative!important;
    margin:0!important;
    height:100%!important;
    min-height:360px!important;
    border-radius:26px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.30)!important;
  }
  .footer-map-panel .maps-responsive iframe{
    height:360px!important;
    min-height:360px!important;
    filter:saturate(1.06) contrast(1.02)!important;
  }
}
@media (max-width: 900px){
  .footer-map-address-desktop,
  .footer-map-action-desktop{display:none!important;}
}

/* PATCH ONLY V13 - desktop map iframe fill fix, mobile unchanged */
@media (min-width: 901px){
  .footer-map-panel{
    grid-template-columns:360px minmax(520px,1fr)!important;
    align-items:stretch!important;
  }
  .footer-map-panel .maps-responsive{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:380px!important;
    margin:0!important;
    overflow:hidden!important;
    background:rgba(15,23,42,.55)!important;
  }
  .footer-map-panel .maps-responsive iframe{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:100%!important;
    height:380px!important;
    min-height:380px!important;
    border:0!important;
  }
  .footer-map-copy{
    min-height:380px!important;
  }
}


/* PATCH ONLY V14 - footer Facebook logo */
.footer-contact-panel .footer-facebook-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.footer-contact-panel .footer-facebook-link::after{
  margin-left:auto!important;
}
.footer-social-logo{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:6px!important;
  filter:none!important;
}
@media(max-width:768px){
  .footer-contact-panel .footer-facebook-link{
    justify-content:flex-start!important;
  }
}

/* PATCH ONLY V15 - desktop hero/intro refinement, mobile unchanged */
@media (min-width: 993px){
  .hero-text{
    padding:0 0 86px!important;
    background:
      radial-gradient(circle at 18% 0%, rgba(77,220,255,.12), transparent 34%),
      linear-gradient(180deg, rgba(7,16,31,.58) 0%, #07101f 64%, #07101f 100%)!important;
  }
  .hero-single.rainbow-hero-refined{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 330px!important;
    grid-template-areas:
      "copy stats"
      "actions stats"!important;
    align-items:center!important;
    column-gap:42px!important;
    row-gap:28px!important;
    max-width:1180px!important;
    margin:-72px auto 0!important;
    padding:48px 54px!important;
    border-radius:36px!important;
    text-align:left!important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.105), rgba(77,220,255,.055) 45%, rgba(15,23,42,.52)),
      linear-gradient(180deg, rgba(15,23,42,.70), rgba(2,6,23,.84))!important;
    border:1px solid rgba(148,163,184,.20)!important;
    box-shadow:0 32px 90px rgba(0,0,0,.36)!important;
    backdrop-filter:blur(18px)!important;
  }
  .hero-single.rainbow-hero-refined:before{
    width:440px!important;
    height:440px!important;
    inset:-190px auto auto -110px!important;
    background:rgba(56,189,248,.13)!important;
  }
  .hero-single.rainbow-hero-refined:after{
    content:""!important;
    position:absolute!important;
    right:-130px!important;
    bottom:-170px!important;
    width:420px!important;
    height:420px!important;
    border-radius:999px!important;
    background:rgba(59,130,246,.10)!important;
    filter:blur(38px)!important;
    pointer-events:none!important;
  }
  .hero-single.rainbow-hero-refined .hero-copy{
    grid-area:copy!important;
    position:relative!important;
    z-index:2!important;
    max-width:690px!important;
  }
  .hero-single.rainbow-hero-refined .badge{
    margin:0 0 20px!important;
    padding:10px 16px!important;
    font-size:14px!important;
    border-radius:999px!important;
    justify-content:flex-start!important;
  }
  .hero-single.rainbow-hero-refined h2{
    max-width:640px!important;
    margin:0!important;
    font-size:clamp(48px,4.25vw,68px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
    text-align:left!important;
  }
  .hero-single.rainbow-hero-refined h2 span{
    margin-top:14px!important;
    font-size:clamp(24px,2.1vw,34px)!important;
    line-height:1.15!important;
    letter-spacing:-.035em!important;
    text-align:left!important;
  }
  .hero-single.rainbow-hero-refined p{
    max-width:660px!important;
    margin:22px 0 0!important;
    font-size:16px!important;
    line-height:1.78!important;
    text-align:left!important;
    color:#d7e2f0!important;
  }
  .hero-highlight-grid{
    grid-area:stats!important;
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-self:stretch!important;
    align-content:center!important;
  }
  .hero-mini-card{
    min-height:96px!important;
    padding:20px 22px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg, rgba(15,23,42,.76), rgba(30,41,59,.48))!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .hero-mini-card strong{
    font-size:32px!important;
    letter-spacing:-.045em!important;
    color:#ffffff!important;
  }
  .hero-mini-card span{
    margin-top:8px!important;
    font-size:13px!important;
    color:#b7c5d8!important;
  }
  .hero-buttons{
    grid-area:actions!important;
    position:relative!important;
    z-index:2!important;
    margin:0!important;
    justify-content:flex-start!important;
    align-self:start!important;
  }
  .hero-buttons .btn{
    min-height:48px!important;
    padding:13px 20px!important;
    border-radius:15px!important;
  }
}
@media (min-width: 993px) and (max-width: 1120px){
  .hero-single.rainbow-hero-refined{
    margin-left:22px!important;
    margin-right:22px!important;
    grid-template-columns:minmax(0,1fr) 285px!important;
    padding:42px 34px!important;
  }
  .hero-single.rainbow-hero-refined h2{font-size:clamp(42px,4.5vw,58px)!important;}
}