@charset "utf-8";
:root {
    --green-1: #74C043;
    --green-2: #0A4829;
    --green-3: #68af38;
    --green-4: #F3F8EF;
    --green-5: #052B18;
    --dark-1: #2D2D2D;
    --dark-2: #231F20;
    --yellow-1: #D1AF4B;
    --yellow-2: #F4E225;
    --purple-1: #6A27D0;
    --pink-1: #D0238A;
    --orange-1: #D07423;
    --orange-2: #F39819;
    --light-1:#F6F5F0;
    --light-2:#F2F2F2;
    --text-dark:#585858;
    --red-1:#F02525;
    --red-2:#c71414;
    --primary-green: #2ecc71;
    --primary-purple: #b237e2;
}
/*=========================================
	font-family: 'Outfit', sans-serif;
	Light 300
	Regular 400
	Medium 500
	Semibold 600
	Bold 700
=========================================*/
*, p, body {margin:0; padding:0; box-sizing:border-box;}
p, body {font-family:'Outfit', sans-serif; font-weight:400; font-size:18px; line-height:30px;}
p {color:var(--text-dark);}
body {overflow:hidden; overflow-y:auto; }
.font-outfit {font-family:'Outfit', sans-serif !important;}
.fw-thin {font-weight:100 !important;}
.fw-extralight {font-weight:200 !important;}
.fw-light {font-weight:300 !important;}
.fw-regular {font-weight:400 !important;}
.fw-medium {font-weight:500 !important;}
.fw-semibold {font-weight:600 !important;}
.fw-bold {font-weight:700 !important;}
.fw-extrabold {font-weight:800 !important;}
.fw-black {font-weight:900 !important;}
.line-height-1 {line-height:1 !important;}
.container {max-width:1500px;}
.cursor-pointer {cursor:pointer !important;}
.bg-green-2 {background-color: var(--green-2) !important;}
.bg-purple-1 {background-color: var(--purple-1) !important;}
.bg-pink-1 {background-color: var(--pink-1) !important;}
.bg-orange-1 {background-color: var(--orange-1) !important;}
.bg-light-1{background-color: var(--light-1) !important;}
.bg-light-2{background-color: var(--light-2) !important;}
.text-green-1{color: var(--green-2) !important;}
.text-green-2{color: var(--green-5) !important;}
.text-green-3{color: var(--primary-green) !important;}
.text-dark-1{color: #3A3A3A !important;}
.text-yellow-1{color: var(--yellow-2) !important;}
/* Helper: Custom Text Colors */
.text-primary-custom { color: var(--primary-color); }
.top-bar {background:var(--green-1); padding:5px 0px;}
.ticker-1-text:not(span) {font-size:18px; line-height:1; text-transform:uppercase; font-weight:600; color:#fff; text-decoration:none;}
span.ticker-1-text {font-size:35px; text-transform:uppercase; font-weight:600; color:#fff; line-height:1;}
.ticker1sectiontext {display:flex; align-items:center;}
/* --- Main Header --- */
.main-header {background:transparent; padding:10px 0; position:relative; z-index:2; transition:all 0.2s; border-bottom:1px solid transparent;}
.main-header.main-header-fixed-top {background:#fff; padding:0px; border-bottom:1px solid #E0E0E0; transition:all 0.2s;}
.main-header .container {background:#fff; border-radius:10px; padding:10px 15px; box-shadow:0px 4px 15px 0px rgba(0,0,0,0.25); transition:all 0.2s; max-width:1476px;}
.main-header.main-header-fixed-top .container {box-shadow:0px 0px 0px 0px rgba(0,0,0,0.25); transition:all 0.2s;}
.main-header-left {flex-basis:61px; max-width:61px; flex-grow:0;}
.main-header-middle {flex-basis:calc(100% - 61px - 38%); max-width:calc(100% - 61px - 38%); flex-grow:0;}
.main-header-right {flex-basis:38%; max-width:38%; flex-grow:0;}
.header-nav-item {position:relative;}
.header-nav-link {font-family:"Outfit", sans-serif; font-size:17px; font-weight:500; line-height:1; text-decoration:none; color:#333; padding:0 20px; transition:all 0.3s;}
.header-nav-link:hover, .header-nav-link-has-submenu.active {color:var(--green-2); transition:all 0.3s;}
.header-nav-link.header-nav-link-has-submenu {position:relative;}
.header-nav-link.header-nav-link-has-submenu::after {content:"\f107"; font-family:"Font Awesome 6 Pro"; position:relative; top:1px; transform:rotate(0deg); transition:all 0.3s; line-height:1; margin-left:10px;}
.header-nav-link.header-nav-link-has-submenu.active::after {content:"\f106"; transition:all 0.3s;}
.site-submenu {position:absolute; box-shadow:0 0 35px 0 rgba(0, 0, 0, 0.1); background-color:#fff; top:calc(100% + 24px); left:0; width:245px; border-radius:5px; padding:15px 0px; transform:translateY(30px); transition:all 0.3s ease; opacity:0; visibility:hidden;}
.site-submenu.active {transform:translateY(0px); transition:all 0.3s ease; opacity:1; visibility:visible;}
.site-submenu-wide {width:320px;}
.search-box {position:relative; width:100%; max-width:450px;}
.search-box input {border-radius:8px; padding:10px 20px; padding-left:50px; border:1px solid #e1e1e1; background-color:#fff; width:100%; font-size:16px; outline:none; transition:all 0.3s;}
.search-box input:focus, .search-box input:focus-visible {border:1px solid #828282; transition:all 0.3s;}
.search-box i {position:absolute; left:15px; top:50%; transform:translateY(-50%); color:#797979; font-size:22px; line-height:1;}
.site-submenu-link {text-decoration:none; font-family:"Outfit", sans-serif; font-size:17px; font-weight:500; line-height:24px; color:rgb(59, 59, 59); transition:all 0.3s; padding-left:0px; padding:6px 0; display:block;}
.site-submenu-link:hover {color:var(--green-2); transition:all 0.3s; padding-left:8px;}
.header-icon {font-size:25px; line-height:1; text-decoration:none; color:#000; margin-left:25px; position:relative;}
.cart-badge {position:absolute; top:-5px; right:-8px; background-color:var(--green-2); color:white; font-size:0.7rem; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.home-hero-section {margin-top:45px;}
.home-hero-swiper-link {display:block; height:83dvh;}
/* Custom Pagination dots */
.home-hero-swiper-pagination {background:#fff; padding:6px; display:flex; margin:0px auto; width:auto !important; min-width:auto; max-width:none; text-align:center; height:auto !important; border-radius:50px; top:unset !important; bottom:137px !important; min-height:auto !important; max-height:none !important; justify-content:center; left:50% !important; transform:translateX(-50%);}
.home-hero-swiper-pagination .swiper-pagination-bullet {background:#BDBDBD; opacity:1; width:10px; height:10px; margin:0px !important; margin-right:10px !important; transition:all 0.3s;}
.home-hero-swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0px !important;}
.home-hero-swiper-pagination .swiper-pagination-bullet-active {background:#272324; transition:all 0.3s;}
.top-category-wrapper {display:flex; justify-content:center; overflow-x:auto; gap:15px; background:var(--light-2); border-radius:20px; padding:15px;}
.home-page .top-cats-holder {margin-top:-130px !important; z-index:1; position:relative;}
.top-cat-item {flex-basis:calc(100% / 7); max-width:calc(100% / 7); flex-grow:0; text-align:center;}
.top-cat-item-link {text-decoration:none; font-size:16px; color:#231F20; transition:all 0.3s; font-weight:500; height:200px; display:block; width:100%; border:solid 1px #dbdbdb; border-radius:12px; overflow:hidden; position:relative;}
.top-cat-item-link .cat-name {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:flex-end; padding:15px; background:linear-gradient(to bottom, rgba(10, 72, 41, 0) 31%, rgba(10, 72, 41, 1) 100%); color:#fff; font-size:18px; line-height:1; font-weight:700;}
.top-cat-item-link:hover {color:#000; transition:all 0.3s;}
.top-cat-icon-holder {display:flex; align-items:center; justify-content:center; background:#fff; transition:all 0.3s; height:100%;}
.top-cat-item-link:hover .top-cat-icon-holder {box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1); transition:all 0.3s;}
.top-cat-icon-holder img {transform:scale(1); transition:all 0.3s;}
.top-cat-item-link:hover .top-cat-icon-holder img {transform:scale(1.1); transition:all 0.3s;}
.intro-img-holder-1 {width:86%; aspect-ratio:1; border-radius:10px; position:relative;}
.intro-img-holder-1 > img {border-radius:10px; position:relative; z-index:1;}
.intro-img-holder-1::before {content:""; position:absolute; width:100%; aspect-ratio:1; border-radius:10px; background:var(--light-1); z-index:0; left:20px; top:20px;}
.hcs-img-1 {position:absolute; z-index:0; width:63%; transform:rotate(-171deg); right:40px; top:0;}
.home-content-section .intro-img-holder-1 {margin-block:125px;}
.hcs-img-2 {position:absolute; bottom:0px; right:-20px; z-index:1;}
.subtitle-1 {font-size:23px; line-height:1; font-weight:700; color:var(--dark-1);}
.title-1 {font-weight:700; font-size:50px; line-height:1; color:var(--green-2);}
.title-2 {font-weight:700; font-size:40px; line-height:1; color:var(--green-2);}
.hcs-point-1 {position:relative; padding-left:25px; font-size:18px; color:var(--green-2); font-weight:500;}
.hcs-point-1::before {content:"\f058"; font-family:"Font Awesome 6 Pro"; font-weight:900; color:var(--yellow-1); font-size:18px; position:absolute; left:0;}
.btn-green-1 {background:var(--green-1); text-decoration:none; padding:15px 45px; font-size:18px; line-height:1; font-weight:700; text-shadow:0 1px 15px rgba(0, 0, 0, 0.25); color:#fff; border-radius:5px; transition:all 0.3s;}
.btn-green-1:hover {background:var(--green-3); transition:all 0.3s;}
.btn-green-2 {background:var(--green-2); text-decoration:none; padding:15px 45px; font-size:18px; line-height:1; font-weight:700; text-shadow:0 1px 15px rgba(0, 0, 0, 0.25); color:#fff; border-radius:5px; transition:all 0.3s;}
.btn-green-2:hover {background:var(--green-5); transition:all 0.3s;}
.poo-section {background:var(--green-4) url(../images/bg1.webp) no-repeat center center / cover; position:relative;}
.prod-item-1 {border-radius:10px; overflow:hidden; background:#fff; box-shadow:0px 4px 10px 0px rgba(0,0,0,0.15); height:100%; display:flex; flex-direction:column;}
.prod-item-1-col .prod-item-1 {box-shadow:0 2px 25px rgba(0,0,0,0.08);}
.poo-prods-slider .swiper-slide {padding:0px 12px 12px 12px; height:100%;}
.poo-prods-slider {margin:0px -12px; width:auto; display:flex;}
.poo-prods-slider .swiper-wrapper {height:auto;}
.prod-item-1-top {text-decoration:none; padding:20px 15px 0px 15px; display:block;}
.prod-item-1-title {font-size:20px; font-weight:600; color:#000;}
.prod-item-1-subtitle-1-holder {display:flex; flex-wrap:wrap; align-items:center;}
.prod-item-strain-label {border-radius:5px; background:#dbdbdb; font-size:12px; line-height:1; font-weight:700; padding:5px 8px; color:#000;}
.prod-item-strain-label-sativa {background:#F3EEFF; color:var(--purple-1);}
.prod-item-strain-label-indica {background:#FFE9F5; color:var(--pink-1);}
.prod-item-strain-label-hybrid {background:#FFF1DE; color:var(--orange-1);}
.prod-item-1-subtitle-1 {font-size:15px; line-height:1;}
.prod-item-1-subtitle-2-holder {display:flex; flex-wrap:wrap; align-items:center;}
.prod-item-1-subtitle-2 {font-size:20px; line-height:1; font-weight:700; color:#000;}
.prod-item-deal-label {border-radius:5px; background:#DFFFE4; font-size:12px; line-height:1; font-weight:700; padding:5px 8px; color:#14A229;}
.prod-item-1-body {display:flex; align-items:center; width:100%;}
.prod-item-1-body-right {flex-basis:90px; height:100%; flex-grow:0; padding:0; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; padding-top:0; order:1; padding-left:30px; margin-top:-15px; max-width:90px; gap:10px;}
.prod-item-1-gauge-holder-1 {height:50px; align-content:center; text-align:center; background:#d5d5d5; border-radius:8px; overflow:hidden; width:55px;}
.prod-item-1-body-left {flex-grow:1; text-align:center; display:inline-flex; align-items:center; justify-content:center; aspect-ratio:1; max-width:calc(100% - 90px);}
.prod-item-1-gauge-holder-1 .apexcharts-canvas {position:relative; direction:ltr !important; user-select:none; transform:scale(1.25);}
.prod-item-1-gauge-1-text-1 {font-size:16px; line-height:1; font-weight:800; color:#000;}
.prod-item-1-gauge-1-text-2 {font-size:10px; font-weight:500; line-height:1.4;}
.prod-item-1-gauge-1-text-holder {display:flex; height:100%; width:100%; flex-direction:column; justify-content:center; align-content:center; align-items:center;}
.pl-qnty-selectors {width:100%; display:flex; flex-wrap:wrap; padding:5px 15px; justify-content:center; align-items:center;}
.pl-qnty-selector {margin:0; border-radius:5px; border:1px solid #C0C0C0; display:inline-flex; align-items:center; justify-content:center; color:#000; transition:all .3s; cursor:pointer; text-align:center; line-height:1; width:59px; min-height:59px; margin-right:5px; font-size:12px; flex-direction:column; font-weight:600; aspect-ratio:1; flex-grow:1; max-width:60px; text-transform:uppercase;}
.pl-qnty-selector:not(.active):hover {border:1px solid #979797; background:#f0f0f0; transition:all .3s;}
.pl-qnty-selector:last-child {margin-right:0 !important;}
.pl-qnty-selector.active {border:1px solid #262223; background:#262223; color:#fff; transition:all .3s;}
.pl-qnty-selector-top {flex-basis:50%; max-height:50%; display:inline-flex; align-items:flex-end; padding-bottom:3px; width:100%; justify-content:center;}
.pl-qnty-selector-bottom {flex-basis:50%; max-height:50%; display:inline-flex; align-items:flex-start; padding-top:4px; border-top:solid 1px #a5a5a5; width:100%; justify-content:center;}
.prod-item-1-view-btn {border-radius:5px; background:#F2F2F2; font-size:14px; line-height:1; text-decoration:none; color:#161616; transition:all 0.3s; padding:7px; font-weight:500;}
.prod-item-1-view-btn:hover {background:#000; color:#fff; transition:all 0.3s;}
.prod-item-1-offer-btn {border-radius:5px; background:#E5F1FF; font-size:14px; line-height:1; text-decoration:none; color:#055ABC; transition:all 0.3s; padding:7px; font-weight:500;}
.prod-item-1-offer-btn:hover {background:#055ABC; color:#E5F1FF; transition:all 0.3s;}
.cart-item-qty-holder {display:flex; align-items:center; gap:5px; margin-top:8px;}
.checkout-item-name-2 {font-size:14px; color:#3A3A3A; margin-bottom:0; line-height:1; font-weight:500;}
.cart-item-qty {display:flex; flex-wrap:wrap; align-items:center; max-width:none; padding:0px 7px; border:solid 1px #C0C0C0 !important; background:#F2F2F2; border-radius:5px;}
.cart-item-qty-btn {flex-basis:20px; max-width:20px; flex-grow:0; font-size:14px; color:#3A3A3A; text-decoration:none; text-align:center; padding:3px 5px; background:0 0; border:none; height:auto; line-height:1;}
.cart-item-qty-number {flex-basis:0; flex-grow:1; flex-shrink:0; width:20px; text-align:center; border:none; padding:0; height:26px; -moz-appearance:textfield; appearance:textfield; background:transparent; outline:none; font-size:15px; color:#3A3A3A; font-size:14px;}
.pord-item-1-btns-row1 {padding-inline:15px; margin-block:0px 10px;}
.prod-item-1-footer {padding:0px 15px 15px 15px;}
.selectqntytext {width:100%; margin-bottom:2px; font-size:13px; text-align:center; font-weight:500; color:#c00;}
.poo-prods-holder [class*="swiper-button"]::after, .cr-slider-holder [class*="swiper-button"]::after {display:none;}
.poo-prods-holder [class*="swiper-button"], .cr-slider-holder [class*="swiper-button"] {box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10); border-radius:10px; display:flex; align-items:center; justify-content:center; width:50px; height:50px; background:#fff; font-size:20px; color:#161616; transition:all 0.2s;}
.poo-prods-holder [class*="swiper-button"]:hover, .cr-slider-holder [class*="swiper-button"]:hover {box-shadow:0px 1px 3px 0px rgba(0,0,0,0.20);}
.poo-prods-holder .swiper-button-next, .cr-slider-holder .swiper-button-next {right:-65px;}
.poo-prods-holder .swiper-button-prev, .cr-slider-holder .swiper-button-prev {left:-65px;}
.prod-item-1-fav-btn {position:absolute; top:17px; right:15px; font-size:24px; line-height:1; color:var(--green-2); animation-name:heartBeat2; animation-duration:0.3s; animation-timing-function:ease-in-out; animation-iteration-count:1; z-index:2;}
.prod-item-1-fav-btn.added-to-fav {animation-name:heartBeat; animation-duration:0.3s; animation-timing-function:ease-in-out; animation-iteration-count:1;}

@keyframes heartBeat {
0% {transform:scale(1);}
50% {transform:scale(1.3);}
100% {transform:scale(1);}
}

@keyframes heartBeat2 {
0% {transform:scale(1);}
50% {transform:scale(0.7);}
100% {transform:scale(1);}
}
/* --- Cart Sidebar (Offcanvas) --- */
.offcanvas-header {background-color:#1A1A1A; color:var(--bs-white);}
.offcanvas-title {font-weight:600;}
.btn-close-white {filter:invert(1);}
.cartslider .offcanvas-title small {font-size:15px;}
.cartslideroffcanvasbody {display:flex; flex-wrap:wrap; flex-direction:column; padding:0px;}
.cart-slider-body {flex-basis:0; flex-grow:1; flex-shrink:0; overflow:hidden; overflow-y:auto; padding:15px;}
.cart-item {border-bottom:solid 1px #e5e5e5; padding-bottom:10px; display:flex; flex-wrap:wrap; margin-bottom:10px;}
.cart-item-left {flex-basis:50px; max-width:50px; flex-grow:0; flex-shrink:0;}
.cart-item-img-holder {width:50px; height:50px; overflow:hidden; border-radius:5px; border:solid 1px #D1CFCF; padding:2px;}
.cart-item-center {flex-basis:0; max-width:none; flex-grow:1; flex-shrink:0; padding:0 5px 0 10px;}
.cart-item-title {font-size:16px; margin-bottom:5px; line-height:1.2; display:table;}
.cart-item-price {font-size:14px; opacity:.85; line-height:1.3; flex-basis:100%; max-width:100%; flex-grow:0; font-weight:700;}
.prod-oprice-1 {font-size:14px; font-weight:600; opacity:0.6; color:#000; text-decoration:line-through;}
.cart-item-right {flex-basis:70px; max-width:70px; flex-grow:0; flex-shrink:0; display:inline-flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; align-content:flex-end;}
.cart-item-total {font-weight:700; font-size:18px; line-height:1; margin-left:auto;}
.cart-item-delete-btn {display:table; margin-left:auto; margin-top:auto; color:#EC1900;}
.cart-slider-footer {margin-top:auto; flex-basis:94px; max-height:94px; flex-grow:0; flex-shrink:0; display:flex; justify-content:flex-end; flex-direction:column; border-top:solid 1px #e5e5e5;}
.cart-slider-top-footer {padding:15px;}
.cart-footer-pricing {line-height:1; font-size:16px; margin-bottom:0;}
.cart-slider-bottom-footer {display:flex; flex-wrap:wrap; width:100%;}
.cart-slider-bottom-footer > a {flex-basis:50%; flex-grow:0; font-size:18px;}
.cart-item .cart-item-qty {display:flex; flex-wrap:wrap; max-width:90px; border:solid 1px #323232 !important; padding:0px 5px; align-items:center; background:#fff; border-radius:5px;}
.cart-item .cart-item-qty-btn {flex-basis:20px; max-width:20px; flex-grow:0; font-size:12px; color:#000; text-decoration:none; text-align:center; padding:3px 5px; background:0 0; border:none; height:unset; line-height:unset;}
.cart-item .cart-item-qty-number {flex-basis:0; flex-grow:1; flex-shrink:0; width:20px; text-align:center; border:none; padding:0; height:25px; font-size:16px;}
.btn-dark-1 {text-decoration:none; background:var(--dark-2); transition:all 0.3s; color:#fff; font-size:17px; line-height:1; font-weight:700; padding:15px 30px; border-radius:5px;}
.btn-dark-1:hover {background:#000; transition:all 0.3s;}
.homefaq-section::before {content:""; position:absolute; top:0; left:0; width:100%; max-width:550px; height:100%; background:var(--bs-white) url(../images/bg2.webp) center center / cover no-repeat; z-index:0;}

/* --- Custom FAQ Accordion --- */
.custom-accordion .accordion-item {border:none; background-color:var(--light-1); border-radius:10px !important; padding:15px; margin-bottom:10px;}
.custom-accordion .accordion-button {background-color:transparent; color:#000; font-weight:500; font-size:20px; padding:0px 0; box-shadow:none !important;}
.custom-accordion .accordion-button:not(.collapsed) {color:#000; background-color:transparent; box-shadow:none;}
.custom-accordion .accordion-body {padding:10px 0px 0px 0px; color:#373737;}
.custom-accordion .accordion-button::after {content:"\f078"; font-family:"Font Awesome 6 Pro"; font-weight:900; width:28px; height:28px; transform:none; font-size:12px; line-height:1; background:var(--green-2); border-radius:100%; display:flex; align-items:center; justify-content:center; color:#fff;}
.custom-accordion .accordion-button:not(.collapsed)::after {content:"\f077"; transform:none; background:var(--yellow-1);}
.stars {color:var(--orange-2); font-size:20px; letter-spacing:1px; line-height:1;}
.review-text {color:#373737;}
.reviewer-name {font-weight:600; font-size:23px; color:#000; line-height:1;}
.reviewer-meta {line-height:1; color:#373737; margin-top:8px; font-size:18px;}
.cr-slider-holder::before {content:""; position:absolute; width:200px; height:375px; border-top-right-radius:50px; background:var(--green-2);}
.review-card {padding:70px 0px 0px 60px; display:flex; align-items:flex-start;}
.review-card-img-holder {flex-basis:330px; max-width:330px; flex-grow:0; aspect-ratio:1; border-radius:8px; overflow:hidden;}
.review-card-cntnt-holder {flex-basis:calc(100% - 330px); max-width:calc(100% - 330px); flex-grow:0; border-radius:0px 8px 8px 0px; background:#fff; position:relative; padding:45px 60px; margin-top:25px;}
.mrbtn {position:absolute; right:30px; bottom:-20px;}
.counter-stat {font-size:60px; line-height:1; font-weight:700;}
.counter-text-1 {font-size:25px; line-height:1; font-weight:400; opacity:0.9;}
.blog-card-1 {display:block; background:#fff; border-radius:15px; box-shadow:0 3px 15px rgba(0,0,0,0.15); transition:all 0.3s ease; height:100%; overflow:hidden; color:inherit; text-decoration:none;}
.blog-card-1:hover {transform:translateY(-5px); box-shadow:0 8px 25px rgba(0,0,0,0.1); color:inherit;}
.blog-card-1-img-wrapper {height:250px; overflow:hidden; position:relative;}
.blog-card-1-img-wrapper img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.blog-card-1:hover .blog-card-1-img-wrapper img {transform:scale(1.05);}
.blog-card-1-body {padding:20px;}
.blog-card-1-date {font-size:13px; color:rgba(0,0,0,0.6); font-weight:500; line-height:1; border-radius:5px; padding:5px 8px; background:#fff; position:absolute; bottom:10px; left:10px; opacity:1;}
.blog-card-1-title {font-size:20px; font-weight:700; line-height:28px; margin-bottom:9px; color:#000;}
.blog-card-1-text {font-size:17px; color:#373737;}
.text-link-1 {color:var(--green-1); font-weight:600; font-size:18px; margin:0; display:flex; align-items:center; gap:5px; width:fit-content; line-height:1;}
.text-link-1 i {transition:transform 0.3s ease;}
.blog-card-1:hover .text-link-1 i {transform:translateX(5px);}
.news-subscribe-holder {border-radius:20px; padding:45px 15px; background:url(../images/bg3.webp) center center / cover no-repeat;}
.ns-form {max-width:900px;}
.ns-form .form-group .form-control {border-radius:8px; padding:8px 8px 8px 15px; height:58px; font-size:17px;}
.ns-submit-btn {position:absolute; top:5px; right:5px; padding-inline:30px;}
.store-gallery-item {background:transparent; width:calc(100%/8); aspect-ratio:1; overflow:hidden; margin-right:0px; color:#fff; text-decoration:none;}
.store-gallery-item-inner {overflow:hidden; height:100%; position:relative; width:100%;}
.store-gallery-item-inner > a {display:block; width:100%; height:100%; position:relative;}
.store-gallery-item-inner > a::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:1; opacity:0; visibility:hidden; transition:all 0.3s;}
.store-gallery-item-inner > a::after {content:"\f16d"; font-family:"Font Awesome 6 Brands"; font-weight:400; color:#fff; position:absolute; top:50%; left:50%; z-index:1; transform:translateX(-50%) translateY(-50%) scale(0.5); font-size:40px; opacity:0; visibility:hidden; transition:all 0.3s;}
.store-gallery-item-inner > a:hover::before, .store-gallery-item-inner > a:hover::after {opacity:1; visibility:visible; transition:all 0.3s;}
.store-gallery-item-inner > a:hover::after {transform:translateX(-50%) translateY(-50%) scale(1); transition:all 0.3s;}
.store-gallery-item-inner img {transform:scale(1); transition:all 0.3s;}
.store-gallery-item-inner:hover img {transform:scale(1.15); transition:all 0.3s;}
.custom-footer {background:var(--green-5) url(../images/bg4.webp) bottom center / cover no-repeat; padding-block:65px;}
.footer-desc {font-size:17px;}
.footer-heading {color:#CFDEC2; font-weight:700; margin-bottom:25px; font-size:21px; line-height:1;}
.footer-links {list-style:none; padding:0; margin:0;}
.footer-links li {margin-bottom:20px; line-height:1;}
.footer-links li:last-child {margin:0px;}
.footer-link {color:#fff; transition:color 0.3s; position:relative; display:inline-flex; align-items:center; font-size:20px; line-height:1; font-weight:500; text-decoration:none;}
.footer-link:hover {color:#fff;}
.footer-link i {opacity:0; transform:translateX(-10px); transition:all 0.3s ease; margin-left:8px; font-size:0.8em; color:var(--yellow-2);}
.footer-link:hover i {opacity:1; transform:translateX(0);}
.contact-item {display:flex; gap:15px; margin-bottom:15px; align-items:center; text-decoration:none; font-size:20px; line-height:25px; color:#fff; font-weight:500; transition:all 0.3s;}
.contact-item:hover {color:var(--yellow-2); font-weight:500; transition:all 0.3s;}
.contact-icon-circle {width:35px; height:35px; background-color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--green-2); flex-shrink:0; font-size:15px; line-height:1;}
.social-icons {display:flex; gap:10px; margin-top:20px;}
.social-btn {width:50px; height:50px; background-color:var(--green-1); color:#fff; display:flex; align-items:center; justify-content:center; border-radius:5px; transition:all 0.3s ease; font-size:20px; text-decoration:none; line-height:1; text-shadow:0 1px 15px rgba(0, 0, 0, 0.25);}
.social-btn:hover {border-radius:50%; background-color:var(--green-3); color:#fff;}
.copyright-text {font-size:18px; color:#fff; font-weight:400;}
.copyright-text a {font-weight:700; text-decoration:underline; transition:all 0.3s; color:#fff;}
.copyright-text a:hover {transition:all 0.3s; color:var(--green-2);}
#backToTop {position:fixed; bottom:30px; right:30px; width:50px; height:50px; background-color:var(--green-2); color:white; border-radius:50%; border:none; display:flex; align-items:center; justify-content:center; font-size:1.2rem; box-shadow:0 4px 15px rgba(0,0,0,0.2); cursor:pointer; opacity:0; visibility:hidden; transition:all 0.3s ease; z-index:1000; border:solid 2px var(--green-2);}
#backToTop:hover {transform:translateY(-5px); background-color:var(--green-3); box-shadow:0 6px 20px rgba(0,0,0,0.3);}
#backToTop.show {opacity:1; visibility:visible;}
.custom-bottom-footer {background:var(--green-1); position:relative; z-index:1;}
.bf-img {position:absolute; height:auto; width:100%; bottom:100%; left:0;}
.mz-modal-1 input {height:50px;}
.btn-bordered-1 {background:transparent; padding:15px 30px; font-size:17px; line-height:1; color:#000; transition:all 0.3s; text-decoration:none; font-weight:700; border-radius:5px; border:solid 1px #000;}
.btn-bordered-1:hover {background:#000; color:#fff; transition:all 0.3s;}
.bg-black .btn-close {--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); opacity:1;}
.title-3 {font-size:20px; line-height:1.4; color:#000; font-weight:700;}
.inner-page {padding-top:155px;}
.title-4 {font-size:30px; line-height:1; font-weight:700;}
.sp-filter-cat-box-title-1 {font-size:17px; font-weight:600; line-height:1; background:#f0f0f0; color:var(--bs-dark); border-radius:5px;}
.sp-filter-main-item .form-check {display:flex; min-height:auto; padding-left:1.5em; margin-bottom:0; align-items:flex-start;}
.form-check-input {border:1px solid rgba(0,0,0,.25);}
.form-check-input:checked {background-color:var(--green-1); border-color:var(--green-1);}
.sp-filter-main-item .form-check-input:not(:checked) {background:#f0f0f0;}
.sp-filter-main-item .form-check-label {font-size:17px; line-height:1; padding-left:6px; margin-top:5px;}
.search-input-wrapper {position:relative; max-width:500px;}
.search-input-wrapper .search-icon {position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#797979;}
.search-input-wrapper input {width:100%; padding:12px 16px 12px 48px; border:1px solid #cacaca; border-radius:8px; font-size:16px; line-height:1; height:50px; outline:none !important;}
.search-input-wrapper input:focus {border-color:var(--green-2)}
.search-input-wrapper .clear-search {position:absolute; right:16px; top:50%; transform:translateY(-50%); background:none; border:none; color:#797979; cursor:pointer;}

/* --- product details page --- */
.prod-hero-swiper-holder, .prod-swiper-1 {height:100%;}
.prod-hero-swiper-holder .swiper-wrapper {justify-content:unset;}
.prod-img-zoom-link {aspect-ratio:calc(726 / 535); border-radius:10px; border:solid 1px #DADADA !important; position:relative; outline:none !important; box-shadow:none !important;}
.prod-swiper-1 img {}
.prod-img-zoom-btn {position:absolute; right:15px; bottom:15px; color:#000; font-size:20px; line-height:1;}
.prod-hero-swiper-holder .prod-swiper-1 .swiper-button-next, .prod-hero-swiper-holder .prod-swiper-1 .swiper-button-prev {box-shadow:0px 0px 20px 0px rgba(0,0,0,0.20); border-radius:10px; display:flex; align-items:center; justify-content:center; width:50px; height:50px; background:#fff; font-size:23px; color:#161616; transition:all 0.2s;}
.prod-hero-swiper-holder .prod-swiper-1 .swiper-button-next {right:15px;}
.prod-hero-swiper-holder .prod-swiper-1 .swiper-button-prev {left:15px;}
.prod-swiper-1 .swiper-button-next::after, .prod-swiper-1 .swiper-button-prev::after {font-family:"Font Awesome 6 Pro"; font-weight:900; color:#161616; font-size:23px;}
.prod-swiper-1 .swiper-button-next::after, .prod-swiper-1 .swiper-rtl .swiper-button-prev::after {content:"\f105";}
.prod-swiper-1 .swiper-button-prev::after, .prod-swiper-1 .swiper-rtl .swiper-button-next::after {content:"\f104";}
.prod-swiper-1 [class*="swiper-button"]:hover {box-shadow:0px 1px 3px 0px rgba(0,0,0,0.20);}
.prod-details-page .fancybox__backdrop {background:rgba(255, 255, 255, 0.92) !important; backdrop-filter:blur(10px) !important;}
.prod-details-page .fancybox__container {color:#000;}
.prod-details-page .fancybox__toolbar, .prod-details-page .carousel__button svg {text-shadow:none !important; filter:none;}
.prod-details-page .fancybox__toolbar {background:linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(255, 255, 255, 0));}
.prod-details-page .prod-options {display:flex; flex-wrap:wrap; margin:0 -5px;}
.prod-details-page .prod-option-item {border-radius:5px; background:none; border:none; transition:all .3s; margin-bottom:5px; flex-basis:73px; flex-grow:0; max-width:73px; padding:0 5px;}
.custom-radio1:checked, .custom-radio1:not(:checked) {position:absolute; left:-9999px;}
.custom-radion-label {display:flex !important; flex-wrap:wrap;}
.custom-radio1:checked + label, .custom-radio1:not(:checked) + label {position:relative; padding-left:28px; cursor:pointer; line-height:1; display:inline-block; color:#666; padding:10px 18px 10px 48px;}
.custom-radio-cntnt-holder {flex-basis:0; flex-grow:1; flex-shrink:0; padding-left:15px;}
.prod-details-page .custom-radio1 + label, .prod-details-page .custom-radio-cntnt-holder {padding:0;}
.prod-details-page .prod-option-title-1 {font-size:16px; color:#434343; font-weight:500; margin-bottom:3px; text-transform:uppercase;}
.prod-details-page .custom-radio1 + label .prod-option-title-1 {width:100%; height:63px; display:flex; align-items:center; justify-content:center; border-radius:8px; border:1px solid #C0C0C0; text-align:center; font-size:14px; color:#000; transition:all .3s; cursor:pointer; font-weight:600; aspect-ratio:1; font-size:12px; flex-direction:column;}
.prod-details-page .prod-option-price-1 {font-size:15px; color:#5a5a5a; margin:0;}
.prod-details-page .custom-radio1 + label .prod-option-price-1 {text-align:center; color:#000; font-weight:500; font-size:14px; margin-top:10px; line-height:1;}
.prod-details-page .custom-radio1:checked + label .prod-option-title-1 {border:1px solid #262223; background:#262223; color:#fff; transition:all .3s;}
.prod-stock-status {font-size:17px; margin-bottom:0; font-weight:700; line-height:1;}
.in-stock {color:var(--green-3);}
.out-stock {color:var(--red-1);}
.prod-item-qty {display:flex; flex-wrap:wrap; width:130px; border:solid 1px #C0C0C0; background:#F2F2F2; border-radius:5px; padding:6px 13px; align-items:center;}
.prod-item-qty-btn {flex-basis:20px; max-width:20px; flex-grow:0; font-size:14px; color:#000; text-decoration:none; text-align:center; padding:5px 5px; line-height:1.85;}
.prod-item-qty-number {flex-basis:0; flex-grow:1; flex-shrink:0; width:20px; text-align:center; border:none; padding:0; height:25px; background:#F2F2F2; font-size:18px; outline:none;}
.prod-offer-type-1 {margin-top:15px; margin-bottom:0; border:solid 1px #ACACAC; padding:7px 15px; font-size:15px; border-radius:8px; background:#B0B0B01A;}
.prod-details-page .prod-offer-type-1 {margin-bottom:15px; margin-top:0px;}
.prod-review-upvotes-holder {background:#F2F2F2; border:solid 1px #dfdfdf;}
.prod-details-page .stat-card {perspective: 1000px;/* background:#fff;   border-radius:8px; padding:15px 10px;*/ text-align:center; transition:all 0.3s ease;height: 130px;}
/* .prod-details-page .stat-card:hover {border-color:#28a745; transform:translateY(-2px); box-shadow:0 5px 15px rgba(0,0,0,0.05);} */
.prod-details-page .stat-circle {width:50px; height:50px; border-radius:50%; background:#eee3ff; color:var(--purple-1); display:flex; align-items:center; justify-content:center; margin:0 auto 5px; font-weight:bold;}
.prod-details-page .stat-label {font-size:15px; font-weight:600; color:#495057; line-height:1;}
.prod-details-page .stat-value {font-size:16px; color:#212529; line-height:1;}
/* The Flipping Inner Container */
.stat-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transform-style: preserve-3d;/* cursor: pointer; */}

/* Flip Action on Hover */
.stat-card:hover .stat-card-inner {transform: rotateY(180deg);}

/* Front and Back Styling */
.stat-card-front, .stat-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;border:1px solid #e9ecef;border-radius: 8px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 15px 10px;background: white;box-shadow: 0 2px 8px rgba(0,0,0,0.02);}

/* Back side rotation */
.stat-card-back {transform: rotateY(180deg);background-color: #fcfcfc;text-align: center;}
.stat-card-back .back-title {font-weight: 700;font-size: 0.9rem;margin-bottom: 5px;text-transform: uppercase;line-height: 1;}
.stat-card-back .back-desc {font-size: 0.80rem;color: #555;line-height: 1.4;}
.stat-link-1 {text-align: left;line-height: 1;font-size: 12px;margin-top: 5px;color: var(--green-2);font-weight: 500;}
.prod-upvote-holder {display:table}
.prod-upvote-holder-inner {display:flex; align-items:center; background:#fff; border-radius:50px; border:solid 1px #d9d9d9; transition:all .2s}
.prod-upvote-btn {display:inline-flex; width:32px; height:32px; border-radius:100%; overflow:hidden; align-items:center; justify-content:center; background:#fff; align-content:center; transition:all .2s}
.prod-upvote-btn:hover {background:#f0f0f0; transition:all .2s}
.prod-upvote-holder-inner.prod-upvoted .prod-upvote-btn:hover {background:var(--green-3); transition:all .2s}
.prod-upvote-holder-inner.prod-downvoted .prod-upvote-btn:hover {background:var(--red-2); transition:all .2s}
.prod-upvote-counter, .prod-downvote-counter {padding-inline:5px; font-size:16px}
.prod-upvote-btn.prod-do-upvote svg {transition:all .2s}
.prod-upvote-holder-inner.prod-downvoted .prod-upvote-btn svg, .prod-upvote-holder-inner.prod-upvoted .prod-upvote-btn svg {fill:#ffffff; transition:all .2s}
.prod-upvote-btn.prod-do-upvote:hover svg {fill:var(--green-3); transition:all .2s}
.prod-upvote-holder-inner.prod-upvoted .prod-upvote-btn:hover svg {fill:#ffffff; transition:all .2s}
.prod-upvote-holder-inner.prod-downvoted .prod-upvote-btn:hover svg {fill:#ffffff; transition:all .2s}
.prod-upvote-btn.prod-do-downvote:hover svg {fill:var(--red-1); transition:all .2s}
.prod-upvote-holder-inner.prod-upvoted, .prod-upvote-holder-inner.prod-upvoted .prod-upvote-btn {background:var(--green-1); color:#fff; border-color:var(--green-1)}
.prod-upvote-holder-inner.prod-downvoted, .prod-upvote-holder-inner.prod-downvoted .prod-upvote-btn {background:var(--red-1); color:#fff; border-color:var(--red-1)}
.prod-cmnts-counter {padding-left:5px; font-size:16px}
.prod-cmnts-counter-holder {display:inline-flex; height:34px; align-items:center; justify-content:center; background:#fff; border-radius:50px; border:solid 1px #d9d9d9; padding-inline:10px}
.prod-review-item {display:flex; flex-wrap:wrap; margin-bottom:10px}
.prod-review-item:last-child {margin-bottom:0}
.prod-review-item-dp-holder {flex-basis:40px; height:40px; border-radius:100%; overflow:hidden; flex-grow:0; max-width:40px; font-size:13px; text-align:center}
.prod-review-item-cntnt-holder {flex-basis:calc(100% - 40px); max-width:calc(100% - 40px); flex-grow:0; padding-left:15px; padding-top:3px}
.prod-review-item-cntnt-holder>p {font-size:16px; line-height:1.4; margin-bottom:2px}
.prod-review-item-cntnt-holder-footer {display:flex; flex-wrap:wrap}
.prod-review-item-cntnt-holder-footer > p {font-size:15px; color:#000; font-weight:500;}
.prod-review-rply-btn {text-decoration:none; color:#000; font-size:15px; font-weight:500;}
.prod-review-item-reply-holder {position:relative; display:none}
.prod-review-item-reply-input {height:50px; resize:none; max-height:100px; font-size:18px; min-height:50px!important}
.prod-review-item-reply-btn {position:absolute; bottom:10px; right:10px; line-height:1; border:none; background:var(--green-2); color:#fff; font-size:15px; padding:8px 10px 6px 10px; border-radius:3px; transition:all .3s; font-weight:500;}
.prod-review-item-reply-btn:hover {transition:all .3s; background:var(--green-3);}
.prod-review-view-replies-btn {text-decoration:none; font-size:16px; color:#000; position:relative; padding-left:30px; font-weight:500;}
.prod-review-view-replies-btn::before {content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; height:1px; width:20px; display:block; background:#212529}
.prod-review-view-replies-btn:hover {color:#000}
.prod-review-view-replies-btn:hover::before {background:#000}
.prod-review-replies-holder {display:none}
.review-stars-holder {display:flex; flex-wrap:wrap; gap:0 3px;}
.review-stars-holder .review-star {font-size:15px; color:#f8af0f;}
.rel-prods-holder [class*="swiper-button"]::after {display:none;}
.rel-prods-holder [class*="swiper-button"] {box-shadow:0px 0px 20px 0px rgba(0,0,0,0.10); border-radius:10px; display:flex; align-items:center; justify-content:center; width:50px; height:50px; background:#fff; font-size:20px; color:#161616; transition:all 0.2s;}
.rel-prods-holder [class*="swiper-button"]:hover {box-shadow:0px 1px 3px 0px rgba(0,0,0,0.20);}
.rel-prods-holder .swiper-button-next {right:-65px;}
.rel-prods-holder .swiper-button-prev {left:-65px;}
.rel-prods-slider .swiper-slide {padding:0px 12px 12px 12px; height:100%;}
.rel-prods-slider {margin:0px -12px; width:auto; display:flex;}
.rel-prods-slider .swiper-wrapper {height:auto;}
.title-5 {font-size:27px; line-height:1.4; font-weight:700;}
@keyframes border-dance {
0% {background-position:left top, right bottom, left bottom, right top;}
100% {background-position:left 15px top, right 15px bottom, left bottom 15px, right top 15px;}
}
.couponcode-modal-opener-1 {position:relative; background:#fff; border-radius:8px; padding:15px 20px; line-height:1; text-decoration:none; font-weight:700; color:#000!important; font-size:16px; transition:all .3s; border:solid 1px #222}
.couponcode-modal-opener-1:hover {background:#f4f4f4; border:solid 1px #000; transition:all .3s}
.couponcode-modal-opener-1::after {content:""; position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); border:dashed 2px #333130; border-radius:2px}
.modal-coupon-code-holder {display:flex; align-items:center; justify-content:center; height:60px; border-radius:10px; background-image:linear-gradient(90deg, var(--green-2) 50%, transparent 50%), linear-gradient(90deg, var(--green-2) 50%, transparent 50%), linear-gradient(0deg, var(--green-2) 50%, transparent 50%), linear-gradient(0deg, var(--green-2) 50%, transparent 50%); background-repeat:repeat-x, repeat-x, repeat-y, repeat-y; background-size:15px 3px, 15px 3px, 3px 15px, 3px 15px; background-position:left top, right bottom, left bottom, right top; animation:border-dance 1s infinite linear;}
.modal-coupon-code-holder::before {content:"\f0c4"; font-family:"Font Awesome 5 Pro"; font-weight:900; color:#000; position:absolute; font-size:12px; line-height:1; left:25px; margin:0px auto; top:-5px; transition:all 0.3s; transform:scaleX(1.2);}
.modal-coupon-code-holder::after {content:"\f0c4"; font-family:"Font Awesome 5 Pro"; font-weight:900; color:#000; position:absolute; font-size:12px; line-height:1; right:25px; margin:0px auto; bottom:-5px; transition:all 0.3s; transform:scaleX(-1.2);}
.coupon-modal .modal-dialog {max-width:600px;}
.modal-coupon-code {margin-bottom:0; text-align:left; font-weight:700; font-size:16px; line-height:1; padding-inline:15px 160px; width:100%;color: #000;}
.modal-copy-coupon-code-btn {position:absolute; top:7px; right:7px; height:calc(100% - 15px); text-decoration:none; display:flex; align-items:center; justify-content:center; color:#000!important; background:#fff; border-radius:5px; padding-inline:15px; text-transform:uppercase; font-weight:600; border:solid 1px #000; transition:all .3s}
.modal-copy-coupon-code-btn:hover {color:#fff!important; background:var(--green-2); border-color:var(--green-2);}
.coupon-modal .modal-header {background:#2f2f2f; color:#fff}
.coupon-modal .modal-header .btn-close {color:#fff; background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat}
.my-coupons-coupon-activate-btn {text-decoration:none; display:inline-flex; align-items:center; justify-content:center; color:#000; background:#fff; border-radius:5px; padding:5px 20px; text-transform:uppercase; font-weight:600; border:solid 1px #000; transition:all .3s; font-size:16px;}
.my-coupons-coupon-activate-btn.activated {color:#fff !important; background:var(--green-2); border:solid 1px var(--green-2); transition:all .3s;}
.my-coupons-coupon-activate-btn-pd {position:absolute; top:8px; right:8px; height:calc(100% - 16px);}
.prod-details-tabs.nav-tabs {border:none; background-color:#f1f3f5; border-radius:50rem; padding:6px; display:inline-flex; flex-wrap:wrap; gap:5px;}
.prod-details-tabs.nav-tabs .nav-link {border:none; border-radius:50rem; color:#6c757d; font-weight:600; padding:10px 25px; transition:all 0.3s ease;}
.prod-details-tabs.nav-tabs .nav-link:hover {color:var(--green-2); background-color:rgba(255,255,255,0.6);}
.prod-details-tabs.nav-tabs .nav-link.active {background-color:#fff; color:var(--green-2); box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.prod-details-tabs.nav-tabs .nav-link.active::after {display:none;}
.prod-details-tab-content.tab-content {background:var(--bs-light); padding:30px; border-radius:20px; margin-top:10px; border:1px solid #f0f0f0;}
.review-form .form-control {min-height:50px;}
.about-hero-section {position:relative; padding:230px 0 50px 0; overflow:hidden; z-index:1;}
.blob {position:absolute; border-radius:50%; filter:blur(50px); z-index:-1; opacity:0.9; animation:float 5s ease-in-out infinite;}
.blob-1 {width:300px; height:300px; background:rgba(27, 255, 122, 0.2); top:-50px; left:-50px;}
.blob-2 {width:400px; height:400px; background:rgba(197, 50, 255, 0.2); bottom:-100px; right:-100px; animation-delay:1s;}

@keyframes float {
0% {transform:translateY(0px) scale(1);}
50% {transform:translateY(-100px) scale(1.05);}
100% {transform:translateY(0px) scale(1);}
}

.text-gradient {background:linear-gradient(135deg, var(--primary-green), var(--primary-purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.fade-up {opacity:0; transform:translateY(20px); transition:opacity 0.6s ease-out, transform 0.6s ease-out;}
.fade-up.visible {opacity:1; transform:translateY(0);}
.rounded-custom {border-radius:25px;}
.img-wrapper {position:relative; margin-right:20px; margin-bottom:20px;}
.img-shadow {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg, var(--primary-green), var(--primary-purple)); border-radius:25px; z-index:-1; opacity:0.2; transform:translate(20px, 20px);}
.mission-img {width:100%; height:700px; object-fit:cover; display:block;}
.value-card {background:white; border:1px solid rgba(0,0,0,0.05); transition:all 0.3s ease;}
.value-card:hover {transform:translateY(-10px); box-shadow:0 15px 30px rgba(0,0,0,0.08) !important; border-color:var(--green-1);}
.value-card .icon-box {width:70px; height:70px; border-radius:20px; background:rgba(46, 204, 113, 0.1); color:var(--green-1); display:flex; align-items:center; justify-content:center; font-size:1.75rem; margin-bottom:1.5rem; transition:all 0.3s ease;}
.value-card:hover .icon-box {background:var(--green-1); color:white; transform:scale(1.1);}
.featured-blog-card {border-radius:20px; overflow:hidden; background:white; box-shadow:0 3px 15px rgba(0,0,0,0.15); transition:all 0.3s ease; text-decoration:none; display:block;}
.featured-blog-card:hover {box-shadow:0 8px 25px rgba(0,0,0,0.1); color:inherit;}
.featured-blog-content {padding:3rem; display:flex; flex-direction:column; justify-content:flex-end; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));}
.line-height-1-4 {line-height:1.4 !important;}
.featured-blog-card-img-wrapper {height:700px; overflow:hidden; position:relative;}
.featured-blog-card-img-wrapper img {transition:transform 0.5s ease;}
.featured-blog-card:hover .featured-blog-card-img-wrapper img {transform:scale(1.05);}
.featured-blog-content .blog-card-1-date {font-size:14px;}
.featured-blog-content .blog-card-1-text {font-size:19px;}
.blog-detail-page-container {max-width:768px;}
.metadata_item {margin-right:5px; font-weight:600; font-size:14px; line-height:1; text-decoration:none; color:#393939; padding:7px 10px 5px 10px;}
.metadata_item:last-of-type {margin-bottom:0;}
.metadata_item:last-child {margin-right:0px;}
.blog-detail-page-container .social-btn {width:40px; height:40px; font-size:18px;}
.single-post-hero-holder {height:350px; overflow:hidden; border-radius:20px;}
.post_text {margin-bottom:15px; color:#1d1d1d;}
.post_header {font-size:36px; margin:40px 0 20px; line-height:1.2; font-weight:700; color:#000;}
.post_header_2 {font-size:25px;}

/* Comments Styling */
.comment-thread {margin-bottom:2rem;}
.comment-card {background:white; border:1px solid #e7e5e4; border-radius:1rem; padding:1.5rem; position:relative; z-index:2;}
.replies-wrapper {margin-left:2rem; padding-left:1.5rem; border-left:2px solid #e7e5e4;}
.reply-card {background:#f5f5f4; border-radius:0.75rem; padding:1rem 1.25rem; margin-top:1rem; width:100%;}
.comment-avatar {width:50px; height:50px; border-radius:50%; object-fit:cover; flex-basis:50px; flex-grow:0;}
.reply-form-container {background-color:#f0fdf4; padding:1rem; border-radius:0.5rem; margin-top:1rem; display:none; border:1px dashed var(--green-2);}
.fade-in {animation:fadeIn 0.5s ease-in;}

@keyframes fadeIn {
from {opacity:0; transform:translateY(10px);}
to {opacity:1; transform:translateY(0);}
}

/* Mobile Adjustments */
@media (max-width: 576px) {
.replies-wrapper {margin-left:0.5rem; padding-left:0.5rem;}
}

.btn-green-1-small {background:var(--green-2); text-decoration:none; padding:10px 15px; font-size:15px; line-height:1; font-weight:700; text-shadow:0 1px 15px rgba(0, 0, 0, 0.25); color:#fff; border-radius:5px; transition:all 0.3s; border:none;}
.btn-green-1-small:hover {background:var(--green-5); transition:all 0.3s;}
.btn-red-1-small {background:var(--red-1); text-decoration:none; padding:10px 15px; font-size:15px; line-height:1; font-weight:700; text-shadow:0 1px 15px rgba(0, 0, 0, 0.25); color:#fff; border-radius:5px; transition:all 0.3s; border:none;}
.btn-red-1-small:hover {background:var(--red-2); transition:all 0.3s;}
.blog-comment-form .form-control, .blog-comment-form input {min-height:50px;}
.faq-search-form {position:relative;}
.search-form-control {height:50px; box-shadow:0 3px 13px 0 rgba(0,0,0,.09); border:none; padding-left:45px;}
.search-form-icon {position:absolute; top:15px; left:15px;}
.faq-hero-section {padding:15px 25px 25px 25px;}
.faq-page .accordion_component-item_header > span.wrapper, .faq-page .accordion_component-item_header > .wrapper {position:absolute; right:0; top:50%; transform:translateY(-50%); transition:all 0.3s;}
.faq-page .accordion_component-item_header:not(.collapsed) > span.wrapper, .faq-page .accordion_component-item_header > .wrapper {top:calc(50% + 5px); transition:all 0.3s;}
.faq-page .accordion_component-item_header {position:relative; padding-right:50px; font-weight:600; margin:0;}
.faq-page .accordion_component {max-width:auto; margin:0 auto}
.faq-page .accordion_component-item {margin-bottom:30px; -webkit-box-shadow:0 3px 10px rgba(2, 9, 6, 0.13); box-shadow:0 3px 10px rgba(2, 9, 6, 0.13); border-radius:16px; padding:15px}
.faq-page .accordion_component-item:last-of-type {margin-bottom:0}
.faq-page .accordion_component-item_header {-webkit-transition:color .3s ease-in-out; -o-transition:color .3s ease-in-out; transition:color .3s ease-in-out; cursor:pointer}
.faq-page .accordion_component-item_header:not(.collapsed) {color:#00c08b}
.faq-page .accordion_component-item_header .fas {-webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; display:block; margin:0 0 0 15px}
.faq-page .accordion_component-item_header[aria-expanded="true"] .fas {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg)}
.faq-page .accordion_component-item_body {padding:10px 0 0}

@media screen and (min-width:575.98px) {
.faq-page .accordion_component-item {padding:20px}
.faq-page .accordion_component-item_header .fas {margin:0 0 0 20px}
.faq-page .accordion_component-item_body {padding:20px 0 0}
}

@media screen and (min-width:767.98px) {
.faq-page .accordion_component-item {padding:20px 20px 20px 30px}
.faq-page .accordion_component-item_header {-webkit-transition:padding-top .3s ease-in-out; -o-transition:padding-top .3s ease-in-out; transition:padding-top .3s ease-in-out}
.faq-page .accordion_component-item_header:not(.collapsed) {padding-top:10px}
.faq-page .accordion_component-item_header .fas {margin:0 0 0 20px}
.faq-page .accordion_component-item_body {padding:20px 0 10px}
}

.contact-page .about-hero-section {padding:180px 0px 0px 0px; background-color:var(--bs-light);}
/* Info Cards */
.contact-page .info-card {background:white; border:1px solid #e7e5e4; border-radius:15px; padding:2rem; height:100%; transition:transform 0.3s ease, box-shadow 0.3s ease; display:flex; flex-wrap:wrap;}
.contact-page .info-card:hover {transform:translateY(-5px); box-shadow:0 10px 30px -5px rgba(0, 0, 0, 0.05); border-color:#d1fae5;}
.contact-page .icon-box {width:50px; height:50px; background-color:#d1fae5; color:#059669; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.25rem;}
/* Contact Form */
.contact-page .contact-form-wrapper {background:white; border:1px solid #e7e5e4; border-radius:15px; padding:30px; box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.02);}
.contact-page .contact-form-wrapper .form-control, .contact-page .contact-form-wrapper .form-select {border-color:#e7e5e4; padding:0.8rem 1rem; border-radius:0.5rem; background-color:#fff;}
.contact-page .contact-form-wrapper .form-control:focus, .contact-page .contact-form-wrapper .form-select:focus {border-color:#059669; box-shadow:0 0 0 4px #d1fae5;}
.contact-page .contact-form-wrapper .form-label {font-weight:600; font-size:0.9rem; margin-bottom:0.5rem;}
.contact-top-left-col > .row {position:sticky; top:150px;}
/* --- Hero Swiper Section --- */
.offers-hero {padding:1rem 0 0 0; position:relative;}
.offers-hero .swiper-container-wrapper {position:relative;}
.offer-hero-swiper {border-radius:1.5rem;}
.offers-hero .offer-slide-card {border-radius:1.5rem; overflow:hidden; position:relative; aspect-ratio:16/7; box-shadow:0 10px 30px -5px rgba(0,0,0,0.1); transition:transform 0.3s ease;}
.offers-hero .offer-slide-card img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.offers-hero .offer-slide-card:hover img {transform:scale(1.05);}
.offers-hero .offer-slide-overlay {position:absolute; inset:0; background:linear-gradient(to right, rgba(0,0,0,0.8), rgba(0, 0, 0, 0.2)); display:flex; flex-direction:column; justify-content:center; padding:3rem; color:white;}

/* Custom Swiper Nav */
.offers-hero .custom-swiper-btn {width:48px; height:48px; background:white; border-radius:50%; box-shadow:0 4px 12px rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; color:var(--text-dark); position:absolute; top:50%; transform:translateY(-50%); z-index:10; cursor:pointer; transition:all 0.2s ease; border:1px solid #e7e5e4;}
.offers-hero .custom-swiper-btn:hover {background:var(--green-2); color:white; border-color:var(--green-2);}
.offers-hero .btn-prev {left:-24px;}
.offers-hero .btn-next {right:-24px;}

/* --- Ticket Coupon Cards --- */
.ticket-card {background:var(--bs-white); border-radius:1rem; position:relative; display:flex; flex-direction:column; box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.05); transition:transform 0.3s ease, box-shadow 0.3s ease; height:100%; border:1px solid #e7e5e4; overflow:hidden;}
.ticket-card:hover {transform:translateY(-5px); box-shadow:0 15px 30px -5px rgba(0, 0, 0, 0.1); border-color:#d1fae5;}

/* The Ticket Visual Effect (Notches) */
.ticket-visual {position: relative;padding: 1.5rem;margin-bottom: auto;}

/* Dashed Line separator */
.ticket-divider {height: 1px;background-image: linear-gradient(to right, #000 50%, transparent 50%);background-size: 13px 100%;position: relative;margin: 0 1rem;}

/* Notches using pseudo elements on the divider */
.ticket-divider::before, .ticket-divider::after {content:''; position:absolute; width:20px; height:20px; background-color:#fff; border-radius:50%; top:50%; transform:translateY(-50%); border:1px solid #000; z-index:1;}
.ticket-divider::before {left:-26px; border-right-color:transparent;}
.ticket-divider::after {right:-26px; border-left-color:transparent;}
.ticket-image {height:300px; width:100%; object-fit:cover; border-radius:10px; margin-bottom:1rem;}
.ticket-badge {background-color:#d1fae5; color:#047857; font-size:0.75rem; font-weight:700; padding:0.35rem 0.75rem; border-radius:50rem; display:inline-block; margin-bottom:0.75rem; text-transform:uppercase; letter-spacing:0.05em; line-height:1.2; position:absolute; top:30px; left:30px;}
.ticket-content h3 {font-size:1.25rem; font-weight:700; margin-bottom:0.5rem; line-height:1.3;}
.ticket-desc {color:#57534e; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:0.5rem; transition:all 0.3s ease;}
.ticket-desc.expanded {-webkit-line-clamp:unset; overflow:visible;}
.ticket-card .read-more-btn {background:none; border:none; color:#059669; font-weight:600; padding:0; cursor:pointer; margin-bottom:1rem;}
.ticket-card .read-more-btn:hover {text-decoration:underline;}
.ticket-footer {padding:12px 24px; background-color:rgba(245, 245, 244, 0.5); display:flex; justify-content:space-between; align-items:center;}
.ticket-card .btn-reveal {padding:0.6rem 1.25rem; font-size:17px; font-weight:600;}
/* Terms Accordion styles */
.ticket-terms {max-height:0; overflow:hidden; transition:max-height 0.4s ease; background-color:#f5f5f4; font-size:16px;}
.ticket-terms.open {border-top:1px solid #e7e5e4;}
.ticket-terms-content {padding:1rem 1.5rem;}
.view-terms-btn {background:none; border:none; color:#57534e; font-weight:600; padding:0; text-decoration:underline; text-underline-offset:4px;}
.view-terms-btn:hover {color:#059669;}

/* Modal Styles */
.offermodal .modal-content {border:none; box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);}
.offermodal .coupon-code-box {background:#d1fae5; border:2px dashed #059669; color:#047857; font-family:monospace; font-size:1.5rem; font-weight:700; padding:1rem; text-align:center; border-radius:0.75rem; margin:10px 0; cursor:pointer; position:relative;}
.offermodal .coupon-code-box:hover::after {content:'Click to Copy'; position:absolute; top:-10px; right:-10px; background:var(--bs-black); color:white; font-size:12px; padding:0.25rem 0.5rem; border-radius:4px; line-height:1.4; font-family:'Outfit', sans-serif; font-weight:500;}
/* Mobile specific adjustments */
@media (max-width: 768px) {
    .offers-hero .btn-prev { left: 0; }
    .offers-hero .btn-next { right: 0; }
    .offers-hero { padding: 1rem 0; }
    .offers-hero .offer-slide-overlay { padding: 1.5rem; }
}
.checkout-left-section {flex-basis:calc(100% - 435px); max-width:calc(100% - 435px); flex-grow:0; flex-shrink:0;}
.checkout-right-section {flex-basis:435px; max-width:435px; flex-grow:0; flex-shrink:0; position:relative;}
.checkout-form .form-control, .checkout-form .form-select {height:42px;}
.checkout-right-section-inner {background:#f6f6f6; padding:20px 15px; border-radius:10px; display:flex; flex-direction:column;}
.checkout-item {display:flex; flex-wrap:wrap; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #bfc0c1;}
.checkout-item-img-holder {flex-basis:37px; height:37px; max-width:37px; flex-grow:0; flex-shrink:0;}
.checkout-item-cntnt-holder {flex-basis:0; max-width:none; flex-grow:1; flex-shrink:0; padding-left:15px;}
.checkout-item-name {font-size:16px; color:#434343; margin-bottom:5px; font-weight:500; line-height:1;}
.checkout-item-name-2 {font-size:16px; color:#5a5a5a; margin-bottom:0; line-height:1;}
.checkout-item-price-holder {flex-basis:100px; max-width:100px; flex-grow:0; flex-shrink:0;}
.checkout-item-price {text-align:right; font-size:16px; font-weight:700; line-height:1;}
.checkout-right-bottom-section {margin-top:auto;}
.checkout-pricing {line-height:1; font-size:16px; margin-bottom:10px;}
.couponapplybtn {font-size:16px;}
.e-transfer-p {display:none; padding-top:10px;}
#paymentoption-etransfer:checked ~ .e-transfer-p {display:table;}
.tooltip-inner {max-width:800px !important; width:max-content !important; text-align:left; font-size:14px;}
.ctbh-btn {background:#3f3f3f; color:#fff !important; font-weight:600; font-size:16px; display:flex; align-items:center; justify-content:center; align-content:center;}
.ctbh-btn > i {line-height:1;}
.ctbh-btn.active {background:var(--green-2) !important;}
.ctbh-btn.active > i {display:inline;}
.ctbh-text-1 {line-height:1.3;}
.CuP-loc-swiper-slide-inner {border-radius: 5px;overflow: hidden;}
.cart-item-right-main {display:inline-flex; flex-basis:calc(100% - 50px); max-width:calc(100% - 50px); flex-grow:0; flex-wrap:wrap; align-items:flex-start; align-content:flex-start;}
.cart-item-full {display:flex; flex-wrap:wrap; flex-basis:100%; max-width:100%; flex-grow:0;}
.cart-item-full-col-2 {flex-basis:70px; max-width:70px; flex-grow:0; flex-shrink:0; display:inline-flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; align-content:flex-end;}
.cart-item-full-col-1 {flex-basis:calc(100% - 70px); max-width:calc(100% - 70px); flex-grow:0;}
.zc-inactive-btn, .coupon-inactive-btn {line-height:1; font-size:16px; margin-bottom:10px; text-decoration:underline; display:table; color:#ea2626;}
.zc-numb {display:flex; align-items:center; justify-content:flex-end;}
.zc-number {font-size:16px; padding:0px; height:auto; display:inline-flex; align-items:center; border:none; box-shadow:none; outline:none; min-height:auto; min-width:auto; width:auto; line-height:1; text-align:center; justify-content:center; max-width:50px; margin:0px 5px; background:transparent;}
.zc-btn {font-size:16px; text-decoration:none; color:#000; line-height:1;}
.checkout-right-section .cart-item-price {padding-left:10px;}
.vybez-savings-tooltip {background:var(--green-2); color:#fff; width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:13px; font-weight:bold; cursor:pointer; margin-top:1px;}
.Chk-PO-holder {display:flex; flex-wrap:wrap; margin:0px -5px; gap:10px 0px;}
.Chk-PO-item {flex-basis:calc(100% / 3); max-width:calc(100% / 3); flex-grow:0; padding:0px 5px; position:relative;}
.Chk-PO-item-input {position:absolute; top:0; left:0; z-index:0; opacity:0; visibility:hidden;}
.Chk-PO-item-label {position:relative; z-index:1; border:solid 1px #a4a4a4; background:#fff; display:flex; align-items:center; justify-content:center; line-height:1.4; flex-direction:column; padding:12px 5px; cursor:pointer; border-radius:5px; transition:all 0.15s; opacity:0.9; box-shadow:0 0 0 1px rgba(0,0,0,0);}
.Chk-PO-item-label-icon {font-size:25px; line-height:1;}
.Chk-PO-item-label-text {line-height:1; margin-top:2px; font-size:16px; font-weight:500;}
.Chk-PO-item-input:checked + .Chk-PO-item-label {border:solid 1px #000; box-shadow:0 0 0 1px #000; transition:all 0.15s; opacity:1;}
.e-transfer-infos {background:#fff; border:solid 1px #000; box-shadow:0 0 0 1px #000; margin-top:10px; border-radius:5px; padding:5px 10px; display:none;}
.tooltip.vybez-tooltip .tooltip-arrow::before {border-top-color:#fff8d3 !important;}
.vybez-tooltip .tooltip-inner {max-width:800px !important; width:max-content !important; text-align:left; font-size:14px;}
.tooltip.vybez-tooltip .tooltip-inner {background:#fff8d3; color:#111; font-size:14px; padding:12px; border:1px solid #e6ca72; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,0.15); max-width:260px; text-align:left; line-height:1.5;}
.creditcarddivcntnt1 {font-size:17px;}
.creditcarddivcntnt2 {font-size:13px; font-weight:500; line-height:1.6;}
#card-container {margin:20px 0;}
#pay-button { background-color: #0066cc; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; }
#pay-button:disabled { background-color: #cccccc; cursor: not-allowed; }
#card_error { color: red; margin-top: 10px; }
/* Start : Stripe Button */
#card-element { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
#card-errors { color: red; margin-top: 10px; }
#stripe-payment-element {margin-bottom:15px;}
#stripe-payment-errors {color:#e11d48; font-size:14px; min-height:20px;}
#stripe-submit-button {background:#6366f1; color:white; border:none; padding:12px; border-radius:8px; font-size:16px; font-weight:600; cursor:pointer; width:100%; transition:background 0.2s;}
#stripe-submit-button:hover:not(:disabled) {background:#4f46e5;}
#stripe-submit-button:disabled {background:#d1d5db; cursor:not-allowed;}
/* End : Stripe Button */
.order-complete-right-inner {background: #fff;border-radius: 10px;padding: 15px;border: 1px solid #e7e5e4;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);}
.order-complete-item {display:flex; flex-wrap:wrap; border-bottom:solid 1px #bbb; padding:15px 0}
.order-complete-img-holder {flex-basis:60px; height:60px; max-width:60px; flex-grow:0; flex-shrink:0; border-radius:5px; overflow:hidden; border:solid 1px #D1CFCF;}
.order-complete-price-holder {flex-basis:90px; max-width:90px; flex-grow:0; flex-shrink:0; text-align:right}
.order-complete-cntnt-holder {flex-basis:0; flex-grow:1; padding-left:15px}
.order-complete-item-name {font-size:16px; font-weight:700; margin-bottom:5px; line-height:1.4; margin-top:3px}
.order-complete-item-qty {font-size:16px; line-height:1; margin:0}
.order-complete-price {font-weight:700; font-size:17px; margin:0}
.order-quick-info-row {display:flex; flex-wrap:wrap; margin-left:-5px; margin-right:-5px}
.order-quick-info-box {flex:0 0 auto; width:calc(100% / 5); padding:0 5px; margin-top:10px;}
.order-quick-info-box-inner {background:#f7f7f7; border-radius:5px; padding:15px 5px; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center}
.order-quick-info-title {font-size:15px; line-height:1.3; margin-bottom:5px}
.order-quick-info-value {font-weight:700; font-size:15px; line-height:1.3; margin:0; color: var(--bs-dark);}
.order-quick-add-box {border-radius:5px; padding:25px; background:#f7f7f7; height:100%}
.success-checkmark {width:80px; height:80px; margin:0 auto; border-radius:50%; background:#d1fae5; display:flex; align-items:center; justify-content:center; position:relative; animation:popIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.success-checkmark i {font-size:40px; color:#059669; opacity:0; animation:fadeIn 0.4s ease-in 0.4s forwards;}

@keyframes popIn {
0% {transform:scale(0); opacity:0;}
80% {transform:scale(1.1); opacity:1;}
100% {transform:scale(1);}
}

/* Confetti Canvas */
#confetti {position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9999;}
.order-complete-note {background:#e6fff2; border-color:#059669 !important;}

/*==================== my account page ================*/
.myaccount-page main { padding-block: 20px 50px !important; }
.myaccount-row-1 { display: flex; flex-wrap: wrap; margin-inline: -12px; }
.myaccount-sidebar { flex-basis: 300px; flex-grow: 0; padding-inline: 12px; max-width: 300px; }
.myaccount-right-side { flex-basis: 0; flex-grow: 1; padding-inline: 12px; }
.myaccount-sidebar-inner { position: sticky; top: 140px; }
.myaccount-user-info-holder { flex-basis: auto; border-radius: 8px; overflow: hidden; flex-grow: 0; max-height: 70px; background: var(--green-2); padding: 10px 15px; margin-bottom: 15px; }
.myaccount-greeting { font-size: 15px; line-height: 1; }
.myaccount-username { font-size: 20px; font-weight: 700; line-height: 1; margin-top: 5px;margin-bottom: 0px;color: var(--yellow-2);}
.myaccount-sidebar-links-holder { flex-basis: 0; flex-grow: 1;background: var(--green-3); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; padding: 15px; }
.myaccount-sidebar-link { display: table; width: 100%; color: #fff; line-height: 1; padding: 15px 10px; transition: all 0.3s; background: transparent; margin-bottom: 5px; border-radius: 8px; padding-left: 37px;font-weight: 500; text-decoration: none; }
.myaccount-sidebar-link:hover { background: rgba(255,255,255,0.2); transition: all 0.3s; }
.myaccount-sidebar-link.active { color: var(--green-6); background: #fff; margin-bottom: 5px; opacity: 1; transition: all 0.3s; }
.myaccount-sidebar-link > i { min-width: 22px; text-align: center; margin-left: -27px; margin-right: 5px; }
/* .myaccount-right-side-inner { border-radius: 10px; overflow: hidden; background: #f3f3f3; padding: 30px 15px; } */
.myaccount-page .form-label {font-weight: 500;color: #2b2b2b;}
.my-profile-form .form-group { margin-bottom: 20px; }
.my-profile-form .form-control { min-height: 50px; border-radius: 8px; padding-inline: 20px;box-shadow: none; }
.my-profile-form textarea.form-control { min-height: 100px; }
.text-black { color: #000 !important }
.full-overlay { position: fixed; top: 0; left: 0px; width: 100%; height: 100%; background: rgba(33,72,66,.5); display: none; z-index: 10000; }

@media only screen and (max-width: 767.98px) {
.myaccount-user-info-holder { position: relative; padding-left: 50px; margin-bottom: 0px; }
.my-profile-form .form-control { padding-inline: 10px; }
}

@media only screen and (max-width: 575.98px) {
.myaccount-sidebar-inner { padding: 2px; }
}


.past-order-item {display:flex; flex-wrap:wrap; border-radius:15px; border:solid 1px #dcdcdc; padding:15px; align-items:center; margin-bottom:20px; text-decoration:none;}
.past-order-product-section {display:inline-flex; flex-wrap:wrap; flex-basis:0; max-width:none; flex-grow:1;}
.past-order-price-section {flex-basis:100px; max-width:100px; flex-grow:0; flex-shrink:0;}
.past-order-status-section {flex-basis:250px; max-width:250px; flex-grow:0; flex-shrink:0; text-align:right;}
.past-order-item-img-holder {flex-basis:54px; max-width:54px; height:54px; overflow:hidden; border-radius:5px; border:solid 1px #e6e6e6;}
.past-order-item-cntnt-holder {flex-basis:0; flex-grow:1; max-width:none; padding-left:15px;}
.past-order-item-name {font-size:16px; color:#434343; font-weight:500; margin:0px;}
.past-order-qty {font-size:16px; color:#5a5a5a; margin:0px; line-height:1;}
.past-order-price {font-size:16px; font-weight:700; color:#080808; margin:0;}
.past-order-status {font-size:16px; font-weight:700; margin:0px;}
.past-order-holder {display:flex; flex-wrap:wrap;}
.past-order-img-holder {border-radius:5px; max-width:54px; flex-basis:54px; height:54px; overflow:hidden; border:solid 1px #e6e6e6;}
.past-order-cntnt-holder {flex-basis:0; max-width:none; flex-grow:1; padding-left:15px;}
.past-order-item-qty {font-size:16px; color:#5a5a5a; line-height:1; margin-bottom:8px;}
.past-order-item-price {font-size:16px; font-weight:700; color:#080808; margin-bottom:8px; line-height:1;}

.poi-text-1 {font-size:16px; line-height:1.6;color: var(--bs-dark);}
.uod-page .past-order-item {border:none; padding:0px; margin-bottom:10px;}
.uod-page .past-order-qty {font-size:15px; line-height:1.3;}
.uod-page .past-order-item-cntnt-holder {flex-basis:calc(100% - 54px); max-width:calc(100% - 54px); flex-grow:0;}
.uod-status {display:flex; position:relative; justify-content:space-between;}
.uod-status-col {max-width:25%; position:relative;}
.uod-status-col-icon-holder {display:flex; height:45px; width:45px; text-align:center; justify-content:center; align-items:center; align-content:center; margin:0px auto 0px auto; border-radius:100%; overflow:hidden; background:#eaeaea; transition:all 0.3s; position:relative; z-index:1; border:solid 3px #fff;}
.uod-status-col-icon-holder * {line-height:1; font-size:22px; margin-top:2px;}
.uod-status-text {font-size:15px; font-weight:500; transition:all 0.3s; text-align:center; line-height:1.2;color: var(--bs-black);margin-top: 2px;}
.uod-status-line {position:absolute; top:22px; height:2px; border-top:dashed 2px #888; transition:all 0.3s;}
.uod-status-col.uod-status-col-prev .uod-status-col-icon-holder, .uod-status-col.uod-status-col-active .uod-status-col-icon-holder {background:#27b527; transition:all 0.3s; color:#fff;}
.uod-status-col.uod-status-col-prev .uod-status-text, .uod-status-col.uod-status-col-active .uod-status-text {color:#27b527; transition:all 0.3s;}
.uod-status-col.uod-status-col-prev .uod-status-line {border-top:solid 2px #27b527; transition:all 0.3s;}
.uo-reorder-btn {position:absolute; right:4px; top:calc(100% + 5px);}
.btn-uo-green-1 {background:var(--green-2); transition:all 0.3s; color:#fff !important; font-weight:500; font-size:14px; border-radius:5px; line-height:1; padding:8px 12px;}
.btn-uo-green-1:hover, .btn-uo-green-1:active, .btn-uo-green-1:focus {background:#1e4737 !important; transition:all 0.3s;}
.btn-uo-blue-1 {background:#2b6dea; transition:all 0.3s; color:#fff !important; font-weight:500; font-size:14px; border-radius:5px; line-height:1; padding:8px 12px;}
.btn-uo-blue-1:hover, .btn-uo-blue-1:active, .btn-uo-blue-1:focus {background:#205cca !important; transition:all 0.3s;}
.poi-text-1 b, .poi-text-1 strong {font-weight:600;}
.uod-card-title-1 {font-size:14px; text-transform:uppercase; letter-spacing:1px; color:#6c757d; margin-bottom:8px; font-weight:600;}
.delivery-add-1 {font-size:17px; line-height:1.5;}
.uod-total-row .poi-text-1 {font-size:20px;}
.myc-nav-pills .nav-link {font-size:15px; text-decoration:none; color:#000000; border:solid 1px #000000; padding:10px 5px; line-height:1; border-radius:5px; overflow:hidden; font-weight:500; transition:all .3s;}
.myc-nav-pills .nav-link.active {background:#000000; color:#fff; border-color:#000000; transition:all .3s;}
.acc-pages .couponcol-cntnt-holder2 {background:#313131;}
.border-blinkanimation {animation-name:blink; animation-duration:.7s; animation-delay:1s; animation-iteration-count:3; border:solid 5px transparent; border-radius:15px; overflow:hidden;}

@keyframes blink {
50% {border-color:var(--green-1)}
}
.crtimelineitem {position:relative; padding-left:20px; padding-block:5px 15px;}
.crtimelineitem-inner {background:#f4f4f4; border-radius:0px 8px 8px 8px; padding:15px;}
.crtimelineitem::before {content:""; position:absolute; top:0px; left:0; width:11px; height:11px; border-radius:100%; background:#a8a8a8; z-index:1;}
.crtimelineitem::after {content:""; position:absolute; top:0px; left:5px; width:1px; height:100%; background:#ddd; z-index:0;}
.crtimelineitem-inner > p {font-size:16px;color: var(--bs-dark);}
.delivery-areas-page .btn-custom {background-color: var(--green-3);color: white;border-radius: 50px;padding: 10px 25px;font-weight: 600;border: none;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);transform: translateY(0px);}
.delivery-areas-page .btn-custom:hover { transform: translateY(-2px); background-color: var(--green-2); color: white; }

/* Delivery Areas Page Hero Section */
.delivery-areas-page .hero-ontario {background:linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%); padding:180px 0 80px 0; position:relative; overflow:hidden;}
.delivery-areas-page .hero-map-bg {position:absolute; top:50%; right:-100px; transform:translateY(-50%); font-size:30rem; color:rgba(46, 204, 113, 0.10); background:linear-gradient(135deg, var(--primary-green), var(--primary-purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0.3; z-index:0; pointer-events:none;}

/* Delivery Areas Page City Grid */
.delivery-areas-page .city-card {background:white; border:1px solid rgba(0, 0, 0, 0.17); border-radius:15px; padding:15px 20px; text-align:center; transition:all 0.2s ease; cursor:pointer; text-decoration:none; color:var(--bs-dark); display:flex; align-items:center; justify-content:space-between;}
.delivery-areas-page .city-card:hover {transform:translateY(-3px); border-color:var(--primary-green); background-color:#f0fdf4; color:var(--green-2); box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.delivery-areas-page .city-card i {opacity:0; transform:translateX(-10px); transition:all 0.2s ease;}
.delivery-areas-page .city-card:hover i {opacity:1; transform:translateX(0);}

/* Delivery Areas Page Features Section */
.delivery-areas-page .feature-box {background:white; padding:30px; border-radius:20px; height:100%; box-shadow:0 10px 30px rgba(0,0,0,0.08); border:1px solid rgba(0, 0, 0, 0.02);}
.delivery-areas-page .feature-icon {width:60px; height:60px; background:rgba(46, 204, 113, 0.1); color:var(--primary-green); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:20px;}

/* Delivery Areas Page Delivery Badge */
.delivery-areas-page .delivery-badge {background: linear-gradient(135deg, var(--primary-green), #27ae60);color: white;padding: 5px 15px;border-radius: 20px;font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;display: inline-block;margin-bottom: 15px;}

/* Delivery Areas Page Utility */
.delivery-areas-page .text-gradient {background:linear-gradient(135deg, var(--primary-green), var(--primary-purple)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.delivery-areas-page .hidden-city {display:none !important;}

/* Delivery Areas Page Custom Input for Service Area Search */
.delivery-areas-page .service-search-input:focus {border-color:var(--primary-green); box-shadow:0 0 0 0.25rem rgba(46, 204, 113, 0.25);}
.da-search-holder .service-search-input {padding:15px 125px 15px 45px;}
.da-search-holder .service-search-btn {right:6px; font-size:16px;}


/* Shipping Areas Page */
.shipping-areas-page .btn-custom {background-color: var(--primary-green);color: white;border-radius: 50px;padding: 10px 30px;font-weight: 600;border: none;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);}
.shipping-areas-page .btn-custom:hover { transform: translateY(-2px); background-color: #27ae60; color: white; }

/* Shipping Areas Page Split Hero Section */
.shipping-areas-page .hero-shipping {padding:180px 0 80px 0; background:radial-gradient(circle at top right, rgba(46, 204, 113, 0.25), transparent 40%), radial-gradient(circle at bottom left, rgba(46, 204, 113, 0.15), transparent 40%); position:relative;}
.shipping-areas-page .check-widget {background:white; padding:2rem; border-radius:20px; box-shadow:0 20px 40px rgba(0,0,0,0.08); border:1px solid rgba(0, 0, 0, 0.03); max-width:450px;}
.shipping-areas-page .check-input-group {position:relative;}
.shipping-areas-page .check-input {width:100%; padding:15px 20px; border:2px solid #eee; border-radius:12px; font-size:1rem; transition:all 0.3s;}
.shipping-areas-page .check-input:focus {border-color:var(--primary-green); outline:none;}

/* Shipping Areas Page Province Cards */
.shipping-areas-page .province-card {border-radius:20px; overflow:hidden; position:relative; height:250px; cursor:pointer; box-shadow:0 10px 20px rgba(0,0,0,0.05); transition:transform 0.3s ease, box-shadow 0.3s ease; text-decoration:none; display:block;}
.shipping-areas-page .province-card:hover {transform:translateY(-5px); box-shadow:0 15px 30px rgba(46, 204, 113, 0.2);}
.shipping-areas-page .province-img {width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.shipping-areas-page .province-card:hover .province-img {transform:scale(1.1);}
.shipping-areas-page .province-overlay {position:absolute; bottom:0; left:0; width:100%; background:linear-gradient(to top, rgba(0,0,0,0.8), transparent); padding:20px; color:white;}
/* Shipping Areas Page Coverage Table */
.shipping-areas-page .coverage-container {background:#2c3e50; border-radius:30px; padding:4rem; color:white; position:relative; overflow:hidden;}
.shipping-areas-page .coverage-table {width:100%; border-collapse:separate; border-spacing:0 15px;}
.shipping-areas-page .coverage-table tr td {padding:15px 20px; background:rgba(255,255,255,0.05); border-top:1px solid rgba(255, 255, 255, 0.1); border-bottom:1px solid rgba(255, 255, 255, 0.1); vertical-align:middle;}
.shipping-areas-page .coverage-table tr td:first-child {border-left:1px solid rgba(255,255,255,0.1); border-radius:10px 0 0 10px; font-weight:600; width:40%;}
.shipping-areas-page .coverage-table tr td:last-child {border-right:1px solid rgba(255,255,255,0.1); border-radius:0 10px 10px 0; text-align:right; color:#aaa;}
.shipping-areas-page .transit-dot {height:8px; width:8px; background-color:var(--primary-green); border-radius:50%; display:inline-block; margin-right:10px; box-shadow:0 0 10px var(--primary-green);}
/* Shipping Areas Page FAQ Grid */
.shipping-areas-page .faq-card {background:#f8f9fa; padding:25px; border-radius:15px; border:1px solid rgba(0,0,0,0.03); height:100%;}
.shipping-areas-page .faq-icon {font-size:1.5rem; color:var(--primary-green); margin-bottom:15px;}

@keyframes float2 {
0% {transform:translateY(0px);}
50% {transform:translateY(-15px);}
100% {transform:translateY(0px);}
}

.shipping-areas-page .floating-icon {animation:float2 6s ease-in-out infinite;}
.sa-checker-icon-holder {flex-basis:46px; max-width:46px; flex-grow:0;}
.sa-checker-cntnt-holder {flex-basis:calc(100% - 46px); max-width:calc(100% - 46px); flex-grow:0;}
.offers-link {background:linear-gradient( 90deg, var(--green-2) 0%, var(--green-1) 50%, var(--green-2) 100% ); background-size:200% auto; color:var(--green-2); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:textShine 2.5s linear infinite; transition:transform 0.2s ease;}
.offers-link:hover {transform:scale(1.1);}

@keyframes textShine {
0% {background-position:0% center;}
100% {background-position:200% center;}
}
/* Mobile Navigation */
.mobile-nav-2 {max-width:100%; padding:10px 10px calc(env(safe-area-inset-bottom) + 10px) 10px;}
.mobile-nav-2::after {content:""; background:linear-gradient(0deg,transparent -1%,#222 0,#a6a6a6 3%,transparent); bottom:0; height:100px; left:0; pointer-events:none; position:fixed; transition:opacity .15s ease-out, visibility .15s ease-out, background .15s ease-out, height .15s ease-out; width:100%; z-index:0;}
.mobile-nav-2-backdrop {opacity:0; visibility:hidden; transition:all 0.3s; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.5); z-index:1;}
.menu-nav-2-opened {overflow:hidden !important;}
.menu-nav-2-opened .mobile-nav-2::after {height:0px; transition:opacity .15s ease-out, visibility .15s ease-out, background .15s ease-out, height .15s ease-out;}
.mobile-nav-2-main {align-items:center; background-color:#fff; border-radius:10px; box-shadow:0 24px 24px -12px #0000000f, 0 12px 12px -6px #0000000f, 0 6px 6px -3px #0000000f, 0 3px 3px -1.5px #0000000f, 0 1px 1px -.5px #0000000f, 0 0 0 1px #0000000f; display:flex; justify-content:space-around; margin:0 auto; padding:10px 15px; position:relative; transition:max-width .3s cubic-bezier(.4,0,.22,1); width:100%; z-index:1;overflow: hidden;}
.mobile-nav-2-main.active {max-width:100%;}
.mobile-nav-2:not(.mobile-nav-2-top) {padding: 5px;z-index: 1031;}
.mobile-nav-2:not(.mobile-nav-2-top) .mobile-nav-2-main {padding: 0px;border-radius: 10px;}
.mobile-nav-2-logo {max-width:47px; flex-basis:47px; flex-grow:0;}
.mobile-nav-2-col-1, .mobile-nav-2-col-2 {overflow:hidden; transition:gap 0.3s ease; gap:0px 0px;}
.mobile-nav-2-main.active .mobile-nav-2-col-1, .mobile-nav-2-main.active .mobile-nav-2-col-2 {gap:0px 20px; transition:gap 0s ease 0.1s;}
.mobile-nav-2-col-1 {display:inline-flex; justify-content:flex-start; gap:0px 20px; flex-basis:calc((100% - 60px) / 2); max-width:calc((100% - 60px) / 2);}
.mobile-nav-2-col-2 {display:inline-flex; justify-content:flex-end; gap:0px 20px; flex-basis:calc((100% - 60px) / 2); max-width:calc((100% - 60px) / 2);}
.menu-nav-2-link.active {background:#fff !important; color:#0E0E0E !important;}
.menu-nav-2-link-hide {opacity:0; visibility:hidden; transition:opacity .1s cubic-bezier(.4,0,.22,1), visibility .1s cubic-bezier(.4,0,.22,1);}
.mobile-nav-2-main.active .menu-nav-2-link-hide {opacity:1; visibility:visible; transition:opacity .3s cubic-bezier(.4,0,.22,1) 0.15s, visibility .3s cubic-bezier(.4,0,.22,1) 0.15s;}
.mobile-nav-2-menu {background-color:#fff; border-radius:10px; bottom:calc(env(safe-area-inset-bottom) + 75px); transform:scaleY(0); transform-origin:bottom; opacity:0; overflow:hidden; padding:15px; position:fixed; transition:transform .28s cubic-bezier(.4,0,.22,1) 0.2s, opacity .28s cubic-bezier(.4,0,.22,1) 0.2s, visibility .28s cubic-bezier(.4,0,.22,1) 0.2s; visibility:hidden; width:calc(100% - 10px); box-shadow:0 24px 24px -12px #0000000f, 0 12px 12px -6px #0000000f, 0 6px 6px -3px #0000000f, 0 3px 3px -1.5px #0000000f, 0 1px 1px -.5px #0000000f, 0 0 0 1px #0000000f;}
.mobile-nav-2-menu.active {transform:scaleY(1); transform-origin:bottom; opacity:1; visibility:visible; transition:transform .28s cubic-bezier(.4,0,.22,1), opacity .28s cubic-bezier(.4,0,.22,1), visibility .28s cubic-bezier(.4,0,.22,1);}
.mobile-nav-2-menu-wrapper-1 {position:relative; opacity:0; visibility:hidden; transition:opacity .3s cubic-bezier(.4,0,.22,1), visibility .3s cubic-bezier(.4,0,.22,1), transform .3s cubic-bezier(.4,0,.22,1), height .3s cubic-bezier(.4,0,.22,1); display:flex; flex-direction:column; gap:24px 0px; transform:translateX(0);}
.mobile-nav-2-menu.active .mobile-nav-2-menu-wrapper-1 {opacity:1; visibility:visible; transition:opacity .2s cubic-bezier(.4,0,.22,1) .3s, visibility .14s cubic-bezier(.4,0,.22,1) .3s, transform .3s cubic-bezier(.4,0,.22,1), height .3s cubic-bezier(.4,0,.22,1);}
.mobile-nav-2-menu .mobile-nav-2-menu-wrapper-1.mobile-nav-2-menu-submenu-opened {transform:translateX(calc(-100% - 24px)); transition:transform .3s cubic-bezier(.4,0,.22,1), height .3s cubic-bezier(.4,0,.22,1);}
.mobile-nav-2-link-1 {text-decoration:none; color:#000; font-weight:700; font-size:25px; line-height:1; display:flex; align-items:center; justify-content:space-between;}
.mobile-nav-2-link-1 [class*="right"] {display:inline-flex; width:25px; height:25px; justify-content:center; align-items:center; border-radius:100%; background-color:#f2f2f2; font-size:14px;}
.mobile-nav-2-header {opacity:0; overflow:hidden; position:fixed; top:10px; transform:translateY(-61px); transition:transform .5s cubic-bezier(.4,0,.22,1), opacity .5s cubic-bezier(.4,0,.22,1), visibility .5s cubic-bezier(.4,0,.22,1); visibility:hidden; width:calc(100% - 20px); display:flex; align-items:center; justify-content:center; gap:0px 10px;}
.mobile-nav-2-header.active {opacity:1; transform:translateY(0px); transition:transform .5s cubic-bezier(.4,0,.22,1), opacity .5s cubic-bezier(.4,0,.22,1), visibility .5s cubic-bezier(.4,0,.22,1); visibility:visible;}
.mobile-nav-2-menu-has-dropdown {position:relative;}
.mobile-nav-2-menu-submenu {display:flex; flex-direction:column; gap:24px 0px; position:fixed; left:0 !important; top:0 !important; width:100% !important; transform:translateX(calc(100% + 24px)) !important; transition:transform .5s cubic-bezier(.4,0,.22,1), opacity .2s cubic-bezier(.4,0,.22,1), visibility .2s cubic-bezier(.4,0,.22,1); opacity:0; visibility:hidden;}
.mobile-nav-2-menu-submenu.active {opacity:1; transition:transform .5s cubic-bezier(.4,0,.22,1), opacity .2s cubic-bezier(.4,0,.22,1) .3s, visibility .2s cubic-bezier(.4,0,.22,1) .3s; visibility:visible;}
.mobile-nav-2-menu-submenu-back {justify-content:start; padding:5px 10px 5px 25px; background-color:#f2f2f2; display:inline-flex; border-radius:20px; font-size:16px; align-items:center; line-height:1; position:relative; font-weight:600;}
.mobile-nav-2-menu-submenu-back::before {content:"\f104"; position:absolute; font-family:"Font Awesome 6 Pro"; font-weight:900; font-size:16px; line-height:1; left:10px; top:50%; transform:translateY(-50%);}
.leaflet-popup-content-wrapper {border-radius:8px; padding:0; overflow:hidden;}
.leaflet-popup-content {margin:0; width:280px !important;}
.leaflet-popup-content .popup-card-image {width:100%; height:140px; object-fit:cover; background-color:#eee;}
.leaflet-popup-content .popup-card-body {padding:15px;}
.leaflet-popup-content .popup-title {font-weight:700; font-size:1.1rem; margin-bottom:5px; color:#333;}
.leaflet-popup-content .popup-address {font-size:0.9rem; color:#666; margin-bottom:15px;}

/* Custom Button Styling within Popup */
.leaflet-container a.btn-map-action {font-size:13px; display:flex; align-items:center; justify-content:center; gap:5px; font-family:'Outfit', sans-serif; color:var(--bs-dark);}
.leaflet-container a.btn-map-action:hover {color:var(--bs-white);}
.leaflet-popup-close-button {color:rgb(237, 27, 47) !important; border-radius:65px; align-items:center; justify-content:center; display:flex; transition:all 0.3s; z-index:401; font-weight:700 !important; font-size:21px !important;}
.dealer-info-map {height:500px;}
.prod-page-total.lesstot {border-radius:5px; font-size:16px; color:var(--bs-danger); border:1px solid var(--bs-danger); line-height:1.2; background-color:rgba(var(--bs-danger-rgb), 0.1);}
.coupon-modal .modal-body ol li::marker {font-weight:700;}
.photo-upload-holder-1 {display: flex;flex-wrap: wrap;background: #fff;border-radius: 10px;overflow: hidden;padding: 5px;margin-bottom: 15px;align-items: center;box-shadow: var(--bs-box-shadow-sm) !important;}
.photo-uploader-1 {flex-basis:100px; max-width:100px; height:100px; flex-grow:0; border-radius:10px; overflow:hidden; border:solid 2px #e8e8e8; position:relative}
.photo-uploader-1-cntnt-holder {flex-basis:0; flex-grow:1; padding-left:15px}
.photo-uploader-1-cntnt-holder > label {line-height:1.3;}
.bc-profile-preview {object-fit:cover; width:100%; height:100%}
.bc-profile-upload {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; opacity:0}
.photo-uploader-1-inner-2 {position:absolute; top:0; left:0; background:rgba(0,0,0,.6); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all .3s}
.photo-uploader-1:hover .photo-uploader-1-inner-2 {opacity:1; visibility:visible; transition:all .3s}
.initial-dp-holder {width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:var(--green-2)}
.initial-dp-text {margin:0; font-size:35px; font-weight:700;color: #fff;}
.past-order-details-summary-box .poi-text-1 {font-size: 15px;}
.site-submenu-wide-full {width: 100%;top: 100%;}
.site-submenu-wide-full .site-submenu-link {border-bottom: solid 1px #dadada;}
.mobile-nav-2-menu-delivery, .mobile-nav-2-menu-shipping {max-height: 75dvh;overflow-y: auto;}
.continue-reading, .less-reading {text-decoration: none;color: var(--green-2);font-weight: 700;margin-left: 5px;}
.less-reading {margin-left: 0px;margin-top: 10px;display: table;}
/* The Catchy $ Animation */
.dollar-bounce {display: inline-block; margin-left: 6px;color: var(--green-1); animation: jump-shaking 2s infinite;font-size: 19px;}

@keyframes jump-shaking {
    0% { transform: translateX(0) translateY(1px) rotate(0); }
    10% { transform: translateY(0px) rotate(-10deg); }
    20% { transform: translateY(0px) rotate(10deg); }
    30% { transform: translateY(0px) rotate(-10deg); }
    40% { transform: translateY(0px) rotate(10deg); }
    50% { transform: translateY(1px) rotate(0); }
    100% { transform: translateY(1px) rotate(0); }
}
.shop-page-filter-btn {padding: 13px !important;}
.prod-hero-swiper-holder .prod-swiper-1 [aria-disabled="true"] {opacity: 0;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.20);visibility: hidden;}