/* =========================================
   PRODUCT DESCRIPTION - CLEAN LAYOUT
========================================= */

#description{
    max-width:1000px;
    margin:0 auto;
    font-size:15px;
    line-height:1.7;
    color:#555;
}

#description h2,
#description h3,
#description h4{
    font-size:20px;
    line-height:1.4;
    margin:0 0 14px;
}

#description p{
    margin:0 0 18px;
}

#description ul,
#description ol{
    margin:10px 0 20px 22px;
}

#description li{
    margin-bottom:10px;
}


/* =========================================
   SINGLE PRODUCT - MOBILE FINAL FIX
========================================= */

@media (max-width: 768px){

    .cyb-product-layout{
        display:flex !important;
        flex-direction:column !important;

        grid-template-columns:none !important;

        width:100% !important;
        max-width:100% !important;

        gap:25px !important;

        margin:20px 0 40px !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    .cyb-product-left,
    .cyb-product-right{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }


    .cyb-product-right{
        position:static !important;

        padding:0 !important;

        margin:0 !important;
    }


    .cyb-product-left{
        padding:0 !important;
        margin:0 !important;
    }


    .cyb-summary,
    .cyb-summary-card{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }


    .cyb-summary-title{
        font-size:28px !important;
        line-height:1.25 !important;

        max-width:100% !important;
        overflow-wrap:anywhere !important;
    }


    .cyb-info-row{
        width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }

}



/* =========================================
   SINGLE PRODUCT DESCRIPTION - MOBILE
========================================= */

@media (max-width:768px){

    #description{
        font-size:14px !important;
        line-height:1.6 !important;
        color:#555 !important;
    }

    #description h2,
    #description h3,
    #description h4{
        font-size:20px !important;
        line-height:1.3 !important;
        margin:0 0 12px !important;
    }

    #description p{
        font-size:14px !important;
        line-height:1.6 !important;
        margin:0 0 15px !important;
    }

    #description ul,
    #description ol{
        margin:10px 0 18px 20px !important;
        padding:0 !important;
    }

    #description li{
        font-size:10px !important;
        line-height:1.55 !important;
        margin-bottom:9px !important;
    }

    #description strong{
        font-weight:700 !important;
    }

}



/* =========================================
   MOBILE SECTION SPACING
========================================= */

@media (max-width:768px){

    /* General sections */
    .cyb-section,
    .cyb-latest-slider,
    .cyb-featured-showcase{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }

    /* Reduce space below section headings */
    .cyb-section-title{
        margin-bottom:12px !important;
    }

    .cyb-section-subtitle{
        margin-bottom:25px !important;
    }

    .cyb-slider-header{
        margin-bottom:20px !important;
    }

    /* Featured heading */
    .cyb-featured-showcase .cyb-section-title{
        margin-bottom:20px !important;
    }

    /* Remove unnecessary gaps around showcase */
    .cyb-showcase-layout{
        margin:0 !important;
    }

    /* View All */
    .cyb-featured-showcase .cyb-view-all-wrapper{
        margin-top:20px !important;
    }

}


/* =========================================
   MOBILE PRODUCT CATEGORIES TITLE
========================================= */

@media (max-width:768px){

    .cyb-section{
        padding-top:75px !important;
    }

    .cyb-section-title{
        margin-top:0 !important;
        margin-bottom:20px !important;
    }

}


/* =========================================
   MOBILE - PRODUCT CATEGORIES TITLE SPACING
========================================= */

@media (max-width:768px){

    .cyb-section-title{
        margin-bottom:35px !important;
    }

    .cyb-category-grid{
        margin-top:0 !important;
    }

}

/* =========================================
   MOBILE CATEGORY - VIEW ALL BUTTON
========================================= */

@media (max-width: 768px) {

    .cyb-section .cyb-view-all-btn {
        font-size: 0 !important;
        padding: 14px 28px !important;
        min-width: 120px;
    }

    .cyb-section .cyb-view-all-btn::after {
        content: "View All →";

        font-size: 14px;
        font-weight: 700;
        line-height: 1;
    }

}