:root {
    /*--bg_color: rgba(245 231 223 / .3);*/ 
    --bg_color: rgba(251, 248, 246, 1.00); 
    --header_txt_color: rgba(0 0 0 / .7);
    --header_txt_size:7rem;
    --header_txt_size_mobile:5rem;
    --body_txt_color: #000;
    --body_txt_size:1.6rem;
    --sub_pre_title_txt_size:2rem;
    --sub_pre_title_txt_size_mobile:1.6rem;
}
html {
  font-size: 62.5%;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    font-family:"Gabarito-Variable", Arial, Roboto, -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: var(--body_txt_size);
    font-weight: 400;
    color: var(--body_txt_color);
    background:rgba(251, 248, 246, 1.00);
}
section .row,footer .row{z-index:5;}
a {
    text-decoration: none;
    color: inherit;
}
svg {
    box-sizing: content-box;
}

.will-change {
    will-change: transform, opacity;
}

.buy_btn_wrapper{display:block;margin-top: 4rem;}
.buy_btn{
    position:relative;
    border: 2px solid #000;
     padding: 10px 43px 10px 25px;
    border-radius: 40px;
    transition:all 600ms ease;
}
.buy_btn:after {
    content: "";
    position:absolute;
    display: inline-block;
    margin-left: 10px;
    line-height: 1;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M7.5 6v.75H5.513c-.96 0-1.764.724-1.865 1.679l-1.263 12A1.875 1.875 0 0 0 4.25 22.5h15.5a1.875 1.875 0 0 0 1.865-2.071l-1.263-12a1.875 1.875 0 0 0-1.865-1.679H16.5V6a4.5 4.5 0 1 0-9 0ZM12 3a3 3 0 0 0-3 3v.75h6V6a3 3 0 0 0-3-3Zm-3 8.25a3 3 0 1 0 6 0v-.75a.75.75 0 0 1 1.5 0v.75a4.5 4.5 0 1 1-9 0v-.75a.75.75 0 0 1 1.5 0v.75Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");
    background-size: 18px;
    background-repeat: no-repeat;
    transition:all 600ms ease;
}
.buy_btn:hover{
    background:#000;
    color:#fff;
}
.buy_btn:hover:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z' /%3E%3C/svg%3E%0A");
}
/** layout rules **/

.flex_row{display:flex;}
.flex_column{display:flex;flex-direction: column;}
.flex_center{justify-content:center;align-items: center;}
.flex_vertical_stretch{align-items:stretch;}
.flex_space_between{justify-content:space-between;}
.flex_gap_20{gap:2rem;}
.flex_gap_40{gap:4rem;}
header,section,footer{background-color:var(--bg_color);}
.row{width:1440px;max-width:90vw;margin: 0 auto;}
main{ overflow:hidden;}

/** Type **/

@font-face {
font-family: 'Gabarito-Variable';
src: url('../fonts/Gabarito-Variable.woff2') format('woff2');
font-weight: 400 900;
font-style: normal;
font-display: swap;
}

@font-face {
	font-family: 'Bilgie';
	src: url('../fonts/bilgie-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

h1,h2,h3{
    font-family: 'Bilgie',serif;
    font-weight: normal;
    font-size: var(--header_txt_size);
    line-height: .7;
    color:var(--header_txt_color);
}
h3{font-size: 2.5rem;}
p{
    font-size: var(--body_txt_size);
}

/** header **/

.logo-container {
    width: 15rem;
    height: 11rem;
    padding: 3rem 0;
}

#header_logo {
    width: 100%;
    height: 8rem;
}

/** brand slogan section **/

#brand_slogan_wrapper{padding:12rem 0 6rem;text-align:center;}
#brand_slogan_wrapper h1{padding-bottom:2rem;}
#brand_slogan_wrapper p{font-size:var(--sub_pre_title_txt_size);}

/** product tease section **/

#product_tease_img{width:1050px;max-width:95vw;height:auto;max-height:1400px}

/** product info section **/

#product_info_wrapper{padding:46rem 0 32rem;}
#product_info_wrapper .row > div{flex:50%;}
#product_info_title{margin-bottom:6rem;}
#product_info_title p{font-size:var(--sub_pre_title_txt_size);padding-bottom:2rem;}
#product_info_discription{padding-bottom:10rem;}
#product_info_stamp{margin-top: auto;}

/** bottom buy button section **/

#bottom_buy_btn_wrapper{padding-bottom:32rem;}

/** footer **/
footer{padding-bottom:25rem;}
footer .row{width:1160px;}

/** side blobs **/
#left_side_blobs, #right_side_blobs, #left_side_blobs_mobile, #right_side_blobs_mobile{position: absolute;top:2rem;left:0;pointer-events:none;}
#right_side_blobs, #right_side_blobs_mobile{left:auto;right:0;top:5rem}
#right_side_blobs_mobile{top:0;}
#left_side_blobs_mobile{top:12rem}

/** animations */

#right_side_blobs.scroll_animation{ animation: floatAnim 4s ease-in-out infinite; }
#left_side_blobs.scroll_animation { animation: floatAnim2 4s ease-in-out infinite; }
@keyframes floatAnim { 
    0% { transform: translate(0px,0px);}
    50% { transform: translate(0px,15px);}
    100% { transform: translate(0px,0px);}
} 

@keyframes floatAnim2 { 
    0% { transform: translate(0px,0px);}
    50% { transform: translate(0px,-15px);}
    100% { transform: translate(0px,0px);}
    
}

/** desktop only **/

@media (min-width: 769px) {
    .hide_on_desktop{display:none;}
}


/** mobile only **/

@media (max-width: 768px) {
    #product_info_wrapper {padding: 20rem 0 10rem;}
    #product_info_wrapper .row {flex-direction: column;gap: 10rem;}
    #product_info_wrapper .row > div {flex: 100%;}
    #product_info_title, #product_info_discription, #product_info_stamp {max-width: 80%;margin: 0 auto 6rem;}
    #product_info_discription {flex-direction: column;padding-bottom: 0;margin:0 auto;}
    #product_info_stamp {margin: 4rem;}
    .strawberry_illustration {max-width: 35vw;min-width: 13rem;height: auto;}
    #bottom_buy_btn_wrapper{padding-bottom:10rem;}
    footer{padding-bottom: 10rem;}
    footer .row {flex-direction: column;gap: 3rem;margin: 0 4rem;}
    .footer_column {display: flex;flex-direction: column;align-items: center;text-align:center;}
    .hide_on_mobile{display:none;}
    h1,h2{        
        font-size: var(--header_txt_size_mobile);
        line-height: .7;
    }
    #brand_slogan_wrapper p{font-size:var(--sub_pre_title_txt_size_mobile);}
    #product_info_title p{font-size:var(--sub_pre_title_txt_size_mobile);}
    #footer_symbol{margin:auto;padding-bottom:2rem;}
}

/** 404 **/
#error_page{width: 100vw;height: 100vh;}
#error_page > div{height: 100%;}
#error_page img{margin-bottom: 10rem;}
#error_page h1{font-size: 8rem;padding-bottom: 4rem;}
#error_page p{font-size: var(--sub_pre_title_txt_size);}
#error_page a{opacity: .7;transition: opacity .3s;}
#error_page a:hover{opacity: 1;}