/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-04-03 17:34:02 */
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 65.33%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 32.67%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 48.9975%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 24.5025%;
    }
}

/* - BEGIN - General Porto Fixes */
.category-block a { text-align: center; display: block; }
.category-block { flex: 1 0 calc(25% - 10px); }
@media only screen and (max-width: 769px) { 
    body .category-block { flex: 1 0 calc(50% - 10px); } 
}
.options .count { display: none; }
.level0.submenu, .level0.submenu .container, .level0.submenu .container .row { width: 100%; }
.level0.submenu .container { max-width: 100%; }
.level0.submenu .container .row { padding-left: 20px; }
/* - END - General Porto Fixes */

/* - BEGIN - Responsive Grid System (4 Desktop / 2 Mobile) */
/* Apply 'centered-content' to the ROW in Page Builder */
.centered-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    text-align: center;
}

/* Base style for individual image columns (Desktop - 4 per row) */
/* Apply 'mobile-two-column' to each COLUMN in Page Builder */
.centered-content .mobile-two-column {
    width: auto !important; 
    flex: 0 0 25% !important; /* Forces 25% width for 4-column layout */
    max-width: 25% !important;
    padding: 10px !important;
}

/* Ensure images and text inside the columns are centered */
.centered-content .mobile-two-column figure { display: flex; justify-content: center; width: 100%; }
.centered-content .mobile-two-column img { max-width: 100%; height: auto; }
.centered-content .mobile-two-column div[data-content-type="text"] { font-weight: bold; width: 100%; }

/* Mobile View Adjustments (2 per row) */
@media only screen and (max-width: 767px) {
    .centered-content .mobile-two-column {
        flex: 0 0 50% !important; /* Forces 50% width on mobile devices */
        max-width: 50% !important;
    }
    .side-custom-block { margin-top: 20px; }
}
/* - END - Responsive Grid System */





/* - BEGIN - Utility Elements (YouTube & Accordion) */
.auto-resizable-iframe { margin: 0 auto; max-width: 640px; }
.auto-resizable-iframe > div { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.auto-resizable-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.accordion { display: flex; flex-direction: column; max-width: 600px; margin: 0 auto; }
.accordion-item { border: 1px solid #ccc; margin-bottom: 5px; border-radius: 5px; overflow: hidden; background-color: whitesmoke; }
.accordion-header, .accordion-content { padding: 10px; }
.accordion-content { display: none; }
.td-bold td { font-weight: bold; }
/* - END - Utility Elements */


tr.custom_message td {
    padding: 10px 0;
    font-style: italic;
    font-size: 11px;
}
body .page-wrapper header.page-header .header.content .logo img {
    width: 100%;
}
.cms-home #maincontent .sidebar.sidebar-main {
    display: none;
}

@media (max-width: 767px) {
    .block-category-list .block-content, .block-category-list .block-title {
        padding-left: 15px;
        padding-right: 15px;
    }
}


@media (max-width: 767px) {
    .block-search {
        display: block !important;
        width: 100%;
        padding: 10px 15px;
        margin-bottom: 5px;
    }
    .block-search .label {
        display: none;
    }
}