@media (min-width: 992px){.cocktail-rows{background:white;overflow:hidden;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.cocktail-rows .cocktail-item{padding:50px 0 0 0}.cocktail-rows .cocktail-item:not(:last-child){border-bottom:3px dashed #eee}.cocktail-rows .cocktail-item:first-child{border-top:3px dashed #eee}.cocktail-rows .cocktail-item-preview{width:262px;flex-shrink:0;padding:0 0 20px 17px;box-sizing:border-box}}@media (min-width: 992px){.cocktail-grid{padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-around;background:white}.cocktail-grid .cocktail-item{display:inline-block;position:relative;margin:10px 0 0;vertical-align:bottom}.cocktail-grid .cocktail-item-preview{width:200px;height:100%;justify-content:flex-end}.cocktail-grid .cocktail-item-image{margin-top:10px}.cocktail-grid .cocktail-item-name{height:90px;box-sizing:border-box}.cocktail-grid .cocktail-item-controls,.cocktail-grid .cocktail-item-goods{display:none}}.cocktail-item-controls{position:absolute}@media (min-width: 992px){.cocktail-item-controls{opacity:0;top:60px;left:50px;z-index:150}}@media (max-width: 992px){.cocktail-item-controls{top:20px;right:10px;z-index:50}}.cocktail-item-button{display:block;position:relative;cursor:pointer}@media (min-width: 992px){.cocktail-item-button{width:42px;height:42px;border:3px solid #b2b2b2;background:rgba(255,255,255,0.8);border-radius:50%;margin-bottom:10px;transition:.3s}.cocktail-item-button:before{content:"";width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-image:url("/assets/common/my-cocktails-icon-b70ba12496e37c28582c24be5621a26addb80d9c731802213c67e74d11096f38.svg");filter:brightness(0);opacity:.4;transition:.3s}.cocktail-item-button:hover{border-color:#ff2aab}.cocktail-item-button:hover:before{filter:brightness(1);opacity:1}.cocktail-item-button.cocktail-like:before{background-position:0 -40px}.cocktail-item-button.cocktail-like.liked:before{background-position:0 -20px}}@media (max-width: 991px){.cocktail-item-button{width:20px;height:20px}.cocktail-item-button.cocktail-like{background:url("/assets/common/plus-green-ec5c38ca6432e0f4dd87d6d8ab87505accae4be585473490d2bfc5b86d0cd26c.svg") no-repeat 0 50%;background-size:20px 20px}.cocktail-item-button.cocktail-like.liked{background-image:url("/assets/common/yes-pink-a96c81a7daebb35e3796ac2570f024f8bb36feafc3342125526cade9cd3236d6.svg")}.cocktail-item-button.cocktail-like:before{display:none}}@media (max-width: 991px){.cocktail-item.promoted .cocktail-item-preview{border:1px solid #ec118f}}.cocktail-item.promoted .cocktail-item-preview:after{content:"";position:absolute;top:0;left:0;z-index:100;width:78px;height:78px;background:url("/assets/common/promoted-label-363cffe3203c76c2a592e8642200d3ba003140453ff84c781aa69d36994e96c4.png") no-repeat}@media (max-width: 991px){.cocktail-item.promoted .cocktail-item-preview:after{width:56px;height:56px;top:21px;left:50px;transform:rotate(90deg);background-size:56px 56px}}@media (min-width: 992px){.cocktail-grid .cocktail-item.promoted{padding-top:10px}.cocktail-grid .cocktail-item.promoted .cocktail-item-preview{border:1px solid rgba(253,77,183,0.3);border-radius:15px}.cocktail-grid .cocktail-item.promoted .cocktail-item-preview:after{top:11px}}.cocktail-item{position:relative;display:flex}@media (max-width: 991px){.cocktail-item{padding:20px 0 21px 15px;display:flex}.cocktail-item:after{content:"";position:absolute;bottom:0;right:0;left:114px;height:1px;background-color:#e7e7e7;opacity:.3}.cocktail-item:last-child:after{height:0}}#the-cocktail+.article.promote{margin-bottom:25px}.cocktail-item-preview{text-align:center}@media (min-width: 992px){.cocktail-item-preview{display:flex;flex-direction:column;align-items:center}.cocktail-item-preview:hover .cocktail-item-name{color:#ec118f}.cocktail-item-preview:hover .cocktail-item-controls{opacity:1}}@media (max-width: 991px){.cocktail-item-preview{width:90px;height:90px;border:1px solid #e5e5e5;border-radius:32px;flex-shrink:0;background:white}}@media (min-width: 992px){.cocktail-item-image{display:block;max-width:100%;max-height:310px;min-width:20px;min-height:20px;border-radius:6px}}@media (max-width: 991px){.cocktail-item-image{height:64px;vertical-align:middle;margin:14px 0 0;max-width:100%}}@media (min-width: 992px){.cocktail-item-name{padding-top:10px;font-size:18px;font-style:italic;color:#000}}@media (max-width: 992px){.cocktail-item-name{position:absolute;top:20px;left:127px;right:30px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}}.cocktail-item-goods{flex-grow:1}@media (max-width: 991px){.cocktail-item-goods{overflow:auto;padding-right:15px;white-space:nowrap;margin-top:34px}}.cocktail-item-good{position:relative;display:inline-block;vertical-align:top}@media (min-width: 992px){.cocktail-item-good{width:100px;height:170px;margin:0 0 0 35px}.cocktail-item-good:before{position:absolute;left:-26px;top:30px;font-size:34px;content:'+';color:#ccc}.cocktail-item-good:first-child:before{content:'='}}@media (max-width: 992px){.cocktail-item-good{margin-left:15px}}.cocktail-item-good:hover{color:#ec118f}.cocktail-item-good-icon{border:1px solid rgba(0,0,0,0.1);background:#eee -1px -1px}@media (min-width: 992px){.cocktail-item-good-icon{width:98px;height:98px;border-radius:6px;background-size:100px}}@media (max-width: 992px){.cocktail-item-good-icon{width:55px;height:55px;border-radius:22px;background-size:auto 56px;background-repeat:no-repeat}}@media (min-width: 992px){.cocktail-item-good-name{margin-top:7px;text-align:center;font-size:14px;line-height:16px;word-break:break-word}}@media (max-width: 992px){.cocktail-item-good-name{display:none}}.cocktails-empty{color:#8d8d8d;font-size:20px;width:100%;text-align:center;margin:50px 0 0;padding:340px 30px 40px;box-sizing:border-box;background:url("/assets/cocktails/cocktails-empty-954e56cb8c187b1c72f08b6fe4d4d38d15d7cf6c761518f6092a694ea0db28fd.png") no-repeat 33% 0}.cocktails-empty p:nth-child(2){color:#ec118f}@media (max-width: 991px){.cocktails-empty{font-size:18px;padding:240px 30px 0;background:#fff url("/assets/cocktails/cocktails-empty-m-c6d16364cd92fffeed5375ffd7feea459d5e5d72389592de279ce157de2e7861.png") no-repeat 50% 30%;background-size:25% auto;box-sizing:border-box}.cocktails-empty p:nth-child(2){color:#ec118f}}