.link-icon{background:var(--bg-clr);z-index:0;border-radius:10px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.link-icon:before{content:"";z-index:-1;background:var(--accent-clr);border-radius:10px;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scale(0)}.link-icon:hover:before{transform:scale(1)}
.product-page{background:#fff;border-radius:10px;gap:10px;margin-top:25px;padding:10px;display:flex}.product-page__details{flex-direction:column;width:50%;display:flex}.product-page__details-inner{flex-direction:column;row-gap:10px;margin-bottom:10px;display:flex}.product-page__details-inner img{height:20px}.product-page__lat-name{color:gray}.product-page__name{font-size:clamp(1.5rem,4vw,2rem);font-weight:500}.product-page__variants{flex-wrap:wrap;gap:10px;display:flex}.variant-btn{background:var(--bg-clr);z-index:0;border-radius:10px;padding:10px;position:relative}.variant-btn:before{content:"";z-index:-1;border-radius:inherit;background:var(--accent-clr);transform-origin:50%;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scale(0)}.variant-btn:hover:before,.variant-btn--active:before{transform:scale(1)}.harvest-month{border:1px solid var(--accent-clr);border-radius:5px;place-content:center;width:100%;height:25px;font-size:.8rem;display:grid}.month--active{background:var(--accent-clr)}.product-page__link{z-index:0;background:var(--bg-clr);border-radius:10px;align-self:flex-end;margin-top:auto;padding:10px;position:relative;overflow:hidden}.product-page__link:before{content:"";z-index:-1;background:var(--accent-clr);transform-origin:0;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.product-page__link:hover:before{transform:scaleX(1)}.swiper-wrapper{position:relative;width:50%!important}.swiper,.swiper-img{border-radius:10px}.swiper-pagination-fraction{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border-radius:10px;width:max-content;padding:10px;position:absolute;bottom:10px;left:10px}.product-page__contacts{column-gap:25px;display:flex}.product-page__contacts div{flex-direction:column;width:100%;display:flex}.product-page-form__title,.related-products__title{margin:25px 0;font-size:clamp(1.25rem,4vw,2rem);font-weight:500}.product-page-section{background:#fff;border-radius:10px;width:100%;margin-top:25px;padding:25px}.product-page-section h3{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:500}.product-page-pic{aspect-ratio:1;border-radius:10px;width:128px;overflow:hidden}.product-page-form__title{scroll-margin-top:120px}.related-products__grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.product-page-form{background:#fff;border-radius:10px;flex-direction:column;flex-grow:1;row-gap:10px;width:100%;padding:25px;font-size:16px;display:flex}.form__input--readonly{cursor:default;background:var(--accent-clr)!important}@media (max-width:808px){.product-page{margin-top:10px}.product-page__contacts{column-gap:10px}.product-page-form__title,.related-products__title{margin:10px 0}.product-page-form__title{scroll-margin-top:90px}.related-products__grid{gap:10px}}@media screen and (max-width:895px){.product-page-section{margin-top:10px;padding:10px}.product-page-form{padding:10px}}@media (max-width:807px){.product-page{flex-direction:column-reverse;display:flex}.swiper-wrapper{width:100%!important}.product-page__details{width:100%}.product-page__contacts{flex-direction:column;row-gap:10px}.related-products__grid{grid-template-columns:repeat(1,1fr)}}.contact-form{background:#fff;border-radius:10px;flex-grow:1;width:100%;padding:25px}.form{flex-direction:column;flex-grow:1;row-gap:10px;font-size:16px;display:flex}.form__title{margin-bottom:10px;font-size:clamp(20px,3vw,30px);font-weight:500}.inputs__wrapper{flex-direction:column;row-gap:5px;display:flex}.input-container{flex-direction:column;display:flex}.textarea-container{flex-grow:1}.contact-label{padding:0 5px 5px}.form__input,textarea{background:var(--bg-clr);border-radius:10px;height:100%;padding:10px 5px;font-size:1rem}textarea{resize:none}textarea:focus{outline:none}.form-submit-btn{z-index:0;font-weight:inherit;background:var(--bg-clr);border-radius:10px;align-self:flex-end;margin-top:auto;padding:10px;position:relative;overflow:hidden}.form-submit-btn:before{content:"";z-index:-1;background:var(--accent-clr);transform-origin:0;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.form-submit-btn:hover:before{transform:scaleX(1)}@media screen and (max-width:895px){.contact-form{padding:10px}}
