@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@font-face { font-family: 'Northwell'; src: url('../fonts/Northwell-Alt.woff2') format('woff2'), url('../fonts/Northwell-Alt.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Northwell Alt'; src: url('../fonts/Northwell-Alt.woff2') format('woff2'), url('../fonts/Northwell-Alt.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Bebas'; src: url('../fonts/Bebas-Regular.woff2') format('woff2'), url('../fonts/Bebas-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
figure { margin: 0em; }
ul,
 ol { margin: 0; }
button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] { line-height: normal; padding: 0; font-family: "Urbanist", sans-serif; }
html { font-size: 100%; scroll-behavior: smooth; }
img { display: flex; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
h1,
 h2,
 h3,
 h4,
 h5,
 h6 { font-family: 'Bebas'; }
body { font-size: 1em; color: #000; margin: 0px; font-family: "Urbanist", sans-serif; }
.post,
 .page { margin: 0; }
ul,
 li { display: inline-block; }
p { line-height: 26px; margin-bottom: auto; }
.container { width: 1400px; margin: 0 auto; }
.container-flex { display: flex; flex-wrap: wrap; }
.clear { clear: both; }
.rod-btn { background: #FDF6E3; padding: 15px 25px; text-decoration: none; text-transform: uppercase; color: #391D25; border-radius: 9px; display: inline-flex; gap: 8px; font-weight: 600; align-items: center; border: solid 1px #391D25; box-shadow: 0 10px 0px #EC4935; transition: 0.5s; letter-spacing: 1px; font-size: 1.1em; }
.rod-btn:hover { background: #EC4935; color: #fff; border: solid 1px #391D25; box-shadow: 0 10px 0px #FDF6E3; transition: 0.5s; }
.rod-title { font-size: 4.625em; color: #3A1D26; line-height: 1; margin-bottom: 20px; font-weight: normal; }
.slick-slide img { width: 100%; }
.hamburger-menu,
.close-menu { display: none; }
/*Header*/

.top-discount { background: #ED4A35; text-align: center; padding: 10px 0; color: #fff; font-family: 'Bebas'; font-size: 1.2em; font-weight: normal; letter-spacing: 1px; line-height: 1; }
.header { background: #fff; padding: 10px 14px; border-radius: 200px; position: absolute; top: 8%; z-index: 9; left: 50%; transform: translateX(-50%); }
.header .container { width: 1200px; }
.header .container-flex { align-items: center; justify-content: space-between; }
.rod-menu ul li a { color: #000; text-decoration: none; margin: 0 20px; text-transform: capitalize; }
.rod-menu ul li a:hover { color: #EC4935; }
.rod-menu ul li:last-child a { background: #ed4a35; padding: 7px 28px; border-radius: 30px; color: #fff; }
.logo img { display: flex; }
.login-cart { display: inline-block; }
.login-cart ul { display: flex; }
.login-cart ul li { padding: 0 14px; display: inline-block; }
/*Banner*/





.banner .slick-slide { position: relative; }
.banner figure { position: relative; }
.banner figure:before { content: ""; background: #000000; background: radial-gradient(circle, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.banner-content { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%); z-index: 1; color: #fff; text-align: center; }
.banner-content .rod-title { color: #ffffff; width: 100%; margin: 0 auto; font-size: 3.8em; }
.banner-content p { font-size: 1.3em; margin-top: 20px; line-height: 33px; }
.banner-content ul { display: flex; gap: 15px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
.banner-content ul li a { background: #FDF6E3; padding: 15px 25px; text-decoration: none; text-transform: uppercase; color: #391D25; border-radius: 9px; display: inline-flex; gap: 8px; font-weight: 600; align-items: center; border: solid 1px #391D25; box-shadow: 0 10px 0px #EC4935; transition: 0.5s; letter-spacing: 1px; font-size: 1.1em; }
.banner-content ul li a:hover { background: #EC4935; color: #fff; border: solid 1px #391D25; box-shadow: 0 10px 0px #FDF6E3; transition: 0.5s; }
/*Deals*/

.deals { padding: 6em 0 6em 0; text-align: center; background: #FFF1E0; position: relative; }
.deals:before { content: ""; background: url(../images/waves-pattern.svg); position: absolute; left: 0; bottom: 100%; width: 100%; height: 12px; }
.deals .container { width: 1200px; margin: 0 auto; }
.deals .slick-slide { overflow: hidden; border-radius: 14px; }
.deals .slick-slide img { border-radius: 14px; }
.deals-slider { margin-top: 3em; padding: 0 6em; }
/*Categories*/

.categories { padding: 6em 0; text-align: center; background: url(../images/Categories-bg.png); position: relative; z-index: 1; }
.categories:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #ffffff; background: -webkit-linear-gradient(0deg, rgba(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(0deg, rgba(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(0deg, rgb(255 255 255) 40%, rgb(255 255 255 / 0%) 100%); }
.categories:after { content: ""; background: url(../images/waves-pattern.svg); position: absolute; left: 0; top: 0; width: 100%; height: 12px; transform: rotate(180deg); }
.categories-slider { margin-top: 4em; }
.categories-slider .slick-slide { background: #ffffff; margin: 0em 2em 0em 2em; cursor: pointer; transition: 0.2s; }
.categories-slider .slick-slide figure { padding: 30px; display: flex; border-radius: 100%; box-shadow: 0 10px 0px #EDEDED; border: solid 1px #ddd; }
.categories-slider .slick-slide figure:hover { box-shadow: 0 10px 0px #ED4A35; transition: 0.2s; border: solid 1px #ED4A35; }
.categories-slider .slick-slide img { margin: auto; transition: 0.2s; }
.categories-slider .slick-slide:hover .zoom-animation { display: inline-block; animation: zoomInOut 1s ease-in-out infinite; }
 @keyframes zoomInOut { 0% {
 transform: scale(1);
}
 50% {
 transform: scale(1.15);
}
 100% {
 transform: scale(1);
}
}
.categories-slider .slick-slide h3 a { font-weight: normal; font-size: 1.8em; margin-top: 25px; display: inline-block; color: #000; text-decoration: none; }
.categories-slider .slick-slide:hover h3 a { color: #ed4a35; }
.categories p { width: 56%; margin: 0 auto; position: relative; padding: 0 25px; }
.categories p:after,
 .categories p:before { content: ""; width: 200px; height: 4px; background: url(../images/line.svg); position: absolute; right: 100%; top: 50%; transform: translateY(-50%); background-size: 100%; background-repeat: no-repeat; }
.categories p:before { right: auto; left: 100%; transform: rotate(180deg); }
/*Featured-brands*/

.featured-brands { padding: 6em 0; text-align: center; background: #3B1D27; color: #fff; position: relative; }
.featured-brands:before { content: ""; background: url(../images/waves-pattern-white.svg); position: absolute; left: 0; top: 0; width: 100%; height: 12px; transform: rotate(180deg); }
.featured-brands:after { content: ""; background: url(../images/waves-pattern-white.svg); position: absolute; left: 0; bottom: 0; width: 100%; height: 12px; }
.brands-slider { margin: 4em 0 2em 0; }
.featured-brands span { margin: 1em 0 0 0; display: inline-block; width: 80%; line-height: 30px; color: #ed4a35; /* font-weight: 600; */ font-size: 1.2em; font-style: italic; border: solid 2px; padding: 19px; border-radius: 70px; }
.featured-brands .slick-track { display: flex; align-items: center; }
.featured-brands .rod-title { color: #ffffff; }
.featured-brands p { width: 56%; margin: 0 auto; position: relative; padding: 0 25px; }
.featured-brands p:after,
 .featured-brands p:before { content: ""; width: 200px; height: 4px; background: url(../images/line.svg); position: absolute; right: 100%; top: 50%; transform: translateY(-50%); background-size: 100%; background-repeat: no-repeat; filter: invert(1); }
.featured-brands p:before { right: auto; left: 100%; transform: rotate(180deg); }
.featured-brands .slick-slide { margin: 0em 1em 0em 1em; }
.featured-brands .slick-slide img { width: 200px; }
.featured-brands .slick-dots { position: relative; bottom: 0; left: 0; margin-top: 3em; }
/*Featured-Product*/

.featured-products { padding: 6em 0; }
.product-slider { margin-left: 13%; }
.product-details { padding: 15px 15px 35px 15px; }
.product-details h3 { font-size: 1.56em; font-weight: normal; padding: 10px 0 26px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; }
.product-card { background: #fff; border-radius: 20px; margin: 20px; position: relative; text-align: left; overflow: hidden; box-shadow: -10px 3px 0 #F4A140; border: solid 1px #eee; }
.cat { margin-top: 0px; font-size: 1.1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.weight { display: inline-block; border: 1px solid #ddd; padding: 4px 18px; border-radius: 20px; margin-bottom: 10px; }
.price { margin-top: 5px; }
.price .new { color: #e63946; font-size: 1.5em; font-weight: 600; }
.price .old { text-decoration: line-through; color: #999; margin-left: 8px; }
.add-btn { position: absolute; right: 19px; bottom: 22px; width: 50px; height: 50px; border-radius: 50%; background: #ff4b2b; border: none; font-size: 2em; cursor: pointer; line-height: 1.5; text-decoration: none; color: #fff !important; display: flex; align-items: center; justify-content: center; }
.add-btn:before { content: "+"; position: relative; top: -1px; left: 1px; }
.add-btn:hover { background: #3B1D27; }
.featured-edibles { padding: 6em 0; background: #FFF1E0; position: relative; }
.featured-edibles:before { content: ""; background: url(../images/waves-pattern.svg); position: absolute; left: 0; bottom: 100%; width: 100%; height: 12px; }
.product-slider .slick-prev { left: auto; right: 20%; transform: none; top: -12%; }
.product-slider .slick-next { left: auto; right: 16%; transform: none; top: -12%; }
.cta { background: url(../images/cta.jpg); padding: 8em 0; text-align: center; background-size: cover; background-attachment: fixed; position: relative; z-index: 1; color: #fff; }
.cta:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: #391d253b; }
.cta:after { content: ""; background: url(../images/waves-pattern.svg); position: absolute; left: 0; top: 0; width: 100%; height: 12px; transform: rotate(180deg); }
.cta .rod-title { font-size: 4em; color: #ffffff; }
.cta p { width: 100%; margin: 15px auto 15px auto; }
/**/



.faq { padding: 6em 0; position: relative; }
.faq:before { content: ""; background: url(../images/waves-pattern-white.svg); position: absolute; left: 0; bottom: 100%; width: 100%; height: 12px; z-index: 9; }
.faq:after { content: ""; background: url(../images/waves-pattern-white.svg); position: absolute; left: 0; top: 100%; width: 100%; height: 12px; transform: rotate(180deg); }
.faq .container-flex { gap: 3em; }
.faq-left { flex: 1 1 calc((45% / 1) - 2em); background: url(../images/faq.jpg); background-size: 100%; background-repeat: no-repeat; }
.all-faq { flex: 1 1 calc((55% / 1) - 2em); }
.accordion-item { margin-bottom: 35px; border-radius: 6px; overflow: hidden; padding: 1.5em 1em; box-shadow: 0 8px 20px #00000014; }
.accordion-item:last-child { margin: 0; }
.accordion-title { cursor: pointer; display: flex; justify-content: space-between; font-weight: normal; font-family: 'Bebas'; font-size: 1.5em; letter-spacing: 1px; }
.accordion-content { display: none; padding-top: 10px; line-height: 1.6; }
.icon { font-size: 1.5em; color: #ff3c2f; font-weight: normal; line-height: 1; }
.accordion-item.active .accordion-content { display: block; }
/*Email-Subscription*/

.email-subscription { background: #EC4935; padding: 5em 0; color: #fff; }
.email-subscription .container-flex { gap: 4em; }
.email-content { flex: 1 1 calc((50% / 1) - 2em); display: flex; align-items: center; gap: 2em; }
.email-content aside h3 { font-size: 3em; font-weight: normal; line-height: 1; }
.email-content aside h3 span { font-family: 'Northwell'; font-size: 1.5em; }
.email-form { flex: 1 1 calc((50% / 1) - 2em); }
.email-form form { display: flex;}
.email-form input { background: #fff; border: none; padding: 15px 10px; width: 80%; height: 50px; border-radius: 40px 0px 0px 40px; }
.email-form .tnp-submit { background: #3B1D27; border: none; padding: 12px 30px !important; color: #fff; font-size: 1.2em !important; display: inline-block; height: 50px !important; border-radius: 0px 40px 40px 0px; }
.tnp-field-email label {
    display: none;
}

div.tnp-subscription,
form.tnp-subscription,
form.tnp-profile { max-width: 100%; width: 100%; }
.tnp-field.tnp-field-email { width: 80%; }
.tnp-field.tnp-field-button { margin: 0px !important; }
/*Footer*/

/*Footer*/

.footer { background: #3b1d27; padding: 5em 0; text-align: center; color: #fff; }
/*.footer .container { width: 750px; }*/

.footer img { margin: 0 auto; }
.footer .container-flex { gap: 4em; margin-bottom: 3em; }
.address { flex: 1 1 calc((100% / 2) - 2em); }
.address h3 { font-size: 2.5em; font-weight: normal; margin-bottom: 8px; }
.address span { font-size: 1.5em; font-weight: normal; margin-bottom: 15px; display: inline-block; }
.address p { font-size: 1.4em; line-height: 1.5; padding-bottom: 10px; }
.address small { width: 75%; display: inline-block; margin-top: 12px; line-height: 1.5; color: #ed4a35; }
.footer-menu { margin: 3em 0 5em 0; }
.footer-menu ul li { display: inline-block; }
.footer-menu ul li a { color: #ffffff; text-decoration: none; transition: 0.5s; margin: 0 20px; text-transform: capitalize; }
.footer-menu ul li a:hover { color: #EC4935; border-bottom: solid 1px #EC4935; transition: 0.5s; }
.copyright.container-flex { justify-content: center; margin: 0px; align-items: center; }
.copyright ul li a { display: inline-block; margin: 0 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: solid 1px #fff; border-radius: 100px; transition: 0.5s; }
.copyright ul li a:hover { background: #ec4935; transition: 0.5s; border: solid 1px #ec4935; }
.copyright ul li img { height: 18px; }
/*Popup*/
.age-gate { width: 100% !important; max-width: 100%; line-height: 1; }
h2.age-gate__headline { font-family: "Great Vibes", cursive; margin: 0; font-size: 5em; font-weight: normal; color: #fdf6e3; line-height: 1; margin-top: 30px; }
h3.age-gate__subheadline { font-size: 9em; margin-bottom: 30px; color: #FFC107; }
.age-gate__submit { padding: 15px 90px !important; font-size: 3em !important; line-height: 1; background: #FDF6E3 !important; text-decoration: none; text-transform: uppercase; color: #391D25 !important; border-radius: 9px !important; display: inline-flex; gap: 8px; font-weight: 900 !important; align-items: center; border: solid 1px #391D25 !important; box-shadow: 0 10px 0px #391d25 !important; transition: 0.5s; letter-spacing: 1px; font-size: 1.1em; }
.age-gate__submit:hover { background: #F44336 !important; color: #fff !important; box-shadow: 0 10px 0px #fdf6e3 !important; border: solid 1px #fdf6e3 !important; }