@media(max-width:720px){
    .product--container .product-main{padding-right: 0;padding-left: 0;}
}

.fs-txt{text-align: center; font-size: 18px; 

    @media(max-width:991px){margin-top: 20px;font-size: 16px;}

}

.buyin-options{margin-top: 15px;

    .option-wrap{display: flex; align-items: center; flex-wrap: wrap; border: 1px solid transparent; border-bottom: 1px solid #edf2f7; padding: 18px; border-radius: 5px; cursor: pointer; position: relative;border: 1px solid black; margin-bottom: 20px;

        @media(max-width:720px){padding: 15px 10px;}
        @media(max-width:991px){align-items: flex-start;}


        .title.mobile-title{font-size: 14px;font-weight: 800;flex: 0 0 100%; width: 100%; margin-bottom: 8px; line-height: 1.2;}
        

        .best-value-badge{position: absolute;top: 0;right: 25px;background: #97ab5d;padding: 5px;border-radius: 5px;font-size: 13px;color: #FFF;transform: translateY(-50%); border: 1px solid transparent;font-weight: 600;
        
            @media(max-width:1200px){
                right: 10px;
            }

        }


        &.active{background: #f1f5f8; border: 1px solid black;
        
            .best-value-badge{background: #97ab5d; color: #fff; border: 1px solid #262626;}
        }


        .input-wrap{margin-right: 18px;

            input{width: 21px; height: 21px; pointer-events: none;}

            @media(max-width:991px){margin-right: 11px;

                input{width: 18px;height: 18px;}

            }

        }

        .content-wrap{display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;width: calc(100% - 39px);

            @media(max-width:991px){width: calc(100% - 30px);}

            .option-data{line-height: 1.3;display: flex;flex-direction: column;align-items: baseline; gap: 3px;

                .title{font-size: 18px; font-weight: bold;}
                .sub-title{font-size: 14px;}
                .interval{font-size: 16px;}
                // .shipping{font-size: 13px;}

                @media(max-width:1200px){
                    .sub-title{font-size: 12px;font-weight: 600;}
                    // .shipping{font-size: 12px;}
                }

                @media(max-width:991px){
                    .interval{font-size: 14px;}
                }

            }

            .price-data{display: flex; gap:19px; align-items: baseline; flex-wrap: wrap; flex: 0 0 100%; max-width: 100%; justify-content: space-between;

                // .discount{background: #97ab5d; padding: 5px; font-size: 11px; color: white; text-align: center;}
                
                // .base-price{text-decoration-line: line-through; opacity: 0.6;}

                .month-price{font-size: 18px;margin-top: 8px; margin-left: auto;
                    span.money-interval{font-size: 15px;}

                    @media(max-width:991px){font-size: 16px;

                        span.money-interval{font-size: 14px;}

                    }
                    
                }

                // @media(max-width:1200px){
                //     .discount{margin-top: 10px;}
                // }

                // @media(max-width:1200px){
                //     flex-wrap: nowrap;
                // }

            }


            .tooltip{flex: 0 0 50%; max-width: 50%; position: relative;

                .img-txt{margin-top: 8px;
                    .txt{color: #11050e; font-size: 14px; font-style: italic; text-decoration: underline; display: inline-block; font-weight: normal;
                        @media(max-width:991px){font-size: 12px;}
                    }
                }

                .tool-txt{position: absolute;top:calc(100% + 10px); left:45px; z-index: 2; display: none; background: #dee5c8; color: #11050e; font-size: 14px; padding: 15px; width: 170%; font-weight: normal; line-height: 1.4;
                        * {font-size: 14px;color: #11050e; margin-bottom: 0;
                            @media(max-width:991px){font-size: 13px;}
                        }

                        &::before{content: ''; width: 20px;height: 20px;background: #dee5c8; transform: rotate(45deg); position: absolute; top: -10px; left: 20px; z-index: 3;}

                        a{display: block; text-decoration: underline; color: inherit;}

                    }
                    &:hover .tool-txt{display: block;}
                }


            }

        }

    }




body.product .product-main form .product-form--atc-button{
    background: #ffd985; color:#11050e; border: none!important; border-radius: 5px;
    margin: 0 0 0 0px;font-size: 1.7rem; line-height: 1; padding: 16px 10px; width: 100%; font-weight: normal;
    text-align: center; max-width: 100%; display: inline-block; cursor: pointer;text-decoration: none!important;

    &:hover{background: #fca311;}
    &:focus{background: #fca311;}


    /* &:hover{opacity: 0.8; background: #f19f00; color:white;} */

    @media(max-width:991px){
        padding: 15px 20px;font-size: 20px; margin: 0 0 0 0px;
    }
}