.bonbons{padding:2.4rem 0 5.4rem;overflow-x:clip;scroll-margin-top:var(--header-height)}.bonbons__wrapper+.bonbons__wrapper{margin-top:5.6rem}.bonbons__head{display:flex;flex-direction:column;margin-bottom:1.6rem}.bonbons__dropdown{width:100%;order:-1;padding-bottom:.7rem;margin-bottom:4.6rem}.bonbons__dropdown .dropdown{width:fit-content}.bonbons__grid{--items-width: calc(100% / 3);--gap-y: 2.6rem;--gap-x: .3rem;margin-top:calc(0rem - var(--gap-y) / 2);margin-bottom:calc(0rem - var(--gap-y) / 2)}.bonbons__grid-item{width:var(--items-width);padding-top:calc(var(--gap-y) / 2);padding-bottom:calc(var(--gap-y) / 2)}.bonbons__grid-item .card-bonbon__popup{--arrow-left: 50%}.bonbons__grid-item .card-bonbon__popup:before,.bonbons__grid-item .card-bonbon__popup:after{left:var(--arrow-left)}.bonbons__grid-item:first-child .card-bonbon__popup{--arrow-left: 47cqw;left:0;transform:none}.bonbons__title{--triangle-width: .9rem;--triangle-height: 1.4rem;width:fit-content;margin:0 auto;font-weight:400;z-index:2}.bonbons__title-icon{position:absolute;bottom:139%;right:-8.6%;padding:0;display:flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;font-size:2.221rem;transition:opacity var(--duration-default)}.bonbons__title-popup:before,.bonbons__title-popup:after,.bonbons__title-icon:before,.bonbons__title-icon:after{content:"";position:absolute;left:19%;bottom:-1.2rem;border-left:var(--triangle-width) solid transparent;border-right:var(--triangle-width) solid transparent;border-top:var(--triangle-height) solid currentColor;transform:rotate(15deg)}.bonbons__title-popup:after,.bonbons__title-icon:after{border-top-color:#fff;transform:rotate(15deg) translate(-.2%,-15.1%)}.bonbons__title-popup{position:absolute;bottom:106.5%;right:-44.7%;width:16.1rem;padding:1.4rem 1.5rem 1.5rem;font-size:2rem;opacity:0;visibility:hidden;transition:opacity var(--duration-default),visibility var(--duration-default)}.bonbons__title-popup:before,.bonbons__title-popup:after{left:25.2%;bottom:-1.1rem}@media not all and (hover:hover)and (pointer:fine){.bonbons__title:focus-within .bonbons__title-icon{opacity:0;pointer-events:none}.bonbons__title:focus-within .bonbons__title-popup{opacity:1;visibility:inherit}}@media(hover:hover)and (pointer:fine){.bonbons__title:hover .bonbons__title-icon{opacity:0;pointer-events:none}.bonbons__title:hover .bonbons__title-popup{opacity:1;visibility:inherit}}@media screen and (max-width:479px){.bonbons__grid-item:nth-child(3n+1) .card-bonbon__popup{--arrow-left: 47cqw;left:0;transform:none}.bonbons__grid-item:nth-child(3n) .card-bonbon__popup{--arrow-left: calc(100% - 47cqw) ;left:auto;right:0;transform:none}}@media screen and (min-width:480px){.bonbons__grid{--items-width: 25%}}@media screen and (min-width:480px)and (max-width:749px){.bonbons__grid-item:nth-child(4n+1) .card-bonbon__popup{--arrow-left: 47cqw;left:0;transform:none}.bonbons__grid-item:nth-child(4n) .card-bonbon__popup{--arrow-left: calc(100% - 47cqw) ;left:auto;right:0;transform:none}}@media screen and (min-width:750px){.bonbons__grid{--items-width: 20%}}@media screen and (min-width:750px)and (max-width:989px){.bonbons__grid-item:nth-child(5n+1) .card-bonbon__popup{--arrow-left: 47cqw;left:0;transform:none}.bonbons__grid-item:nth-child(5n) .card-bonbon__popup{--arrow-left: calc(100% - 47cqw) ;left:auto;right:0;transform:none}}@media screen and (min-width:990px){.bonbons{padding:11.6rem 0}.bonbons__wrapper+.bonbons__wrapper{margin-top:7.6rem}.bonbons__head{flex-direction:row}.bonbons__head:has(.bonbons__dropdown):before{content:"";display:block;flex:1}.bonbons__title:not(:only-child){margin:0}.bonbons__title-icon{right:auto;bottom:94%;left:-22.4%;transform:rotate(-42deg)}.bonbons__title-icon span{transform:rotate(42deg) scaleX(-1) translate(-5%,-1%)}.bonbons__title-popup{right:auto;bottom:70%;left:-52.4%;transform:rotate(-15deg)}.bonbons__title-popup:before,.bonbons__title-popup:after{left:auto;bottom:-1.1rem;right:25.2%;transform:rotate(-15deg)}.bonbons__title-popup:after{transform:rotate(-15deg) translate(-.2%,-15.1%)}.bonbons__dropdown{display:flex;justify-content:flex-end;align-self:flex-end;order:0;margin:0;padding:0;width:auto;flex:1}.bonbons__dropdown:after{display:none}.bonbons__grid{--items-width: calc(100% / 6)}}@media screen and (min-width:990px)and (max-width:1199px){.bonbons__grid-item:nth-child(6n+1) .card-bonbon__popup{--arrow-left: 47cqw;left:0;transform:none}.bonbons__grid-item:nth-child(6n) .card-bonbon__popup{--arrow-left: calc(100% - 47cqw) ;left:auto;right:0;transform:none}}@media screen and (min-width:1200px){.bonbons__grid{--items-width: 12.5%}.bonbons__grid-item:nth-child(8n+1) .card-bonbon__popup{--arrow-left: 47cqw;left:0;transform:none}.bonbons__grid-item:nth-child(8n) .card-bonbon__popup{--arrow-left: calc(100% - 47cqw) ;left:auto;right:0;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-bonbons.css.map */