/* ----------------------------------SITE RELATED PADDINGS-------------------------------------------------------------------- */
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
}
html,
body {
width: 100%;
overflow-x: hidden;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
overflow-x: hidden;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
overflow-x: hidden;
}

.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 768px) {
.element {
/* Adjust styles for mobile */
}
}

body {
overflow-x: hidden;
}
@media (max-width: 768px) {
#zoom-container {
display: none !important;
}
}
/* ADD TO CART POPUP */
.atc-popup {
display: none;
position: fixed;
top: 20px;
right: 20px;
background-color: #38a169;
color: white;
padding: 12px 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
font-weight: 600;
z-index: 9999;
align-items: center;
gap: 10px;
}

.atc-popup__icon {
font-size: 18px;
}

.atc-popup.show {
display: flex;
animation: fadeInOut 3s ease-in-out;
}

@keyframes fadeInOut {
0% {
opacity: 0;
transform: translateY(-10px);
}
10%,
90% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-10px);
}
}

/* Referral Widget */
.referral-tab-block.align-right #referral-tab-button {
width: 170px !important;
height: 30px !important;
font-size: 12px !important;
padding: 4px 8px !important;
}

/* For mobile view */
@media (max-width: 767px) {
.referral-tab-block.align-right #referral-tab-button {
width: 150px !important;
height: 35px !important;
font-size: 12px !important;
padding: 2px 2px !important;
}
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Scrolling Banner container styling */
/* Banner container styling */
.banner1 {
position: relative;
width: 100%;
height: 30px;
overflow: hidden;
background-color: #492817;
}

.banner-content1 {
display: flex;
width: fit-content;
height: 100%;

transition: transform 1s ease-in-out;
}

.slide1 {
min-width: 100vw;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: white;
text-decoration: none;
transition: background-color 0.3s;
padding: 0 10px;
}

.slide1:hover {
color: white;
background-color: rgb(135, 108, 67);
}

@media (max-width: 768px) {
.banner1 {
height: 40px;
}

.slide1 {
font-size: 13px;
padding: 15px;
}
}
/* Ensure one-line content with ellipsis if needed */
.slide1 span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: none;
}

.slide1 .desktop-text {
display: inline;
}

@media (max-width: 768px) {
.slide1 .desktop-text {
display: none;
}
.slide1 .mobile-text {
display: inline;
}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* CODE FOR SHIPPING DELIVERY STATUS */
.delivery-checker {
font-family: Quicksand, sans-serif;
font-weight: bold;
font-size: 15px;
margin-top: 15px;
color: black;
padding: 0 15px;
}

.input-container {
position: relative;
display: flex;
align-items: center;
width: 100%;
max-width: 600px;
margin-top: 8px;
border: 1.5px solid #bd9b54;
border-radius: 4px;
overflow: hidden;
flex-wrap: nowrap; /* Ensures elements stay in a single row */
}

.input-container svg {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
pointer-events: none;
}

.input-container input {
flex: 1;
padding: 10px;
padding-left: 50px; /* Adjust space for the SVG icon */
font-size: 16px;
border: none;
outline: none;
min-width: 0; /* Ensures proper shrinking on smaller screens */
}

.input-container button {
background-color: #f2ae0087;
border: none;
padding: 14px 16px;
cursor: pointer;
font-weight: bold;
color: #333333;
border-radius: 0 4px 4px 0;
transition: background-color 0.3s;
white-space: nowrap;
min-width: 100px; /* Ensures button remains a consistent width */
}

.input-container button:hover {
background-color: #f2ae0087;
}

#deliveryInfo {
font-weight: normal;
font-size: 16px;
display: none;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}

.delivery-details {
margin-top: 10px;
}

.shipping-label {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
flex-wrap: wrap;
}

.delivery-dates {
font-weight: normal;
font-size: 16px;
color: rgb(44, 110, 203);
font-weight: bold;
}

.separator {
margin: 10px 0;
border: none;
border-top: 1px dashed #bbb;
}

.free-shipping {
margin: 0;
color: #666;
font-size: 14px;
}

/* Responsive styles for small screens */
@media (max-width: 768px) {
.input-container {
flex-wrap: nowrap; /* Ensure elements stay in a single line */
}

.input-container input {
padding-left: 50px; /* Maintain padding for the icon */
}

.input-container button {
padding: 14px; /* Reduce padding to fit smaller screens */
min-width: auto; /* Allow flexible width for the button */
}
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- */

/* CODE FOR ZOOM IN PRODUCT PAGE */
.zoom-container {
position: fixed;
top: 150px;
right: 50px;
width: 100%;
height: 70%;
border: 2px solid #ddd;
display: none;
background-size: contain;
background-repeat: no-repeat;
background-size: 200%; /* Adjust the zoom level */
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 9999;
cursor: zoom-out;
transition: background-position 0.1s ease-in-out,
background-size 0.1s ease-in-out;
}
.product-detail__image {
cursor: zoom-in;
position: relative;
width: 100%;
}

.product-image {
max-width: 100%;
height: auto;
object-fit: contain;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
/* CODE FOR NOTIFY ME POPUP */
/* Popup container */
.popup {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 99999; /* Sit on top */
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; /* Enable scroll if needed */
background-color: rgba(0, 0, 0, 0.4); /* Black background with opacity */
padding: 20px;
}

/* Popup content box */
.popup-content {
background-color: #fff;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 40%; /* Default width for larger screens */
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);
position: relative;
text-align: center;
}

/* Close button */
.close-popup {
position: absolute;
top: 10px;
right: 20px;
color: #aaa;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}

.close-popup:hover,
.close-popup:focus {
color: black;
}

/* Media query for mobile devices */
@media only screen and (max-width: 768px) {
.popup-content {
width: 90%; /* Full width for mobile devices */
margin: 30% auto; /* Increase top margin to adjust vertical position on smaller screens */
padding: 15px;
}

.close-popup {
font-size: 24px; /* Adjust close button size for smaller screens */
right: 10px;
}
}

@media only screen and (max-width: 480px) {
.popup-content {
width: 95%; /* Even wider on very small screens */
margin: 40% auto; /* Increase top margin further for very small screens */
padding: 10px;
}

.close-popup {
font-size: 22px; /* Adjust close button size for very small screens */
right: 5px;
}
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
.form_submit_div .btn {
background: red;
}

:root {
--gold: #ffba00;
--bg: #eee;
--red: #5bc8af;
--light-white: #ddd;
--medium-white: #bbb;
--off-white: #aaa;
--black: #333;
--yellow: #ffde00;
}

.container {
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding: 0 16px;
}

.cbb-frequently-bought-container {
max-width: 100% !important;
margin-right: auto;
margin-left: auto;
padding: 0 16px;
}

@media (min-width: 576px) {
.container {
max-width: 540px;
}

.cbb-frequently-bought-container {
max-width: 540px !important;
}
}

@media (min-width: 768px) {
.container {
max-width: 720px;
}
.cbb-frequently-bought-container {
max-width: 720px !important;
}
}

@media (min-width: 992px) {
.container {
max-width: 960px;
}
.cbb-frequently-bought-container {
max-width: 960px !important;
}
}

@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
.cbb-frequently-bought-container {
max-width: 1140px !important;
}
}

@media (min-width: 1440px) {
.container {
max-width: 1184px;
}
.cbb-frequently-bought-container {
max-width: 1184px !important;
}
}

.d-flex {
display: flex;
}

.justify-center {
justify-content: center;
}

.justify-start {
justify-content: flex-start;
}

.justify-end {
justify-content: flex-end;
}

.justify-between {
justify-content: space-between;
}

.justify-evenly {
justify-content: space-evenly;
}

.align-center {
align-items: center;
}

.align-left {
align-items: flex-end;
}

.align-start {
align-items: flex-start;
}

.flex-column {
flex-direction: column;
}

.d-none {
display: none;
}

.d-block {
display: block;
}

.d-grid {
display: grid;
}

.relative {
position: relative;
}

img {
max-width: 100%;
height: auto;
}

a {
text-decoration: unset;
color: unset;
}

@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

@keyframes wiggle {
0% {
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
}
}

@keyframes top-down {
0% {
transform: translateY(-3%);
z-index: 100;
opacity: 0;
}
100% {
transform: translateY(0%);
z-index: 102;
opacity: 1;
}
}

@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

@keyframes slider-btn-left {
0% {
opacity: 0;
left: 30px;
}
25% {
opacity: 0.25;
left: 25px;
}
50% {
opacity: 0.55;
left: 20px;
}
75% {
opacity: 0.25;
left: 15px;
}
100% {
opacity: 0;
left: 10px;
}
}

@keyframes slider-btn-right {
0% {
opacity: 0;
right: 30px;
}
25% {
opacity: 0.25;
right: 25px;
}
50% {
opacity: 0.55;
right: 20px;
}
75% {
opacity: 0.25;
right: 15px;
}
100% {
opacity: 0;
right: 10px;
}
}

.grind_guide_btn_new {
text-decoration: underline;
color: blue;
font-weight: 700;
cursor: pointer;
margin-bottom: 15px;
}

body {
background: #fff;
&.custom-homepage {
main {
background: transparent;
}

header {
background-color: transparent;
}

.banner-custom {
.slide {
border-radius: 0;
.rimage-outer-wrapper {
/* height: calc(75vh - 38px); */
background-size: cover;
background-repeat: no-repeat;
}
}
.slick-dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
}
.full-width-slideshow-controls {
top: 50%;
bottom: unset;
transform: translateY(-50%);
svg {
width: 50px;
height: 50px;
}
button {
width: 50px;
height: 50px;
fill: #ffffff90;
}
&.full-width-slideshow-controls--prev {
left: 60px;
}
&.full-width-slideshow-controls--next {
right: 60px;
}
}
}

.as-see-wrapper {
padding-top: 25px;
padding-bottom: 25px;
.page-width {
h2 {
text-align: center;
font-size: 16px;
letter-spacing: 2px;
min-width: fit-content;
}
.press-images {
.img-wrapper {
padding: 10px 5px;
/* box-shadow: 1px 1px 5px gray; */
border-radius: 8px;
margin-left: 20px;
}
img {
}
}
}
}

.company-intro {
padding: 50px 100px;
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
text-transform: none; /* Ensure no capitalization at the parent level */
}

.intro-title {
text-align: center;
letter-spacing: 1px;
word-spacing: 4px;
font-size: 16px;
width: 100%;
margin: auto;
text-transform: none !important; /* Force proper capitalization */
}

/* Desktop Content */
.desktop-content {
display: -webkit-box;
-webkit-line-clamp: 2; /* Limit to 2 lines */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

/* Mobile View */
.mobile-content {
display: none; /* Hide mobile content by default */
}

/* Show Mobile Content and Hide Desktop Content on Small Screens */
@media (max-width: 768px) {
.desktop-content {
display: none; /* Hide desktop content */
}
.mobile-content {
display: block; /* Show mobile content */
font-size: 16px;
padding: 0 15px;
}
}

.collection-wrapper {
padding-bottom: 20px;
h2 {
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
text-align: center;
margin-bottom: 50px;
}
.collection {
.first {
width: 100%;
// height: 500px;
.flex {
img {
width: 100%;
border-radius: 10px;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
opacity: 1;
}
&:hover {
img {
transform: scale(1.01);
opacity: 0.8;
}
}
}
}
.first,
.second,
.third {
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr);
margin-bottom: 20px;
.flex {
position: relative;
height: 100%;
}
img {
width: 100%;
height: 100%;
}
p {
font-size: 32px;
width: 90%;
letter-spacing: 2px;
padding: 5px 10px;
font-weight: 500;
line-height: 1;
position: absolute;
top: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 0;
color: #021b61;
text-align: center;
}
}

.prev,
.next {
display: none;
}
}
.go-to-link {
width: 25px !important;
height: 25px !important;
transform: rotate(320deg);
position: relative;
top: 5px;
left: -10px;
}
.brewing-suggestion {
img {
width: 100%;
/* margin-bottom: 50px; */
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
}
}

.categories {
// padding: 50px 0 100px;
min-height: 75vh;
display: flex;
justify-content: center;
align-items: center;
.main-div-inside {
width: 100%;
button.prev {
display: none;
}
button.next {
display: none;
}
}
h2 {
text-align: center;
margin-bottom: 50px;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
.categories-wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 15px;
.category {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin: auto;
img {
border-radius: 50%;
box-shadow: 0px 0px 10px #d1cece;
max-width: 100%;
height: auto;
}
h3 {
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
text-align: center;
margin-top: 10px;
letter-spacing: 1px;
}
}
}
}
#shopify-section-must-try {
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
}

.multi-tabs-wrapper {
padding-top: 80px;
padding-bottom: 50px;
h2 {
text-align: center;
margin-bottom: 50px;
font-family: "Quicksand";
font-weight: 600;
text-transform: capitalize;
}

.multi-tabs {
.tabs-primary {
display: flex;
justify-content: center; /* Align tabs to the left */
align-items: center;
padding-bottom: 10px;
padding-top: 10px;
transition: all 0.5s cubic-bezier(0, 0, 0.5, 1);
margin-bottom: 0px;
overflow-x: auto; /* Make it scrollable horizontally */
white-space: nowrap; /* Prevent wrapping of tabs */
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;

.collection-click {
margin-right: 10px;
cursor: pointer;
padding: 10px 10px;
border: 1px solid gray;
border-radius: 10px;
&:last-child {
margin-right: 0;
}

h3 {
text-align: center;
color: #555;
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
word-break: auto-phrase;
width: max-content;
}

&.active {
border-bottom: 5px solid #ffba00;
background: #000000d6;
h3 {
color: #ffba00;
}
}
}

&::-webkit-scrollbar {
height: 4px;
}

&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}

&.scrolled-past-must-try {
position: fixed;
top: 70px;
left: 0;
right: 0;
width: calc(100% + 32px);
padding: 10px 15px;
background: white;
z-index: 999;
}
}

.tabs-secondary {
border-top: 1px solid #c4c4c4;
padding-top: 20px;
margin-top: 20px;

img {
max-width: 100%;
height: auto;
}

.scroll-slider-wrapper {
margin: 0 -15px;
}

.best-rated-view,
.coffee-capsules,
.coffee-machines,
.subscription-products,
.merch {
overflow: hidden;
.prod-card {
padding: 10px;
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 10px;
row-gap: 10px;
}
}
}
}
}

/* ++++++++++++++++++++++++++++++++++++++++++ */

/* Responsive Styles */
@media (max-width: 1200px) {
.multi-tabs-wrapper {
padding-top: 60px;
padding-bottom: 40px;
}

.multi-tabs .tabs-primary {
flex-direction: row;
}

.multi-tabs .collection-click {
margin-right: 0;
margin-bottom: 10px;
padding: 8px 10px;
}

.multi-tabs .tabs-primary::-webkit-scrollbar {
height: 6px;
}

.prod-card {
grid-template-columns: repeat(3, 1fr);
}
}

@media (max-width: 768px) {
.multi-tabs-wrapper {
padding-top: 40px;
padding-bottom: 30px;
}

.multi-tabs .tabs-primary {
padding-top: 8px;
padding-bottom: 8px;
}

.multi-tabs .collection-click {
padding: 6px 8px;
font-size: 16px;
}

.multi-tabs .tabs-primary {
overflow-x: scroll;
}

.prod-card {
grid-template-columns: repeat(2, 1fr);
}

.scroll-slider-wrapper {
margin: 0;
}

.multi-tabs .tabs-primary::-webkit-scrollbar {
height: 8px;
}
}

@media (max-width: 480px) {
.multi-tabs-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}

.multi-tabs .tabs-primary {
padding-top: 6px;
padding-bottom: 6px;
}

.multi-tabs .collection-click {
padding: 5px 6px;
font-size: 14px;
}

.prod-card {
grid-template-columns: 1fr;
}
}
/* +++++++++++++++++++++++++++++++++++++++++++ */

.hero-section-wrapper {
position: relative;
width: 100%;
max-width: 100%;
padding-top: 100px;
padding-bottom: 100px;
.video {
}
img {
width: 100%;
/* height: 100vh; */
img {
}
}

.data {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%);
width: 70%;
h3,
p {
text-align: center;
color: white;
text-shadow: 0 0 5px #333;
}
h3 {
}
p {
font-size: 16px;
color: white;
text-shadow: 0 0 5px #333;
}
}
}

.custom-blogs-wrapper {
padding: 100px 0;
.blog-left {
width: 60%;
position: static;
.rimage-background {
height: 85vh !important;
max-height: 600px;
}
.overlay {
.overlay-title {
font-size: 18px;
text-transform: capitalize;
letter-spacing: 1px;
}
.overlay-text {
text-decoration: underline;
}
.overlay__links {
a {
background: #000;
color: white;
margin-top: 0;
}
}
}
}
.blog-right {
width: 40%;
.featured-blog__article-content {
.article__title {
margin: 10px 0 5px;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
text-transform: capitalize;
}
.rte {
display: none;
}
.article__read-more {
margin: 5px 0 5px;
}
}
.content-products {
margin-right: 0;
padding-right: 0;
margin-top: 10px;
.slick-track {
padding: 10px 0;
}
.product-block {
/* width: 200px !important; */
margin-left: 15px;
padding: 0;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 12px;
.rimage-background {
border-radius: 10px 10px 0 0;
}
.product-block__title {
padding: 0 12px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
margin: 10px 0;
}
.prod-desc,
.label-two {
display: none;
}
.product-block__title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-price {
padding: 0 12px;
.product-price__from {
display: none;
}
.product-price__compare {
display: block;

font-size: 12px;
}
.product-price__reduced {
font-size: 14px;
font-weight: 700;
}
.product-label {
top: 0px;
left: 0;
right: unset;
border-radius: 0 5px 5px 0;
}
}
.product-block__rating {
display: flex;
flex-direction: column;
align-items: center;
display: none;
}
.bottom,
.add-to-cart-wrapper svg,
.add-to-cart-wrapper .cart-label {
display: none;
}
}
}
.featured-blog__article-images-container {
img {
border: 1px solid gray;
border-radius: 25px;
}
}
}
}

.quiz-wrapper {
padding: 150px 0 0;
}
}

&.generic-collection-pages {
.banner-custom {
.rimage-outer-wrapper {
height: calc(60vh - 38px) !important;
}
}
.collection-banner {
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
.collection-banner {
width: 100%;
margin-top: 0px;
max-height: 600px;
}
.breadcrumbs-container {
display: none;
}
.custom-breadcrumbs-container {
display: block;
}
main {
.shopify-section {
&:last-child {
/* display: none; */
}
.grid-flex {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
margin: 30px 0;
.product-block {
padding: 0;
width: 100%;
background: #fff;
box-shadow: 1px 1px 10px darkgray;
border-radius: 15px;
.product-block__image-container {
.hover-images {
border-radius: 15px 15px 0 0;
.rimage-outer-wrapper {
border-radius: 15px 15px 0 0;
img {
width: 100%;
height: 350px;
border-radius: 10px 10px 0 0;
}
}
}
.label-two {
z-index: 1;
}
}
.product-block__title {
/* padding: 0 15px; */
text-align: left;
a,
.product-block__title-link {
font-size: 16px;
font-weight: 700;
margin: 20px 0 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
.prod-desc {
margin-top: 0;
font-size: 12px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
letter-spacing: 0;
/* padding: 0 15px; */
text-align: left;
}
.product-block__vendor {
display: none;
}
.product-price {
padding: 0 15px;
.product-price__reduced {
}
.product-price__compare {
}
.product-label--on-sale {
top: 0;
left: 0;
max-width: fit-content;
padding: 5px 15px;
border-radius: 15px 15px 15px 0;
background: #d7282f;
color: #fff;
font-weight: 600;
font-size: 14px;
text-shadow: 1px 1px 2px black;
margin: 0;
}
}
.product-block__rating {
padding: 0 15px;
.cc-rating {
font-size: 16px;
}
}
.add-to-cart-wrapper {
.product-price {
.product-price__from {
display: none;
}
.product-price__reduced {
font-weight: 700;
letter-spacing: 0px;
text-shadow: 1px 1px 3px #818181;
margin: 0;
color: #000;
font-size: 14px;
}
.product-price__compare {
font-weight: 600;
letter-spacing: 0px;
font-size: 11px;
align-self: flex-end;
color: #333;
position: relative;
margin: 0 0 0 5px;
&::after {
content: "";
width: 100%;
height: 1px;
background-color: red;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
}
}
}
}
}
}
/* .non-banner-page{
margin-top: 0;
} */
.header-group header {
background-color: transparent;
.store-logo {
img.logo-black-oultined {
display: none;
}
img.logo-white-oultined {
display: block;
}
}
}
.cc-filters-container {
background: none;
padding: 0;
}
.full-width-banner {
img {
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
}
h1 {
font-family: Quicksand;
font-weight: 600;
text-transform: Capitalize;
}
.products {
.product-image-wrapper {
.rimage-wrapper {
padding-top: 0 !important;
.rimage__image {
position: static;
}
}
}
}
}

&.custom-ground-coffee {
.non-banner-page {
margin-top: 0;
}
.header-group header {
background: transparent;
}
.collection-title-outer {
text-align: center;
margin: 50px auto 10px auto;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 60%;
}
.bestselling-groundcoffee-wrapper {
padding-top: 75px;
padding-bottom: 100px;
.bestselling-groundcoffee {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
.prev,
.next {
display: none;
}
}
}
.full-width-banner {
position: relative;
width: 100%;
margin: 0 0 50px 0;
img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
main {
.shopify-section {
&:last-child {
/* display: none; */
}
}
}
.collection-show.ground-coffee-everything-wrapper {
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
padding: 100px 0;
}
.header-group header {
.store-logo {
img.logo-black-oultined {
display: none;
}
img.logo-white-oultined {
display: block;
}
}
}
}

&.custom-pour-overs {
.non-banner-page {
margin-top: 0;
}
.header-group header {
background: transparent;
}
.collection-title-outer {
text-align: center;
margin: 50px auto 10px auto;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 60%;
}
.bestselling-pourover-wrapper {
padding-top: 75px;
padding-bottom: 100px;
.bestselling-pourover {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
.prev,
.next {
display: none;
}
}
}
.full-width-banner {
position: relative;
width: 100%;
margin: 0 0 50px 0;
img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
main {
.shopify-section {
&:last-child {
display: none;
}
}
}
.header-group header {
.store-logo {
img.logo-black-oultined {
display: none;
}
img.logo-white-oultined {
display: black;
}
}
}
}

&.custom-bestsellers {
.non-banner-page {
margin-top: 0;
}
.header-group header {
background: transparent;
}
.collection-title-outer {
text-align: center;
margin: 50px auto 10px auto;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 60%;
}
.bestselling-bestsellers-wrapper {
padding-top: 75px;
padding-bottom: 100px;
.bestselling-bestsellers {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
.prev,
.next {
display: none;
}
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
main {
.shopify-section {
&:last-child {
display: none;
}
}
}
.header-group header {
.store-logo {
img.logo-black-oultined {
display: none;
}
img.logo-white-oultined {
display: block;
}
}
}
}

&.custom-accessories {
.non-banner-page {
margin-top: 0;
}
.header-group header {
background: transparent;
}
.collection-title-outer {
text-align: center;
margin: 50px auto 10px auto;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 60%;
}
.bestselling-accessories-wrapper {
padding-top: 75px;
padding-bottom: 100px;
.bestselling-accessories {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
.bottom {
display: none;
}
}
.prev,
.next {
display: none;
}
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
main {
.shopify-section {
&:last-child {
display: none;
}
}
}
.header-group header {
.store-logo {
img.logo-black-oultined {
display: none;
}
img.logo-white-oultined {
display: block;
}
}
}
}

&.custom-accessories-desc {
.instagram-reels {
display: none;
}
}

&.custom-machines,
&.custom-subscription {
.non-banner-page {
margin-top: 0px;
}
.header-group {
header {
background: transparent;
.site-nav .site-nav__item {
a {
color: black !important;
font-weight: 600;
svg {
fill: black !important;
}
&:hover {
color: #000 !important;
svg {
fill: #000 !important;
}
}
}
svg {
fill: #333 !important;
}
}
.utils__right svg,
.burger-icon svg {
stroke: #333 !important;
}
.store-logo {
.logo-white-oultined {
display: none;
}
.logo-black-oultined {
display: block;
}
}
}
.scrolled header {
.site-nav .site-nav__item {
a {
color: black !important;
}
svg {
fill: black !important;
}
}
.utils__right svg {
stroke: black !important;
}
.store-logo {
.logo-white-oultined {
display: block;
}
.logo-black-oultined {
display: none;
}
}
}
}
.banner-custom,
.breadcrumbs-container {
display: none;
}

.custom-breadcrumb {
display: block;
}

.hero-section-wrapper {
img {
width: 100%;
}
}

.collection-title-outer {
text-align: center;
margin: 50px auto 10px auto;
}

.collection-para-outer {
margin: 0 auto 10px auto;
text-align: center;
width: 60%;
}

.bestselling-machines-wrapper {
padding-top: 75px;
padding-bottom: 100px;
.bestselling-machines {
padding: 0 0 20px 0;
.prod-card {
/* padding: 0 15px; */
}
.prev,
.next {
display: none;
}
}
}

.full-width-banner {
position: relative;
width: 100%;
padding: 50px 0;

img {
width: 100%;
height: auto;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
display: none;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
font-size: 18px;
font-weight: 600;
}
}

.prod-card {
grid-template-columns: auto;
.products {
flex-direction: row;
background: transparent;
border-radius: 0;
box-shadow: none;
.top {
width: 120%;
img {
width: unset;
height: unset;
/* max-height: 450px; */
}
}
.data-right {
margin-left: 100px;
width: 80%;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 12px #0000002e;
position: relative;
.label-two {
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%);
background: #000;
font-size: 14px;
padding: 2px 50px;
font-weight: 500;
border-radius: 15px;
color: #feda79;
border: 1px solid #feda79;
margin: 0;
}
.prod-desc {
margin: 20px 0;
font-size: 13px;
}
.prod-heading {
font-size: 20px;
overflow: visible;
display: block;
height: auto;
}
.add-to-cart-wrapper {
margin-top: 25px;
justify-content: center;
height: 60px;
.cart-label {
font-size: 20px;
display: block !important;
}
}

.mid {
padding: 40px 20px 18px;
.price-wrapper {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
.price {
font-weight: 700;
font-size: 28px;
color: #d7282f;
letter-spacing: 0px;
text-shadow: none;
margin: 0;
}
.discount {
font-size: 16px;

font-weight: 600;
letter-spacing: 0px;
align-self: flex-end;
color: #333;
position: relative;
margin: 0 0 0 5px;
&::after {
content: "";
width: 100%;
height: 1px;
background-color: #d7282f;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
}
}
.bottom {
padding: 25px 20px 10px;
width: 100%;
.bottom-title {
padding-top: 0;
}
.more-details-wrapper {
/* padding: 0;  */
}
}
}
.bottom {
/* display: none; */
}
}
}

main {
.shopify-section {
&:last-child {
display: none;
}
}
}
.header-group header {
.store-logo {
img.logo-black-oultined {
display: block;
}
img.logo-white-oultined {
display: none;
}
}
}
}

&.custom-capsules {
.collection-banner {
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
.non-banner-page {
margin-top: 0;
}
.header-group header {
background: transparent;
}
.header-group {
header {
background: transparent;
.site-nav .site-nav__item {
a {
color: black !important;
font-weight: 600;
svg {
fill: black !important;
}
&:hover {
color: black !important;
svg {
fill: black !important;
}
}
}
svg {
fill: #333 !important;
}
}
.utils__right svg,
.burger-icon svg {
stroke: #333 !important;
}
.store-logo {
.logo-white-oultined {
display: none;
}
.logo-black-oultined {
display: block;
}
}
}
.scrolled header {
.site-nav .site-nav__item {
a {
color: black !important;
}
svg {
fill: black !important;
}
}
.utils__right svg {
stroke: black !important;
}
.store-logo {
.logo-white-oultined {
display: block;
}
.logo-black-oultined {
display: none;
}
}
}
}

.bestselling-capsules-wrapper {
padding-top: 75px;
padding-bottom: 100px;

.collection-title {
text-align: center;
margin-bottom: 10px;
}
.collection-para {
margin: 0 auto 50px auto;
text-align: center;
width: 60%;
}
.bestselling-capsules {
padding-bottom: 20px;

.prod-card {
/* padding: 0 15px; */
}
.prev,
.next {
display: none;
}
}

&.coffee-capsule-everything-wrapper {
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
}
}
.full-width-banner {
position: relative;
width: 100%;
margin: 0 0 50px 0;
img {
width: 100%;
}
.collection-data {
display: none;
position: absolute;
top: 50%;
width: 100%;
max-width: fit-content;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
font-weight: 700;
}
.collection-para {
text-align: center;
/* width: 60%; */

font-weight: 600;
color: #fff;
margin: auto;
line-height: 1;
}
}
main {
.shopify-section {
&:last-child {
display: none;
}
}
}
.header-group header {
.store-logo {
img.logo-black-oultined {
display: block;
}
img.logo-white-oultined {
display: none;
}
}
}
}

&.one-day-delivery {
main .shopify-section:last-child {
display: none;
}
}

&#festive-gift-box {
.products {
justify-content: flex-start;
.bottom {
display: none;
}
}
}

.view-all-collection {
margin-top: 50px;
a {
text-decoration: none;
color: unset;
}
button {
font-weight: 700;
}
}

.inbetween-banner-wrapper {
margin: 75px 0 0;
padding: 100px 0;
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
.d-grid {
grid-template-columns: auto auto auto auto;
gap: 30px;
}
.flex {
flex-direction: column;
img {
}
h4 {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
margin: 20px 0 10px 0;
text-align: center;
}
p {
margin: 0;
line-height: 1.5;
text-align: center;
}
}
}

&.generic-products-details {
.banner-custom {
display: none;
}
.breadcrumbs-container {
/* margin-top: 100px;  */
}
.product-detail {
position: relative;
z-index: 1;
.product-layout-grid {
width: 100% !important;
.product-layout-grid__images {
.product-detail__image {
img {
max-width: 500px;
/* max-height: 500px; */
height: auto;
}
}
.product-detail__thumbnails {
max-height: 500px;
overflow-y: auto;
padding: 0 5px 0 0;
margin: 0 15px 0 0;
&::-webkit-scrollbar {
width: 5px;
height: 4px;
}

&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}
}
}
.product-layout-grid__detail {
.product-detail__title {
font-weight: 600;
}
.product-detail__price {
margin: 20px 0 0;
.theme-money {
font-size: 26px;
font-weight: 700;
}
.product-price__compare {
margin-left: 2px;
font-weight: 400;
font-size: 16px;
}
.price-off-perc {
[data-product-id="8831666913494"] .price-off-perc {
display: none;
}
transform: translate(-50%);
font-size: 15px;
padding: 4px 20px;
font-weight: 700;
border: 1px solid #feda79;
margin: 0 0 0 10px;
background: #d7282f;
border-radius: 15px;
color: #fff;
text-shadow: 1px 1px 2px black;
}
}
.money-saved {
color: green;
font-weight: 600;
}
.timer-discount-wrapper {
.limited-keyword {
text-align: center;
font-weight: 700;
background: #202020;
padding: 2px 10px;
width: 100%;
border-radius: 10px;
font-weight: 500;
margin: 10px 0 5px;
color: #fff;
}
.timer-discount {
display: flex;
/* flex-flow: column; */
justify-content: center;
align-items: flex-end;
background: linear-gradient(179deg, #d1d1d1, #831616);
color: #fff;
padding: 10px 15px;
border-radius: 15px;
margin: 5px 0 15px 0;
p {
text-align: center;
margin: 0;
font-weight: 700;
}
.timer-countdown {
margin-left: 15px;
font-size: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
span {
box-shadow: 1px 1px 5px #00000070;
/* padding: 8px 4px; */
width: 40px;
height: 50px;
background: linear-gradient(183deg, #ff0000e8, #ffffff00);
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
}
}
}
}
.requedtvideo_demo {
margin-top: 20px;
border: 1px solid #bd9b54;
padding: 10px;
border-radius: 5px;
box-shadow: 1px 3px 5px rgb(0 0 0 / 9%);
color: #333;
font-weight: 600;
cursor: pointer;
.ico_text {
display: flex;
align-items: center;
img {
width: 35px;
margin-right: 8px;
}
}
}
.product-detail__options {
.option-selector__btns {
display: grid;
grid-template-columns: repeat(3, 1fr);
&.festive-product-swatch {
grid-template-columns: repeat(1, 1fr);
}
/* .opt-label-wrapper{ */
.opt-label {
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.1;
height: 45px;
font-weight: 700;
border: none;
margin: 0;
min-width: 100px;
}
.off {
}
/* } */

.is-unavailable + .opt-label {
background: lightgray;
opacity: 50%;
cursor: not-allowed;
}

.custom-swatches {
border: 1px solid #cccccc;
border-radius: 15px;
margin: 10px 10px 0 0;
.opt-label {
margin-top: 20px;
}
.swatch-inner-label {
position: absolute;
top: 0px;
right: 0px;
font-size: 12px;
letter-spacing: 1px;
padding: 0px 10px;
font-weight: 500;
background: #d7282f;
border-radius: 15px;
color: #fff;
text-shadow: 1px 1px 2px black;
width: 100%;
text-align: center;
border-radius: 15px 15px 0 0;
}
}
.opt-btn:checked + .custom-swatches {
background: #f2ae0087;
/* max-width: 100px; */
}
}
.option-selector .label {
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
}
.coffeeza_discount_saved {
display: none !important;
}
.payment-buttons {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
z-index: 999;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
padding: 10px 15px;
align-items: center;
flex-direction: row-reverse;
box-shadow: 0px -2px 20px #bcbbbb;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
button,
.shopify-payment-button {
font-weight: 700;
width: 45%;
max-width: 425px;
}
.atc-btn {
color:#e5c58c;
background: #492817;
padding: 8px 20px;
min-height: 45px;
}
.shopify-payment-button {
margin: 0;
button {
margin: 0;
margin: 0 !important;
background-color: #ddd !important;
--button-border-color: #bbb;
padding: 8px 20px !important;
height: 35px !important;
min-height: 45px !important;
}
}
}
.with-payment-buttons {
margin-bottom: 0;
}
}
}
}
.product-description-custom {
margin: 0 auto 0 auto;

position: relative;
/* display: none; */

&.read-more {
display: block;
padding-bottom: 50px;
}
p {
margin: 0 0 10px 0;
color: #555;
img {
width: 100%;
}
}
h2 {
text-align: center;
margin-bottom: 30px;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
}
.read-more-btn {
/* margin-bottom: 100px; */
background: none;
text-transform: capitalize;
padding: 0;
border: none;
font-size: 16px;
font-weight: 700;
color: #00f;
text-decoration: underline;
/* position: absolute; */
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
/* display: none; */
margin-top: 30px;
}
.brewing-suggestion {
img {
width: 100%;
/* margin-bottom: 50px; */
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
}

.autoplay-videos {
video {
width: 100%;
}
}
.product-recommendations {
padding: 100px 0 120px;
h4 {
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
font-size: 37px;
}
.product-recommendations-container {
gap: 20px;
justify-content: center;
margin-left: 0px;
margin-bottom: 0px;

.product-block {
justify-content: flex-start;
width: 25%;
margin-right: 0px;
padding: 0;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 12px #0000002e;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
:last-child {
margin-right: 0;
}
.product-block__image-container {
.hover-images {
border-radius: 15px 15px 0 0;
}
.hover-second-image {
height: auto !important;
}
.rimage-wrapper {
padding-top: 0 !important;
.rimage__image {
position: static;
}
}
}
.product-block__title {
/* padding: 0 15px; */
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-top: -5px;
text-align: left;
}
.product-price {
padding: 0 5px 0 10px;
.product-price__reduced {
font-weight: 700;
font-size: 14px;
}
.product-price__from {
display: none;
}
.product-price__compare {
font-size: 11px;
}
}
.prod-desc {
display: none;
padding: 0;
}
.price-wrapper {
/* padding: 0 15px; */
margin-top: 10px;
.price {
font-size: 14px;
}
.discount {
margin: 5px;
}
}
.theme-product-reviews-summary {
padding: 0 15px;
/* margin-bottom: 20px; */
}
.label-two {
z-index: 1;
}
.bottom {
.bottom-title {
font-size: 12px;
}
.more-details {
padding: 0 5px;
img {
width: 20px;
height: 20px;
}
p {
font-size: 10px;
}
}
}
.add-to-cart-wrapper {
flex-direction: row-reverse;
margin: 0 auto;
margin-top: 20px;
.cart-label {
/* display: none !important; */
}
padding: 10px;
svg {
display: block !important;
width: 20px;
height: 20px;
}
}
.mid {
width: 100%;
}
}
}
}
.recently-viewed {
h4 {
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
font-size: 37px;
}
.grid {
display: flex;
justify-content: center;
align-items: flex-start;
margin-left: 0;
.product-block {
width: 20%;
padding-left: 0;
margin-right: 30px;
padding: 0 0 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 12px #0000002e;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
.product-block__title {
margin-top: 20px;
padding: 0 15px;
font-weight: 700;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-block__image-container {
img {
width: 100%;
border-radius: 15px 15px 0 0;
}
.hover-images {
border-radius: 15px 15px 0 0;
}
}
}
&::after {
display: none;
}
}
}
.cbb-frequently-bought-container {
padding-top: 150px;
padding-bottom: 150px;
margin: 0 auto !important;
.cbb-frequently-bought-title {
font-size: 37px !important;
text-align: center !important;
color: #333 !important;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
.cbb-frequently-bought-recommendations-container {
display: flex;
align-items: center;
.cbb-frequently-bought-product-image {
border-radius: 20px;
box-shadow: 0 8px 12px #0000002e;
background-size: cover !important;
}
.cbb-frequently-bought-add-button {
background: #f2ae00 !important;
font-weight: 700;
box-shadow: 0 8px 12px #0000002e;
}
}
.cbb-frequently-bought-selector-list {
.cbb-frequently-bought-selector-label-name {
text-transform: capitalize;
}
}
}
.jdgm-review-widget {
margin: 125px 0 50px;
.jdgm-row-stars {
.jdgm-histogram__row {
margin-bottom: 5px;
}
}
.jdgm-medals-wrapper {
img {
}
}
.jdgm-rev-widg__title {
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
font-size: 37px;
}
.jdgm-rev-widg__body {
.jdgm-rev-widg__reviews {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0 40px;
.jdgm-rev {
.jdgm-rev__title {
color: green;
margin-bottom: 2px;
}
.jdgm-rev__body {
font-size: 12px;
color: gray;
}
}
.jdgm-row-profile {
.jdgm-rev__author {
color: black;
font-weight: 600;
}
.jdgm-rev__buyer-badge {
background: #000;
color: gold;
font-size: 10px;
padding: 3px 8px;
line-height: 1;
border-radius: 15px;
}
}
.jdgm-rev__icon,
.jdgm-row-extra {
display: none;
}
}
}
}
.simpAsk-container {
padding-bottom: 120px;
.simpAsk-title-container {
h2 {
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
font-size: 37px !important;
text-align: center;
width: 100%;
}
}
}
.inbetween-banner-wrapper {
margin: 0;
}
.coffee-capsules-compatibility {
img {
width: 35px;
height: auto;
margin-right: 10px;
}
}
#creditsyard-root {
.creditsyard-tab-block {
bottom: 90px !important;
left: 0px;
}
/* z-index: 0!important; */
}
#creditsyard-cashback-widget {
bottom: 90px !important;
left: 15px !important;
}
a[href="https://wa.me/918459270716?text=Hi"]
{
bottom: 72px !important;
}
}

&.custom-homepage {
.header-group header {
background-color: transparent;
}
}

&.custom-cart {
.non-banner-page {
margin-top: 70px;
}
.cart {
.cart-items {
.cart-item-container {
.description__title {
font-size: 16px;
font-weight: 700;
color: #333;
}
.description__variant {
font-size: 14px;
font-weight: 500;
margin-top: 10px;
}
.theme-money {
color: #d7282f;
font-weight: 700;
}
.image {
width: 75px;
margin-right: 25px;
img {
width: 75px;
border-radius: 15px;
}
}
.cart-item {
background: #fff;
padding: 15px;
}
}
.cart-item {
align-items: center;
background: #333;
color: #fff;
padding: 0 15px 12px 15px;
.quantity {
position: relative;
padding: 0;
.btn--plain {
background: #000;
opacity: 1;
border-radius: 50%;
svg {
stroke: white;
}
}
.quantity__number {
font-size: 16px;
color: #333;
font-weight: 600;
}
.quantity__remove {
align-self: center;
margin-right: 10px;
}
}
.description {
max-width: 300px;
padding: 0;
margin-right: 25px;
}
.price,
.total {
min-width: 120px;
width: 200px;
padding-top: 0;
}
.btn--plain,
.quantity__number {
width: 30px;
height: 30px;
svg {
width: 18px;
height: 18px;
}
}
.quantity__remove {
width: 20px;
height: 20px;
}
.total {
.cart-discount__label {
color: #333;
margin-bottom: 5px;
font-weight: 700;
}
}
}
.cart-item--titles {
font-weight: 600;
text-align: center;
padding-top: 15px;
.description {
max-width: 420px;
}
}
}
.total__amount {
color: #d7282f;
font-weight: 700;
font-size: 26px;
}
.sticky-bottom-wrapper {
z-index: 999;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
box-shadow: 1px 1px 10px darkgray;
}
.sticky-bottom {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;

padding: 15px;

.subtotal-row {
width: 50%;
display: flex;
flex-direction: column-reverse;
align-items: center;
.grid__item {
width: 100%;
.cart-policies {
padding-top: 0;
}
}
.total {
display: flex;
align-items: center;
}
}
.cart-finish {
width: 50%;
.cart-submit {
width: unset;
white-space: nowrap;
font-weight: 700;
font-size: 18px;
}
}
}
.cart-promotion {
font-size: 14px;
background: #ee7623;
padding: 15px 20px;
border-radius: 15px;
color: white;
text-align: center;
margin-top: 22px;
}
}
.cart-continue-shopping {
text-align: center;
a {
background: #fff;
padding: 10px 20px;
border-radius: 15px;
box-shadow: 1px 1px 10px lightgray;
font-size: 18px;
font-weight: 500;
color: green;
}
}
.cart-checks {
background: #fff;
padding: 20px 0;
box-shadow: 1px 1px 10px lightgray;
border-radius: 15px;
text-align: center;
}
.recently-viewed {
padding: 75px 0;
}
main {
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
}
#creditsyard-root {
.creditsyard-tab-block {
bottom: 90px !important;
left: 0px;
}
/* z-index: 0!important; */
}
#creditsyard-cashback-widget {
bottom: 90px !important;
left: 15px !important;
}
a[href="https://wa.me/918459270716?text=Hi"]
{
bottom: 72px !important;
}
.store-credit-embedded-widget {
display: flex;
justify-content: center;
flex-direction: column;
margin-right: unset;
.store-credit-embedded-button {
font-weight: 700;
background: green;
}
}
.instagram-reels,
.founders-note-wrapper {
display: none;
}
}

&.custom-thankyou-page {
.reading-width {
padding: 50px 0;
background: #4c924ce0;
color: white;
border-radius: 20px;
h1 {
text-align: center !important;
}
.rte {
font-size: 16px;
font-weight: 700;
}
}
}

.banner-custom {
.slide {
border-radius: 0 !important;
.rimage-outer-wrapper {
/* height: calc(75vh - 38px); */
background-size: contain;
/* background-repeat: no-repeat; */
}
}
.slick-dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
}
.full-width-slideshow-controls {
top: 50%;
bottom: unset;
transform: translateY(-50%);
svg {
width: 50px;
height: 50px;
}
button {
width: 50px;
height: 50px;
fill: #ffffff90;
}
&.full-width-slideshow-controls--prev {
left: 60px;
}
&.full-width-slideshow-controls--next {
right: 60px;
}
}
}

.header-group {
.section-scrolling-banner {
.marquee-item {
font-size: 12px;
color: #fff;
}
}
header {
max-width: 100%;
padding: 0 30px;
background-color: transparent;
transition: background-color 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
.header-navigation,
.docked-mobile-navigation-container__inner {
background: transparent;
transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
padding-top: 0;
}
.site-nav {
color: white;
.site-nav__item {
a {
color: black !important;
padding: 12px 15px 12px;
svg {
fill: black !important;
}
&:hover {
color: gray !important;
svg {
fill: gray !important;
}
}
&::after {
display: none;
}
}
&.site-nav--active a {
color: gray;
}
&.site-nav__invisible {
position: static !important;
opacity: 1 !important;
pointer-events: all !important;
}
&.site-nav__more-links {
display: none;
}
&.active {
a {
color: gray !important;
svg {
fill: gray !important;
}
}
}
}
&.desktop-navbar {
.site-nav__item {
.site-nav__link {
svg {
width: 12px;
height: 10px;
fill: #fff;
margin-left: 2px;
}
}
}
#navbar-hover-3 {
svg {
display: none;
}
}
}
}
.utils__right {
margin-left: 0;
svg {
stroke: black;
width: 25px;
height: 25px;
}
.header-cart {
.cart-summary {
top: calc(100% + 20px);
border-bottom: none !important;
border: 1px solid lightgray;
.cart-summary__header,
.cart-summary__product-title,
.btn--primary,
.cart-summary__total-price-row span {
font-weight: 700;
}
.cart-summary__product__variants .added-notice__variant-label,
.cart-summary__total-quantity-row span,
.added-notice__variant-value {
font-weight: 600;
}
.theme-money {
color: #d7282f;
font-weight: 600;
}
.shopify-payment-button {
margin-top: 10px;
}
&.visible {
visibility: visible;
opacity: 1;
transform: translateY(0);
}
}
}
.customer-account {
.customer-account__menu {
top: calc(100% + 20px);
border-bottom: none !important;
border-radius: 12px;
}
}
.utils__item:hover {
svg {
stroke: gray;
}
.header-cart__count {
color: gray;
border-color: gray;
}
}
.header-cart__count {
background-color: #0f0e0e;
font-size: 9px;
}
}
.site-nav > .site-nav__item > .site-nav__link:after {
background-color: #fff;
}
.close-mobile-menu {
display: none;
}
.store-logo img {
min-width: 140px;
&.logo-white-oultined {
display: block;
}
&.logo-black-oultined {
display: none;
}
}
.docked-mobile-navbar-logo {
display: none;
}
}
.navbar-dropdown-wrapper {
/* width: 100%; */
// height: 65vh;
box-shadow: 1px 1px 10px #b9b2b2;
height: 60vh;
min-height: 350px;
background: #fef5e7;
/* background: linear-gradient(45deg, black, gold, white); */
position: relative;
z-index: 1;
display: none;
justify-content: center;
align-items: center;
top: -15px;
z-index: 105;
.our-coffee-wrapper {
width: 100%;
height: auto;
display: none;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
.offers-deals-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
img {
height: auto;
border-radius: 8px;
margin-bottom: 35px;
box-shadow: 1px 1px 10px #b9b2b2;
&:last-child {
margin-bottom: 0;
}
}
}
.coffee-varities-wrapper {
.variety {
cursor: pointer;
display: flex;
justify-content: flex-start;
align-items: center;
background: #fff;
/* padding: 10px 20px; */
border-radius: 15px;
box-shadow: 1px 1px 10px #bfbcbc;
margin-bottom: 25px;
&:last-child {
margin-bottom: 0;
}
img {
margin-right: 20px;
border-radius: 15px 0 0 15px;
}
.details {
padding: 5px 15px 5px 0;
.detail-title {
font-size: 18px;
letter-spacing: 1px;
font-weight: 700;
text-align: left;
line-height: 0.8;
}
.detail-title-sec {
font-size: 24px;
font-family: system-ui;
font-weight: 800;
line-height: 0.9;
letter-spacing: 2px;
}
.detail-desc {
font-size: 14px;
letter-spacing: 0;
margin: 0px 0 0 0;
}
}
}
}
.shop-by-flavours {
width: 275px;
h3 {
margin-bottom: 10px;
text-align: center;
font-size: 15px;
font-weight: 800;
min-width: fit-content;
}
.capsule-flavour,
.ground-coffee-flavour,
.pour-over-flavour {
display: grid;
grid-template-columns: auto auto;
gap: 10px 20px;
.flavour-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
img {
border-radius: 50%;
box-shadow: 1px 1px 10px #cfcfcf;
width: 75px;
height: 75px;
}
h2 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-top: 5px;
text-align: center;
}
}
}
/*-----------------------------------  */

/*-----------------------------------------------------------------  */
.capsule-flavours {
display: inline-block;
grid-template-columns: auto auto;
gap: 30px 20px;

.flavour-wrapper {
padding-bottom: 15px;
padding-top: 15px;
padding-left: 85px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;

img {
border-radius: 50%;
box-shadow: 1px 1px 10px #cfcfcf;
width: 75px;
height: 75px;
}
h2 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-top: 5px;
text-align: center;
}
}
}
/* ------------------------------------------------------------------------------------------- */
.capsule-flavour {
&.others-hovered {
display: none;
}
&.keep-displaying,
&.hovered {
display: grid;
}
}
.pour-over-flavour {
grid-template-columns: auto auto;
display: none;
&.hovered,
&.keep-displaying {
display: grid;
}
}
.ground-coffee-flavour {
display: none;
&.hovered,
&.keep-displaying {
display: grid;
}
}
}
&.hovered {
display: flex;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
}
}
.coffee-machine-wrapper {
width: 100%;
height: auto;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: none;
&.hovered {
display: flex;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
}
.offers-deals-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
img {
height: auto;
border-radius: 15px;
margin-bottom: 35px;
box-shadow: 1px 1px 10px #b9b2b2;
&:last-child {
margin-bottom: 0;
}
}
}

.coffee-varities-wrapper {
width: 375px;
&:last-child {
width: 375px;
}
.variety {
/* max-width: 350px; */
display: flex;
justify-content: flex-start;
align-items: center;
background: #fff;
/* padding: 10px 20px; */
border-radius: 15px;
box-shadow: 1px 1px 10px #bfbcbc;
margin-bottom: 20px;
position: relative;
&:last-child {
margin-bottom: 0;
}
img {
margin-right: 20px;
border-radius: 15px 0 0 15px;
}
.details {
padding: 10px 10px 10px 0;
h2 {
font-family: "Montserrat";
font-weight: 700;
line-height: 1;

font-size: 16px;
text-transform: uppercase;
.label {
position: absolute;
top: 0;
right: 0;
border-radius: 4px 0 0 4px;
background: #d7282f;
padding: 2px 5px;
color: #fff;
font-size: 14px;
font-weight: 500;
}
}
p {
margin: 5px 0 0;
font-size: 13px;
line-height: 1;
}
}
}
}
.shop-by-flavours {
width: 275px;
h3 {
margin-bottom: 10px;
text-align: center;
font-size: 15px;
font-weight: 800;
min-width: fit-content;
}
.capsule-flavour,
.ground-coffee-flavour,
.pour-over-flavour {
display: grid;
grid-template-columns: auto auto;
gap: 10px 20px;
.flavour-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
img {
border-radius: 50%;
box-shadow: 1px 1px 10px #cfcfcf;
width: 75px;
height: 75px;
}
h2 {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
margin-top: 5px;
text-align: center;
}
}
}
.capsule-flavour {
&.others-hovered {
display: none;
}
&.keep-displaying,
&.hovered {
display: grid;
}
}
.pour-over-flavour {
grid-template-columns: auto auto;
display: none;
&.hovered,
&.keep-displaying {
display: grid;
}
}
.ground-coffee-flavour {
display: none;
&.hovered,
&.keep-displaying {
display: grid;
}
}
}
}
.accessorie-wrapper {
width: 100%;
height: auto;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: none;
&.hovered {
display: flex;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
}
.offers-deals-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
img {
height: auto;
border-radius: 15px;
margin-bottom: 35px;
box-shadow: 1px 1px 10px #b9b2b2;
&:last-child {
margin-bottom: 0;
}
}
}
.coffee-varities-wrapper {
width: 365px;
&:last-child {
width: 375px;
}
.variety {
display: flex;
justify-content: flex-start;
align-items: center;
background: #fff;
/* padding: 10px 20px; */
border-radius: 15px;
box-shadow: 1px 1px 10px #bfbcbc;
margin-bottom: 20px;
position: relative;
&:last-child {
margin-bottom: 0;
}
img {
margin-right: 20px;
border-radius: 15px 0 0 15px;
}
.details {
padding: 20px 10px 20px 0;
h2 {
font-family: "montserrat";
font-size: 14px;
font-weight: 600;
line-height: 1.1;
letter-spacing: 1px;
.label {
position: absolute;
top: 0;
right: 0;
border-radius: 4px 0 0 4px;
background: #d7282f;
padding: 2px 5px;
color: #fff;
font-size: 14px;
font-weight: 500;
}
}
p {
}
}
}
}
}
.know-more-wrapper {
width: 100%;
height: auto;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
display: none;
position: relative;
&.hovered {
display: flex;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
}
.coffee-varities-wrapper {
// width: 220px;
.variety {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
img {
margin-right: 20px;
border-radius: 50%;
display: none;
}
.details {
h2 {
font-size: 14px;
letter-spacing: 1px;
text-transform: capitalize;
color: #333;
cursor: pointer;
&:hover {
color: lightgray;
}
.label {
position: absolute;
top: 0;
right: 0;
border-radius: 4px 0 0 4px;
background: #d7282f;
padding: 2px 5px;
color: #fff;
font-size: 14px;
font-weight: 500;
}
}
a {
text-decoration: none;
}
}
}
}
}
.policies {
width: 100%;
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
justify-content: center;
h2 {
font-size: 12px;
color: gray;
text-transform: capitalize;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline;
&:hover {
color: lightgray;
}
}
.variety {
margin-right: 20px;
&:last-child {
margin: 0;
}
cursor: pointer;
}
}
&.hovered {
display: flex;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
}
&#navbar-wrapper-6 {
height: 45vh;
}

&#navbar-wrapper-2, 
&#navbar-wrapper-4{

/* Parent container */
.coffee-machine-wrapper {
display: flex;
flex-wrap: wrap;          /* allows wrapping if screen is smaller */
justify-content: flex-start;
gap: 15px;                /* space between banners */
padding: 10px 0;          /* optional padding */
}

/* Each banner wrapper */
.offers-deals-wrapper {
flex: 1 1 calc(25% - 15px);   /* 4 banners per row with spacing */
max-width: calc(25% - 15px);
box-sizing: border-box;
text-align: center;           /* center align image if needed */
}

/* Images inside banners */
.offers-deals-wrapper img {
width: 100%;      /* responsive inside their wrapper */
height: auto;
border-radius: 6px;   /* optional rounded corners */
display: block;
}

}

.navbar-show {
height: 100%;
justify-content: space-between;
align-items: center;
.coffee-varities-wrapper {
height: calc(100% - 100px);
.coffee-varities-wrapper-inner {
display: flex;
flex-direction: column;
height: 100%;
}
}
.main-tab {
height: calc(100% - 100px);
}
}
}
.docked-header--dock .docked-navigation-container__inner {
position: static;
.header-navigation {
padding-top: 0 !important;
}
}
.site-header {
position: fixed;
top: 30px;
left: 0;
width: 100%;
z-index: 101;
/* box-shadow: 0 4px 10px transparent; */
transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
&.scrolled {
/* background-color: #333; */
/* box-shadow: 0 4px 10px #000000bf; */
top: 0px;
header {
background: #f9f1e6;
&:is(.header-navigation, .docked-mobile-navigation-container__inner) {
background: #0f0e0e;
}
}
}
nav {
.mobile-nav-top-banner,
.top-nav-menubar-wrapper,
.top-nav-menubar-wrapper,
.og-menu-category-wrapper,
.nav-quiz-wrapper {
display: none;
}
}
}
}

.founders-note-wrapper {
background-color: #fdfaf5;
padding: 10px 0 10px 0;
.page-width {
background-color: #fdfaf5;
display: flex;
justify-content: space-evenly;
align-items: center;
}
img {
border-radius: 50%;
height: auto;
}
.details {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
h3 {
text-align: center;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
p {
text-align: center;
line-height: 1.8;
font-weight: 500;
color: #000;
margin-top: 15px;
}
a {
margin-top: 20px;
font-weight: 700;
font-size: 14px;
background: #ffba00;
padding: 15px 50px;
border-radius: 20px;
box-shadow: 0px 0px 5px #c5c5c5;
}
}

.footer-group {
margin-top: 0;
z-index: 0;
.shopify-section:first-of-type .large-row {
margin: 0;
.marquee-background {
background: #fff !important;
border-top: 1px solid lightgray;
&::before {
content: "Also Available At";
font-size: 24px;
font-family: "Quicksand";
text-transform: Capitalize;
font-weight: 500;
text-align: center;
display: block;
padding-top: 20px;
}
.marquee {
padding: 20px 0 !important;
}
}
}
}

#shopify-section-footer {
.payment-gateway-wrapper {
background: rgb(93, 56, 31);
padding-top: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #4f4e4e;
.page-width {
display: flex;
justify-content: center;
align-items: center;
}
.first {
p {
font-weight: 600;
font-size: 16px;
color: #fff;
}
}
.mid {
img {
margin: 0 10px;
}
}
.last {
p {
font-size: 16px;
color: #fff;
font-family: cursive;
}
}
}

.sticky-footer {
position: static;
}

.page-footer__subscribe {
width: 100%;
max-width: unset;
background-color:rgb(93, 56, 31);
padding-top: 36px;
padding-bottom: 36px;
.left {
.contact-form {
margin-left: 30px;
}
.email-sub-header {
width: 360px;
color: #e5c58c;
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0px;
}
.email-sub-para {
font-size: 12px;
width: 360px;
margin: 0;
}
.subscribe-form__submit {
font-size: 14px;
height: 48px;
padding: 12px 12px;
line-height: 14px;
color: black;
font-weight:700;
background-color: #f7dcb0;
border-radius: 8px;
border: 2px solid #e5c58c;
cursor: pointer;
margin-left: 15px;
min-width: 120px;
}
input {
border-radius: 8px;
border: 1px solid #a0a1a2;
outline: none;
transition: all 0.3s ease-in-out;
width: 100%;
height: 46px;
padding: 0 15px;
font-size: 14px;
line-height: 22px;
width: 250px;
background: #fff;
color: #333;
}
.subscribe-form__label {
color: #fff;
padding: 0 15px;
left: -15px;
top: -10px;
}
.subscribe-form__inputs {
border: none;
}
.input-wrapper.is-empty:not(.in-focus) label,
.input-wrapper:empty:not(.in-focus) label {
top: calc((30px + 1.4em) / 2);
left: 0;
color: #333;
}
}
.right {
.social-links__list {
svg {
width: 20px;
height: 20px;
fill: #fff;
margin-left: 10px;
}
}
}
}

.page-footer__end {
margin-top: 0;
display: block;
.second {
padding-top: 50px;
padding-bottom: 50px;
.left {
/* flex-wrap: wrap; */
ul {
h3 {
color: #e5c58c;
font-size: 20px;
}
li {
list-style-type: none;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 35px;
text-decoration: none;
transition: color 0.2s ease-in-out;
a {
text-decoration: none;
color: #fff;
cursor: pointer;
padding: 5px 0;
}
&:hover a {
color: #e5c58c;
}
}
}
}
.right {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-self: normal;
.footer-logo {
margin-bottom: 40px;
margin-top: 8px;
}
h3 {
color: #e5c58c;
margin-bottom: 8px;
font-size: 20px;
text-transform: capitalize;
font-weight: 700;
letter-spacing: 1px;
}
img {
margin-right: 10px;
}
p {
color: #fff;
margin: 0 0 5px 0;
font-size: 16px;
}
p:first-child {
margin: 10px 0;
color: #a0a1a2;
font-size: 12px;
}
a {
color: white;
&:hover {
color: #e5c58c;
}
}
}
}
.third {
p {
text-align: center;
font-size: 14px;
color: #e5c58c;
margin-top: -10px; 

&:last-child {
font-size: 12px;
text-align: center;
width: 70%;
margin: 12px auto 0;
padding-bottom: 36px; 
color: #fff;
}
}
}
}
}

&.search-bar-open {
.search-bar {
svg {
stroke: #000 !important;
}
.search-form__input {
color: #000 !important;
}
}
header {
background-color: white !important;
}
}

#loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s;
.spinner {
border: 4px solid #000;
border-top: 4px solid #ffba00;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
}

.scroll-slider-wrapper,
.insta-wrapper {
/* padding: 0 15px; */
overflow-x: auto;
overflow-y: hidden;
overflow: hidden;
scroll-behavior: smooth;
&::-webkit-scrollbar {
// width: 5px;
height: 4px;
}

&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}
.prev:hover,
.next:hover {
color: #000;
opacity: 1;
}
.prev,
.next {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0);
color: #585757;
font-size: 60px;
border: none;
cursor: pointer;
padding: 10px;
z-index: 0;
min-width: unset;
--button-border-color: none;
}
.prev {
left: 0;
animation: slider-btn-left 2s linear infinite;
}
.next {
right: 0;
animation: slider-btn-right 2s linear infinite;
}
}

.products {
background: white;
border-radius: 10px;
box-shadow: 0px 8px 12px #0000002e;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
&:hover {
box-shadow: 2px 4px 16px #00000029;
transform: scale3d(1.01, 1.01, 1.01);
}
.top {
position: relative;
width: 100%;
.prod-img {
width: 100%;
height:350px;
border-radius: 10px 10px 0 0;
}
.label-one {
position: absolute;
top: 0;
left: 0;
background: #9e600e;
padding: 4px 15px;
border-radius: 10px 8px 8px 0;
color: white;
font-weight: 600;
font-size: 14px;
text-shadow: 1px 1px 2px black;
margin: 0;
}
.label-two {
position: absolute;
bottom: -13px;
left: 50%;
transform: translate(-50%);
background: #000;
font-size: 15px;
padding: 4px 35px;
font-weight: 700;
border-radius: 15px;
color: #feda79;
border: 1px solid #feda79;
margin: 0;
background: #d7282f;
border-radius: 15px;
color: #fff;
text-shadow: 1px 1px 2px black;
}
&.product-image-wrapper {
.hover-second-image {
display: none;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
opacity: 0;
}
&:hover .hover-second-image {
display: block;
opacity: 1;
margin-bottom: 4px;
}
&:hover .hover-first-image {
display: none;
}
}
}
.mid {
.price-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
.price {
font-weight: 700;
letter-spacing: 0px;
/* text-shadow: 1px 1px 3px #818181; */
margin: 0;
font-size: 20px;
color: #d7282f;
}
.discount {
font-weight: 600;
margin: 15px 5px;
letter-spacing: 0px;
font-size: 11px;
align-self: flex-end;
color: #333;
position: relative;
&::after {
content: "";
width: 100%;
height: 1px;
background-color: #d7282f;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
.label-two {
font-size: 13px;
padding: 2px 5px !important;
min-width: max-content;
font-weight: 700;
color: #feda79;
border: 1px solid #feda79;
margin: 0;
background: #d7282f;
border-radius: 15px;
color: #fff;
text-shadow: 1px 1px 2px black;
}
}
padding: 20px 15px 20px 15px;
.label-three {
background-color: #feda79;
max-width: fit-content;
padding: 3px 8px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.prod-heading {
font-size: 16px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0;
height: 40px;
}
.prod-desc {
font-size: 12px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
letter-spacing: 0;
}
.add-to-cart-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
background: #492817;
color: #e5c58c;
border-radius: 8px;
padding: 15px 15px;
margin-top: 20px;
width: 100%;
.cart-label {
min-width: fit-content;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0px;
}
svg {
display: none;
}
&:hover {
color: #492817;
background: #f7dcb0;
}
}
}
.bottom {
border-top: 1px solid #dbdbdb;
width: calc(100% - 30px);
.bottom-title {
font-size: 14px;
text-align: center;
padding-top: 20px;
padding-bottom: 12px;
color: #333;
text-transform: capitalize;
}
}
.more-details-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 0 0 15px 0;
.more-details {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
padding: 0 15px;
img {
max-width: 100%;
height: auto;
/* margin-right: 10px; */
}
p {
font-size: 12px;
line-height: 1.1;
margin: 0;
margin-top: 5px;
text-align: center;
font-weight: 700;
}
}
}
.star-ratings {
padding: 0;
display: flex;
justify-content: flex-end;
margin-top: 18px;
justify-content: center;
.theme-product-reviews-summary {
display: flex;
justify-content: center;
align-items: end;
margin: 0;
.cc-rating {
line-height: 1;
font-size: 18px;
}
.cc-rating-custom-caption {
font-size: 14px;
font-weight: 500;
line-height: 1;
}
}
}
}

.prod-card {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 50px;
row-gap: 50px;
a {
text-decoration: none;
color: unset;
}
}

.non-banner-page {
margin-top: 70px;
}

.testimonial-slider {
.influencer-name {
font-size: 14px;
letter-spacing: 1px;
}
.testimonial-stars {
padding: 5px 0 15px 0;
svg {
width: 18px;
height: 18px;
}
}
.influencer-review {
font-size: 14px;
line-height: 1.2;
text-transform: capitalize;
color: #333;
}
}

.instagram-reels {
background-color:#FDFAF5;

padding: 0px 30px 10px;
.main-div-inside {
display: none;
}
h2 {
padding: 5px;
text-align: center;
font-family: Mona Sans;
font-weight:600;
text-transform: capitalize;
font-size: 30px;
padding-top:10px; /* default for mobile */
}

@media (min-width: 768px) {
h2 {
padding-top: 30px; /* only for tablets and desktops */
}
}
p {
text-align: center;
line-height: 1.2;
margin: 0;
font-weight: 500;
span {
color: blue;
text-decoration: underline;
font-weight: 600;
}
}
.insta-wrapper {
display: grid;
grid-template-columns: repeat(6, 1fr);
margin-top: 50px;
gap: 15px;
.insta-post {
width: 100%;
overflow: hidden;
border-radius: 8px;
video {
width: 100%;
height: auto;
border-radius: 15px;
}
.product-price-wrapper {
flex-wrap: wrap;
align-items: flex-end;
}
.product-wrapper {
margin-top: 20px;
color: unset;
text-decoration: none;
.product-img {
/* width: 60px; */
img {
border-radius: 8px;
width: 35px;
height: 35px;
max-width: unset;
}
}
.data {
margin-left: 8px;
.product-title {
font-size: 14px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-align: start;
letter-spacing: 0;
text-transform: capitalize;
font-weight: 600;
padding-bottom: 0;
margin-bottom: 2px;
}
.product-price {
color: #d7282f;
font-weight: 700;
font-size: 15px;
text-align: left;
}
span {
font-size: 10px;
color: gray;
text-decoration: none;
position: relative;
margin-left: 4px;
line-height: 1;
&::after {
content: "";
width: 100%;
height: 1px;
background: #d7282f;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
}
}
}
}
}

.everything-wrapper {
/* padding-top: 25px;
padding-bottom: 25px; */
.everything {
padding-bottom: 40px;
padding-top: 30px;
display: grid;
justify-content: center;
max-width: 100%;
.inner {
cursor: pointer;
margin-right: 20px;
width: 115px;
height: 115px;
/* height: 150px; */
border-radius: 50%;
border: 1px solid #fff;
display: flex;
justify-content: center;
align-items: center;
img {
/* border-radius: 50%; */
width: 100%;
animation: wiggle 0.2s infinite alternate;
margin-bottom: 5px;
width: 50px;
height: 50px;
}
.caption {
font-size: 10px;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
}
&.active {
background: #ddd;
}
}
}
.relative {
.prev,
.next {
top: 38% !important;
display: none;
}
}
}

.ground-coffee-everything-wrapper {
.everything {
grid-template-columns: repeat(8, auto);
}
&.everything-wrapper {
height: 185px;
.main-div-inside {
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
}
}

.coffee-capsule-everything-wrapper {
.everything {
grid-template-columns: repeat(6, auto);
}
&.everything-wrapper {
height: 185px;
.main-div-inside {
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
}
}

.sticky-coffee-capsule-everything {
position: fixed;
z-index: 102;
top: 75px;
left: 0;
right: 0;
background: #fff;
width: 100%;
max-width: unset;
padding: 10px 0;
box-shadow: 0px 0px 10px #cacaca;
.inner {
border: 1px solid #ccc !important;
display: flex;
flex-direction: row;
gap: 5px;
height: 40px !important;
border-radius: 25px !important;
min-width: max-content;
margin-right: 0 !important;
padding: 0 10px;
width: auto !important;
img {
width: 20px !important;
height: 20px !important;
}
}
.everything {
padding: 0;
gap: 5px;
}
}

.recipe-video-wrapper {
padding: 150px 0 0;
/* margin-top: 100px; */
h2 {
text-align: center;
margin-bottom: 30px;
font-family: "Quicksand";
font-weight: 600;
text-transform: Capitalize;
}
.recipe {
display: flex;
justify-content: center;
gap: 50px;
flex-wrap: wrap;
iframe {
width: 46%;
}
}
}

&.custom-search {
.cc-filters-results {
.grid-flex {
display: grid;
grid-template-columns: repeat(3, auto);
gap: 50px;
margin: 30px 0;
.product-block {
padding: 0;
width: 100%;
background: #fff;
box-shadow: 1px 1px 10px darkgray;
border-radius: 15px;
.product-block__image-container {
.hover-images {
border-radius: 15px 15px 0 0;
.rimage-outer-wrapper {
border-radius: 15px 15px 0 0;
img {
width: 100%;
height: 300px;
border-radius: 10px 10px 0 0;
}
}
}
.label-two {
z-index: 1;
}
}
.product-block__title {
padding: 0 15px;
a {
font-size: 16px;
font-weight: 700;
margin: 20px 0 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
.prod-desc {
margin-top: 0;
font-size: 12px;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
letter-spacing: 0;
padding: 0 15px;
}
.product-block__vendor {
display: none;
}
.product-price {
padding: 0 15px;
.product-price__reduced {
}
.product-price__compare {
}
.product-label--on-sale {
top: 0;
left: 0;
max-width: fit-content;
padding: 5px 15px;
border-radius: 15px 15px 15px 0;
background: #d7282f;
color: #fff;
font-weight: 600;
font-size: 14px;
text-shadow: 1px 1px 2px black;
margin: 0;
}
}
.product-block__rating {
padding: 0 15px;
.cc-rating {
font-size: 16px;
}
}
.add-to-cart-wrapper {
.product-price {
.product-price__from {
display: none;
}
.product-price__reduced {
font-weight: 700;
letter-spacing: 0px;
text-shadow: 1px 1px 3px #818181;
margin: 0;
color: #000;
font-size: 14px;
}
.product-price__compare {
font-weight: 600;
letter-spacing: 0px;
font-size: 11px;
align-self: flex-end;
color: #333;
position: relative;
margin: 0 0 0 5px;
&::after {
content: "";
width: 100%;
height: 1px;
background-color: #d7282f;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
}
}
}
}
}
}

.cc-filters-container {
background: transparent;
padding: 0;
}

&#coffeeza-blog {
.content-products {
margin-right:0px;
padding-right:0px;
margin-top: 0px;
.slick-track {
padding: 10px 10px;
}
.product-block {
/* width: 200px !important; */
margin-left: 15px;
padding: 0;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 12px;
.rimage-background {
border-radius: 10px 10px 0 0;
}
.product-block__title {
padding: 0 12px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
margin: 10px 0;
}
.prod-desc,
.label-two {
display: none;
}
.product-block__title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-price {
padding: 0 12px;
.product-price__from {
display: none;
}
.product-price__compare {
display: block;

font-size: 12px;
}
.product-price__reduced {
font-size: 14px;
font-weight: 700;
}
.product-label {
top: 0px;
left: 0;
right: unset;
border-radius: 0 5px 5px 0;
}
}
.product-block__rating {
display: flex;
flex-direction: column;
align-items: center;
display: none;
}
.bottom,
.add-to-cart-wrapper svg,
.add-to-cart-wrapper .cart-label {
/* display: none; */
}
}
}
}

#gokwik-buy-now {
background: #f2ae00;
color: #333;
font-weight: 700;
font-size: 14px;
}

.gokwik-checkout button {
background: #f2ae00;
color: #333;
font-weight: 700;
& > span.btn-text {
color: #333;
}
}

.option-selector[data-index="option2"] {
.option-selector__btns {
grid-template-columns: repeat(4, 1fr) !important;
}
}

/* Custom coupon for two machines */

.custom-extra-coupon {
.finero-machine-combo {
display: none;
}
.finero-machine {
display: none;
}
b {
color: #c00000;
}
}

&#finero-next-coffee-machine-milk-frother-10-assorted-coffee-capsules {
.custom-extra-coupon {
.finero-machine-combo {
display: block;
}
.finero-machine {
display: none;
}
}
}

&#finero-next-coffee-machine-free-10-assorted-coffee-capsules-coffeeza {
.custom-extra-coupon {
.finero-machine-combo {
display: none;
}
.finero-machine {
display: block;
}
}
}

.product-detail .product-layout-grid {
#wareiq-pincode-check {
display: none;
}
}

&.custom-policy-page {
.shopify-policy__container {
max-width: 100ch;
}
.instagram-reels,
.breadcrumbs-container {
display: none;
}
}

&.custom-whole-beans {
.cc-filters-container {
display: none;
}
.cc-filters-results {
.products {
.top {
}
.mid {
padding-top: 0;
padding-bottom: 0;
.price-wrapper,
#add-to-cart-form {
display: none;
}
}
}
}
.shub1,
.collection-header,
.cc-filters-results__summary,
.cc-filters-control,
.star-ratings {
display: none;
}
.collection-banner {
margin-top: 0px !important;
margin-bottom: 70px !important;
}
.non-banner-page {
margin-top: 60px !important;
}
.usp-whole-beans {
margin-bottom: 100px;
}
.scroll-slider-wrapper {
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
padding: 15px;
}
.ground-coffee-beans-image {
display: grid;
grid-template-columns: auto auto auto;
justify-content: space-between;
gap: 25px;
.products {
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 12px #0000002e;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}
.top {
position: relative;
width: 100%;
img {
width: 100%;
height: 30px;
border-radius: 10px 10px 0 0;
max-width: 100%;
}
.label {
position: absolute;
top: 0;
left: 0;
background: #d7282f;
padding: 4px 15px;
border-radius: 10px 8px 8px 0;
color: #fff;
font-weight: 600;
font-size: 14px;
text-shadow: 1px 1px 2px black;
margin: 0;
}
}
.mid {
.title {
font-size: 16px;
/* margin-bottom: 10px; */
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 700;
text-transform: capitalize;
letter-spacing: 0;
/* height: 40px; */
}
}
.bottom {
h4 {
font-size: 14px;
text-align: center;
padding-top: 20px;
padding-bottom: 12px;
color: #333;
text-transform: capitalize;
}
.more-details-wrapper {
display: flex;
justify-content: center;
align-items: flex-start;
padding: 0 0 15px;
.more-details {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
padding: 0 15px;
img {
}
p {
font-size: 12px;
line-height: 1.1;
margin: 5px 0 0;
text-align: center;
font-weight: 700;
}
}
}
}
}
}

&#coffeeza-press-releases {
.lh-item-title a {
padding-bottom: 10px;
text-align: center;
font-family: Quicksand;
font-weight: 600;
text-transform: Capitalize;
font-size: 37px;
}
.lh-blog-content {
.lh-article-title {
line-height: 1;
a {
line-height: 1;
font-weight: 600;
text-transform: capitalize;
}
}
.lh-article-head {
margin-bottom: 5px;
}
.lh-article-excerpt p {
font-size: 14px;
line-height: 1.2;
}
.lh-item-blog {
padding: 15px;
}
.lh-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
padding: 15px;
.lh-item-article {
max-width: 100%;
margin-bottom: 0px;
display: flex;
justify-content: space-between;
flex-direction: column;
border-radius: 20px;
box-shadow: 0px 5px 15px #d7d7d7;
padding: 15px;
.lh-article-image img {
height: auto;
width: 35%;
margin: 0 auto;
}
}
}
}
}

.products.launching-soon {
.mid {
.price-wrapper {
&::after {
content: "**********";
color: red;
font-size: 40px;
font-weight: 700;
letter-spacing: 2px;
margin-top: 30px;
}
.price,
.discount,
.label-two {
display: none;
}
}
.add-to-cart-wrapper {
.cart-label {
display: none;
}
&::after {
content: "Coming Soon";
font-weight: 700;
}
}
}
}

.product-detail.launching-soon-prod-desc {
.money-saved,
.product-price__reduced,
.product-detail__price .tiny-title {
display: none;
}
.product-detail__price {
&::after {
content: "**********";
color: red;
font-size: 40px;
font-weight: 700;
letter-spacing: 2px;
margin-top: 30px;
}
}
.payment-buttons {
button {
&::after {
content: "Coming Soon";
font-weight: 700;
}
span {
display: none;
}
}
}
}

&#career-with-us {
.lh-wrapper .lh-contents {
.lh-col-md-8 {
display: grid;
grid-template-columns: auto auto auto;
max-width: unset;
flex: 1;
gap: 15px;
.lh-content-title {
text-align: left;
font-size: 18px;
}
.lh-content {
text-align: left;
font-size: 14px !important;
margin-bottom: 0px !important;
a {
color: blue;
font-weight: 600;
}
}
}
}
.lh-slider-wrapper {
.lh-overlay {
background: unset;
}
.lh-items_slider {
min-height: unset;
}
}
section[data-layouthub="section"] {
margin: 0;
}
.breadcrumbs-container {
display: none;
}
.non-banner-page {
margin-top: 70px;
}
.instagram-reels {
display: none;
}
}

&#capsule-recycling-program,
&#bulk-coffee-machines-and-capsules-for-business-coffeeza-for-business,
&#coffeeza-blog,
&#about-coffeeza,
&#register-coffee-machine-warranty,
&#how-to-videos,
&#recipe-videos,
&#contact-us {
.breadcrumbs-container,
.instagram-reels {
display: none;
}
}

&#how-to-videos,
&#recipe-videos {
.giant-title {
text-align: center !important;
margin-top: 50px;
}
.how-to-videos {
display: grid;
grid-template-columns: auto auto;
gap: 15px;
h4 {
font-size: 18px;
margin-bottom: 0px;
}
p {
width: 100%;
margin-bottom: 0px;
}
.rte__video-wrapper {
iframe {
position: static;
width: 100%;
height: 315px;
}
height: auto;
margin: 0;
}
.individual-video {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
}
}
.reading-width {
max-width: unset;
}
}

&#coffeeza-blog {
.blog {
margin-top: 50px;
.blog-tags {
display: grid;
grid-template-columns: repeat(5, 1fr);
.overlay-tag {
border: 1px solid lightgray;
border-radius: 25px;
padding: 4px;
margin: 5px 10px;
font-weight: 700;
}
}
.grid__item-no-gutter {
width: 100%;
}
.products {
border-radius: 10px !important;
box-shadow: 0 8px 12px #0000002e !important;
display: flex !important;
.hover-second-image {
/* display: none; */
height: auto;
}
.top {
.rimage-wrapper {
padding-top: 0px !important;
img {
position: static;
}
}
}
}
}
}

&#bulk-coffee-machines-and-capsules-for-business-coffeeza-for-business {
section[data-section-id="wwesygkh2ki"] {
top: 75px;
display: block !important;
.lh-social_label {
display: none;
}
.lh-social_items::before {
content: "Call us for inquiries 1800-123-5171 ";
color: white !important;
font-size: 16px;
font-weight: 700;
display: block;
text-align: right;
}

.lh-social_items::after {
content: "For Domestic : sales@coffeeza.com For Export : export@coffeeza.com ";
color: white !important;
font-size: 16px;
font-weight: 700;
display: block;
text-align: right;
}
.lh-container {
max-width: unset;
}
}
section[data-section-id="jez4sob1349"] {
display: none !important;
}
}
}

.hover-images--two:hover .image-one {
opacity: 1;
}

.collapsible-tabs {
.collapsible-tabs__heading {
font-family: Quicksand;
font-weight: 600;
text-transform: Capitalize;
font-size: 37px;
text-align: center;
}
.cc-accordion {
max-height: 480px;
overflow-y: auto;
padding: 0 20px;
&::-webkit-scrollbar {
width: 8px;
}

&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}
}
}

.floating-add-to-cart {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
right: 0px;
z-index: 999;
justify-content: flex-end;
align-items: center;
padding: 15px 15px;
background: #fff;
box-shadow: 0px -2px 20px #bcbbbb;
animation: top-down 1s cubic-bezier(0.5, 0, 0, 1) 0s;
.button-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
}
button {
width: 425px;
font-weight: 700;
background-color: #f2ae00 !important;
box-shadow: 2px 4px 5px #00000078;
}
}

.available-offers {
border: 1px solid #aaa;
padding: 15px;
border-radius: 15px;
margin-top: 10px;
.heading {
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: 500;
font-size: 18px;
img {
margin-right: 5px;
}
}
.carousel {
width: 100%;
overflow: hidden;
position: relative;
}

.slides {
display: flex;
transition: transform 0.5s ease-in-out;
width: 100%;
}

.slide {
width: 100%;
flex-shrink: 0;
text-align: center;
padding: 10px 0 0;
font-size: 14px;
line-height: 1.2;
text-align: left;
/* background-color: #ddd; */
}

.dots {
text-align: center;
width: 100%;
padding-top: 5px;
}

.dot {
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
background-color: #bbb;
border-radius: 50%;
cursor: pointer;
}

.dot.active {
background-color: #717171;
}

.finero-machine-combo {
display: none;
}
.finero-machine {
display: none;
}
b {
color: #c00000;
}
}

#machine-virtual-demo {
.shopify-section:last-child {
display: none;
}
}

@media screen and (max-width: 1200px) {
body {
}
}

@media screen and (min-width: 939px) and (max-width: 1023px) {
header {
.docked-navigation-container {
.header-navigation {
padding-right: 0px;
}
}
.utils__right {
margin-left: 15px;
svg {
width: 18px !important;
height: 18px !important;
}
}
.site-nav > .site-nav__item > .site-nav__link {
padding: 12px 10px 12px 0 !important;
font-size: 11px;
svg {
margin-left: 0px !important;
}
}
}
}

@media screen and (min-width: 1024px) and (max-width: 1150px) {
header {
.docked-navigation-container {
.header-navigation {
padding-right: 0px;
}
}
.utils__right {
margin-left: 15px;
svg {
width: 18px !important;
height: 18px !important;
}
}
.site-nav > .site-nav__item > .site-nav__link {
padding: 12px 10px 12px 0 !important;
font-size: 12px;
svg {
margin-left: 0px !important;
}
}
}

.page-footer__subscribe {
.page-width {
.left {
.email-sub-para {
font-size: 12px !important;
width: 300px !important;
}
.email-sub-header {
width: 300px !important;
font-size: 16px !important;
}
}
.right {
.social-links__list {
svg {
width: 15px !important;
height: 15px !important;
}
}
}
}
}
}

@media screen and (min-width: 1151px) and (max-width: 1250px) {
header {
.docked-navigation-container {
.header-navigation {
padding-right: 0px;
}
}
.utils__right {
margin-left: 15px;
svg {
width: 18px !important;
height: 18px !important;
}
}
.site-nav > .site-nav__item > .site-nav__link {
padding: 12px 15px 12px 0 !important;
font-size: 14px;
}
}
}

@media screen and (max-width: 1024px) {
body {
&.generic-collection-pages {
main .shopify-section .grid-flex {
gap: 15px;
}
}

&.custom-homepage {
.as-see-wrapper {
padding-top: 20px !important;
padding-bottom: 20px !important;
.page-width {
overflow: auto;
justify-content: flex-start;
padding: 20px 0;
margin: 20px 0;
&::-webkit-scrollbar {
// width: 5px;
height: 4px;
}

&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}
h5 {
min-width: fit-content;
font-size: 14px;
letter-spacing: 1px;
}
.press-images {
display: grid;
grid-template-columns: repeat(5, auto);
.img-wrapper {
margin-left: 20px;
padding: 0 !important;
}
img {
}
}
}
}

.categories {
min-height: 55vh;
.categories-wrapper {
column-gap: 15px;
.category {
h3 {
font-size: 15px;
letter-spacing: 1px;
}
}
}
}

.collection-wrapper {
.collection {
.first,
.second,
.third {
p {
font-size: 18px;
width: 100%;
}
}
}
}

.multi-tabs-wrapper {
.multi-tabs {
.tabs-secondary {
.scroll-slider-wrapper {
margin: 0;
&::-webkit-scrollbar {
width: calc(200% - 30px);
}
}
.best-rated-view,
.coffee-capsules,
.coffee-machines,
.subscription-products,
.merch {
overflow-x: auto;
overflow-y: hidden;
.prod-card {
gap: 25px;
grid-template-columns: repeat(3, 280px);
margin-left: -15px;
}
}
}
}
}
}

&.custom-capsules {
min-height: 30vh;

.prod-card {
grid-template-columns: repeat(6, 40%);
gap: 30px;
}
.everything-wrapper {
.everything {
justify-content: flex-start;
}
}
.bestselling-capsules-wrapper {
.scroll-slider-wrapper {
overflow: auto;
.prod-card {
margin-left: -15px;
}
}
}
}

&.custom-machines,
&.custom-subscription {
.bestselling-machines-wrapper {
.bestselling-machines {
.prod-card {
.products {
.top {
width: 100% !important;
img {
width: 100% !important;
height: auto !important;
}
}
.data-right {
width: 100% !important;
margin-left: 50px !important;
.mid {
padding: 35px 20px 15px !important;
.price-wrapper {
margin-top: 0px !important;
}
.prod-heading {
font-size: 14px;
margin: 0;
}
.prod-desc {
font-size: 12px;
margin: 10px 0;
}
.price {
font-size: 20px;
}
.discount {
font-size: 12px;
}
.add-to-cart-wrapper {
margin-top: 15px;
height: 35px;
.cart-label {
font-size: 16px;
}
}
}
.bottom {
padding-top: 15px;
.bottom-title {
padding-bottom: 5px;
}
.more-details-wrapper {
padding-bottom: 5px;
border: none;
}
}
}
}
}
}
}
}

.page-footer__subscribe {
.page-width {
flex-direction: column !important;
.left {
flex-direction: column;
width: 100%;
.email-sub-header,
.email-sub-para {
width: 100% !important;
text-align: center;
}
.contact-form {
width: 100%;
margin-top: 30px;
margin-left: 0 !important;
.subscribe-form__inputs {
justify-content: center;
.input-wrapper {
max-width: fit-content;
border: none;
}
}
}
}
.right {
margin-top: 15px !important;
}
}
}

header {
.utils__right {
margin-left: 0 !important;
}
}

.instagram-reels {

.insta-wrapper {
overflow: auto;
grid-template-columns: repeat(6, 20%);
padding-bottom: 20px;
margin-bottom: 20px;
&::-webkit-scrollbar {
// width: 5px;
height: 4px;
}

&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}
}
}

.navbar-dropdown-wrapper {
height: 35vh !important;
}

.products {
.more-details-wrapper {
.more-details {
padding: 0 5px;
img {
width: 30px;
height: 30px;
}
}
}
}

&.custom-pour-overs {
.bestselling-pourover-wrapper {
.scroll-slider-wrapper {
overflow: auto;
.prod-card {
margin-left: -15px;
}
}
}
}

&.custom-ground-coffee {
.bestselling-groundcoffee-wrapper {
.scroll-slider-wrapper {
overflow: auto;
.prod-card {
margin-left: -15px;
grid-template-columns: repeat(6, 40%);
gap: 30px;
}
}
}
}

&.generic-products-details {
.product-recommendations {
.related-products {
overflow: scroll;
padding: 15px;
.grid-flex {
display: grid;
grid-template-columns: repeat(4, 220px);
justify-content: flex-start;
margin-left: -15px;
.product-block {
width: 100%;
.hover-second-image {
display: none !important;
}
}
}
}
}
.product-detail {
.product-layout-grid {
.product-layout-grid__images {
max-height: 320px;
}
}
}
}
}
}

@media screen and (max-width: 939px) {
body {
&.custom-homepage {
}

&.custom-ground-coffee {
.bestselling-groundcoffee-wrapper {
.bestselling-groundcoffee {
.prod-card {
grid-template-columns: repeat(3, 40%);
gap: 30px;
}
/* .prev, .next{
display: block;
} */
}
}
}

&.custom-pour-overs {
.bestselling-pourover-wrapper {
.bestselling-pourover {
.prod-card {
grid-template-columns: repeat(3, 40%);
gap: 30px;
}
/* .prev, .next{
display: block;
} */
}
}
}

&.custom-bestsellers {
.bestselling-bestsellers-wrapper {
.bestselling-bestsellers {
.prod-card {
grid-template-columns: repeat(3, 40%);
gap: 30px;
}
/* .prev, .next{
display: block;
} */
}
}
}

&.custom-accessories {
.bestselling-accessories-wrapper {
.bestselling-accessories {
.prod-card {
grid-template-columns: repeat(3, 40%);
gap: 30px;
}
}
}
}

&.generic-products-details {
.product-recommendations {
.related-products {
overflow: scroll;
padding: 15px;
grid-flex {
display: grid;
grid-template-columns: repeat(4, 220px);
justify-content: flex-start;
margin-left: -15px;
.product-block {
width: 100%;
}
}
.products .bottom {
display: none;
}
}
}

.product-detail .product-layout-grid .product-layout-grid__images {
/* flex-direction: column-reverse; */
.product-detail__thumbnails {
max-height: 320px;
}
}
.product-detail .product-layout-grid .product-layout-grid__detail {
.product-detail__options .option-selector__btns {
grid-template-columns: auto auto;
}
.product-detail__price .price-off-perc {
margin: 2px 0 15px 0;
display: block;
max-width: fit-content;
transform: unset;
}
}
}

&.custom-cart {
.cart {
.cart-items {
.cart-item-container {
.description__title {
font-size: 14px;
}
.description__variant {
font-size: 12px;
margin-top: 5px;
}
.image {
width: 75px;
margin-right: 25px;
img {
width: 75px;
border-radius: 15px;
}
}
.cart-item {
background: #fff;
padding: 15px;
}
}
.cart-item {
align-items: center;
background: #333;
color: #fff;
padding: 0 15px 12px 15px;
.quantity {
position: relative;
.btn--plain {
background: #000;
opacity: 1;
border-radius: 50%;
svg {
stroke: white;
}
}
.quantity__number {
font-size: 16px;
color: #333;
font-weight: 600;
}
.quantity__remove {
align-self: center;
margin-right: 10px;
}
}
.description {
max-width: 300px;
padding: 0;
margin-right: 25px;
}
.price,
.total {
min-width: 120px;
width: 120px;
}
.btn--plain,
.quantity__number {
width: 30px;
height: 30px;
svg {
width: 18px;
height: 18px;
}
}
.quantity__remove {
width: 20px;
height: 20px;
}
}
}
.total__amount {
color: #d7282f;
font-weight: 700;
font-size: 26px;
}
.sticky-bottom-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
box-shadow: 1px 1px 10px darkgray;
}
.sticky-bottom {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;

padding: 15px;

.subtotal-row {
width: 50%;
display: flex;
flex-direction: column-reverse;
align-items: center;
.grid__item {
width: 100%;
.cart-policies {
padding-top: 0;
}
}
.total {
display: flex;
align-items: center;
}
}
.cart-finish {
width: 50%;
.cart-submit {
width: unset;
white-space: nowrap;
font-weight: 700;
font-size: 18px;
}
}
}
}
.cart-item--titles {
font-weight: 600;
text-align: center;
.description {
max-width: 420px;
padding-top: 15px;
}
}
main {
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
}
}

.header-group header {
.close-mobile-menu {
display: none;
margin-left: -8px;
svg {
stroke: #000;
}
}
.burger-icon {
display: block;
height: 40px;
width: 40px;
svg {
stroke: #fff;
}
}
.docked-mobile-navigation-container__inner.clicked {
.close-mobile-menu {
display: block;
/* position: absolute; */
top: 15px;
left: 15px;
}
.burger-icon {
display: none;
}
}
nav {
.mobile-nav-top-banner,
.top-nav-menubar-wrapper,
.top-nav-menubar-wrapper,
.og-menu-category-wrapper {
display: block !important;
}
.nav-quiz-wrapper {
/* display: flex !important; */
display: none;
}
}
.store-logo {
position: absolute;
left: 50%;
margin-left: 0 !important;
transform: translate(-50%);
}
.navbar-dropdown-wrapper {
display: none !important;
}
}

.header-navigation--open {
.docked-mobile-navbar-logo {
display: block !important;
position: absolute;
left: 50%;
top: 13px;
transform: translate(-50%, 0);
}
.navigation__container {
top: 97px;
padding: 0 0 0 !important;
.mobile-nav-top-banner {
border-top: 1px solid gray;
}
.top-nav-menubar-wrapper {
.menubar-wrapper-inner {
background-color: #fdfaf5;
padding: 20px 15px;
h2 {
position: relative;
max-width: fit-content;
font-size: 22px;
font-weight: 700;
letter-spacing: 2px;
margin: 25px 0;
.new-tag {
background: #d7282f;
font-size: 12px;
position: absolute;
top: -1px;
right: -60px;
color: white;
padding: 0px 5px;
border-radius: 4px;
}
}
}
}
.og-menu-category-wrapper {
.category-wrapper-inner {
.deals {
padding: 15px;
img {
width: calc(100% - 30px);
border-radius: 20px;
height: auto;
margin-bottom: 15px;
box-shadow: 0 1px 10px #d3d3d3;
}
}
.category-wrapper {
border-radius: 20px;
background: #fff;
box-shadow: 0px 1px 10px lightgray;
margin: 0 15px 15px;
img {
border-radius: 20px 0 0 20px;
}
.detail {
padding: 10px 10px 10px 0;
margin-left: 20px;
.detail-title {
font-size: 18px;
letter-spacing: 1px;
font-weight: 700;
text-align: left;
}
.detail-title-sec {
font-size: 22px;
font-family: system-ui;
padding-top: 4px;
font-weight: 800;
line-height: 0.7;
letter-spacing: 2px;
}
.detail-desc {
font-size: 14px;
letter-spacing: 0;
margin: 10px 0 0 0;
}
}
}
}
}
.mobile-site-nav {
margin: 20px;
}

.nav-quiz-wrapper {
background: linear-gradient(95deg, #2e3192 24.51%, #3d41c1 74.35%);
color: #ffffff;
padding: 30px 15px;
margin-top: 40px;
.para {
width: 50%;
font-weight: 700;
font-size: 16px;
}
button {
background: var(--yellow);
border: none;
border-radius: 4px;
padding: 15px 10px;
font-weight: 700;
}
}

.header-social-icons {
padding: 0px 0 40px 0;
border-top: 1px solid gray;
.social-links__list {
padding: 40px 0;
li {
margin: 0;
padding: 0;
}
}
}
}
.mobile-nav-top-banner {
width: 100%;
}
}

.site-header.scrolled {
.header-navigation--open {
.navigation__container {
top: 65px;
}
}
header {
.close-mobile-menu {
svg {
stroke: #fff;
}
}
}
}

.products {
border-radius: 8px;
box-shadow: 2px 4px 12px #00000014;
.top {
img {
max-width: 100%;
height: 250px !important;
}
}
.mid {
padding: 15px 8px 15px 8px;
.label-three {
background-color: #feda79;
max-width: fit-content;
padding: 3px 8px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.prod-heading {
font-size: 14px;
height: 35px;
}
.prod-desc {
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
}
.add-to-cart-wrapper {
flex-direction: row-reverse;
height: 50px;
padding: 10px 15px;
.cart-label {
/* display: none; */
}
svg {
display: block;
width: 30px;
height: 30px;
}
}
price-wrapper {
display: flex;
align-items: center;

.label-two {
font-size: 15px;
padding: 5px !important;
min-width: max-content;
font-weight: 700;
color: #feda79;
border: 1px solid #feda79;
margin: 0;
background: #d7282f;
border-radius: 15px;
color: #fff;
text-shadow: 1px 1px 2px black;
}
.price {
text-shadow: 0px 0px 0px #d8d8d8;
margin: 0;
font-size: 20px;
font-weight: 700;
color: #d7282f;
}
.discount {
margin: 15px 5px;
/* margin: 0px; */
line-height: 1;
position: relative;
&::after {
content: "";
width: 100%;
height: 1px;
background-color: #d7282f;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
}
}
}
.more-details-wrapper {
display: flex;
justify-content: space-evenly;
align-items: center;
padding: 15px 0 15px;
border-top: 1px solid #dbdbdb;
.more-details {
flex-direction: column;
img {
max-width: 100%;
height: auto;
margin-right: 0px;
margin-bottom: 5px;
}
p {
font-size: 10px;
font-weight: 600;
}
}
}
}

.payment-gateway-wrapper {
.page-width {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.mid img {
width: 30px;
height: auto;
}
.mid {
margin-bottom: 15px !important;
}
.last {
display: none !important;
}
}

&#coffeeza-press-releases {
.lh-blog-content {
.lh-row {
grid-template-columns: repeat(1, 1fr);
}
}
}

&#career-with-us {
.lh-wrapper .lh-contents {
.lh-col-md-8 {
grid-template-columns: auto;
gap: 0px;
}
}
.lh-wrapper .lh-heading {
margin-bottom: 0px;
}
.non-banner-page {
margin-top: 60px;
}
}

&#how-to-videos,
&#recipe-videos {
.how-to-videos {
grid-template-columns: auto;
.rte__video-wrapper {
iframe {
height: 170px;
}
}
}
}

&#coffeeza-blog {
.blog {
.blog-tags {
grid-template-columns: repeat(2, 1fr);
}
}
}
}
}

@media screen and (max-width: 768px) {
body {
&.custom-homepage {
.banner-custom {
margin: 0;
.slide {
.rimage-outer-wrapper {
background-repeat: no-repeat;
background-size: cover !important;
border-radius: 0;
}
}
}

.categories .categories-wrapper {
/* grid-template-columns: auto auto auto; */
.category h3 {
font-size: 12px;
}
}
}

.founders-note-wrapper .page-width {
.details {
width: 80%;
}
flex-direction: column;
h4 {
margin-top: 25px;
}
}

&.custom-ground-coffee {
.collection-title-outer {
text-align: center;
font-size: 26px;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-groundcoffee-wrapper {
padding-top: 50px;
padding-bottom: 75px;
.bestselling-groundcoffee {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
/* .prev, .next{
display: block;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
font-size: 26px;
}
.collection-para {
text-align: center;
width: 100% !important;
color: #fff;
margin: auto;
}
}
}

&.custom-pour-overs {
.collection-title-outer {
text-align: center;
font-size: 26px;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-pourover-wrapper {
padding-top: 50px;
padding-bottom: 75px;
.bestselling-pourover {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
/* .prev, .next{
display: block;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
font-size: 26px;
}
.collection-para {
text-align: center;
width: 100% !important;
color: #fff;
margin: auto;
}
}
}

&.custom-bestsellers {
.collection-title-outer {
text-align: center;
font-size: 26px;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-bestsellers-wrapper {
padding-top: 50px;
padding-bottom: 75px;
.bestselling-bestsellers {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
/* .prev, .next{
display: block;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
font-size: 26px;
}
.collection-para {
text-align: center;
width: 100% !important;
color: #fff;
margin: auto;
}
}
}

&.custom-accessories {
.collection-title-outer {
text-align: center;
font-size: 26px;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-accessories-wrapper {
padding-top: 50px;
padding-bottom: 75px;
.bestselling-accessories {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
}
/* .prev, .next{
display: block;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
font-size: 26px;
}
.collection-para {
text-align: center;
width: 100% !important;
color: #fff;
margin: auto;
}
}
}

&.custom-machines,
&.custom-subscription {
.collection-title-outer {
text-align: center;
font-size: 26px;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-machines-wrapper {
padding-top: 50px;
padding-bottom: 75px;
.bestselling-machines {
padding-bottom: 20px;
.prod-card {
/* padding: 0 15px; */
.products {
.top {
width: 100% !important;
img {
height: unset !important;
}
}
.data-right {
width: 100% !important;
margin-left: 20px !important;
.prod-heading {
font-size: 16px !important;
}
.prod-desc {
font-size: 12px !important;
margin-top: 0px !important;
}
.price {
font-size: 20px !important;
}
.discount {
font-size: 12px !important;
}
.add-to-cart-wrapper {
margin-top: 10px !important;
height: 40px !important;
.cart-label {
display: block !important;
}
svg {
display: none !important;
}
}
.mid {
padding: 25px 15px 15px !important;
}
.bottom {
padding: 15px !important;
}
}
}
}
/* .prev, .next{
display: block;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
font-size: 26px;
}
.collection-para {
text-align: center;
width: 100% !important;
color: #fff;
margin: auto;
}
}
}

.instagram-reels {

.insta-wrapper {
grid-template-columns: repeat(6, 30%);
padding-bottom: 20px;
margin-bottom: 20px;
}
}

main {
.product-carousel-peek {
margin: 0 !important;
}
}
}
}

@media screen and (max-width: 450px) {
body {
&.custom-homepage {
.as-see-wrapper {
padding-bottom: 5px !important;

.page-width {
h2 {
font-size: 10px;
letter-spacing: 0;
}
padding-bottom: 5px;
padding-top: 5px;
.press-images {
grid-template-columns: repeat(5, 80px);
.img-wrapper {
margin-left: 10px;
}
}
}
}

.company-intro {
padding: 30px 15px 0;
.intro-title {
text-align: center;
letter-spacing: 0;
word-spacing: 2px;
font-size: 16px;
/* font-weight: 700; */
text-transform: capitalize;
width: 100%;
br {
display: none;
}
span {
display: none;
}
}
}

.collection-wrapper {
padding: 10px 16px;
h2 {
margin-bottom: 20px;
font-size: 24px;
}
.collection {
.first {
width: 100%;
}
.first,
.second,
.third {
grid-template-columns: repeat(2, calc(50% - 7.5px));
gap: 15px;
margin-bottom: 0;
p {
font-size: 15px;
line-height: 1.2;
margin: 0;
padding: 0 2px;
width: 95%;
letter-spacing: 2px;
font-weight: 700;
}
.flex {
width: 100%;
}
img {
width: 100% !important;
}
.hide-on-mobile {
display: none;
}
}
.second {
width: 100%;
}
.scroll-slider-wrapper {
overflow: auto;
overflow-y: hidden;
scroll-behavior: smooth;
margin-bottom: 20px;
}
}
.collection .first img.go-to-link {
width: 15px !important;
height: 15px !important;
transform: rotate(320deg);
position: relative;
top: 3px;
left: -5px;
}
.brewing-suggestion {
img {
width: 100%;
/* margin-bottom: 50px; */
&.desktop {
display: none;
}
&.mobile {
display: block;
}
}
}
}

.categories {
padding: 50px 16px 120px;
min-height: 40vh;
.main-div-inside {
/* button.prev{
display: block !important;
}
button.next{
display: block !important;
} */
}
.categories-wrapper {
grid-template-columns: repeat(6, 27%);
column-gap: 10px;
row-gap: 40px;
justify-content: flex-start;
.category {
position: relative;
img {
width: 80px;
}
// h3{
//     font-size: 10px;
//     letter-spacing: 0px;
//     margin-top: 0;
//     background: #333333;
//     padding: 5px 5px;
//     position: absolute;
//     top: 50%;
//     left: 50%;
//     width: 90%;
//     color: #fff;
//     border-radius: 22px;
//     transform: translate(-50%, -50%);

// }
h3 {
font-size: 10px;
padding: 0 2px;
letter-spacing: 0px;
margin-top: 10px;
width: 100%;
}
}
}
.scroll-slider-wrapper {
padding-bottom: 20px;
}
h2 {
font-size: 24px;
margin-bottom: 20px;
}
}

.multi-tabs-wrapper {
padding: 50px 16px;
.multi-tabs {
.tabs-primary {
justify-content: flex-start;
/* padding: 0 0 20px 0;
flex-wrap: wrap;
margin-bottom: 20px; */
.collection-click {
margin: 0 5px 0 0;
padding: 5px 5px;
h3 {
font-size: 13px;
padding: 0px 2px;
}
&.active {
border-bottom: 3px solid #ffba00;
}
}
}
.tabs-secondary {
img {
}
.best-rated-view,
.coffee-capsules,
.coffee-machines,
.subscription-products,
.merch {
// display: grid;
// grid-template-columns: auto auto;
// gap: 15px;
// max-height: 450px;
padding: 0 0 15px 0;
overflow-x: scroll;
scroll-behavior: smooth;
.prod-card {
grid-template-columns: repeat(9, 85%);
column-gap: 20px;
.products .top img {
height: 250px;
}
}
/* .prev, .next{
display: block;
} */
}
}
}
h2 {
font-size: 24px;
margin-bottom: 20px;
}
}

.hero-section-wrapper {
padding: 50px 15px;
img {
width: 100%;
}
.data {
top: 30%;
width: calc(100% - 30px);
h3 {
font-size: 14px;
}
p {
font-size: 12px;
}
}
}

.custom-blogs-wrapper {
padding: 50px 15px;
.blog-left {
width: 100%;
.rimage-background {
max-height: 500px;
}
.overlay {
bottom: 15px !important;
position: absolute;
padding: 10px;
.overlay-title {
font-size: 14px;
}
.overlay-text {
font-size: 12px;
}
.overlay__links {
a {
font-size: 12px;
}
}
}
}
.blog-right {
width: 100%;
margin-top: 30px;
.featured-blog__article {
padding: 0;
.featured-blog__article-content {
padding: 0;
}
.article__title {
margin: 10px 0 5px;
font-size: 16px;
font-weight: 700;
letter-spacing: 1px;
text-transform: capitalize;
}
.rte {
display: none;
}
.article__read-more {
margin: 5px 0 5px;
}
}
.content-products {
margin-top: 10px;
padding-left: 15px;
margin-left: -15px;
.slick-track {
padding: 10px 0;
}
.product-block {
/* width: 200px !important; */
margin-left: 0;
margin-right: 15px;
padding: 0;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 12px;
.rimage-background {
border-radius: 10px 10px 0 0;
}
.product-block__title {
padding: 0 12px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
margin: 10px 0;
}
.product-block__title-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-price {
padding: 0 12px;
.product-price__from {
display: none;
}
.product-price__compare {
display: block;

font-size: 12px;
}
.product-price__reduced {
font-size: 14px;
font-weight: 700;
}
.product-label {
top: 0px;
left: 0;
right: unset;
border-radius: 0 5px 5px 0;
}
}
.product-block__rating {
/* display: none; */
}
}
}
.featured-blog__article-images-container {
img {
border: 1px solid gray;
border-radius: 25px;
}
}
}
}

.quiz-wrapper {
padding: 0px 0px 0px;
}
}

&.custom-capsules {
.collection-banner {
&.desktop {
display: none;
}
&.mobile {
display: block;
}
}
.bestselling-capsules-wrapper {
padding: 30px 15px 75px;
.collection-title {
font-size: 26px;
}
.collection-para {
width: 100% !important;
}
.bestselling-capsules {
/* .prev, .next{
display: block !important;
} */
}
}
.prod-card {
grid-template-columns: repeat(6, 85%);
gap: 15px;
}
.full-width-banner {
img {
display: none;
}
.collection-data {
display: block;
}
.collection-para {
width: 100%;
}
.collection-title {
font-size: 24px;
}
&.first {
/* background: url('/cdn/shop/files/espresso2.webp?v=1716981244');
height: 350px;
background-repeat: no-repeat;
background-size: cover; */
.collection-data {
width: 100%;
top: 25px;
max-width: unset;
}
.collection-title {
text-transform: capitalize;
font-size: 26px;
color: #813b03;
}
.collection-para {
font-size: 18px;
margin-top: 5px;
color: #000;
letter-spacing: 1px;
line-height: 1;
}
}
&.second {
/* background: url('/cdn/shop/files/milk_based_delights2.webp?v=1716981244');
height: 350px;
background-repeat: no-repeat;
background-size: cover; */
.collection-data {
width: 100%;
top: 25px;
max-width: unset;
}
.collection-title {
text-transform: capitalize;
font-size: 26px;
color: #c95a01;
}
.collection-para {
font-size: 18px;
margin-top: 5px;
color: #000;
letter-spacing: 1px;
line-height: 1;
}
}
&.third {
/* background: url('/cdn/shop/files/recycling2.webp?v=1716981243');
height: 350px;
background-repeat: no-repeat;
background-size: cover; */
.collection-data {
width: 100%;
top: 10px;
max-width: unset;
}
.collection-title {
text-transform: capitalize;
font-size: 22px;
color: #348549;
}
.collection-para {
display: none;
font-size: 24px;
margin-top: 10px;
color: #000;
letter-spacing: 1px;
line-height: 1.4;
}
.learn-more {
background: #348549;
color: #fff;
text-align: center;
padding: 10px 20px;
max-width: fit-content;
margin: 0px auto;
}
}
}
.products {
.more-details-wrapper {
width: 100%;
.more-details {
padding: 0 6px;
}
}
}
}

&.custom-ground-coffee {
.collection-title-outer {
text-align: center;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-groundcoffee-wrapper {
padding-top: 75px;
padding-bottom: 75px;
.bestselling-groundcoffee {
padding: 0 0 20px 0;
.prod-card {
grid-template-columns: repeat(3, 85%);
gap: 15px;
}
/* .prev, .next{
display: block !important;
} */
}
}
.collection-show.ground-coffee-everything-wrapper {
padding: 75px 15px;
}
.full-width-banner {
position: relative;
width: 100%;
margin: 0 0 20px;
img {
width: 100%;
height: 300px;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
.bestselling-groundcoffee-wrapper .scroll-slider-wrapper .prod-card {
grid-template-columns: repeat(6, 85%);
gap: 15px;
padding: 0 15px;
}
.products {
.more-details-wrapper {
width: 100%;
.more-details {
padding: 0 6px;
}
}
}
}

&.custom-pour-overs {
.collection-title-outer {
text-align: center;
font-size: 24px;
margin-bottom: 20px;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-pourover-wrapper {
padding-top: 75px;
padding-bottom: 75px;
.bestselling-pourover {
padding-bottom: 20px;
.prod-card {
grid-template-columns: repeat(3, 85%);
gap: 30px;
padding: 0 15px;
}
/* .prev, .next{
display: block !important;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;
margin: 0;
img {
width: 100%;
/* height: 100px; */
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
.products {
.more-details-wrapper {
width: 100%;
.more-details {
padding: 0 6px;
}
}
}
}

&.custom-bestsellers {
.collection-title-outer {
text-align: center;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-bestsellers-wrapper {
padding-top: 0;
padding-bottom: 100px;
.bestselling-bestsellers {
padding-bottom: 20px;
.prod-card {
grid-template-columns: repeat(3, 85%);
gap: 30px;
}
/* .prev, .next{
display: block !important;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
height: 100px;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
}

&.custom-accessories {
.collection-title-outer {
text-align: center;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-accessories-wrapper {
padding-top: 20px;
padding-bottom: 100px;
.bestselling-accessories {
padding-bottom: 20px;
.prod-card {
grid-template-columns: repeat(3, 85%);
gap: 30px;
}
@media (max-width: 768px) {
.prod-card {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
}
/* .prev, .next{
display: block !important;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
height: 100px;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}
}

&.custom-machines,
&.custom-subscription {
.non-banner-page {
margin-top: 60px;
}

.collection-title-outer {
text-align: center;
}
.collection-para-outer {
margin: 0 auto 50px auto;
text-align: center;
width: 100%;
}
.bestselling-machines-wrapper {
padding-top: 75px;
padding-bottom: 100px;
.bestselling-machines {
padding-bottom: 20px;
.prod-card {
grid-template-columns: auto;
gap: 30px;
.products {
flex-direction: column !important;
.data-right {
margin-left: 0 !important;
.label-two {
top: -18px;
}
}
}
}
/* .prev, .next{
display: block !important;
} */
}
}
.full-width-banner {
position: relative;
width: 100%;

img {
width: 100%;
height: 300px;
}
.collection-data {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
display: block;
&.first {
width: 65%;
right: 0;
left: unset;
transform: unset;
top: 25%;
}
}
.collection-title {
text-align: center;
margin-bottom: 5px;
color: #fff;
}
.collection-para {
text-align: center;
width: 60%;
color: #fff;
margin: auto;
}
}

.hero-section-wrapper {
margin-bottom: 260px;
.video {
background: url(/cdn/shop/files/Main_banner_all_machines_mob.webp?v=1772172671);
height: 250px;
background-size: cover;
background-position-x: 68%;
position: absolute;
top: 10px;
left: 0;
right: 0;
img {
display: none;
}
}
}
.header-group {
background-color: transparent;
}
}

.inbetween-banner-wrapper {
.d-grid {
grid-template-columns: auto auto !important;
}
}

&.custom-cart {
.non-banner-page {
margin-top: 60px;
}
.cart {
.cart-items {
margin-top: 20px;
.cart-item-container {
padding-bottom: 10px;
margin-bottom: 10px;
.description__title {
font-size: 18px;
font-weight: 700;
color: #333;
margin-bottom: 10px;
}
.description__variant {
font-size: 14px;
font-weight: 500;
margin-top: 10px;
margin-bottom: 10px;
}
.theme-money {
color: #d7282f;
font-weight: 700;
}
.image {
width: 75px;
margin-right: 25px;
img {
width: 75px;
border-radius: 15px;
}
}
.cart-item {
background: #fff;
padding: 15px;
width: 100%;
}
}
.cart-item {
align-items: center;
background: #333;
color: #fff;
padding: 0 15px 12px 15px;
.quantity {
padding-left: 0;
margin-bottom: 10px;
justify-content: center;
.btn--plain {
background: #000;
opacity: 1;
border-radius: 50%;
svg {
stroke: white;
}
}
.quantity__number {
font-size: 16px;
color: #333;
font-weight: 600;
}
.quantity__remove {
align-self: center;
margin-right: 10px;
}
.quantity__change {
margin: 0;
.quantity__remove {
margin-bottom: 0;
}
}
}
.total {
display: flex;
align-items: center;
padding-left: 0;
.theme-money {
font-size: 18px;
margin-left: 10px;
}
}
.description {
max-width: 300px;
padding: 0;
margin-right: 0;
}
.price,
.total {
min-width: 120px;
width: 100%;
justify-content: center;
flex-wrap: wrap;
}
.btn--plain,
.quantity__number {
width: 30px;
height: 30px;
svg {
width: 18px;
height: 18px;
}
}
.quantity__remove {
width: 20px;
height: 20px;
}
}
}
.total__amount {
color: #d7282f;
font-weight: 700;
font-size: 26px;
}
.sticky-bottom-wrapper {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
box-shadow: 1px 1px 10px darkgray;
}
.sticky-bottom {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;

padding: 15px;

.subtotal-row {
width: 65%;
display: flex;
flex-direction: column-reverse;
align-items: center;
.grid__item {
width: 100%;
.cart-policies {
padding-top: 0;
}
}
.total {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 5px;
.total__title {
margin-right: 8px;
}
.small-title {
font-size: 14px;
white-space: nowrap;
}
.theme-money {
font-size: 20px;
white-space: nowrap;
line-height: 1;
display: block;
}
.cart-submit {
}
}
.cart-policies {
text-align: left;
font-size: 8px;
line-height: 1.2;
}
}
.cart-finish {
width: 35%;
.cart-submit {
width: unset;
white-space: nowrap;
font-weight: 700;
font-size: 14px;
padding: 10px 0px;
min-width: 120px;
}
}
}
}

.cart-item--titles {
font-weight: 600;
text-align: center;
.description {
max-width: 420px;
padding-top: 15px;
}
}
.cart-mobile-image {
margin-bottom: 10px;
max-width: 75px;
img {
width: 60px;
}
}
main {
background-image: linear-gradient(to top, #fff, #f9f1e6 84%);
}

.recently-viewed {
padding: 50px 0;
.product-carousel-peek {
padding: 0;
.product-block {
padding: 0;
.product-block__title {
width: calc(100% - 55px);
margin: 10px auto 0;
font-weight: 600;
font-size: 14px;
}
}
}
}

.store-credit-embedded-widget {
align-items: center;
}
}

&.custom-search {
.cc-filters-results {
.grid-flex {
grid-template-columns: repeat(1, auto);

}
}
}

&.generic-products-details {
.product-detail {
.product-layout-grid {
width: 100% !important;
.product-layout-grid__images {
max-height: 420px;
}
.product-layout-grid__detail {
padding-left: 0;
width: 100%;
.product-detail__title {
text-align: left;
}
.product-detail__price {
text-align: left;
margin-top: 20px;
position: relative;
.theme-money {
font-size: 26px;
font-weight: 700;
}
.product-price__compare {
margin-left: 2px;
font-weight: 400;
font-size: 16px;
}
.price-off-perc {
/* position: absolute; */
top: -35px;
left: 0px;
font-size: 18px;
padding: 6px 35px;
}
}
.money-saved {
text-align: left;
color: green;
font-weight: 600;
}
.product-detail__options {
.option-selector__btns {
display: grid;
grid-template-columns: repeat(3, 1fr);
.opt-label {
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1.1;
height: 45px;
font-weight: 500;
}
.is-unavailable + .opt-label {
background: lightgray;
opacity: 50%;
cursor: not-allowed;
}
}
}
.coffeeza_discount_saved {
display: none !important;
}
.payment-buttons {
button {
font-weight: 700;
}
}
.with-payment-buttons {
margin-bottom: 0;
}
}
}
}
/* .inbetween-banner-wrapper{
.d-grid{
grid-template-columns: auto;
gap: 30px;
}
} */
.product-recommendations {
padding: 60px 0 0;
.related-products {
padding: 0;
}
.product-recommendations-container {
margin-left: 0 !important;
padding: 15px 0;
.product-block {
width: 40% !important;
margin: 15px 15px 15px 0;
.product-block__image-container {
.hover-images {
border-radius: 15px 15px 0 0;
}
}
}
}
h4 {
font-size: 24px;
margin-bottom: 0;
}
}
.recently-viewed {
display: none;
.product-carousel-peek {
padding: 0;
}
.grid {
justify-content: space-evenly;
margin-left: 0;
.product-block {
width: 100% !important;
margin: 15px 15px 15px 0;
padding: 0 0 20px;
}
.slick-list {
padding-right: 0;
.slick-track {
width: 100% !important;
display: grid;
gap: 15px;
grid-template-columns: auto auto;
}
}
}
}
.brewing-suggestion img {
/* margin-bottom: 40px;  */
margin-top: 0px;
&.desktop {
display: none;
}
&.mobile {
display: block;
}
}
.product-description-custom {
margin: 0 auto 0;
h2 {
font-size: 24px;
margin-bottom: 20px;
}
}
.read-more-btn {
margin-top: 20px;
margin-bottom: 0;
}
.cbb-frequently-bought-container {
padding: 80px 15px;
.cbb-frequently-bought-recommendations-container {
display: block;
}
.cbb-frequently-bought-title {
font-size: 24px !important;
}
}
.simpAsk-container {
padding-bottom: 0;
.simpAsk-title-container {
h2 {
font-size: 24px !important;
}
}
.simp-ask-question-header {
flex-direction: column;
.simpAskQuestion-Qcontent {
h3 {
text-align: center;
margin-bottom: 10px;
}
}
}
}
.jdgm-review-widget {
margin: 60px 0;
.jdgm-rev-widg__title {
font-size: 24px !important;
margin-bottom: 20px;
}
}
}

&.generic-collection-pages {
.collection-banner {
&.desktop {
display: none;
}
&.mobile {
display: block;
}
}
.collection-banner {
margin-top: 70px;
height: auto;
}
.cc-filters-results {
padding: 0;
.grid-flex {
grid-template-columns: repeat(2, auto) !important;
.products {
max-width: 165px;
.top {
img {
height: auto !important;
}
}
.mid {
max-width: -webkit-fill-available;
max-width: inherit;
.product-block__title {
padding: 0;
a {
margin: 5px 0 5px;
}
}
.prod-desc {
padding: 0;
}
.product-block__rating {
flex-direction: column;
}
.product-price {
padding: 0;
margin: 0;
.product-price__compare {
top: -5px;
}
}
.add-to-cart-wrapper {
align-items: flex-start;
margin-top: 10px;
svg {
width: 45px;
height: 30px;
}
}
.star-ratings {
margin-top: 8px;
}
}
.bottom {
.bottom-title {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
.more-details-wrapper {
width: 100%;
padding: 10px 0 15px;
.more-details {
img {
width: 20px;
}
p {
font-size: 8px;
}
}
}
}
}
}
}
.breadcrumbs {
display: none;
}
.instagram-reels {

padding: 0 15px 50px 15px;
}
.full-width-banner {
img {
&.desktop {
display: none;
}
&.mobile {
display: block;
}
}
}
}

&.custom-whole-beans {
.usp-whole-beans {
.div-flex {
display: grid;
grid-template-columns: auto auto;
justify-content: space-around;
img {
width: 60px;
height: 60px;
}
h6 {
text-align: center;
font-size: 16px;
}
}
}
}

.recipe-video-wrapper {
margin-top: 80px;
h2 {
font-size: 24px;
margin-bottom: 20px;
}
.recipe iframe {
width: 100%;
}
}

.non-banner-page {
margin-top: 60px;
}

.breadcrumbs-container {
.breadcrumbs-list__item {
&:last-child a {
max-width: 275px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
}
}

.container {
padding: 0px 15px;
}

.banner-custom {
margin: 0 !important;
margin-top: 60px !important;
.slide {
.rimage-outer-wrapper {
height:350px !important;
/* background-size: contain ; */
/* background-position: 0% 50% !Important;- */
}

&:first-child .rimage-outer-wrapper {
background-image: url("/cdn/shop/files/Filter_Coffee_GC_mob.webp?v=1777969965") !important;
}
&:nth-child(2) .rimage-outer-wrapper {
background-image: url("/cdn/shop/files/Lattisso-Cold_Beverages_mob_1.webp?v=1776750624") !important;
} 
&:nth-child(3) .rimage-outer-wrapper {
background-image: url("/cdn/shop/files/SIFC_Homepage_Banner_1.webp?v=1781612363") !important;
} 
&:last-child .rimage-outer-wrapper {
background-image: url("/cdn/shop/files/Buy_Next_get_100_caps_free_may_26_mob.webp?v=1779704835") !important;
}
}

.slick-dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
}
.full-width-slideshow-controls {
svg {
width: 35px !important;
height: 35px !important;
}
button {
width: 35px !important;
height: 35px !important;
}
&.full-width-slideshow-controls--prev {
left: 15px !important;
}
&.full-width-slideshow-controls--next {
right: 15px !important;
}
}
}

header {
padding: 0 !important;
.store-logo {
position: absolute;
left: 50%;
margin-left: 0 !important;
transform: translateX(-50%);
}
.customer-account {
/* display: none; */
}
.utils {
padding: 15px 15px;
padding-top: 20px;
.burger-icon svg {
stroke: #fff;
}
.utils__item--search-icon,
.header-cart {
margin: 0 !important;
}
.customer-account {
margin: 0 12px;
}
}
.navigation__container {
transition: all 0.8s cubic-bezier(0.5, 0, 0, 1) 0s !important;
top: 100px;
padding: 0 !important;
}
.header-navigation--open .navigation__container {
/* top: 100px !important; */
.mobile-navbar-top-banner {
display: block;
}
}
}

.site-header {
top: 26px !important;
&.scrolled {
/* background-color: #333; */
top: 0px !important;
.navigation__container {
top: 70px;
}
}
}

.founders-note-wrapper {
padding: 30px 15px 80px !important;
.page-width {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
img {
border-radius: 50%;
height: auto;
}
.details {
width: 100% !important;
margin-top: 20px;
}
h3 {
font-size: 24px;
}
p {
width: 100% !important;
font-size: 12px;
}
button {
width: 100%;
padding: 15px !important;
}
}

.page-footer__subscribe {
padding: 31px 0 !important;
.container {
padding: 0 !important;
}
.left {
flex-direction: column;
padding: 0 15px 16px;
input {
width: 230px !important;
}
.email-sub-header {
font-size: 18px !important;
}
.email-sub-para {
font-size: 9px !important;
}
}
.contact-form {
margin-left: 0 !important;
margin-top: 0 !important;
width: 100%;
}
.subscribe-form__inputs {
display: flex;
justify-content: space-between !important;
margin-top: 10px;
}
.subscribe-form__submit {
min-width: 100px !important;
font-size: 12px !important;
padding: 0px !important;
margin-left: 10px !important;
min-width: 100px !important;
}
.page-width .right {
padding: 16px 15px 0;
width: 100%;
border-top: 1px solid #4f4e4e;
margin-top: 0 !important;
.social-links__list {
li {
margin: 0;
padding: 0;
}
justify-content: space-between;
svg {
width: 25px !important;
height: 25px !important;
margin: 0px !important;
}
}
}
}

.page-footer__end {
.second {
.left {
flex-wrap: wrap;

ul {
padding-left: 30px;
margin-bottom: 40px;
width: 47%;
li {
font-size: 13px !important;
line-height: 28px !important;
}
}
}
.right {
width: 100%;
justify-content: center !important;
flex-direction: column-reverse;
align-items: center !important;
.footer-logo {
margin-bottom: 30px !important;
margin-top: 40px !important;

img {
margin: 0 !important;
}
}
p {
text-align: center;
}
}
}
.third {
p:last-child {
width: 100% !important;
font-size: 10px !important;
text-align: justify !important;
line-height: 1.1;
}
p:first-child {
font-size: 12px !important;
}
}
}

.products {
border-radius: 8px;
box-shadow: 2px 4px 12px #00000014;
.top {
img {
max-width: 100%;
height: auto !important;
}
.label-two {
padding: 5px 30px !important;
min-width: max-content;
}
&.product-image-wrapper {
.hover-second-image {
display: none;
transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
opacity: 0;
}
&:hover .hover-second-image {
display: none;
opacity: 1;
margin-bottom: 4px;
}
&:hover .hover-first-image {
display: block;
}
}
}
.mid {
padding: 15px 8px 15px 8px;
.label-three {
background-color: #feda79;
max-width: fit-content;
padding: 3px 8px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
margin-bottom: 15px;
}
.prod-heading {
font-size: 14px;
}
.prod-desc {
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
}
.add-to-cart-wrapper {
flex-direction: row-reverse;
justify-content: center;
font-size: 16px;
height: 50px;
padding: 10px 15px;
}
.price-wrapper {
.discount {
&.classic-collection {
margin: 5px;
}
}
}
}
.more-details-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0 15px;
border-top: 1px solid #dbdbdb;
width: calc(100%);
.more-details {
flex-direction: column;
img {
max-width: 100%;
height: auto;
margin-right: 0px;
margin-bottom: 5px;
}
p {
font-size: 10px;
font-weight: 600;
}
}
}
}

.prod-card {
display: grid;
grid-template-columns: auto auto;
column-gap: 8px;
row-gap: 8px;
}

.jdgm-review-widget {
.jdgm-rev-widg__body {
.jdgm-rev-widg__reviews {
grid-template-columns: repeat(1, 1fr);
gap: 0;
}
}
}

.instagram-reels {
padding: 50px 15px;
.insta-wrapper {
grid-template-columns: repeat(6, 60%);
padding: 0;
padding-bottom: 20px;
margin-bottom: 0px;
margin-top: 10px;
.prev,
.next {
display: none;
}
}
h2 {
font-size: 24px;
}
}

.scroll-slider-wrapper,
.insta-wrapper {
overflow-x: auto;
overflow-y: hidden;
}

.everything-wrapper {
padding: 25px 16px;

.everything {
display: grid;
justify-content: flex-start;
padding-bottom: 20px;
padding-top: 0px;
}
/* .prev, .next{
display: block !important;
} */
}

.ground-coffee-everything-wrapper {
.everything {
grid-template-columns: repeat(8, auto);
}
}

.coffee-capsule-everything-wrapper {
.everything {
grid-template-columns: repeat(6, auto);
}
}

.header-group {
header {
background: transparent;
.utils__right svg,
.burger-icon svg {
stroke: #333 !important;
height: 22px;
width: 22px;
margin: 0;
}
.store-logo {
img {
&.logo-white-oultined {
display: none;
}
&.logo-black-oultined {
display: block;
}
}
}
}
.scrolled header {
.site-nav .site-nav__item {
a {
color: #fff !important;
}
svg {
fill: #fff !important;
}
}
.utils__right svg,
.burger-icon svg {
stroke: black !important;
}
.store-logo {
img {
&.logo-white-oultined {
display: block;
}
&.logo-black-oultined {
display: none;
}
}
}
}
}

.option-selector[data-index="option2"] {
.option-selector__btns .opt-label {
min-width: 55px !important;
height: 55px !important;
}
}

.sticky-coffee-capsule-everything {
top: 68px;
padding: 0;
.inner {
}
.everything {
padding: 10px 0 !important;
gap: 5px;
}
.scroll-slider-wrapper {
margin: 0 0 0 15px;
&::-webkit-scrollbar {
// width: 5px;
height: 4px;
}
&::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgb(99, 99, 99);
border-radius: 6px;
}

&::-webkit-scrollbar-thumb {
background: #8c8c8c;
border-radius: 6px;
}

&::-webkit-scrollbar-thumb:hover {
background: #454545;
}
}
}

&#bulk-coffee-machines-and-capsules-for-business-coffeeza-for-business {
section[data-section-id="wwesygkh2ki"] {
top: 70px;
}
section[data-section-id="riywy4bcftl"] {
padding-top: 0px;
}
section[data-section-id="wpp33zmplw"] {
h3,
h4 {
text-align: left;
line-height: 1;
}
}
section[data-section-id="l3cyck0dg1h"] {
padding-top: 120px;
h3 {
line-height: 1;
}
}
}

.floating-add-to-cart {
button {
width: 100%;
}
}
}
}