add-ons{display:block}
.add-ons{margin:10px 0 20px;padding:15px;border:1px solid #954b36;border-radius:8px}
.add-ons__heading{text-align:center;margin:4px 0;border-bottom:1px solid #954b36;text-transform:capitalize;padding:5px 0;color:#954b36;font-weight:600}
.add-ons__item{margin-top:20px;padding-bottom:10px}
.add-ons__container{display:flex;gap:20px}
.add-ons__image{align-items:center;align-self:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:70px;width:70px}
.add-ons__image picture{display:block;font-size:0}
.add-ons__image img{border-radius:10px;margin-bottom:10px;width:100%;border:2px solid #954b36;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}
.add-ons__detail-product{font-size:10px;color:#954b36;text-decoration:underline;cursor:pointer}
.add-ons__title{display:-webkit-box;font-size:1.8rem;margin-bottom:.2rem!important;padding:.1rem 0;text-align:left;text-overflow:ellipsis;white-space:normal;width:100%;line-height:1.25;margin-top:0}
.add-ons__controller{align-items:center;display:flex;gap:15px;justify-content:space-between;width:100%}
.add-ons__controller .radio{display:flex;gap:10px;align-items:center;padding:10px 0}
.add-ons__controller .radio-field{font-weight:700;display:flex;align-items:center}
.add-ons__controller .radio-field label{padding-left:5px;line-height:1;cursor:pointer}
.add-ons__controller .radio-field input[type="radio"]{appearance:none;width:16px;height:16px;border:2px solid #954b36;border-radius:50%;margin:0;cursor:pointer;position:relative}
.add-ons__controller .radio-field input[type="radio"]:checked{background-color:#954b36;border-color:#954b36}
.add-ons__controller .radio-field input[type="radio"]:checked::after{content:'';position:absolute;top:2px;left:2px;width:8px;height:8px;background-color:white;border-radius:50%}
.add-ons__controller .radio-field.default input[type="radio"]:checked{border:2px solid #954b36;background-color:#954b36}
.add-ons__controller .quantity{display:none}
.add-ons__preview-product{opacity:0;visibility:hidden;z-index:-1}
.add-ons__preview-product.active{opacity:1;visibility:visible;z-index:1}
.add-ons .product-quantity{display:none}
.add-ons .product-quantity select{background-color:transparent;border:1px solid #954b36;border-radius:4px;padding:4px 8px;color:#954b36}
.add-ons__price{color:#954b36;font-weight:600}
.add-ons__price .compare-price{text-decoration:line-through;color:#999;margin-right:8px}
.container__top-part.opening-add-ons-modal{z-index:99}
main.opening-add-ons-modal{z-index:999}
main.opening-add-ons-modal .product__info-wrapper.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in,main.opening-add-ons-modal .product__info-wrapper.scroll-trigger.animate--slide-in,main.opening-add-ons-modal .product__info-wrapper.scroll-trigger.animate--fade-in{opacity:1;margin:0;transform:none;animation:none}
.add-ons__modal-background{background-color:rgb(var(--color-shadow),.5);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;display:block!important}
.add-ons__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(var(--color-background));padding:30px 20px 20px;z-index:12;height:auto;max-height:70vh;max-width:1000px;width:calc(100% - 30px);overflow:auto}
.add-ons__modal::-webkit-scrollbar{width:5px}
.add-ons__modal::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0}
.add-ons__modal::-webkit-scrollbar-track{background-color:var(--color-background)}
@media only screen and (max-width: 749px){.add-ons__modal{padding:40px 10px 10px}}
.add-ons__modal--inner{height:100%}
.add-ons__modal-close{cursor:pointer;font-size:30px;position:absolute;right:15px;top:3px;line-height:1;z-index:1000}
.add-ons__modal-wrapper{display:flex;gap:1rem;justify-content:center;overflow-y:auto;align-items:flex-start;height:100%;overflow-x:hidden}
@media only screen and (max-width: 749px){.add-ons__modal-wrapper{flex-direction:column}}
.add-ons__modal-images{max-height:unset;width:calc(50% - 5px);max-width:calc(50% - 5px);position:sticky;top:0;height:100%}
@media only screen and (max-width: 749px){.add-ons__modal-images{width:100%;max-width:100%}}
.add-ons__modal-images img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.add-ons__modal-content{width:calc(50% - 5px);max-width:calc(50% - 5px);height:100%}
@media only screen and (max-width: 749px){.add-ons__modal-content{width:100%;max-width:100%}}
.add-ons__modal-title{font-size:22px;margin:0 0 15px!important;text-align:left;font-weight:700!important}
@media only screen and (max-width: 749px){.add-ons__modal-title{margin:15px 0!important} .add-ons__title{font-size:1.1rem;}}
.add-ons__modal-price{font-size:22px}
.add-ons__modal-price .compare-price{text-decoration:line-through;margin-left:8px}
.add-ons__modal-description{border-top:1px dashed gray;font-size:14px;margin-top:20px;padding-top:20px}