/** Shopify CDN: Minification failed

Line 577:234 Expected ":"

**/
/* ===== BASE ===== */
:root{
    --primary-color:#001489;
    --primary-dark-color:#30409e;
    --danger:#CC1203;
    --bg-color:#fff;
    --light: #F8F8F8;
    --footer_font: "Roboto", sans-serif;
}

/* ===== SECTION DEFAULT PADDING ===== */
section{padding:80px 0;}

/* ===== SECTION CONTAINER (1653px) ===== */
@media(min-width:1200px){
.container {max-width:1550px;padding:0 30px;}
}
.sec-container{max-width:1653px;margin:0 auto;padding:0 30px;width:100%;}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#fff;margin:0;padding:0;overflow-x:hidden; font-family:'Roboto Slab',serif;}
a{text-decoration:none;transition:all .3s linear;}
ul{list-style:none;margin:0;padding:0;}
img{max-width:100%;height:auto;display:block;}
button{cursor:pointer;}
.btn_big{font-size: 20px !important;}
.btn_styled{display: inline-flex;align-items: center;font-size: 14px;font-weight: 600;letter-spacing: 0.8px;line-height: 1.4;padding: 14px 28px;   border-radius: 4px;border-width: medium;border-style: none;border-color: currentcolor;border-image: initial;transition: background 0.3s;}
.btn_primary, .btn_primary:disabled{background: var(--primary-color); color: rgb(255, 255, 255);}
.btn_primary:hover, .btn_primary:focus, .btn_primary:first-child:active{background:var(--primary-dark-color); color: rgb(255, 255, 255);}

/* ===== HK CONTAINER (max-width 1465px) ===== */
.hk-container{max-width:1465px;margin:0 auto;padding:0 30px;width:100%;}

/* ===== ANNOUNCEMENT BAR ===== */
.announcement_bar{background:var(--primary-color);position:relative;display:flex;align-items:center;overflow:hidden; padding:15px 0;}
.ann-arrow{position:absolute;top:0;height:100%;width:44px;background:none;border:none;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;z-index:5;opacity:.85;padding:0;line-height:1;transition:opacity .2s;}
.ann-arrow:hover{opacity:1;}
.ann-prev{left:20%;}
.ann-next{right:20%;}
.announcement-slider{flex:1;padding:0 44px;margin:0;}
.announcement-item{font-size:20px;font-weight:300;color:#fff;text-align:center;letter-spacing:.6px;line-height:36px;white-space:nowrap; display:flex;align-items:center;justify-content:center;gap:8px; background:var(--primary-color);}
.american_flg{width:20px !important;height:auto;vertical-align:middle;margin-left:8px;}
/* ===== SITE HEADER ===== */
.header_wrap{gap:35px;}
.sticky-header-wrapper {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.3s ease;
}
.sticky-header-wrapper.scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.site-header {
    background: #fff;
    padding: 30px 0;
    transition: padding 0.3s ease;
}

.site-header .hk-container{display:block;}
.site-header .row{margin:0;}
.site-logo{display:inline-flex;align-items:center;line-height:0;}
.site-logo img{width: 362px; height:auto;}
.header-search{position:relative;width:100%;}
.header-search input[type="search"]{width:100%;padding:13px 56px 13px 20px;background:#f5f5f5;border:none;outline:none;font-size:20px;font-weight:400;color:#555;letter-spacing:1.8px;border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color .25s,background .25s; font-weight:300;}
.header-search input[type="search"]::placeholder{color:#aaa;font-size:20px; font-weight:300;}
.header-search input[type="search"]:focus{border-color:#c0c0c0;background:#ececec;}
.header-search input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;display:none;}
.header-search button{position:absolute;right:0;top:0;width:56px;height:100%;background:none;border:none;color:#333;font-size:20px;display:flex;align-items:center;justify-content:center;transition:color .25s;}
.header-search button:hover{color:var(--danger);}
.header-right{display:flex;align-items:center;justify-content:flex-end;gap:24px;}
.mobile-hdr-icons{display:none;}
.mobile-search-trigger{background:none;border:none;}
.cart_bubble {position: absolute; top:-10px; right:-10px; font-size:12px; background:#990000; color:#fff; width:24px; height:24px; line-height: 24px; border-radius: 50%; text-align: center; left: inherit !important;}

/* ===== MOBILE SEARCH OVERLAY ===== */
.mobile-search-overlay{position:fixed;top:0;left:0;right:0;z-index:1100;pointer-events:none;}
.mobile-search-bar{position:relative;z-index:2;background:#fff;transform:translateY(-100%);transition:transform .35s ease;box-shadow:0 4px 18px rgba(0,0,0,.12);}
.mobile-search-bar .header-search{margin:0;}
.mobile-search-bar .hk-container{padding-top:14px;padding-bottom:14px;}
.mobile-search-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .35s ease;z-index:1;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.mobile-search-overlay.open{pointer-events:all;}
.mobile-search-overlay.open .mobile-search-bar{transform:translateY(0);}
.mobile-search-overlay.open .mobile-search-backdrop{opacity:1;}
.hdr-icon{transition:background-color .25s; line-height:1;display:flex;align-items:center;transition:color .25s; background:var(--light); padding:12px 18px; }
.hdr-icon img{width:30px; height:30px; object-fit:contain;}
.hdr-icon:hover{background-color:var(--primary-color); transition:background-color .25s;}
.hdr-icon:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.menu-toggle {
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    transition: color .25s;
    line-height: 1;
    z-index: 10;
    position: relative;
}

.hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    width: 37px;
    height: 25px;
    position: relative;
}
.hamburger span {
    display: block;
    height: 3px;
    background: #121212;
    border-radius: 1px;
    transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease, background-color 0.3s ease;
    width: 100%;
}
.hamburger span:nth-child(1) { width: 100%; transform-origin: center; }
.hamburger span:nth-child(2) { width: 65%; transform-origin: center; }
.hamburger span:nth-child(3) { width: 80%; transform-origin: center; }

.menu-toggle:hover .hamburger span { width: 100%; }

/* Hamburger to cross conversion */
.menu-toggle.active .hamburger span:nth-child(1) {
    transform: translateY(11px) rotate(45deg);
    width: 100%;
}
.menu-toggle.active .hamburger span:nth-child(2) {
    opacity: 0;
    width: 0;
}
.menu-toggle.active .hamburger span:nth-child(3) {
    transform: translateY(-11px) rotate(-45deg);
    width: 100%;
}

/* ===== DRAWER WRAPPERS & SCROLL PREVENTION ===== */
body.desktop-menu-open,
body.mobile-menu-open {
    overflow: hidden !important;
}

/* ===== DESKTOP SLIDE-DOWN DRAWER ===== */
.desktop-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    z-index: 1050;
    transform: translateY(-100%);
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    overflow-y: auto;
    padding-top: 135px; /* Space for sticky header + main navigation */
    padding-bottom: 60px;
    color: #111;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    border-bottom: 1px solid #e8e8e8;
}
.desktop-drawer.open {
    transform: translateY(0);
}

/* Desktop Drawer Inner Elements */
.drawer-content-grid {
    padding-top: 20px;
}
.drawer-col-title {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}
.drawer-col-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: var(--primary-color);
}
.drawer-links-list {
    padding: 0;
    margin: 0;
    list-style: none;
}
.drawer-links-list li {
    margin-bottom: 14px;
}
.drawer-links-list li a {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
}
.drawer-links-list li a:hover {
    color: var(--danger);
    transform: translateX(8px);
}

.drawer-sub-title {
    font-size: 15px;
    font-weight: 700;
    color: #777;
    letter-spacing: 1.2px;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.drawer-sub-links {
    padding: 0;
    margin: 0;
    list-style: none;
}
.drawer-sub-links li {
    margin-bottom: 10px;
}
.drawer-sub-links li a {
    font-size: 18px;
    font-weight: 300;
    color: #555;
    transition: color 0.25s;
}
.drawer-sub-links li a:hover {
    color: var(--danger);
}

/* Featured card in desktop drawer */
.drawer-featured-card {
    position: relative;
    overflow: hidden;
    height: 100%;
    min-height: 380px;
    border-radius: 4px;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.drawer-featured-card .card-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.drawer-featured-card:hover .card-bg {
    transform: scale(1.05);
}
.drawer-featured-card .card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 11, 77, 0.95) 0%, rgba(0, 11, 77, 0.4) 60%, transparent 100%);
    z-index: 1;
}
.drawer-featured-card .card-content {
    position: relative;
    z-index: 2;
    width: 100%;
}
.drawer-featured-card .featured-badge {
    display: inline-block;
    padding: 4px 10px;
    background: #E5E201;
    color: #000B4D;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.drawer-featured-card .featured-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
.drawer-featured-card .featured-desc {
    font-size: 14px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin-bottom: 20px;
}
.drawer-featured-card .btn_primary {
    background: #fff;
    color: #000B4D;
}
.drawer-featured-card .btn_primary:hover {
    background: var(--danger);
    color: #fff;
}

/* Header style modifications when Desktop menu is open */
body.desktop-menu-open .sticky-header-wrapper {
    z-index: 1060;
}
.sticky-header-wrapper.scrolled{
    .nav-menu > li > a {font-size: 16px;padding: 0px 24px; transition: font-size 0.3s, padding 0.3s;}
}

/* ===== MOBILE SLIDE-IN DRAWER ===== */
.mobile-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 300px;
    height: 100vh;
    background: #fff;
    z-index: 1200;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: -6px 0 25px rgba(0,0,0,0.15);
    display: flex;
    flex-direction: column;
}
.mobile-drawer.open {
    transform: translateX(0);
}

.mobile-drawer .drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    background: #000B4D;
    color: #fff;
}
.mobile-drawer .drawer-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.mobile-drawer .drawer-close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    transition: color 0.2s;
}
.mobile-drawer .drawer-close-btn:hover {
    color: #E5E201;
}

.mobile-drawer .drawer-body {
    position: relative;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Recursive submenu list styling */
.mobile-drawer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-drawer li {
    border-bottom: 1px solid #f2f2f2;
    position: static;
}
.mobile-drawer li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s, color 0.2s;
}
.mobile-drawer li a:hover {
    background: #fafafa;
    color: var(--primary-color);
}
.mobile-drawer li a i {
    font-size: 14px;
    color: #999;
    transition: transform 0.2s;
}
.mobile-drawer li a:hover i {
    color: var(--primary-color);
}
.mobile-drawer .submenu  li .bi {display: none;}
.mobile-drawer .submenu  li.has-dropdown .bi {display: block;}
.dropdown_toggler {position: absolute; right:0; top:0; padding:16px 15px; background:transparent; border:0;}
/* RECURSIVE SUBMENU SYSTEM */
.mobile-drawer .submenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 10;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}
.mobile-drawer .submenu.open {
    transform: translateX(0);
}

.mobile-drawer .submenu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    background: #f8f9fa;
}
.mobile-drawer .back-btn {
    background: none;
    border: none;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.2s;
}
.mobile-drawer .back-btn:hover {
    color: var(--danger);
}
.mobile-drawer .submenu-title {
    font-size: 13px;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Dim Backdrop overlay for Mobile Drawer */
.mobile-drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 1150;
    backdrop-filter: blur(2px);
}
.mobile-drawer-backdrop.open {
    opacity: 1;
    visibility: visible;
}

.desktop-menu-open .announcement-bar , .desktop-menu-open .main-nav{display:none;}

/* ===== MAIN NAVIGATION ===== */
.main-nav{background:#fff; padding:0px 0px 15px 0;}
.nav-menu{display:flex;align-items:center;flex-wrap:nowrap;margin:0;padding:0; border-top: 1px solid #1D242D; padding-top: 15px; justify-content: center;}
.nav-menu > li{position:relative;}
.nav-menu > li > a{display:block;padding:20px 15px;font-size:17px;font-weight:300;color:black;letter-spacing:1.8px;text-transform:uppercase;white-space:nowrap;transition:color .25s;line-height:1.2;}
.nav-menu > li > a i{font-size:16px;margin-left:4px;vertical-align:middle;display:inline-block;transform:translateY(-1px);}
.nav-menu > li.active > a{color:var(--danger);}
.nav-menu > li > a:hover,.nav-menu > li:hover > a{color:var(--danger);}
.nav-menu > li:first-child > a{padding-left:0;}
.nav-menu .dropdown{position:absolute;top:100%;left:0;background:#fff;min-width:250px;border-top:3px solid var(--primary-color);box-shadow:0 10px 28px rgba(0,0,0,.11);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .22s ease;z-index:999;padding:6px 0;}
.nav-menu .has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.nav-menu  .dropdown li a{display:block;padding:12px 22px;font-size:16px;font-weight:400;color:#222;border-bottom:1px solid #f2f2f2;transition:all .2s;}
.nav-menu .dropdown li:last-child a{border-bottom:none;}
.nav-menu .dropdown li a:hover{color:var(--danger);background:#fafafa;}
.nav-menu li:last-child ul.dropdown {left:inherit; right:0;}

.normal_menu .grandchild-dropdown {position:absolute;top:0;left:100%;background:#fff;min-width:250px;border-top:3px solid var(--primary-color);box-shadow:0 10px 28px rgba(0,0,0,.11);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .22s ease;z-index:999;padding:6px 0;}
.normal_menu .grandchild-dropdown li a{padding-left:28px;}
.normal_menu li.has-grandchild-dropdown:hover ul {opacity:1; visibility:visible;transform:translateY(0);}
.normal_menu li.has-grandchild-dropdown i {float:right;}

.shopall_link {display:block; text-align:center; font-size:16px; font-weight:600; color:#000; text-transform:uppercase;  padding:25px 0 5px; margin:35px 0 0; transition:color .25s; border-top:1px solid #ddd; letter-spacing:1.2px;}

/* ===== HERO SECTION ===== */

 .hero-section{position:relative;overflow:hidden;background:#000e2a;padding:0;}
/* .hero-section::after{position:absolute;content:""; width: 100%; height: 43px;bottom: 0px;left: 4%; background: #fff; z-index: 1;} */
/* .hero-bg{position:absolute;inset:0;z-index:0;}
.hero-bg video{width:100%;height:100%;object-fit:cover;display:block;} */
/* .hero-overlay{position:absolute;inset:0;background:rgba(0,12,42,.5);} */
/* .hero-carousel{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;} */
.hero-carousel .hero-slide {position:relative}
.hero-carousel .hero-slide .hero-bg img {height:650px; object-fit: cover;}
.hero-carousel .hero-slide video {width:100%; height:650px; object-fit:cover; display:block;}
.hero-carousel .owl-item{height:100% !important;}
.hero-carousel .owl-dots{display:none !important;}
/* .hero-slide{height:100%;display:flex;align-items:center;}
.hero-slide .hk-container{padding-left:30px;padding-right:30px;}
.hero-content{display:flex;flex-direction:column;align-items:flex-start;} */
.hero-content h1{font-size:68px;font-weight:800;color:#fff;line-height:1.04;margin:0 0 16px;letter-spacing:-.5px;}
.hero-content p{font-size:21px;font-weight:400;color:#fff;margin:0 0 34px;opacity:.92;letter-spacing:.2px;line-height:1.5;}
.btn-hero{display:inline-flex;align-items:center;padding:14px 32px;background:var(--primary-color);color:#fff;font-size:20px;font-weight:600;letter-spacing:.8px;border-radius:2px;border:none;transition:background .3s;line-height:1.4;}
.btn-hero:hover,.btn-hero:focus{background:var(--primary-dark-color);color:#fff;}
.hero-section .hero-content{max-width:1450px;margin:0 auto;padding:0 30px;width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.hero-carousel .hero-slide .hero-bg .simple_banner_link img {height:auto;}
/* ===== HERO SLIDE DOTS ===== */
.hero-dots-bar{position:absolute;bottom:23%;left:0;right:0;z-index:10;pointer-events:none;}
.hsd-wrap{display:flex;align-items:center;gap:12px;pointer-events:all;}
.hsd{display:block;width:85px;height:3px;background:rgba(255,255,255,.32);border-radius:1px;transition:background .3s;cursor:pointer;}
.hsd.active{background:#fff;}

/* ===== HERO ARROWS ===== */
.hero-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:55px;height:55px;border-radius:50%;background:rgba(90,90,90,.4);border:none;display:flex;align-items:center;justify-content:center;padding:0;transition:background .3s;}
.hero-arrow-btn:hover{background:rgba(0,0,0,.6);}
.prev-btn{left:22px;}
.next-btn{right:22px;}
.hero-arrow-btn img{width:20px;height:20px;object-fit:contain;display:block;}

/* ===== RECOMMENDED PRODUCTS SECTION ===== */
/* Section header row */
.rp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.section-title{font-size:37px;font-weight:700;color:#111;margin:0;line-height:1.2;}
.section-title a {color:#000;}
.rp-view-all{font-size:20px;font-weight:600;color:#111;text-decoration:underline;text-underline-offset:3px;transition:color .25s;}
.rp-view-all:hover{color:var(--primary-color);}

/* Slider outer — starts from sec-container left edge, overflows right */
.rp-slider-outer{position:relative;padding-left:max(30px, calc((100vw - 1565px) / 2 + 30px));overflow:hidden;margin-bottom:48px;}
.rp-carousel.owl-carousel .owl-stage-outer{overflow:hidden !important;}
.rp-carousel.owl-carousel{overflow:visible;}

/* Product card */
.recommended-section .rp-card{width:427px;}
.rp-card{position:relative; border:1px solid #eee;overflow:hidden;background:var(--light);display:flex;flex-direction:column; border-radius:4px;}

/* Full-bleed hover background image */
.rp-hover-fullbg{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .4s ease;pointer-events:none;}
.rp-hover-fullbg > img{width:100%;height:100%;object-fit:cover;display:block;}
.rp-hover-gradient{position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,transparent 100%);}

/* Made in USA badge — always on top */
.made-usa-badge{position:absolute;top:14px;left:14px;z-index:5;display:flex;align-items:center;gap:6px; padding:5px 8px 5px 6px;line-height:1.3;color:#111;}
.made-usa-badge img{width:85px !important;height:85px !important;flex-shrink:0; border-radius:50%;}
.made-usa-badge span{font-size:10px;font-weight:400;}

/* Image area */
.rp-card-img-area{position:relative;z-index:2;height:430px;background:var(--light);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .4s ease;}
.rp-img-main{width:100%;height:100%;object-fit:contain;padding:28px;display:block; background:#fff;}

/* Card text body */
.rp-card-body{position:relative;z-index:2;padding:22px 24px 28px;transition:background .4s ease;flex:1;display:flex;flex-direction:column;background:var(--light);}
.rp-card-title{font-size:18px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.3;transition:color .35s ease; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:48px;section-title}
.rp-card-desc{font-size:15px;font-weight:400;color:#555;margin:0 0 14px;line-height:1.45;transition:color .35s ease;}
.rp-card-price{font-size:17px;font-weight:600;color:#111;margin-bottom:16px;transition:color .35s ease;}
.rp-card-price del {color:#666; margin-right:5px; display:inline-block; font-weight:400; font-size:15px;}
.rp-shop-btn{padding:11px 20px;font-size:14px;font-weight:600;align-self:flex-start;}
.card_badge_sale {background:#920000; font-size:14px; font-weight:500; padding:4px 16px; border-radius:2px; position:absolute; top:14px; left:14px; z-index:5; text-transform:uppercase; color:#fff; border-radius:2px; font-family: var(--bs-body-font-family);}
.card_badge.badge_right .card_badge_sale {left:inherit; right:15px;}

.pdp_gallery_row .card_badge_sale {top:14px; left:22px;}

/* Hover states */
.rp-card.rp-featured:hover .rp-hover-fullbg{opacity:1;}
.rp-card.rp-featured:hover .rp-card-img-area{opacity:0;}
.rp-card.rp-featured:hover .rp-card-body{background:transparent;}
.rp-card.rp-featured:hover .rp-card-title{color:#fff;}
.rp-card.rp-featured:hover .rp-card-desc{color:rgba(255,255,255,.85);}
.rp-card.rp-featured:hover .rp-card-price{color:#fff;}
.rp-card.rp-featured:hover .card_sku {color:#fff;}
/* Slider nav arrows */
.rp-carousel .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:56px;height:56px;border-radius:50%;background:rgba(130,130,130,.5) !important;border:none;display:flex;align-items:center;justify-content:center;padding:0;transition:background .25s, opacity .25s, visibility .25s;}
.rp-carousel .owl-nav button:hover{background:rgba(0,0,0,.65) !important;}
.rp-carousel .owl-nav button img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);}
.rp-carousel .owl-nav .owl-next{right:14px;}
.rp-carousel .owl-nav .owl-prev{left:14px;}
.rp-carousel .owl-nav button.disabled{opacity:0;visibility:hidden;pointer-events:none;}

.card_sku {color:#000; font-size:16px;}

/* Footer CTA button */
.rp-footer-cta{text-align:center;}
.btn_outline_dark{background:transparent;color:#111;border:1.5px solid #444;border-style:solid;}
.btn_outline_dark:hover{background:#111;color:#fff;}

/* ===== FEATURED CATEGORIES ===== */
.fc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
.fc-view-all{font-size:18px;font-weight:400;color:#111;text-decoration:underline;text-underline-offset:3px;transition:color .25s;}
.fc-view-all:hover{color:var(--primary-color);}
.fc-tile{position:relative;overflow:hidden;height:389px;display:block;cursor:pointer;}
.fc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.fc-tile:hover .fc-bg{transform:scale(1.05);}
.fc-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.1) 55%,transparent 100%);transition:all .3s linear;}
.fc-tile:hover .fc-overlay{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,rgba(0,0,0,.05) 100%); transition:all .3s linear;}
.fc-content{position:absolute;bottom:0;left:0;right:0;padding:22px 24px;z-index:2;}
.fc-name{font-size:26px;font-weight:700;color:#fff;margin:0 0 5px;line-height:1.2;}
.fc-desc{font-size:20px;font-weight:400;color:rgba(255,255,255,.85);margin:0;line-height:1.4;}
.fc-shop-now{position:absolute;bottom:0;right:0;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:12px 25px;background:#fff;color:#111;font-size:18px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;transition:background .25s,color .25s;white-space:nowrap;}
.fc-shop-now:hover{background:var(--danger);color:#fff;}
/* .fc-shop-now:hover img{     filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} */
/* remove old non-featured hide rules */
.fc-tile:not(.fc-tile--featured) .fc-shop-now{display:none;}
.fc-tile:not(.fc-tile--featured):hover .fc-shop-now{display:none;}

/* ===== PROMO BANNER ===== */
.promo-banner-wrap{min-height:420px;}
.promo-banner-text{background:var(--light);width:100%;height:100%;padding:50px 50px;display: flex;flex-direction: column;justify-content: center;}
.promo-banner-heading{font-size:44px;margin:0 0 20px; font-weight:900; }
.promo-banner-desc{font-size:21px;font-weight:400;color:#444;line-height:1.7;margin:0 0 30px;}
.promo-banner-btn{ width:fit-content;}
.promo-banner-img-wrap{height:100%;min-height:500px;}
.promo-banner-img{width:100%;height:100%;object-fit:cover;display:block;}

/* ===== HERITAGE BANNER ===== */
/* ===== HERITAGE BANNER ===== */
.heritage-banner-inner{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;}
.heritage-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;}
.heritage-banner-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to left, rgba(0,0,0,.82) 0%, rgba(0,0,0,.65) 40%, rgba(0,0,0,.1) 65%, transparent 100%);}
.heritage-banner-container{position:relative;z-index:2;width:100%;padding-top:100px;padding-bottom:100px;}
.heritage-banner-text{padding:0 10px 0 0;}
.heritage-banner-heading{font-size:44px;font-weight:800;margin:0 0 24px; color:#fff;}
.heritage-banner-desc{font-size:21px;font-weight:400;color:#ffffff;line-height:1.75;margin:0 0 32px;}
.heritage-banner-btn{width:fit-content;}
.heritage-banner-overlay{display:none;}
/* ===== REVIEWS ===== */
.review_wrap{background:var(--light);}
.reviews-wrap{min-height:560px;}
.reviews-left{padding:60px;width:100%;}
.review-commas{width:52px !important;height:auto;display:block;margin-bottom:40px;}
.review-quote{font-size:37px;font-weight:400;color:#111;line-height:1.3;margin:0 0 14px;}
.review-body{font-size:20px;font-weight:400;color:#555;line-height:1.65;margin:0;}
.review-divider{border:none;border-top:1px solid #a2a2a2;margin:24px 0;}
.review-stars{display:flex;gap:4px;margin-bottom:10px;}
.review-stars .bi{font-size:22px;color:#f5a623;}
.review-author{font-size:16px;font-weight:700;color:#111;margin:0;}
.reviews-nav{display:flex;gap:14px;margin-top:36px;}
.rev-btn{width:52px;height:52px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;background:#d6d6d6;color:#888;transition:background .25s,color .25s;}
.rev-btn.active{background:#111;color:#fff;}
.rev-btn:hover{background:#111;color:#fff;}
.reviews-img-wrap{height:100%;min-height:560px;}
.reviews-img{width:100%;height:100%;object-fit:cover;display:block;}

/* ===== BLOG SECTION ===== */
.blog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.blog-title{font-size:36px;font-weight:700;color:#111;margin:0;line-height:1.2;}
.blog-view-all{font-size:18px;font-weight:400;color:#111;text-decoration:underline;text-underline-offset:3px;transition:color .25s;}
.blog-view-all:hover{color:var(--primary-color);}
/* Featured card */
.blog-card{display:block;text-decoration:none;color:inherit;}
.blog-card--featured .blog-card-img-wrap{overflow:hidden;}
.blog-card--featured .blog-card-img{width:100%;height:518px;object-fit:cover;display:block;transition:transform .4s ease;}
.blog-card--featured:hover .blog-card-img{transform:scale(1.04);}
.blog-card-body{padding:20px 0 0;}
.blog-card-date{font-size:14px;color:#888;display:block;margin-bottom:8px;}
.blog-card-title{font-size:24px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.3;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.blog-card-excerpt{font-size:16px;color:#09090B;line-height:1.6;margin:0 0 18px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.blog-read-btn{font-size:14px;padding:10px 22px;}
/* Small cards */
.blog-card--small{display:flex;gap:20px;align-items:start;text-decoration:none;color:inherit;}
.blog-card-small-img{    flex: 0 0 301px;width: 100%;height: 247px;overflow: hidden;}
.blog-card-small-img .blog-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.blog-card--small:hover .blog-card-img{transform:scale(1.04);}
.blog-card-small-body{flex:1;}
.blog-card-tag{font-size:16px;color:#888;display:block;margin-bottom:6px;letter-spacing:.4px;}
.blog-card--small .blog-read-btn{font-size:14px;padding:10px 22px;}

/* ===== CTA SECTION ===== */
.cta-section{background:var(--light);}
.cta-heading{font-size:58px;font-weight:400;color:#111;margin:0 0 18px;line-height:1.2;}
.cta-desc{font-size:21px;color:#000000;line-height:1.7;margin:0 0 32px;}

/* ===== FOOTER ===== */
.site-footer-main{background:var(--primary-color);color:#fff;}
/* Category icons */
.footer-cats{padding:48px 0 0; background:var(--primary-color);}
.footer-cats-row{gap:0;}
.footer-cat-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 10px;text-decoration:none;}
.footer-cat-item img{width:132px;height:120px;object-fit:contain;filter:brightness(0) invert(1);}
.footer-cat-item span{font-size:11px;font-weight:400;color:#fff;letter-spacing:1.2px;text-align:center;line-height:1.4;text-transform:uppercase;}
.footer-divider{border:none;border-top:1px solid rgb(255, 255, 255);margin:60px 0 0; opacity:1;}
.footer-cat-item:hover img{filter: invert(15%) sepia(94%) saturate(3522%) hue-rotate(357deg) brightness(88%) contrast(106%);}
.footer-cat-item:hover span{color:#E5E201;}
/* Main row */
.footer-main-row{padding:60px 0 0;}
.footer-subscribe-title{font-size:26px;font-weight:700;color:#fff;margin:0 0 12px;}
.footer-subscribe-desc{font-size:16px;color:rgba(255,255,255,.8);line-height:1.6;margin:0 0 22px;}
.footer-subscribe-form{display:flex;gap:10px;}
.footer-subscribe-form input{flex:1;padding:14px 18px;border:1px solid #fff;outline:none;font-size:21px;color:#fff;background:#fff;}
.footer-subscribe-form input::placeholder{color: #000;}
.footer-subscribe-form button{padding:14px 24px;background:#2739a5;color:#fff;font-size:18px;font-weight:700;border:none;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s;}
.footer-subscribe-form button:hover{background:#1f3092;color:#fff;}
ul.footer-contact-info li {margin:0 0 8px;}
ul.footer-contact-info li a{color:#fff;}
.footer-logo{display:inline-block;margin-bottom:50px;}
.footer-logo img{height:44px;width:auto;}
.footer-nav li {margin:0 0 5px;}
.footer-nav a{font-size:16px;font-weight:400;color:rgba(255,255,255,.9);text-decoration:none;transition:color .25s;}
.footer-nav a:hover{color:#fff; text-decoration:underline;}
.footer-socials{display:flex;gap:12px;}
.footer-socials a{width:42px;height:42px;background:#fff;display:flex;align-items:center;justify-content:center;transition:background .25s;}
.footer-socials a:hover{background:#111;}
.footer-socials a:hover.instagram-link {background:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.footer-socials a:hover.youtube-link {background:linear-gradient(45deg, #ff0000 0%,#cc0000 100%);}
.footer-socials a:hover.facebook-link {background:#1877f7;}
.footer-socials img{width:18px;height:18px;object-fit:contain;filter:none;}
.footer-socials a:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
/* Bottom bar */
.footer-bottom{padding:40px 0;}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:6px 24px;}
.footer-legal-links a{font-size:16px;color:rgb(255, 255, 255);text-decoration:underline;text-underline-offset:3px;transition:color .25s;}
.footer-legal-links a:hover{color:#fff; text-decoration:none;}
.footer-copy{font-size:16px;color:#ffffff; margin:0;}



.brands-section {padding: 60px 0;}
.brands-section .brand_card img {height: 100px; object-fit: scale-down; margin: 0 auto 0; top:0; transition: all linear 0.2s; top:0; position: relative;}
.brands-section .brand_card {display: block; color: #000; text-align: center; background: #fff; margin-bottom: 30px; padding: 40px 15px; font-weight: 600; border: 1px solid #d1d1d1; border-radius: 7px; position: relative; overflow:hidden;}
@media(min-width:992px){
.brands-section .brand_card span {position:absolute; bottom:-10px; opacity:0; left:50%; transform:translateX(-50%); transition: all 0.3s ease;}
.brands-section .brand_card:hover img {top:-15px;}
.brands-section .brand_card:hover span {bottom: 15px; opacity: 1;}
}

.desktop-menu-toggle{background:0 0;border:none;padding:0;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:400;letter-spacing:2px;transition:color .25s;line-height:1;z-index:1;position:relative;cursor:pointer;}
.hamburger-desktop{display:flex;flex-direction:column;justify-content:center;gap:8px;width:37px;height:25px;position:relative;}
.hamburger-desktop span{display:block;height:3px;background:#121212;border-radius:1px;transition:transform .3s ease,opacity .3s ease,width .3s ease,background-color .3s ease;width:100%;transform-origin:center;}
.hamburger-desktop span:first-child{width:100%;}
.hamburger-desktop span:nth-child(2){width:65%;}
.hamburger-desktop span:nth-child(3){width:80%;}
.desktop-menu-toggle:hover .hamburger-desktop span{width:100%;}
.desktop-menu-toggle.active .hamburger-desktop span{width:100%!important;}
.desktop-menu-toggle.active .hamburger-desktop span:first-child{transform:translateY(11px) rotate(45deg);}
.desktop-menu-toggle.active .hamburger-desktop span:nth-child(2){opacity:0;width:0;}
.desktop-menu-toggle.active .hamburger-desktop span:nth-child(3){transform:translateY(-11px) rotate(-45deg);}