":root {\n    --color1:#bb8721;\n    --color1b: #745415;\n    --color2: linear-gradient(90deg, #bb8721 0%, #251807 100%);\n    --color2b: linear-gradient(90deg, #8b6519 0%, #110b03 100%);\n    --color3: #000000;\n    --color4:#a07c52;\n}\n/* a {\n    color: var(--color1);\n}\na:hover {\n    color: var(--color1b);\n} */\n.site-logo{display: flex;}\n.site-logo img{width: 120px;height: auto;}\n.site-logo > div{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n.brand-name{\n    color: var(--color4);\n    font-size: 26px;\n}\n.brand-subtitle{\n    color: var(--color4);\n    font-size: 16px;\n    text-align: left;\n}\nheader {\n    background: var(--color3);\n}\n/* NOTE - Top bar */\n.site-top .sns-links a {\n    color: var(--color3);\n}\n.btn-pill-primary {\n    background: var(--color3);\n    border-color: var(--color1b);\n}\n.btn-pill-primary:not(:disabled):not(.disabled):active,\n.btn-pill-primary:not(:disabled):not(.disabled).active,\n.show>.btn-pill-primary.dropdown-toggle {\n    color: #fff;\n    background: var(--color1b);\n}\n.btn-pill-primary:focus,\n.btn-pill-primary.focus {\n    color: #fff;\n    background: var(--color1b);\n    border: 1px solid var(--color1b);\n}\n.site-top .btn:hover,\n.site-top .btn:active {\n    color: #fff;\n}\n.site-top .btn-group>.btn:hover {\n    background: unset;\n    color: var(--color2b);\n}\n.site-top .cart-button a:hover {\n    background: unset;\n    color: #212529;\n}\n.cart-container a:hover {\n    background: var(--color1b);\n    color: #fff;\n    border: 1px solid var(--color1b);\n}\n.item-441 a {\n    color: var(--color3);\n}\n#mod-shopnite-cart-113.mod-shopnite-cart a.btn-cart-summary {\n    color: var(--color3) !important;\n}\n/* NOTE - Glasses */\n.prescription-form .select-group > div.select-item:nth-child(4){\n    display:none;\n}\n.prescription .table-bordered thead th:nth-child(5), .prescription .table-bordered thead td:nth-child(5){\n    display:none;\n}\n.prescription .table-bordered tbody th:nth-child(5), .prescription .table-bordered tbody td:nth-child(5){\n    display:none;\n}\n/* NOTE - Nav */\nnav.nav-dropdown ul.nav>li.nav-item.active>a {\n    background: var(--color1b);\n}\nbody.header-stick .header-alt nav.nav-dropdown ul.nav>li.nav-item.active>a {\n    color: #fff;\n}\n.btn-cart-summary {\n    color: #fff !important;\n}\nnav.nav-dropdown ul.nav>li.nav-item>a:hover {\n    color: var(--color2);\n}\nnav.nav-dropdown ul.nav-child {\n    background: var(--color2);\n}\nnav.nav-dropdown ul.nav-child li:hover>a,\nnav.nav-dropdown ul.nav-child li:focus>a {\n    background: var(--color3);\n}\nnav.nav-dropdown ul.nav>li.nav-item:hover>a,\nnav.nav-dropdown ul.nav>li.nav-item:focus>a {\n    color: var(--color2);\n}\n.products-swiper-block .swiper-button-next,\n.products-swiper-block .swiper-button-prev {\n    color: var(--color2);\n}\n.product-item .price .price-new {\n    color: var(--color1b);\n}\n.article-grid-list .article-title a:hover,\n.article-grid-list .article-title a:focus,\n.article-grid-list .article-title a:active {\n    color: var(--color1b);\n}\n.header-main nav.main-nav {\n    font-weight: bold;\n    background: var(--color2);\n    position: relative;\n}\n/* NOTE - Cart */\n.cart-summary-pane .cart-content a:hover {\n    color: #fff;\n}\n/* NOTE - Block */\n.btn-primary {\n    color: #fff;\n    background: var(--color3);\n    border-color: var(--color3);\n}\n.btn-primary:hover {\n    background: var(--color1b);\n    border-color: var(--color1b);\n}\n.btn-secondary {\n    color: #fff;\n    background: var(--color2);\n    border-color: var(--color2);\n}\n.btn-secondary:hover {\n    background: var(--color2b);\n    border-color: var(--color2b);\n}\n.btn-cart-summary {\n    color: #212529;\n}\n.swiper-pagination .swiper-pagination-bullet-active {\n    background: var(--color3);\n}\n.top-sections .section:not(:first-child)>.container {\n    border-top: 1px solid var(--color3);\n}\n.top-sections .section:not(:first-child)>.container::before {\n    border-color: var(--color1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n}\n.text-primary {\n    color: var(--color1) !important;\n}\n.products-swiper-block .product-item {\n    height: 460px;\n}\n/* NOTE - Footer */\n.footer-top {\n    background: var(--color2);\n}\n.footer-bottom a {\n    color: var(--color1b);\n}\n.footer-bottom a:hover {\n    color: var(--color1b);\n}\n.fab-back-top a {\n    background: var(--color3);\n}\n.fab-back-top a:hover {\n    background: var(--color1b);\n}\n.mod-subscribe-form h5 {\n    margin-left: 9px;\n}\n/* NOTE - Sidebar */\n.nav-pane .pane-header {\n    background: var(--color3);\n}\n.nav-pane .btn-close-pane {\n    background: var(--color3);\n}\n.pane-header a {\n    color: #fff;\n}\n.main-nav-pane .pane-header a:hover,\n.main-nav-pane .pane-header a:active,\n.main-nav-pane .pane-header .btn:hover,\n.main-nav-pane .pane-header .btn:active {\n    color: var(--color2);\n}\n.search-box-ctrl button[type=submit] {\n    background: var(--color3);\n}\n.search-box-ctrl button[type=submit]:hover {\n    background: var(--color1b);\n}\n/* NOTE - Login Page */\n.page-title {\n    color: var(--color3);\n}\n.page-title::before,\n.page-title::after {\n    background: var(--color3);\n}\n/* NOTE - product list page */\n.shopnite-categories-module li.active>a {\n    color: var(--color3);\n}\n.shopnite-categories-module li a {}\n.shopnite-categories-module li a:hover,\n.shopnite-categories-module li a:focus {\n    color: var(--color3);\n}\n.page-item.active .page-link {\n    z-index: 1;\n    color: #fff;\n    background: var(--color3);\n    border-color: var(--color1);\n}\n.page-link:hover {\n    color: var(--color1);\n}\n/* NOTE - product page */\n\n.product-prices .sale-end-date{\n    font-size: 16px;\n    color: red;\n}\n\n.btn-outline-secondary {\n    color: var(--color2);\n    border-color: var(--color2);\n}\n.btn-primary.disabled,\n.btn-primary:disabled {\n    background: var(--color1);\n    border-color: var(--color1);\n}\n.btn-outline-secondary:hover {\n    color: #fff;\n    background: var(--color1);\n    border-color: var(--color1);\n}\n.btn-outline-primary {\n    color: var(--color1);\n    border-color: var(--color1);\n}\n.btn-outline-primary:not(:disabled):not(.disabled):active,\n.btn-outline-primary:not(:disabled):not(.disabled).active,\n.show>.btn-outline-primary.dropdown-toggle {\n    color: var(--color1b);\n    border-color: var(--color1b);\n}\n.btn-outline-primary:hover {\n    color: #fff;\n    background: var(--color1b);\n    border-color: var(--color1b);\n}\n/* NOTE - Alert box */\n.swal2-popup .swal2-styled.swal2-confirm {\n    background: var(--color1) !important;\n}\n/* NOTE - Member page */\nul.mypage-nav.nav li.current>a {\n    background: var(--color1);\n}\nul.mypage-nav.nav li>a {\n    color: var(--color2);\n}\nhr.sep {\n    background: var(--color1);\n}\nhr.sep::before {\n    border-color: var(--color1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);\n}\n\n@media (max-width: 991.98px) {\n    .brand-name{    \n        font-size: 18px;\n        font-weight: bold;\n    }\n}\n@media (max-width: 767.98px) {\n    .site-top {\n        background: var(--color1);\n    }\n    .nav-pane .btn-close-pane:hover,\n    .nav-pane .btn-close-pane:focus {\n        background: var(--color1b);\n    }\n}\n@media (max-width: 575.98px) {\n    .products-list {\n        grid-template-columns: 1fr;\n    } \n}\n@media (max-width: 389.98px) {}\n\n/* Product Card Facelift */\n.products-list.display-grid .product-item {\n    background: #fff;\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    padding: 12px;\n    margin-bottom: 20px;\n    transition: all 0.3s ease;\n    border: 1px solid #f0f0f0;\n}\n.products-list.display-grid .product-item:hover {\n    box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n    transform: translateY(-4px);\n}\n.products-list.display-grid .product-item .thumbs {\n    border-radius: 8px;\n    overflow: hidden;\n}\n.products-list.display-grid .product-item .thumbs img {\n    transition: transform 0.3s ease;\n}\n.products-list.display-grid .product-item:hover .thumbs img {\n    transform: scale(1.05);\n}\n.products-list.display-grid .product-item .info { padding: 10px 0 0; }\n.products-list.display-grid .product-item .name { font-size: 14px; font-weight: 600; margin-bottom: 6px; }\n.products-list.display-grid .product-item .name a { color: #333; text-decoration: none; line-height: 1.4; }\n.products-list.display-grid .product-item .name a:hover { color: #bb8721; }\n.products-list.display-grid .product-item .price { font-size: 16px; color: #e74c3c; }\n.products-list.display-grid .product-item .price .price-old { font-size: 13px; color: #999; text-decoration: line-through; margin-left: 6px; }\n\n/* ===== Mobile Optimization ===== */\n@media (max-width: 767.98px) {\n  .products-list.display-grid {\n    grid-template-columns: 1fr 1fr !important;\n    gap: 10px;\n  }\n  .products-list.display-grid .product-item {\n    padding: 8px;\n    margin-bottom: 10px;\n  }\n  .products-list.display-grid .product-item .name {\n    font-size: 12px;\n  }\n  .products-list.display-grid .product-item .price {\n    font-size: 14px;\n  }\n  .products-list.display-grid .product-item .price .price-old {\n    font-size: 11px;\n  }\n  /* Larger touch targets */\n  .product-item a, .product-item button {\n    min-height: 44px;\n    display: inline-flex;\n    align-items: center;\n  }\n  /* Hide thumbnail alt images on mobile for speed */\n  .thumbnail-alt {\n    display: none !important;\n  }\n}\n@media (max-width: 389.98px) {\n  .products-list.display-grid {\n    grid-template-columns: 1fr !important;\n  }\n}\n/* Sticky add to cart on mobile - if exists */\n@media (max-width: 767.98px) {\n  .product-detail .add-to-cart {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 1000;\n    background: #fff;\n    padding: 10px 15px;\n    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n  }\n}\n/* Improve mobile menu */\n@media (max-width: 767.98px) {\n  .site-logo img {\n    width: 80px;\n  }\n  h1 {\n    font-size: 18px !important;\n  }\n  h2 {\n    font-size: 16px !important;\n  }\n  /* Pagination */\n  .pagination-center {\n    font-size: 13px;\n  }\n}\n/* Better product page mobile layout */\n@media (max-width: 575.98px) {\n  .product-detail .row {\n    flex-direction: column;\n  }\n}\n\n\n/* ===== Theme: Gold-Dark Premium ===== */\n/* --- Buttons --- */\n.btn-primary, .button, button[type=submit], .shopnite-cart-btn, .add-to-cart-btn {\n    background: #bb8721 !important;\n    border-color: #bb8721 !important;\n    color: #fff !important;\n    border-radius: 6px !important;\n    transition: 0.3s;\n}\n.btn-primary:hover, .button:hover, button[type=submit]:hover, .shopnite-cart-btn:hover, .add-to-cart-btn:hover {\n    background: #8b6519 !important;\n    border-color: #8b6519 !important;\n}\n/* --- Links --- */\na:hover, .text-link-gray:hover {\n    color: #bb8721 !important;\n}\n/* --- Price --- */\n.price .price-new, .product-detail .price-new {\n    color: #e74c3c;\n    font-weight: 700;\n}\n.price .price-old {\n    color: #999;\n}\n/* --- Header / Nav --- */\n.site-header, .navbar, .main-header, .header {\n    background: #1a1a1a !important;\n    border-bottom: 2px solid #bb8721 !important;\n}\n.site-header a, .navbar a, .main-header a, .header a {\n    color: #fff !important;\n}\n.site-header a:hover, .navbar a:hover {\n    color: #bb8721 !important;\n}\n/* --- Footer --- */\nfooter, .site-footer, .main-footer {\n    background: #1a1a1a !important;\n    color: #ccc !important;\n    padding: 30px 0;\n}\nfooter a, .site-footer a, .main-footer a {\n    color: #bb8721 !important;\n}\nfooter a:hover, .site-footer a:hover {\n    color: #fff !important;\n}\n/* --- Section Title --- */\n.page-title, .page-header h1, .category-title, h1.page-title {\n    border-bottom: 3px solid #bb8721;\n    padding-bottom: 10px;\n    display: inline-block;\n    margin-bottom: 20px;\n}\n/* --- Badge/Sale Tag --- */\n.badge-sale, .onsale, .product-badge {\n    background: #bb8721 !important;\n    color: #fff !important;\n    border-radius: 4px;\n    padding: 4px 8px;\n    font-size: 12px;\n}\n/* --- Card Border Accent --- */\n.product-item:hover {\n    border-color: #bb8721 !important;\n}\n\n\n/* ===== Top 3 Polish ===== */\n/* 1. Product Image Unified Height */\n.products-list.display-grid .product-item .thumbs {\n    overflow: hidden;\n    background: #f8f8f8;\n    border-radius: 8px;\n}\n.products-list.display-grid .product-item .thumbs img {\n    width: 100%;\n    height: auto;\n    aspect-ratio: 3 / 4;\n    object-fit: contain;\n    display: block;\n}\n.products-list.display-grid .product-item .thumbnail,\n.products-list.display-grid .product-item .thumbnail-alt {\n    overflow: hidden;\n}\n\n/* 2. Price Tag Bigger & Bolder */\n.products-list.display-grid .product-item .price {\n    font-size: 18px !important;\n    font-weight: 800 !important;\n    margin-top: 4px;\n}\n.products-list.display-grid .product-item .price .price-new {\n    font-size: 18px !important;\n}\n.products-list.display-grid .product-item .price .price-old {\n    font-size: 13px !important;\n    font-weight: 400 !important;\n}\n.product-detail .price-new {\n    font-size: 24px !important;\n    font-weight: 800 !important;\n}\n.product-detail .price-old {\n    font-size: 16px !important;\n}\n\n/* 3. Fade-in Animation */\n@keyframes cardFadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n.products-list.display-grid .product-item {\n    animation: cardFadeIn 0.5s ease-out both;\n}\n.products-list.display-grid .product-item:nth-child(1) { animation-delay: 0.05s; }\n.products-list.display-grid .product-item:nth-child(2) { animation-delay: 0.10s; }\n.products-list.display-grid .product-item:nth-child(3) { animation-delay: 0.15s; }\n.products-list.display-grid .product-item:nth-child(4) { animation-delay: 0.20s; }\n.products-list.display-grid .product-item:nth-child(5) { animation-delay: 0.25s; }\n.products-list.display-grid .product-item:nth-child(6) { animation-delay: 0.30s; }\n.products-list.display-grid .product-item:nth-child(7) { animation-delay: 0.35s; }\n.products-list.display-grid .product-item:nth-child(8) { animation-delay: 0.40s; }\n.products-list.display-grid .product-item:nth-child(9) { animation-delay: 0.45s; }\n.products-list.display-grid .product-item:nth-child(10) { animation-delay: 0.50s; }\n.products-list.display-grid .product-item:nth-child(11) { animation-delay: 0.55s; }\n.products-list.display-grid .product-item:nth-child(12) { animation-delay: 0.60s; }\n.products-list.display-grid .product-item:nth-child(13) { animation-delay: 0.65s; }\n.products-list.display-grid .product-item:nth-child(14) { animation-delay: 0.70s; }\n.products-list.display-grid .product-item:nth-child(15) { animation-delay: 0.75s; }\n.products-list.display-grid .product-item:nth-child(16) { animation-delay: 0.80s; }\n.products-list.display-grid .product-item:nth-child(17) { animation-delay: 0.85s; }\n.products-list.display-grid .product-item:nth-child(18) { animation-delay: 0.90s; }\n.products-list.display-grid .product-item:nth-child(19) { animation-delay: 0.95s; }\n.products-list.display-grid .product-item:nth-child(20) { animation-delay: 1.00s; }\n\n\n/* ===== Breadcrumb Beautify ===== */\n.breadcrumb, .breadcrumbs, ul.breadcrumb {\n    background: transparent;\n    padding: 12px 0;\n    font-size: 13px;\n    margin: 0 0 15px;\n    border-radius: 0;\n}\n.breadcrumb li, .breadcrumbs li, ul.breadcrumb li {\n    display: inline;\n    color: #999;\n}\n.breadcrumb li + li::before, .breadcrumbs li + li::before {\n    content: \"\\203A\" !important;\n    color: #bb8721 !important;\n    padding: 0 8px;\n    font-weight: bold;\n}\n.breadcrumb a, .breadcrumbs a, ul.breadcrumb a {\n    color: #666;\n    text-decoration: none;\n    transition: 0.2s;\n}\n.breadcrumb a:hover, .breadcrumbs a:hover {\n    color: #bb8721;\n}\n.breadcrumb .active, .breadcrumbs .active, ul.breadcrumb .active {\n    color: #333;\n    font-weight: 600;\n}\n.breadcrumb [itemprop=\"name\"] {\n    color: #333;\n}\n\n/* ===== Quick View Hover ===== */\n.products-list.display-grid .product-item .thumbs {\n    position: relative;\n}\n.products-list.display-grid .product-item .thumbs::after {\n    content: \"Quick View\";\n    position: absolute;\n    bottom: 10px;\n    left: 50%;\n    transform: translateX(-50%) translateY(10px);\n    background: rgba(0,0,0,0.75);\n    color: #fff;\n    padding: 6px 18px;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    opacity: 0;\n    transition: all 0.3s ease;\n    pointer-events: none;\n    z-index: 2;\n    white-space: nowrap;\n}\n.products-list.display-grid .product-item .thumbs:hover::after {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n}\n.products-list.display-grid .product-item .thumbs:hover::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,0.1);\n    z-index: 1;\n    border-radius: 8px;\n    pointer-events: none;\n}\n\n\n/* ===== Homepage Featured Products ===== */\n/* Section Container */\n.products-swiper-block {\n    padding: 20px 30px;\n    margin-bottom: 30px;\n    position: relative;\n}\n/* Section Title */\n.sec-title {\n    font-size: 20px;\n    font-weight: 700;\n    color: #1a1a1a;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    padding-bottom: 12px;\n    border-bottom: 2px solid #bb8721;\n}\n.sec-title img {\n    width: 28px;\n    height: 28px;\n    object-fit: contain;\n}\n/* Swiper Carousel */\n.product-list-swiper {\n    padding-bottom: 30px;\n}\n/* Swiper Arrows */\n.products-swiper-block .swiper-button-next,\n.products-swiper-block .swiper-button-prev {\n    background: #fff;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n    transition: all 0.3s;\n    color: #bb8721;\n}\n.products-swiper-block .swiper-button-next::after,\n.products-swiper-block .swiper-button-prev::after {\n    font-size: 16px;\n    font-weight: bold;\n}\n.products-swiper-block .swiper-button-next:hover,\n.products-swiper-block .swiper-button-prev:hover {\n    background: #bb8721;\n    color: #fff;\n    box-shadow: 0 4px 16px rgba(0,0,0,0.2);\n}\n/* Swiper Pagination Dots */\n.products-swiper-block .swiper-pagination-bullet {\n    background: #ccc;\n    opacity: 1;\n    width: 8px;\n    height: 8px;\n    transition: all 0.3s;\n}\n.products-swiper-block .swiper-pagination-bullet-active {\n    background: #bb8721;\n    width: 24px;\n    border-radius: 4px;\n}\n/* Product cards in swiper */\n.product-list-swiper .product-item {\n    border-radius: 12px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    padding: 10px;\n    transition: all 0.3s ease;\n    border: 1px solid #f0f0f0;\n    background: #fff;\n}\n.product-list-swiper .product-item:hover {\n    box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n    transform: translateY(-4px);\n    border-color: #bb8721;\n}\n.product-list-swiper .product-item .thumbs img {\n    width: 100%;\n    aspect-ratio: 3 / 4;\n    object-fit: contain;\n}\n\n

/* ===== Black-Gold Premium Override ===== */
:root {
    --color2: linear-gradient(90deg, #000000 0%, #1a1a1a 100%);
    --color2b: linear-gradient(90deg, #1a1a1a 0%, #000000 100%);
    --color4: #ffffff;
}
.brand-name, .brand-subtitle { color: #ffffff !important; }

/* Primary buttons - GOLD background */
.btn-primary, .button, button[type=submit], .shopnite-cart-btn, .add-to-cart-btn,
.btn-secondary, .buy-discount, .product-bulk-purchase .btn {
    background: #bb8721 !important;
    border-color: #bb8721 !important;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.btn-primary:hover, .button:hover, button[type=submit]:hover, .shopnite-cart-btn:hover, .add-to-cart-btn:hover,
.btn-secondary:hover, .buy-discount:hover, .product-bulk-purchase .btn:hover {
    background: #8b6519 !important;
    border-color: #8b6519 !important;
    color: #fff !important;
}

/* Header & Nav - Deep black */
header, .header, .site-header, .navbar, .main-header,
.header-main nav.main-nav, nav.nav-dropdown ul.nav-child {
    background: #000000 !important;
    border-bottom: 2px solid #bb8721 !important;
}

/* Footer - Black */
footer, .site-footer, .main-footer, .footer-top {
    background: #000000 !important;
    color: #999 !important;
}

/* Section titles - Black */
.page-title, .page-header h1, .category-title, h1.page-title,
.sec-title {
    border-bottom-color: #000000 !important;
    color: #000000 !important;
}

/* Swiper arrows - Gold accent */
.products-swiper-block .swiper-button-next,
.products-swiper-block .swiper-button-prev {
    color: #bb8721 !important;
}
.products-swiper-block .swiper-button-next:hover,
.products-swiper-block .swiper-button-prev:hover {
    background: #000000 !important;
    color: #fff !important;
}

/* Pagination dots */
.products-swiper-block .swiper-pagination-bullet-active {
    background: #000000 !important;
}

/* Badges - Gold */
.badge-sale, .onsale, .product-badge {
    background: #bb8721 !important;
}

/* Product card hover - Gold border */
.product-item:hover, .product-list-swiper .product-item:hover {
    border-color: #bb8721 !important;
}

/* Price - Red */
.price .price-new { color: #e74c3c !important; }

/* Mobile 2-col swiper fix */
@media (max-width: 520px) {
  .products-swiper-block .product-item { height: auto !important; padding: 8px; }
  .products-swiper-block .product-item .product-thumbnail { height: 160px !important; }
  .products-swiper-block .product-item .name { font-size: 0.85rem; }
  .products-swiper-block .product-item .price { font-size: 0.88rem; }
  .products-swiper-block .product-item .product-bulk-purchase .btn { font-size: 0.72rem; padding: 4px 6px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
  .products-swiper-block .product-item .product-bulk-purchase .btn-buy-now { font-size: 0.8rem; padding: 6px 8px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
  .products-swiper-block .product-item .product-bulk-purchase .buy-discount { font-size: 0.67rem; padding: 3px 5px; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
  .products-swiper-block .product-item .function-list { font-size: 0.7rem; }
  .products-swiper-block .product-item .function-list li { width: 100%; }
  .products-swiper-block .product-item .product-bulk-purchase { display: flex; flex-direction: column; align-items: stretch; width: 100%; }
}