.item-box .btn-wrapper button:hover,
input[type="radio"]:checked + label:before,
input[type="checkbox"]:checked + label:before,
.select input[type="checkbox"]:checked + label,
.select-boxes input[type="checkbox"]:checked + label,
.two-row-carousels .slick-arrow:hover,
.home-page-polls .answer input[type="radio"]:checked + label:before,
.answer input[type="radio"]:checked + label:before,
.pager li a:hover,
.pager li span,
.pager li.previous-page a:hover,
.pager li.next-page a:hover,
.pager li.first-page a:hover,
.pager li.last-page a:hover,
.ui-datepicker-header,
.ui-datepicker-calendar a.ui-state-active:hover,
.ui-datepicker-calendar a.ui-state-active,
.order-progress .active-step:not(.last) a:hover:before,
.opc .selector input[type="checkbox"]:checked ~ label:before,
.forum-search-box.search-box .search-box-button:hover,
.ico-wishlist .wishlist-qty,
.ico-cart .cart-qty,
.shopping-cart-link .cart-qty,
.selected-options-list > li span,
.header-menu .close-menu,
.close-side-menu,
.mobile-flyout-wrapper .close-side-menu,
.header-menu ul li.back-button,
.avatar-page .upload-image.valid + label,
.ui-slider-range,
.filters-button,
.quick-view-button a:hover,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.blog-search-box .search-box-button:hover,
.sale-of-the-day-offer .timer-info-box,
.spc-products .slick-arrow:hover,
.nivo-directionNav a:hover,
.anywhere-slider .slick-arrow:hover,
.theme-roller .open-button {
  background-color: #ff9600;
}
.selected-options-list > li span:hover,
.theme-roller .open-button:hover,
.avatar-page .upload-image.valid + label:hover {
  background-color: #b36900;
}
.link-rss:hover:before,
.field-validation-valid,
.username-available-status,
.cart a,
.data-table a,
.compare-products-table a,
.forums-table-section a,
.cart .product a:hover,
.data-table .product a:hover,
.compare-products-table .product a:hover,
.forums-table-section .product a:hover,
.cart .edit-item a,
.data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a,
.mini-shopping-cart .count a:hover,
.mini-shopping-cart .price,
.mini-shopping-cart .totals strong,
.login-form-in-header .in-header-register .register-button:hover,
.login-form-in-header .inputs input:focus + .inputs-icons,
.footer-block a:hover,
.social-sharing a:hover:before,
.footer-block .title:before,
.footer-block .title:after,
.block .title:before,
.block .list li.active > a,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.poll > strong,
.block .answer label:hover,
.breadcrumb a:hover,
.breadcrumb a:hover span,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.vendor-item:hover .title a,
.manufacturer-item:hover .title a,
.category-grid .item-box:hover .title a,
.product-name .manufacturers .value,
.overview .manufacturers .value,
.product-review-links a:hover,
.product-no-reviews a:hover,
.compare-products .add-to-compare-list-button:hover,
.compare-products .add-to-compare-list-button:hover:before,
.back-in-stock-subscription:hover:before,
.overview .additional-details div .value a,
.variant-overview .additional-details div .value a,
.download-sample a,
.product-social-sharing li a:hover:before,
.email-a-friend:hover:before,
.overview .product-price,
.variant-overview .product-price,
.tier-prices .item-price,
.product-tags-list a,
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.ui-tabs .submitReviewResult,
.product-review-helpfulness .vote:hover:before,
.wishlist-page .share-info a,
.compare-products-mobile .price .item span,
.email-a-friend-page .title a,
.accept-privacy-policy .read,
.account-page .button-2.return-items-button:hover,
.account-page .button-2.return-items-button:hover:before,
.order-total td label,
.order-total td span,
.cart-total .order-total,
.terms-of-service .read,
.cart-collaterals > div > .title:hover,
.cart-collaterals > div > .title:before,
.cart-collaterals .message-success,
.checkout-page .add-button .btn-holder.open:before,
.order-completed .order-number,
.opc > li.allow:not(.active) .step-title:after,
.opc > li.active .step-title .number,
.opc > li.active .step-title .title,
.order-details-page .order-overview .order-number,
.sitemap-page a,
.post-date,
.news-date,
.post-navigation a:before,
.post-navigation a:after,
.back-to-all-button:hover,
.back-to-all-button:hover:before,
.blog-page .tags li,
.blogpost-page .tags a,
.read-comments:hover,
.read-comments:hover:before,
.new-comment .result,
.news-list-homepage .view-all a,
.news-list-homepage .view-all a:after,
.current-time,
.forum-search-box .advanced > a:hover,
.forum-table a:hover,
.topic-post .pm-button:before,
.topic-post .post-vote > .vote.up:hover:before,
.topic-post .post-vote > .vote.down:hover:before,
.compare-products-table .product-price td,
.order-progress .active-step.last a span,
.category-navigation-list-wrapper ul li:hover > a,
.category-navigation-list-wrapper ul li:hover > span,
.category-navigation-list-wrapper ul li:hover > a:after,
.header-links a:hover,
.header-links a:hover:before,
.block.block-recently-viewed-products .list a:hover,
.block-account-navigation.block .list a:hover,
.block-account-navigation.block .list a:hover:after,
.block-account-navigation.block .list a.active,
.block-account-navigation.block .list a.active:after,
.header-selectors-wrapper > div input[type="radio"]:checked + label,
.ajaxCart .k-window-titlebar.k-header .k-window-actions .k-icon:hover:before,
.productAddedToCartWindowDescription strong,
.clearFilterOptionsAll:hover,
.filter-block .toggleControl:before,
.filter-block a.clearFilterOptions:hover:before,
.filter-block a.clearPriceRangeFilter:hover:before,
.picture-thumbs .slick-prev:hover:before,
.picture-thumbs .slick-next:hover:before,
.instant-search-item .detail .price,
.home-page .jCarouselMainWrapper.small-products .nop-jcarousel .carousel-title:before,
.mega-menu .sublist li:hover > a,
.category-navigation-list .dropdown .box .title a,
.category-navigation-list .dropdown .box .subcategory-item a:hover,
.mega-menu .manufacturers .box:hover .title,
.mega-menu .vendors .box:hover .title,
.previous-product a:before,
.next-product a:before,
.quickView .k-window-titlebar.k-header .k-window-actions a:hover:before,
.quickViewWindow #accordion > h3 span:before,
.quickViewWindow .product-variant .product-price,
.ropc .section .title:after,
.ropc .coupon-box-panel .message-success,
.ropc .giftcard-box-panel .message-success,
.ropc .cart-total .cart-total-row span,
.sale-of-the-day-offer .product-name a:hover,
.sale-of-the-day-offer .price.actual-price,
.sale-of-the-day-offer .slick-arrow:hover:before,
.rich-blog-homepage .view-all a,
.rich-blog-homepage .view-all a:after,
.blog-search-results .search-term-highlighter,
.share-post li a:hover:before,
.post-relations li a,
.spc-products .spc-header li:hover,
.spc-categories .navigation li:hover,
.spc-header li.active,
.spc-categories .navigation li.active,
.spc-categories .category-title,
.spc-categories .category-sublist a:hover,
.spc-categories .slick-prev:hover:before,
.spc-categories .slick-next:hover:before,
.advantages-item .title a:hover,
.scroll-back-button:before {
  color: #ff9600;
}
.product-name .manufacturers .value:hover,
.product-tags-list a:hover:hover,
.overview .additional-details div .value a:hover,
.variant-overview .additional-details div .value a:hover,
.terms-of-service .read:hover,
.download-sample a:hover,
.sitemap-page a:hover,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.product-tags-list a:hover,
.cart .edit-item a:hover,
.news-list-homepage .view-all a:hover,
.news-list-homepage .view-all a:hover:after,
.manufacturers .value:hover,
.block .view-all a:hover,
.data-table a:hover,
.forums-table-section a:hover,
.category-navigation-list .dropdown .box .title a:hover,
.rich-blog-homepage .view-all a:hover,
.rich-blog-homepage .view-all a:hover:after,
.post-relations li a:hover,
.spc-categories .category-title a:hover {
  color: #b36900;
}
.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
.two-row-carousels .slick-arrow:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.order-progress .active-step.last a:before,
.block-account-navigation.block .list a.active,
.nopAjaxCartPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:after,
.ui-slider-handle,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.jCarouselMainWrapper .slick-next:hover,
.jCarouselMainWrapper .slick-prev:hover,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.quickView .cloudzoom-ajax-loader:before,
.quickView .cloudzoom-ajax-loader:after,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.spc-categories .loading-overlay:before,
.spc-categories .loading-overlay:after,
.spc-body .loading-overlay:before,
.spc-body .loading-overlay:after,
.spc-products .slick-arrow:hover,
.scroll-back-button {
  border-color: #ff9600;
}
.pager li a:hover,
.pager li span {
  border-color: #ff9600 !important;
}
.button-1,
.eu-cookie-bar-notification button,
.login-form-in-header .login-button,
.category-navigation-list-wrapper:hover .category-navigation-title,
.category-navigation-list-wrapper.menuItemsAreClickable.opened .category-navigation-title,
.newsletter-email .newsletter-subscribe-button,
.home-page-polls .poll .buttons input,
.contact-vendor-button,
.item-box .buttons .button-2:hover,
.grouped-btn:hover,
.write-review .title strong,
.comment-form-btn strong,
.write-review .button-1,
.qq-uploader .qq-upload-button,
.blog-posts .read-more,
.news-items .read-more,
.forums-table-section .view-all a,
.topic-post .post-actions .quote-post-button,
.ropc .complete-button button,
.spc-categories .category-picture .spc-to-all-products,
.jCarouselMainWrapper .slick-dots .slick-active button,
.sale-of-the-day-offer .owl-dot.active {
  background-color: #444444;
}
.button-1:hover,
.eu-cookie-bar-notification button:hover,
.mini-shopping-cart input[type="button"]:hover,
.login-form-in-header .login-button:hover,
.search-box .search-box-button:hover,
.newsletter-email .newsletter-subscribe-button:hover,
.poll .buttons input:hover,
.contact-vendor-button:hover,
.product-reviews-page .title .write-review-title:hover,
.write-review .button-1:hover,
.qq-uploader .qq-upload-button:hover,
.blog-posts .read-more:hover,
.news-items .read-more:hover,
.open-comment-form:hover,
.forums-table-section .view-all a:hover,
.topic-post .post-actions .quote-post-button:hover,
.ropc .complete-button button:hover {
  background-color: #303030;
}
@media all and (min-width: 1025px) {
  .search-box .search-box-button,
  .center-2 .product-list .item-box .buttons .button-2 {
    background-color: #444444;
  }
  .center-2 .product-list .item-box .buttons .button-2:hover {
    background-color: #303030;
  }
}
.pay-options{display:none;}
@media (max-width: 1024px) {
  .responsive-nav-wrapper > div > span:before, .responsive-nav-wrapper > div > a:before{font-size:25px;}
}


/* ============================================================
   MOBILE HORIZONTAL SCROLLABLE NAV - Memoires / Emporium Theme
   Drop this into your custom CSS or add to theme's custom.css
   ============================================================ */

/* -----------------------------------------------------------
   1. Hide the burger menu icon on mobile
   ----------------------------------------------------------- */
@media (max-width: 991px) {
    .responsive-nav-wrapper .menu-title {
        display: none !important;
    }
}

/* -----------------------------------------------------------
   2. Hide the default mobile slide-in menu overlay
   ----------------------------------------------------------- */
@media (max-width: 991px) {
    .header-menu.categories-in-side-panel {
        display: none !important;
    }

    /* Also hide the overlay backdrop if any */
    .overlayOffCanvas,
    .category-navigation-list-wrapper,
    .close-menu {
        display: none !important;
    }
}

/* -----------------------------------------------------------
   3. Inject horizontal scrollable nav bar below the
      responsive-nav-wrapper-parent (sticky top bar)
   ----------------------------------------------------------- */
@media (max-width: 991px) {

    /* Container that will hold our horizontal nav */
    .mobile-horizontal-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        background: #ffffff;
        border-bottom: 2px solid #f0f0f0;
        padding: 0 8px;
        gap: 0;
        width: 100%;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        position: sticky;
        top: 60px; /* adjust to match your nav-wrapper height */
        z-index: 100;
        box-shadow: 0 2px 6px rgba(0,0,0,0.07);
    }

    /* Hide scrollbar on webkit */
    .mobile-horizontal-nav::-webkit-scrollbar {
        display: none;
    }

    /* Each nav item */
    .mobile-horizontal-nav a {
        display: inline-flex;
        align-items: center;
        padding: 13px 14px;
        font-size: 13px;
        font-weight: 600;
        color: #444444;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap;
        border-bottom: 3px solid transparent;
        transition: color 0.2s, border-color 0.2s;
        flex-shrink: 0;
    }

    .mobile-horizontal-nav a:hover,
    .mobile-horizontal-nav a.active {
        color: #f5a623; /* Memoires orange accent */
        border-bottom-color: #f5a623;
    }

    /* Separator dots between items (optional) */
    .mobile-horizontal-nav a + a {
        border-left: 1px solid #eeeeee;
    }
}

/* -----------------------------------------------------------
   4. Keep the responsive-nav-wrapper-parent looking clean
      (logo center, cart right, no menu burger)
   ----------------------------------------------------------- */
@media (max-width: 991px) {
    .responsive-nav-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 12px;
    }
}

.home-page-category-grid .item-box{    background-color: #fff;}
.no-captions .nivo-caption{display:block !important}
.nivo-caption{background:transparent}
.whatsapp-inq-icon, sprite{    position: fixed !important;
    right: 0px !important;
    bottom: 20px !important;
    z-index: 500000 !important;width: 50px !important;
    height: 50px !important;    background-repeat: no-repeat;}

.w_contact{display:none;}
.whatsapp-inq-icon{
width:40px !important;
height:40px !important;
}
.sprite{background-size:100%;}

.whatsapp-inq-icon , .sprite{position: fixed !important;
    right: 20px !important;
    bottom: 30px !important;
    z-index: 500000 !important;}

@media (max-width:1000px){
.header-menu,.mega-menu,.responsive-nav-wrapper{display:block !important;visibility:visible !important;opacity:1 !important;max-height:none !important;height:auto !important;overflow:visible !important;}}


/* ── Container ── */
.homepageCategoriesSizes .item-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 80px;
    gap: 12px;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

/* ── Base item ── */
.homepageCategoriesSizes .item-grid .item-box {
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    min-height: 0;
    min-width: 0;
}

.homepageCategoriesSizes .item-grid .item-box .category-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.homepageCategoriesSizes .item-grid .item-box .category-item .picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.homepageCategoriesSizes .item-grid .item-box .category-item .picture a {
    display: block;
    width: 100%;
    height: 100%;
}

.homepageCategoriesSizes .item-grid .item-box .category-item .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}


.homepageCategoriesSizes .item-grid .item-box .category-item h2.title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px 14px;
   
    font-size: 15px;
    font-weight: 700;
    z-index: 1;
}

.homepageCategoriesSizes .item-grid .item-box .category-item h2.title a {
    color: #d66315;
    text-decoration: none;
padding:0px;
}
.homepageCategoriesSizes .item-box{width:100%;}

/*
  12-column grid layout — each row must sum to 12 cols
  Row heights stack in units of 80px

  Row band 1 (rows 1–4):
    child 1: col 5, row 4  ← hero
    child 2: col 4, row 2
    child 3: col 3, row 2
    child 4: col 4, row 2  (fills cols 6–9 rows 3–4)
    child 5: col 3, row 2  (fills cols 10–12 rows 3–4)

  Row band 2 (rows 5–8):
    child 6: col 3, row 4  ← tall accent
    child 7: col 5, row 2
    child 8: col 4, row 2
    child 9: col 5, row 2  (fills cols 4–8 rows 7–8)
    child 10: col 4, row 2 (fills cols 9–12 rows 7–8)

  Row band 3 (rows 9–11):
    child 11: col 4, row 3 ← tall
    child 12: col 5, row 2
    child 13: col 3, row 2
    child 14: col 5, row 2 (fills cols 6–10 rows 11)
    child 15: col 3, row 1 (fills cols 11–12 rows 11... adjusted)

  Row band 4 (rows 12–14):
    child 16: col 5, row 2
    child 17: col 4, row 2
    child 18: col 3, row 2
    child 19: col 4, row 3 ← tall
    child 20: col 8, row 2 ← wide footer
*/

/* ── Desktop: 20 children ── */
.homepageCategoriesSizes .item-grid .item-box:nth-child(1)  { grid-column: span 5; grid-row: span 4; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(2)  { grid-column: span 4; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(3)  { grid-column: span 3; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(4)  { grid-column: span 4; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(5)  { grid-column: span 3; grid-row: span 2; }

.homepageCategoriesSizes .item-grid .item-box:nth-child(6)  { grid-column: span 3; grid-row: span 4; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(7)  { grid-column: span 5; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(8)  { grid-column: span 4; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(9)  { grid-column: span 5; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(10) { grid-column: span 4; grid-row: span 2; }

.homepageCategoriesSizes .item-grid .item-box:nth-child(11) { grid-column: span 4; grid-row: span 3; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(12) { grid-column: span 5; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(13) { grid-column: span 3; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(14) { grid-column: span 4; grid-row: span 1; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(15) { grid-column: span 4; grid-row: span 1; }

.homepageCategoriesSizes .item-grid .item-box:nth-child(16) { grid-column: span 5; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(17) { grid-column: span 3; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(18) { grid-column: span 4; grid-row: span 2; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(19) { grid-column: span 4; grid-row: span 3; }
.homepageCategoriesSizes .item-grid .item-box:nth-child(20) { grid-column: span 8; grid-row: span 2; }

/* ── Tablet (max 900px) ── */
@media (max-width: 900px) {
    .homepageCategoriesSizes .item-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-auto-rows: 100px;
    }

    /* Row band 1: cols sum = 6 */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(1)  { grid-column: span 4; grid-row: span 3; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(2)  { grid-column: span 2; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(3)  { grid-column: span 2; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(4)  { grid-column: span 3; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(5)  { grid-column: span 3; grid-row: span 2; }

    /* Row band 2 */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(6)  { grid-column: span 2; grid-row: span 4; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(7)  { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(8)  { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(9)  { grid-column: span 3; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(10) { grid-column: span 3; grid-row: span 2; }

    /* Row band 3 */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(11) { grid-column: span 3; grid-row: span 3; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(12) { grid-column: span 3; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(13) { grid-column: span 3; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(14) { grid-column: span 3; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(15) { grid-column: span 3; grid-row: span 1; }

    /* Row band 4 */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(16) { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(17) { grid-column: span 2; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(18) { grid-column: span 3; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(19) { grid-column: span 3; grid-row: span 3; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(20) { grid-column: span 6; grid-row: span 2; }
}

/* ── Mobile (max 480px) — varied sizes, no empties ── */
@media (max-width: 480px) {
    .homepageCategoriesSizes .item-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-auto-rows: 90px;
        gap: 8px;
    }

    /* All sum to 4 cols per row band */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(1)  { grid-column: span 4; grid-row: span 3; } /* full width hero */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(2)  { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(3)  { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(4)  { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(5)  { grid-column: span 4; grid-row: span 2; } /* full width */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(6)  { grid-column: span 2; grid-row: span 3; } /* tall */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(7)  { grid-column: span 2; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(8)  { grid-column: span 2; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(9)  { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(10) { grid-column: span 4; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(11) { grid-column: span 1; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(12) { grid-column: span 4; grid-row: span 2; } /* full width */
    .homepageCategoriesSizes .item-grid .item-box:nth-child(13) { grid-column: span 2; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(14) { grid-column: span 2; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(15) { grid-column: span 3; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(16) { grid-column: span 1; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(17) { grid-column: span 1; grid-row: span 1; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(18) { grid-column: span 2; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(19) { grid-column: span 2; grid-row: span 2; }
    .homepageCategoriesSizes .item-grid .item-box:nth-child(20) { grid-column: span 4; grid-row: span 2; } /* full width footer */
}



.item-box .buttons{display:block}