/* =========================================
   KU-EL® CATEGORY BENEFITS
========================================= */

.ku-benefit-list{
    list-style:none;
    padding:0;
    margin:25px 0 10px 0;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
}

.ku-benefit-list li{
    background:#f5f5f5;
    border-radius:50px;
    padding:10px 18px;
    font-size:14px;
    font-weight:600;
    color:#222;
}

/* =========================================
   KU-EL® HERO SECTION
========================================= */

.ku-hero-banner{
    position:relative;
    width:100%;
    min-height:760px;
    background-image:url('https://ku-el.com/wp-content/uploads/2026/05/epoksi-banner.png');
    background-size:cover;
    background-position:center center;
    display:flex;
    align-items:center;
    padding:80px;
    overflow:hidden;
}

.ku-hero-banner::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,0,0,0.78) 0%,
        rgba(0,0,0,0.55) 40%,
        rgba(0,0,0,0.15) 100%
    );
}

.ku-hero-overlay{
    position:relative;
    z-index:2;
    max-width:620px;
    color:#fff;
}

.ku-hero-mini{
    display:inline-block;
    margin-bottom:18px;
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#d4af37;
    font-weight:600;
}

.ku-hero-overlay h1{
    font-size:64px;
    line-height:1.05;
    margin-bottom:24px;
    color:#fff;
    font-weight:700;
}

.ku-hero-overlay p{
    font-size:19px;
    line-height:1.7;
    color:rgba(255,255,255,0.88);
    margin-bottom:32px;
}

.ku-hero-badges{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:36px;
}

.ku-hero-badges span{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.15);
    padding:10px 18px;
    border-radius:40px;
    font-size:14px;
    backdrop-filter:blur(6px);
}

.ku-hero-btn{
    display:inline-block;
    background:#d4af37;
    color:#111;
    padding:16px 34px;
    border-radius:999px;
    font-weight:700;
    text-decoration:none;
    transition:0.3s ease;
}

.ku-hero-btn:hover{
    background:#fff;
    color:#000;
}

/* =========================================
   KU-EL® CATEGORY SPACING
========================================= */

.term-description{
    margin-bottom:70px;
}

.woocommerce-result-count,
.woocommerce-ordering{
    margin-top:40px;
}

.products{
    margin-top:40px;
}

/* =========================================
   KU-EL® PRODUCT CARDS
========================================= */

.products .product-small .box-image{
    max-width:340px;
    margin:auto;
}

.products .product-small img{
    border-radius:18px;
    transition:all 0.3s ease;
}

.products .product-small img:hover{
    transform:scale(1.02);
}

.products .box-text{
    text-align:left;
    padding-top:14px;
}

.products .price{
    font-size:20px;
    font-weight:700;
}

.products .button{
    border-radius:40px;
    padding:0 22px;
}

/* =========================================
   HIDE PAYPAL BANNER ON CATEGORY PAGES
========================================= */

.archive .ppc-button-wrapper,
.archive .wc-gateway-ppec-cart-banner,
.archive .woocommerce-paypal-payments-banner,
.archive .paypal-button,
.woocommerce .wcpay-payment-request-wrapper,
.woocommerce .wc-block-components-express-payment,
.woocommerce .ppcp-messages,
.woocommerce .paypal-messaging,
.woocommerce [data-pp-message],
.woocommerce iframe[src*="paypal"]{
    display:none !important;
}

/* =========================================
   MOBILE OPTIMIZATION
========================================= */

@media(max-width:768px){

    .ku-hero-banner{
        min-height:520px;
        padding:40px 24px;
        background-position:center center;
    }

    .ku-hero-overlay h1{
        font-size:42px;
    }

    .ku-hero-overlay p{
        font-size:16px;
    }

    .ku-hero-badges span{
        font-size:13px;
        padding:9px 14px;
    }

}