.cocktails-section{padding:80px 56px 61px}.cocktails-section-wrapper{margin:0 auto;max-width:1358px;position:relative}.cocktails-section--heading-title{color:#1d1d1b;font-family:LHF Antique Half Block;font-size:136px;font-style:normal;font-weight:400;letter-spacing:1.36px;line-height:100.6%;margin:0;text-align:center;text-transform:uppercase}.cocktails-section--items{display:grid;gap:68px 35px;grid-template-columns:repeat(4,1fr);padding-top:61px}.cocktails-section--item{perspective:1000px;position:relative}.cocktails-section--contain{border-radius:32px;position:relative;transform-style:preserve-3d;transition:transform .6s}.cocktails-section--contain:before{content:"";display:block;padding-top:147.208%;width:100%}.cocktails-section--item h3{color:#1d1d1b;font-size:32px;font-style:normal;font-weight:700;line-height:101.5%;margin:40px 0 0;text-align:center}.cocktails-section--content,.cocktails-section--front{backface-visibility:hidden;border-radius:32px;height:100%;left:0;position:absolute;top:0;width:100%}.cocktails-section--front{background:#fee97e;overflow:hidden;z-index:1}.cocktails-section--front img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.cocktails-section--show-content{align-items:center;background:#fff5dd;border-color:#fff5dd;border-radius:50%;bottom:15px;color:#1d1d1b;display:flex;height:50px;justify-content:center;letter-spacing:0;line-height:1.6;padding:0;position:absolute;right:15px;width:50px}.cocktails-section--show-content svg{height:auto;width:18px}.cocktails-section--content{background:#fff;overflow:hidden;transform:rotateY(180deg)}.cocktails-section--content-inner{align-items:flex-start;display:flex;flex-flow:row wrap;gap:16px;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px 24px 14px}.cocktails-section--content-inner::-webkit-scrollbar{width:10px}.cocktails-section--content-inner::-webkit-scrollbar-track{background-color:#fff;-webkit-box-shadow:inset 0 0 6px #c3c3c3;box-shadow:inset 0 0 6px #c3c3c3}.cocktails-section--content-inner::-webkit-scrollbar-thumb{background-color:#181817;outline:unset}.cocktails-section--hide-content{align-items:center;background:transparent;border-color:#1d1d1b;color:#1d1d1b;display:none;gap:10px;justify-content:center;margin:0 auto 10px;padding:10px 20px 8px}.cocktails-section--hide-content svg{flex-shrink:0;height:auto;margin-top:-2px;transform:rotate(45deg);width:18px}.cocktails-section--details h6{font-weight:600;margin:0 0 8px}.cocktails-section--content ul,.cocktails-section--details h6{color:#1d1d1b;font-size:16px;font-style:normal;letter-spacing:.8px;line-height:189.5%;text-transform:uppercase}.cocktails-section--content ul{font-weight:400;list-style-type:none;margin:0;padding:0}.cocktails-section--details{display:flex;flex-flow:column nowrap;gap:16px;width:100%}.cocktails-section--details>div:nth-child(2){border-bottom:1px solid rgba(29,29,27,.2);padding:0 0 16px}.cocktails-section--title{display:none}.cocktails-section--preparation{color:#1d1d1b;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.32px;line-height:normal}.cocktails-section--share{align-items:center;display:flex;flex-flow:row wrap;gap:16px;justify-content:space-between;margin-top:auto;width:100%}.cocktails-section--share h6{flex:0 0 63px;margin:0}.cocktails-section--icons{display:flex;flex:0 1 56px;flex-flow:row wrap;gap:8px}.cocktails-section--icons a{background:#fff;border:1px solid #e7e7e7;border-radius:100px;display:inline-block;height:56px;position:relative;width:56px}.cocktails-section--icons svg{bottom:0;height:auto;left:0;margin:auto;max-height:32px;max-width:32px;min-width:26px;position:absolute;right:0;top:0}.cocktails-section--icons a:focus,.cocktails-section--icons a:hover{background:#000;border-color:#000}.cocktails-section--icons a:focus svg path,.cocktails-section--icons a:hover svg path{fill:#fff}.cocktails-section--note{background:radial-gradient(50% 50% at 50% 50%,#ffe66d 0,#ffc749 100%);border-radius:32px;grid-column:span 4;min-height:367px}.cocktails-section--note-wrapper{display:flex;flex-flow:column nowrap;gap:16px;height:100%;padding:29px 58px 42px;width:100%}.cocktails-section--note-title{font-family:Archive Roundface Script;font-size:120px;line-height:100.6%;margin:auto 0 0}.cocktails-section--note-text,.cocktails-section--note-title{color:#1d1d1b;font-style:normal;font-weight:400;text-align:center}.cocktails-section--note-text{font-size:36px;letter-spacing:1.44px;line-height:normal;margin:0 auto auto;max-width:1178px}@media (min-width:1025px){.cocktails-section--item:focus-within .cocktails-section--contain,.cocktails-section--item:hover .cocktails-section--contain{transform:rotateY(180deg)}}@media only screen and (max-width:1024px){.cocktails-section{padding:64px 56px 48px}.cocktails-section--heading-title{font-size:80px;letter-spacing:.8px}.cocktails-section--items{gap:40px 38px;grid-template-columns:repeat(2,1fr);padding-top:40px}.cocktails-section--item.is-flipped .cocktails-section--contain{transform:rotateY(180deg)}.cocktails-section--item h3{display:none}.cocktails-section--content-inner{padding:24px}.cocktails-section--hide-content{display:inline-flex}.cocktails-section--details>div:first-child{border-bottom:1px solid rgba(29,29,27,.2);padding:0 0 16px}.cocktails-section--details>div:nth-child(2){border-bottom:0;padding:0}.cocktails-section--title,.cocktails-section--title h3{color:#1d1d1b;display:block;font-size:32px;font-style:normal;font-weight:700;line-height:84%;margin:0;text-align:left}.cocktails-section--note{grid-column:span 2;min-height:311px}.cocktails-section--note-wrapper{padding:34px 58px 36px}.cocktails-section--note-title{font-size:80px}.cocktails-section--note-text{font-size:24px;letter-spacing:.96px;max-width:606px}}@media only screen and (min-width:768px) and (max-width:1024px){.cocktails-section--items{height:auto}.cocktails-section--item{height:100%}.cocktails-section--contain{display:grid;grid-template-rows:auto 1fr;min-height:100%}}@media only screen and (max-width:767px){.cocktails-section{padding:40px 24px 22px}.cocktails-section--heading-title{font-size:56px;letter-spacing:.56px;margin:0}.cocktails-section--items{grid-template-columns:repeat(1,1fr);padding-top:24px}.cocktails-section--contain:before{padding-top:152.3392%}.cocktails-section--note{grid-column:span 1;min-height:252px}.cocktails-section--note-wrapper{padding:34px 23px 30px}.cocktails-section--note-title{font-size:64px}.cocktails-section--note-text{font-size:15px;letter-spacing:.6px;padding:0 1px}}