/* HERO */
.product-standard-hero {
    position:relative;
    overflow:hidden;
    text-align: center;
}
.product-standard-hero .pin-spacer {
    pointer-events: none;
    z-index: 1 !important;
    min-height: 100vh;
}
.product-standard-hero h1 {
    font-family: var(--font-science);
    font-size: clamp(1.5rem, 14vw, 8.938rem);
    line-height: clamp(1.5rem, 11vw, 6.438rem);
    letter-spacing: -.02em;
}
.product-standard-hero .sub {
    font-size: 1.75rem;
    line-height: 1;
    margin-bottom: 10px;
}
/* Hero Fixed */
.product-standard-hero .hero-pin {
    position: relative;
    min-height: 100vh;
}
.product-standard-hero .hero_content {
    position: relative;
    z-index: 4;
    padding-top: 200px;
}
@media (max-width: 768px) {
    .product-standard-hero .pin-spacer {
        /* min-height: auto; */
        min-height: 600px;
    }
    .product-standard-hero .hero-pin {
        min-height: auto;
    }
    .product-standard-hero .hero_content {
        padding-top: 140px;
    }
}
/* Fondo */
.product-standard-hero .hero_img_fondo {
    position:absolute;
    inset:0;
    width:100%;
    height:100vh;
    object-fit:cover;
    z-index:1;
}
/* Botella */
.product-standard-hero .product_bottle_wrapper {
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding-top: 290px;
    pointer-events:none;
    z-index:5;
}
.product-standard-hero .product_bottle_wrapper .product_bottle {
    width:258px;
    will-change:transform,opacity;
}
@media (max-width: 768px) {
    .product-standard-hero .product_bottle_wrapper {
        padding-top: 200px;
    }
}
/* Product descript */
.product-standard-hero .product-standard-descript {
    position: relative;
    z-index: 5;
    color: var(--color-white);
    padding: 80px 0;
    background-color: rgb(0 0 0 / 30%);
}
.product-standard-hero .product-standard-descript::before{
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 25%;
    background: rgb(218 165 84);
    background: linear-gradient(180deg, rgba(218, 165, 84, 1) 0%, rgba(218, 165, 84, 0) 100%);
    pointer-events: none;
}
.product-standard-hero .product-standard-descript > *{
    position:relative;
    z-index:1;
}

.product-standard-hero .product_item {}
.product-standard-hero .product_item p {
    font-size: clamp(1rem, 5vw, 1.375rem);
    line-height: clamp(1rem, 8vw, 1.875rem);
    max-width: 365px;
    margin: auto;
}

/* PRODUCT DESCRIPT */
.product-standard-descript {
	background-image: url(../img/collection-bg-01.jpg) !important;
    background-repeat: repeat;
    background-size: contain;
	text-align: center;
	padding: 60px 0 65px;
	position: relative;
}
.product-standard-descript::after {
	content: '';
    position: absolute;
    top: -25%;
    right: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 25%;
    background: rgb(218 165 84);
    background: linear-gradient(0deg, rgba(218, 165, 84, 1) 0%, rgba(218, 165, 84, 0) 100%);
    pointer-events: none;
}

.product-standard-descript_items {
    padding: 115px 0;
}

.product-standard-descript h2 {
	font-family: var(--font-science);
    font-size: clamp(1.5rem, 14vw, 5.938rem);
    line-height: clamp(1.5rem, 10vw, 4.063rem);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    max-width: 890px;
}
.product-standard-descript .cta-2 {
	margin: auto;
}
.product-standard-descript .cta-2:hover {
	border-color: var(--color-black);
}
.product-standard-descript .cta-2:hover::before {
	inset: 0;
    background-color: var(--color-black);
}

.layout-premium .product-standard-descript {
    background-image: none !important;
    background-color: var(--color-black);
    color: var(--color-white);
    text-align: inherit;
}
.layout-premium .product-standard-descript::before {
    background: #000;
    background: linear-gradient(0deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0) 100%);
}
.layout-premium .product-standard-descript::after {
    background: #000;
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
}
.layout-premium .wrapper_border::before,
.layout-premium .wrapper_border::after {
    background: #382d1f;
    background: linear-gradient(90deg, rgba(56, 45, 31, 0) 0%, rgba(56, 45, 31, 1) 50%, rgba(56, 45, 31, 0) 100%);
}
.layout-premium .product-awards .box-awards p {
    color: var(--color-white);
}

@media (max-width: 768px) {
	.product-standard-descript {
	    padding: 40px 0 65px;
	}
    .product-standard-descript::after {
        height: 10%;
        top: -10%;
    }
	.product-standard-descript .cta-2 {
	    font-size: 0.875rem;
	    padding: 11px 10px;
	    max-width: 160px;
	}
    .product-standard-descript_items {
        padding: 55px 0;
    }
}
@media (min-width: 1200px) {
    .layout-premium .product-standard-descript.product-standard-descript_premium .container {
        max-width: 1096px;
    }
}
@media (min-width: 1400px) {
    .layout-premium .product-standard-descript.product-standard-descript_premium .container {
        max-width: 1096px;
    }
}

/* PRODUCT ITEMS */
.product-items {
    text-align: center;
    padding: 0 0 96px;
}

.product-divider {
	text-align: center;
    margin: 80px 0;
}
.product-divider .divider {}

.product-items_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.product_item {}
.product_item h6 {
    font-family: var(--font-engravers-bold);
    color: var(--color-gold-light);
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 20px;
}
.product_item p {
    font-size: clamp(1rem, 5vw, 1.375rem);
    line-height: clamp(1rem, 8vw, 1.875rem);
    max-width: 365px;
    margin: auto;
    color: #000000;
}

.layout-premium .product-standard-descript .product_item p {
    color: var(--color-white);
    margin: 0;
    max-width: 270px;
}

@media (max-width: 768px) {
	.product-divider .divider {
	    width: 100%;
	    height: 22px;
	    object-fit: cover;
	}
	.product-items_grid {
	    grid-template-columns: 1fr;
	    gap: 60px;
	}
}

/* PRODUCT AWARDS */
.product-descript {
    background-image: url(../img/collection-bg-01.jpg) !important;
    background-repeat: repeat;
    background-size: cover;
    text-align: center;
}

.product-awards {
    position: relative;
    z-index: 1;
}
.product-awards::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F5ECDF;
    background: linear-gradient(0deg, rgba(245, 236, 223, 1) 0%, rgba(245, 236, 223, 0.5) 100%);
    pointer-events: none;
}

.awards-wrapper {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.awards-wrapper::before {
	content: '';
    width: 100%;
    height: 1px;
    background: #F5ECDF;
    background: linear-gradient(90deg, rgba(245, 236, 223, 0) 0%, rgba(225, 206, 181, 1) 50%, rgba(245, 236, 223, 0) 100%);
    margin-bottom: 60px;
}
.awards-wrapper::after {
	content: '';
    width: 100%;
    height: 1px;
    background: #F5ECDF;
    background: linear-gradient(90deg, rgba(245, 236, 223, 0) 0%, rgba(225, 206, 181, 1) 50%, rgba(245, 236, 223, 0) 100%);
    margin-top: 60px;
}

.box-awards {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    text-align: center;
}
.box-awards::before {
	content: '';
	display: inline-block;
	width: 23px;
	height: 53px;
	background-image: url('../img/guirnalda-01.png');
	background-size: contain;
}
.box-awards::after {
	content: '';
	display: inline-block;
	width: 23px;
	height: 53px;
	background-image: url('../img/guirnalda-02.png');
	background-size: contain;
}
.box-awards h6 {
	font-family: var(--font-engravers-bold);
    color: var(--color-gold-light);
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 10px;
}
.box-awards p {
	font-size: clamp(1rem, 5vw, 1.375rem);
    line-height: clamp(1rem, 8vw, 1.875rem);
    color: #000000;
}

.wrapper_border {}
.wrapper_border::before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #F5ECDF;
    background: linear-gradient(90deg, rgba(245, 236, 223, 0) 0%, rgba(225, 206, 181, 1) 50%, rgba(245, 236, 223, 0) 100%);
    margin-bottom: 60px;
}
.wrapper_border::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #F5ECDF;
    background: linear-gradient(90deg, rgba(245, 236, 223, 0) 0%, rgba(225, 206, 181, 1) 50%, rgba(245, 236, 223, 0) 100%);
    margin-top: 60px;
}

@media (max-width: 768px) {
	.layout-standard_oakBarrelSpiced .product-awards .awards-wrapper {
	    display: none !important;
	}
}
@media (min-width: 769px) {
	.layout-standard_oakBarrelSpiced .product-awards .container_carrusel {
		display: none !important;
	}
}

/* PRODUCT COCKTAILS RELATED */
.product-cocktails-related {
	background-color: #f5ecdf;
    color: #000000;
    padding: 65px 0 140px;
}

.cocktails-related_header {
	max-width: 42%;
}
.cocktails-related_header p {
	font-size: clamp(1rem, 8vw, 2.688rem);
    line-height: clamp(1rem, 8vw, 3.688rem);
}
.cocktails-related_header .sub {
	color: var(--color-gold-light);
    font-size: 1.125rem;
    line-height: 1;
    font-family: var(--font-engravers-bold);
    letter-spacing: .10em;
    margin-bottom: 30px;
}

.product-cocktails-related .cocktails-related_grid {
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding-top: 50px;
}
.card_more {
	color: var(--color-black);
}
.card_more .image {}
.card_more h4 {
	font-family: var(--font-science);
    font-size: clamp(1.5rem, 8vw, 2.875rem);
    line-height: clamp(1.5rem, 8vw, 2rem);
    margin-top: 30px;
    margin-bottom: 20px;
}
.card_more p {
	font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 20px;
}
.card_more .cta {}
.card_more:last-child {
	position: relative;
    top: -65px;
}

.layout-premium .product-cocktails-related {
    background-color: var(--color-black);
    color: var(--color-white);
}
.layout-premium .product-cocktails-related .card_more h4 {
    color: var(--color-white);
}

@media (max-width: 768px) {
	.cocktails-related_header {
	    max-width: 100%;
	}
	.cocktails-related_header .sub {
	    font-size: 1rem;
	    letter-spacing: .10em;
	}
	.product-cocktails-related .cocktails-related_grid {
        grid-template-columns: 1fr;
        gap: 40px;
        padding-top: 25px;
    }
    .card_more:last-child {
	    top: 0;
	}
    .card_more h4 {
	    margin-top: 10px;
    	margin-bottom: 10px;
	}
	.card_more p {
	    font-size: 1rem;
	    line-height: 1.5rem;
	    margin-bottom: 10px;
	}
}

/* EXPLORE */
.product-buy {
    position: relative;
    text-align: center;
    padding: 240px 0;
    background-image: url('../img/cocktails-hero-fondo.jpg');
    background-position: center top;
    background-size: cover;
    min-height: 838px;
}
.product-buy::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #000;
    background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
    pointer-events: none;
}
.product-buy::after {
        content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #000;
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
    pointer-events: none;
}
.product-buy .explore_content {}
.product-buy h2 {
    font-family: var(--font-science);
    font-size: clamp(1.5rem, 15vw, 5.938rem);
    line-height: clamp(1.5rem, 11vw, 4.063rem);
}
.product-buy p {
    font-size: 1.375rem;
    line-height: 1.875rem;
}
.product-buy .cta-2 {
    margin: auto;
    margin-top: 48px;
}
.product-buy .cta-2::before {
    background-color: rgb(185 148 104 / 20%);
}
.product-buy .cta-2:hover {
    border-color: var(--color-black);
}
.product-buy .cta-2:hover::before {
    inset: 0;
    background-color: var(--color-black);
}
.product-buy .image_float {
    position: absolute;
    z-index: 1;
}
.product-buy .image_float.image_01 {
    top: 58px;
    left: 10%;
}
.product-buy .image_float.image_02 {
    bottom: 215px;
    right: 10%;
}

@media (max-width: 768px) {
    .product-buy {
        min-height: 720px;
    }
    .product-buy .image_float {
        width: 112px;
    }
    .product-buy .image_float.image_01 {
        top: 5%;
        left: 10%;
    }
    .product-buy .image_float.image_02 {
        bottom: 10%;
        right: 10%;
    }
}