/* tabby css */
.sec-promo-snippet-d-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    border: 1px solid #d6d6d3;
    font-size: 14px;
    line-height: 21px;
    border-radius: 7px;
    font-family: 'Titillium Web', sans-serif;
}

.promo-snippet-lead {padding-right: 10px;}
.secImg-r{ margin-left: auto;    cursor: pointer;}
.secImg-r svg{ width: 70px; height: 28px;
  -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.learn-more span {display: inline-block;text-decoration: underline;margin: 0px 0;color: blue;}
.sec-promo-snippet-d-flex {
    width: 100%;
}
.installment-button-wrapper.calc-wrap {
    margin-top: 0;
    }
    .secImg-r svg {
    display: block;
}
.catalog-product-view .product-shop .price-box {
    margin-bottom: 10px !important;
}




/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

* {
    margin: 0;
    padding: 0;
}

body {
    background: #cacad1;
    font-family: 'Roboto', sans-serif;
    color: rgb(41, 41, 41);
    line-height: 1.4;
} */



.main-box {
    background: #fff;
    padding: 32px;
    max-width: 640px;
    width: 100%;
    margin: auto;
    border-radius: 17px;
}
.logo-tabby{display:flex;}
.logo-tabby svg {
    height: 32px;
    width: 80px;
}

.split-head {
    margin-top: 24px;
}

.split-head h3 {
    font-size: 23px;
    font-style: normal;
    font-weight: bold;
    background: linear-gradient(270deg, #9450ff 0%, #6bf 45%, #00eba9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.split-head p {
    font-size: 16px;
    margin-top: 8px;
}

.work {
    margin-top: 32px;
}

.work h4 {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}

.work ul li svg {
    margin: 0 5px;
    display: inline-block;
    width: 39px;
    height: 16px;
}

.work ul li .count {
    font-size: 10px;
    background: #e6e5e9;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.work ul li {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 16px;
    color: rgb(84, 84, 92);
}

.work ul li .content {
    margin-left: 12px !important;
    margin-right: 0px !important;
	padding-bottom:0px;
}
.work ul li .content p {
    margin: 0;
}

.content.start {
    justify-content: flex-start !important;
}

.center-content {
    margin-top: 19px;
}

.text-center {
    text-align: center;
}

.shopping-btn {
    font-size: 14px;
    color: #3835af;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    padding-right: 10px;
}

.shopping-btn::after {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.49976 6.50012H9.49976' stroke='%233835AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 3.00012L9.5 6.50012L6 10.0001' stroke='%233835AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
}

.m-24 {
    margin-top: 24px;
}

.bottom-border {
    border-top: 1px solid #e6e5e9;
}

.credit-card {
    width: 35px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='22' viewBox='0 0 35 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='32.8617' height='20' rx='3' fill='white' stroke='%23E6E5E9' stroke-width='0.75'/%3E%3Cpath d='M20.0947 6.63275H15.45V14.6157H20.0947V6.63275Z' fill='%23FF5F00'/%3E%3Cpath d='M15.7448 10.6242C15.7448 9.07269 16.4968 7.59175 17.7796 6.63267C15.4646 4.89785 12.1322 5.27867 10.3185 7.49302C8.50483 9.70738 8.90295 12.8808 11.218 14.6156C13.1496 16.0684 15.848 16.0684 17.7796 14.6156C16.4968 13.6566 15.7448 12.1897 15.7448 10.6242Z' fill='%23EB001B'/%3E%3Cpath d='M26.3614 10.624C26.3614 13.4308 23.9874 15.7015 21.0531 15.7015C19.8587 15.7015 18.7086 15.3207 17.7796 14.6155C20.0799 12.8807 20.478 9.69315 18.6644 7.4929C18.3989 7.1685 18.104 6.88642 17.7649 6.63255C20.0652 4.89773 23.4123 5.27854 25.226 7.4929C25.9633 8.38146 26.3614 9.48159 26.3614 10.624Z' fill='%23F79E1B'/%3E%3Cpath d='M25.8601 13.7692V13.5999H25.9338V13.5717H25.7568V13.5999H25.8306V13.7692H25.8601ZM26.1992 13.7692V13.5717H26.1402L26.0812 13.7128L26.0223 13.5717H25.978V13.7692H26.0223V13.6281L26.0812 13.7551H26.1255L26.1844 13.6281V13.7833L26.1992 13.7692Z' fill='%23F79E1B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.visa{
        width: 35px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg width='35' height='22' viewBox='0 0 35 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='32.8617' height='20' rx='3' fill='white' stroke='%23E6E5E9' stroke-width='0.75'/%3E%3Cpath d='M17.6097 7.48057L15.9944 14.5195H14.0005L15.6158 7.48057H17.6097ZM25.863 12.0173L26.8978 9.37476L27.5035 12.0173H25.863ZM28.0588 14.5195H29.876L28.2859 7.48057H26.6201C26.2415 7.48057 25.9134 7.69104 25.7872 7.99504L22.8343 14.5195H24.9039L25.3077 13.4671H27.8316L28.0588 14.5195ZM22.9352 12.2277C22.9352 10.3803 20.1589 10.2634 20.1841 9.44491C20.1841 9.18768 20.4618 8.93044 21.017 8.86029C21.2947 8.8369 22.0771 8.79013 22.9604 9.16429L23.3138 7.66765C22.8343 7.50396 22.2285 7.36365 21.4713 7.36365C19.5279 7.36365 18.165 8.32243 18.1398 9.70214C18.1398 10.7077 19.1241 11.2923 19.856 11.6197C20.6132 11.9705 20.8908 12.181 20.8656 12.485C20.8656 12.9527 20.2599 13.1631 19.6794 13.1631C18.695 13.1865 18.1145 12.9059 17.6602 12.7188L17.3069 14.2622C17.7612 14.4493 18.6193 14.6364 19.5027 14.6364C21.5723 14.6364 22.9352 13.6776 22.9352 12.2277ZM14.783 7.48057L11.6028 14.5195H9.5332L7.96837 8.90706C7.86741 8.55628 7.7917 8.43936 7.48883 8.29905C7.00928 8.0652 6.22687 7.83135 5.54541 7.69104L5.59589 7.48057H8.9527C9.38177 7.48057 9.76035 7.73781 9.86131 8.20551L10.6942 12.2745L12.7386 7.48057H14.783Z' fill='%231A1F70'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
}
.ml-8{
    margin-left: 8px;
}
.i-pay {
    width: 35px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='22' viewBox='0 0 34 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.447266' y='1' width='32.8617' height='20' rx='3' fill='white' stroke='%23E6E5E9' stroke-width='0.75'/%3E%3Cpath d='M10.6447 8.41873C10.8835 8.13471 11.0456 7.75335 11.0028 7.36365C10.6532 7.38018 10.2266 7.58295 9.97958 7.86719C9.75781 8.1106 9.56152 8.50793 9.61269 8.88129C10.0051 8.91366 10.3972 8.69478 10.6447 8.41873Z' fill='black'/%3E%3Cpath d='M10.9983 8.95413C10.4284 8.92185 9.94378 9.26168 9.67161 9.26168C9.39929 9.26168 8.9825 8.97039 8.53172 8.97824C7.94499 8.98644 7.40058 9.30186 7.10284 9.80352C6.49045 10.8071 6.94123 12.2957 7.53675 13.1131C7.82595 13.5175 8.17449 13.9627 8.63374 13.9467C9.06765 13.9305 9.23772 13.6796 9.76516 13.6796C10.2922 13.6796 10.4454 13.9467 10.9047 13.9386C11.3811 13.9305 11.6789 13.5341 11.9681 13.1293C12.2998 12.6683 12.4356 12.2232 12.4442 12.1988C12.4356 12.1907 11.5257 11.8588 11.5172 10.8636C11.5086 10.0302 12.2317 9.63387 12.2657 9.60928C11.8574 9.03513 11.2195 8.97039 10.9983 8.95413Z' fill='black'/%3E%3Cpath d='M15.9609 7.82636C17.1996 7.82636 18.0622 8.63822 18.0622 9.82023C18.0622 11.0065 17.1819 11.8225 15.9298 11.8225H14.5583V13.8963H13.5674V7.82635H15.9609V7.82636ZM14.5583 11.0317H15.6953C16.5581 11.0317 17.0491 10.5901 17.0491 9.82445C17.0491 9.05892 16.5581 8.62142 15.6998 8.62142H14.5583V11.0317Z' fill='black'/%3E%3Cpath d='M18.321 12.6387C18.321 11.8646 18.9449 11.3893 20.051 11.3304L21.325 11.2589V10.9182C21.325 10.4261 20.9755 10.1316 20.3916 10.1316C19.8385 10.1316 19.4934 10.384 19.4094 10.7794H18.5069C18.56 9.98013 19.2766 9.39124 20.427 9.39124C21.5551 9.39124 22.2762 9.95912 22.2762 10.8467V13.8964H21.3604V13.1687H21.3384C21.0685 13.6609 20.48 13.9721 19.8695 13.9721C18.9582 13.9721 18.321 13.4337 18.321 12.6387ZM21.325 12.2391V11.89L20.1791 11.9572C19.6084 11.9951 19.2855 12.2349 19.2855 12.6135C19.2855 13.0004 19.6217 13.2528 20.1349 13.2528C20.803 13.2528 21.325 12.8153 21.325 12.2391Z' fill='black'/%3E%3Cpath d='M23.1408 15.5243V14.7882C23.2115 14.805 23.3707 14.805 23.4504 14.805C23.8928 14.805 24.1317 14.6283 24.2776 14.174C24.2776 14.1656 24.3618 13.9048 24.3618 13.9006L22.6807 9.47113H23.7158L24.8927 13.0719H24.9103L26.0873 9.47113H27.0959L25.3527 14.1277C24.9547 15.2004 24.4946 15.5453 23.5301 15.5453C23.4504 15.5453 23.2115 15.5369 23.1408 15.5243Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}
.right-payment {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 120px;
}
.payment {
    display: flex;
    width: 100%;
}
.payment-content {
    display: flex;
    width: 100%;
    justify-content: center;
}
.payment-content p{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #54545c;
    margin: 0;
}


body.modal-open .tabby-modal-box {
    display: block;
}

.tabby-modal-box {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgb(0 0 0 / 50%);
}

body.modal-open {overflow: hidden;}


.learn-more{cursor: pointer;}

.tabby-modal-box .close-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
}

.modal-tabby {
    width: 99%;
    margin: 0 auto;
    height: 100vh;
}

span.learn-more:hover {
    opacity: 0.6;
}

.sec-promo-snippet-d-flex {
    cursor: pointer;
}



.close-modal {
    position: relative;
    width: 16px;
    height: 16px;
    background: transparent !important;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    border: none !important;
    cursor: pointer;
    outline: none;
    display: block;
    float: right;
    margin-top: -35px;
}

.close-modal:before, .close-modal:after {
    position: absolute;
    top: 0;
    left: 6px;
    content: '';
    height: 17px;
    width: 2px;
    background-color: #3e3e3e;
    border-radius: 2px;
}

.close-modal:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-modal:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



.modal-tabby {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
    -webkit-animation: scale 0.75s;
    animation:  scale 0.75s;
}

@keyframes scale {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

promo__graph__ellipse-divider_dark--82538::after {
    background-color: var(--dark-ellipsis-color);
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse-divider_active--16b83::after {
    background-color: var(--active-ellipsis-color);
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse-divider--aeeeb::after {
    content: "";
    position: absolute;
    height: 1px;
    top: 50%;
    width: 100%;
    background-color: #acacb6;
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse-divider_big--770af {
    height: 40px;
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a .styles__tabby-promo__graph__ellipse-section-1_dark--16948 {
    background: linear-gradient(90deg, #fff 50%, transparent 50%), linear-gradient(0deg, transparent 50%, var(--dark-ellipsis-color) 50%);
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a .styles__tabby-promo__graph__ellipse-section-1--071c6 {
    background: linear-gradient(90deg, #fff 50%, transparent 50%), linear-gradient(0deg, transparent 50%, var(--active-ellipsis-color) 50%);
    height: 100%;
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 100%;
    box-sizing: border-box;
    top: 0;
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a.styles__tabby-promo__graph__ellipse_dark--a9aa7 {
    border: 1px solid var(--dark-ellipsis-color);
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a.styles__tabby-promo__graph__ellipse_active--e6983 {
    border: 1px solid var(--active-ellipsis-color);
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a.styles__tabby-promo__graph__ellipse_big--be9f4 {
    height: 40px;
    min-width: 40px;
}
.styles__tabby-promo__graph--d0747 .styles__tabby-promo__graph__ellipse--4e44a {
    display: inline-block;
    height: 32px;
    min-width: 32px;
    border-radius: 100%;
    border: 1px solid #acacb6;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-sizing: border-box;
}
.styles__tabby-promo__graph--d0747 {
    padding: 0 18px 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    --active-ellipsis-color: #3eedbf;
    --inactive-ellipsis-color: #d1ced4;
    --dark-ellipsis-color: #54545c;
}
.styles__body--a3828 *, .styles__body--a3828 *::before, .styles__body--a3828 *::after {
    box-sizing: inherit;
    text-transform: none;
    text-transform: initial;
}
.styles__example--1c3e5 > :not(:first-child) {
  margin-top: 16px;
}
.styles__result__type_short--e11a2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 630px){
	.styles__result--4ad09 {
	  grid-template-columns: 2fr 3fr;
	}
}
.styles__result--4ad09 {
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid #e6e5e9;
  padding: 16px 24px;
  border-radius: 12px;
  margin-top:18pt;
}
.styles__body--a3828 *, .styles__body--a3828 ::before, .styles__body--a3828 ::after {
  box-sizing: inherit;
  text-transform: none;
  text-transform: initial;
}

.styles__column--63e2c {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.styles__column--63e2c .styles__cell--a2558.styles__cell_font-bold--9a2d8 {
  font-style: normal;
  font-weight: bold;
}
.styles__column--63e2c .styles__cell--a2558 {
  font-size: 18px;
  line-height: 14px;
}
.styles__column--63e2c .styles__cell--a2558.styles__cell_bold--667ed {
  font-size: 18px;
  line-height: 22px;
}
.styles__column--63e2c > :not(:first-child) {
  margin-top: 8px;
}
  @media (max-width: 630px){
.styles__result--4ad09 > :not(:first-child) {
  margin-left: 0;
  margin-top: 8px;
}
}
.styles__columns-container--ae956 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.tabbypopup{margin-bottom:14pt;}
#product {
  margin-top: 10px!important;
}
.tabby-popup-title {
    font-family: Radial;
    font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    padding-bottom: 4px;
    background: linear-gradient(270deg, #9450ff 0%, #6bf 45%, #00eba9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}