/** Shopify CDN: Minification failed

Line 468:0 Expected "}" to go with "{"

**/
/* new part */
.narrow_container {
/* max-width: 816px; */
max-width: 852px;
margin: 0 auto;
}


.blog_det_inner.imag_box_wide h3 {
font-size: 36px;
/* margin-top: 40px; */
}

/* .product-section {
    margin-bottom: 40px;
} */
/* .blog_det_inner.imag_box_wide{
    margin-bottom: 27px;
} */

section.pro_listing_home.pro_listing_3{
    margin-bottom: 40px;
}

.imag_box_wide p {
color: #ffffffa1;
font-size: 16px !important;
}

/* product starts */
.product-section {
display: flex;
overflow: hidden;
flex-wrap: wrap;
}

/* Left Side - Dark Green Panel */
.product-info {
width: 55%;
background: #1A2B1C;
color: #ffffffa1;
padding: 32px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.product-title {
font-size: 32px;
margin-bottom: 16px;
}

.price-container {
margin-bottom: 12px;
}

.price-main {
font-size: 18px;
color: #ffffffa1;
margin-right: 15px;
font-family: Roboto-SemiBold;
}

.price-liter {
color: #A3AAA4;
font-family: Roboto-Medium;
font-size: 16px;
}

.tax-note {
font-size: 12px;
color: #A3AAA4;
}

.product-description {
font-size: 14px;
margin: 16px 0px;
color: #ffffffa1;
}

.btn-add-cart {
width: 100%;
background: #D4A127;
color: #1a3428;
border: none;
padding: 18px 32px;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 32px;
}

.btn-add-cart:hover {
background: #E5B33A;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(212, 161, 39, 0.3);
}

.product-images {
width: 45%;
}

.product-images img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* video */

.video-container {
position: relative;
height: 100%;
}

.inner_cocktail_img video {
width: 100%;
height: 100%;
object-fit: cover;
}

.play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}

.play-button-wrapper #circle-play-b {
cursor: pointer;
pointer-events: auto;
width: 46px;
height: 46px;
padding: 10px 13px 13px 16px;
border-radius: 50%;
background-color: #E0BC5A;
}

.play-button-wrapper #circle-play-b svg {
height: 17px;
width: 17px;
fill: #fff;
}

.video_large video {
width: 100%;
}

.image_text {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 4%;
}

.image_text img {
height: 100%;
width: 100%;
object-fit: cover;
}

.image_text_p p:first-child {
margin-top: 0px;
}

.image_text_col1 {
width: 28%;
}

.image_text_col2 {
width: 68%;
}

.listing_wraper {
margin-top: 40px;
}

.listing_wraper li {
position: relative;
padding-left: 40px;
margin-bottom: 5px;
}

.listing_wraper li::before {
position: absolute;
top: 4px;
width: 18px;
left: 0px;
content: url('/cdn/shop/files/listing_check.svg?v=1771578293');
}

.listing_wraper .btn_style {
letter-spacing: 1.5px;
margin-top: 30px;
}
/* end new parts */
.cocktail_banner_inner {
text-align: center;
}

.cocktail_banner_inner p {
color: var(--green);
/* letter-spacing: 1.3px; */
margin-bottom: 10px;
text-transform: uppercase;
}

.cocktail_banner_inner {
margin: 0 auto;
max-width: 815px;
}

.cocktail_text p {
margin-bottom: 20px;
color: #ffffffa1;
text-transform: none !important;
}

.cocktail_text {
margin-top: 20px;
}

.custom_row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 120px;
}

.col_custom_50 {
height: 100%;
width: 45%;
}

.inner_cocktail_img {
width: 100%;
height: 100%;
}

.inner_cocktail_img img {
width: 100%;
height: 100%;
object-fit: cover;
}

.inner_cocktail_text h4 {
text-transform: uppercase;
color: #497D00;
font-size: 16px;
font-family: Roboto-Bold;
}

.inner_cocktail_text h2 {
font-size: 40px;
margin: 20px 0px;
}

.inner_cocktail_text p,
.inner_cocktail_text ul {
margin-bottom: 15px;
color: #ffffffa1;
}

.inner_cocktail_text ul li {
color: #ffffffa1;
font-size: 16px;
font-family: Roboto-Regular;
}

.inner_cocktail_text p:last-child {
margin-bottom: 0px;
}

.v_center {
display: flex;
align-items: center;
}

.cocktail_grid .custom_row {
margin-bottom: 100px;
}

.cocktail_grid .container .custom_row:last-child {
margin-bottom: 0px;
}

.custom_row .col-md-6 {
width: 47% !important;
}

.menu-item {
background: #1A2B1C;
padding: 24px;
margin-bottom: 30px;
transition: all 0.2s linear;
}

.menu-item:hover {
background: #1a2b1cb0;
transform: translateY(-2px);
}

.menu-item h3 {
font-size: 18px;
margin-bottom: 12px;
color: #ffffff;
font-family: Roboto-SemiBold;
}

.menu-item p {
font-size: 14px;
color: #ffffffa1;
}

.inner_cocktail_img video {
width: 100%;
height: 100%;
object-fit: cover;
}

.play-button-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: auto;
pointer-events: none;
}

.video-container {
position: relative;
height: 100%;
}

.play-button-wrapper #circle-play-b {
cursor: pointer;
pointer-events: auto;
width: 46px;
height: 46px;
padding: 7px 13px 8px 16px;
border-radius: 50%;
background-color: #E0BC5A;
}

.play-button-wrapper #circle-play-b svg {
height: 17px;
width: 17px;
fill: #fff;
}








/* responsive */


@media only screen and (max-width: 1199px) {

.custom_row .col-md-6 {
width: 50% !important;
}

.inner_cocktail_text h2 {
font-size: 30px;
margin: 10px 0px 20px 0px;
}

.cocktail_grid .custom_row {
margin-bottom: 80px;
}
.blog_det_inner.imag_box_wide h3 {
margin-top: 40px;
}
}

@media only screen and (max-width: 991px) {
.cocktail_grid .custom_row {
margin-bottom: 60px;
}
.blog_det_inner.imag_box_wide h3, .product-title {
font-size: 28px;
}
}

@media only screen and (max-width: 767px) {
.cocktail_text {
margin-top: 50px;
text-align: center;
}
.cocktail_text {
margin-top: 20px;
}
.product-info , .product-images{
width: 100%;
}
.image_text {
flex-direction: column;
}
.image_text_col2 {
width: 100%;
}

.image_text img {
height: auto;
width: auto;
object-fit: contain;
}
}

@media only screen and (max-width: 575px) {
.custom_row .col-md-6 {
width: 100% !important;
}
.custom_row {
row-gap: 30px;
}
.cocktail_grid .container .custom_row:nth-child(even){
flex-direction: column-reverse;
}
.inner_cocktail_text h2 {
font-size: 25px;
margin: 10px 0px 20px 0px;
}
.product-info {
padding: 25px 25px;
}
}
@media only screen and (max-width: 424px) {
.image_text img {
width: 100%;
}
.image_text_col1 {
width: 100%;

}