/* age bug fix and standart style */
h1 {
    font-size: 1.50rem;
}
h2,h3,h4 {
    font-size: 1.2rem;
}
h5,h6 {
    font-size: 1rem;
}
body.modal-open {
    padding: 0px !important;
}
.cart-empty-alert, .payment-success-alert {
    text-align: center;
}
.modal-footer {
    display: unset !important;
}
.btn-success {
    background: linear-gradient(180deg, #F4FDBE -55.25%, #2A8D3B 100%);
    border-color: #2A8D3B;
}
.btn-success:hover,.btn-success:target,.btn-success:active,.btn-success:focus {
    background: linear-gradient(180deg, #F4FDBE -55.25%, #2A8D3B 100%) !important;
    border-color: #2A8D3B !important;
    box-shadow: none !important;
    outline: none !important;
}
.btn-primary {
    color: #2A8D3B !important;
    background: transparent !important;
    border: 1px solid #2A8D3B !important;
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary:target {
    color: #2A8D3B !important;
    background-color: transparent !important;
    background: transparent !important;
    border:1px solid #2A8D3B !important;
    box-shadow: none !important;
    outline: none !important;
}
.swal-button {
    background: linear-gradient(180deg, #F4FDBE -55.25%, #2A8D3B 100%);
}
.breadcrumb-wrapper {
    margin: 1rem 0;
}
.product-body .breadcrumb-wrapper {
    margin-top: 0;
}
.breadcrumb-wrapper .breadcrumb {
    margin: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.p-g-mod-breadcrumb {
    margin: 0px !important;
}
.age-space-block {
    margin-bottom: var(--age-space-block);
}
.sidebar-menu-type-2 .mobile-search .easy-autocomplete {
    width: 100% !important;
    margin-bottom: 20px;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
/* age bug fix and standart style end */
/* ajax liste */
.ajax-footer {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.ajax-footer .items {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 14px;
}
.ajax-footer .items .left span {
    padding-left: 4px;
    font-size: 10px;
}
.ajax-btn-cart {
    margin-bottom: 8px;
    height: 36px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #F4FDBE -55.25%, #2A8D3B 100%);
    border-radius: 4px;
    color: #fff;
}
.ajax-btn-payment {
    margin-bottom: 8px;
    height: 36px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #181818;
    border-radius: 4px;
    color: #fff;
}
.ajax-btn-cart:hover, .ajax-btn-payment:hover {
    color: #fff;
}
/* ajax liste end */
/* login page style */
.login-page-title-block h4 {
    font-size: 21px;
    font-weight: 500;
    margin: 0;
    line-height: normal;
    margin-bottom: 25px;
    text-align: center;
}
.login-page-body {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 20px;
    background: #fff;
}
.login-page-body-top {
    margin-bottom: 15px;
}
.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link, .login-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
    border: none !important;
    background: linear-gradient(180deg, #F4FDBE -55.25%, #2A8D3B 100%) !important;
    color: #fff !important;
}
.login-body .p-g-mod-t-4 .nav-tabs .nav-item {
    flex: 1;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #2A8D3B !important;
    background: transparent;
    color: #2A8D3B;
    font-weight: 500;
    font-size: 15px;
    transition: all var(--transition-time);
    padding: 10px 15px;
}
.login-body .p-g-mod-t-4 .btn-success {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    height: 50px;
    align-items: center;
    font-weight: 500;
    border: none;
}
.pass-forgot-btn {
    width: 100%;
    text-align: center;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: underline;
    font-size: 13px;
    color: #a1a1a1;
    padding: 0px;
}
.login-form input,.common-register-form .row input {
    padding: 24px;
    font-size: 12px;
}
.form-phone-control {
    padding: 24px 50px !important;
}
.login-page-agreement-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.login-page-agreement-block .login-page-agreement-item:last-child {
    margin: 0px;
}
.login-page-agreement-item label {
    margin: 0px;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.login-page-socialmedia-buttons {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 8px;
}
.login-body .p-g-mod-t-4 .btn-google-login, .login-body .p-g-mod-t-4 .btn-fb-login {
    background: #fff !important;
    text-shadow: none !important;
    color: #181818 !important;
    border: 1px solid #e2e2e2 !important;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    padding: 2px 4px;
    gap: 8px;
}
.login-body .p-g-mod-t-4 .btn-without-login {
    color: #fff !important;
    background: linear-gradient(180deg, #F4FDBE -55.25%, #2A8D3B 100%) !important;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 43px;
    border: none !important;
}
.login-body .p-g-mod-t-4 .btn-without-login i {
    line-height: 0;
}
.login-page-body-top .nav-tabs {
    border: none;
}
.yeni-giris {
    margin-bottom: 1rem;
    border: 1px solid #000;
    padding: 10px 15px;
    border-radius: 5px;
}
.yeni-giris span {
    color: #575757;
}
.yeni-giris span b button {
    font-weight: 500;
    color: #000;
    padding: 0;
    margin: 0;
}
.yeni-giris span, .yeni-giris span b button {
    font-size: 13px;
    line-height: normal;
}
/* login page style end */
/* hızlı giriş kutusu */
.fastlogin-box-item {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.native-modal .modal-content .modal-header .close {
    border: 1px solid #a7a7a7;
    border-radius: 99px;
    color: #000;
    font-size: 16px;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fastlogin-box-item input {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 23px 18px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fastlogin-box-buttons button {
    padding: 0.5rem;
    width: 50%;
    margin-bottom: 0!important;
    font-size: 15px;
    border-radius: 0.2rem;
    color: #fff;
    border: 1px solid #000;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fastlogin-box-buttons a {
    padding: 0.5rem;
    width: 50%;
    border-radius: 0.2rem;
    color: #383838;
    border: 1px solid #383838;
    background: none;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fastlogin-box-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.fastlogin-box-social-buttons {
    display: flex;
    gap: 10px;
    flex-direction: row;
}
.fastlogin-box-social-buttons a {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #e5e5e5 !important;
    gap: 10px;
    text-shadow: none !important;
    border-radius: 7px !important;
    height: 47px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    width: 100%;
}
.fastlogin-box-social-buttons a img {
    width: 25px;
    height: 25px;
}
/* hızlı giriş kutusu end */
/* stok yok */
.stock-alert {
    padding: 15px;
}
.stock-alert .left .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.stock-alert .left h4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    font-size: 15px;
    margin: 0;
    line-height: normal;
    font-weight: 600;
}
.stock-alert .right,.stock-alert .left {
    height: 100%;
    display: flex;
}
.stock-alert .right, .stock-alert .left {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.stock-alert .right {
    justify-content: center;
    align-items: flex-end;
}
.stock-alert .right a {
    background: #ffffff;
    color: #721c24;
    font-weight: 400;
    padding: 11px 25px;
    font-size: 13px;
    border-radius: 200px;
    display: flex;
    align-items: center;
    line-height: normal;
    gap: 6px;
}
/* stok yok end */
/* profil degerlendirme */
.product-reviews {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    cursor: pointer;
}
.product-reviews #myButton2 {
    color: #666;
    font-size: 11px;
    padding-left: 4px;
}
.product-reviews #myButton3 {
    color: #000;
    padding-left: 6px;
    margin-left: 10px;
    border-left: 1px solid #000;
    font-size: 12px;
}
/* profil degerlendirme end */
/* kategori sayfa */
.pattern-group-body .p-g-mod-t-cat-filter .p-g-mod-header-p-0 {
    height: auto;
    margin-bottom: 10px;
}
.cat-responsive-popup .c-r-p-bar .p-g-mod {
    padding: 10px 15px;
}
.category-filter-list .list-wrap .list li.active a {
    font-weight: 600;
}
.selected-filters-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    gap: 32px;
}
.selected-filters-wrapper .col-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    flex: 1;
    flex-wrap: wrap;
}
.selected-filters-wrapper #reset-all-filters {
    color: #A1A1A1;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    background: transparent;
    border: none;
    padding: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}
.selected-filters-wrapper .selected-filter-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 0px 15px;
    color: #0A0400;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.selected-filters-wrapper .selected-filter-item .remove-filter {
    padding: 0px;
    border: none;
    outline: none;
    cursor: pointer;
    user-select: none;
}
/* kategori sayfa end */
/* scroll top style */
.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    background: #fff;
}
.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.progress-wrap::after {
    position: absolute;
    content: "";
    background: url(icons/toparrow.svg);
    background-size: cover;
    width: 25px;
    height: 25px;
    left: 22%;
    top: 24%;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap svg path {
    fill: none;
}
.progress-wrap svg.progress-circle path {
    stroke: rgba(0, 0, 0);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.payment-body .progress-wrap {
    display: none;
}
/* scroll top style end */
/* age share style */
#shareModal {
    position: absolute;
    z-index: 999;
    right: 0.5%;
    top: 1.4%;
}
.modal-inside {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}
#shareModal {
    display: none;
}
.overlayAge {
    display: none;
    position: fixed;
    width: 100%;
    background: #65656585;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 123;
        cursor: pointer;
}
.jssocial-sh {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.jssocial-sh a {
    border-radius: 50% !important;  
    border: 1px solid #a1a1a1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.jssocial-sh-link:active, .jssocial-sh-link:focus, .jssocial-sh-link:hover {
    background: #a1a1a1 !important;
}
#shareLink {
    width: 76.9%;
    outline: none;
    border: 1px solid #333;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#copyD {
    background: #333;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.copyArea {
    display: flex;
    margin-top: 0.3rem;
}
.modal-inside .close {
    font-size: 1rem;
    color: #000;
    background: #fff;
    z-index: 123;
    right: 10px;
    position: absolute;
    top: 11px;
    opacity: 1;
    padding: 18px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.modal-inside .close img {
    max-width: 18px;
}
.modal-inside .close:hover{
    opacity: 1!important;
}
.modal-inside {
    background: #fafafa;
    max-width: 245px;
    width: 245px;
    max-height: 240px;
    z-index: 124;
    border-radius: 100px;
    padding: 0px 2px;
    transform: translateZ(0);
    margin: 0 auto;
    border: 1px solid #e2e2e29c;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.social-sh.jssocials {
    margin-bottom: 1rem;
}
.detail-title {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.social-sh {
    padding: 5px 0;
    display: flex;
    align-items: center;
}
.social-sh a {
    padding: 5px 5px;
    text-decoration: none!important;
}
.social-sh img{
    border-radius: 50px;
}
.share-icon {
    padding: 5px 10px;
}
.tooltip{
    position: inherit!important;
    opacity: 1!important;
}
.tooltip .tooltiptext {
    text-align: center;
    padding: 5px;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .copy-status {
    background: #181818;
    color: #fff;
    position: absolute;
    right: 45px;
    bottom: -36px;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    opacity: 0;
}
/* age share style end */
/* sepet style */
.basketpage-items .basketpage-item {
    padding: 30px;
    border-radius: 0px;
    background: #fff;
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
}
.basketpage-items .basketpage-item:last-child {
    margin: 0px;
}
.bpitem-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    height: 100%;
}
.bpitem-right {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bpitem-right .bpitem-trash, .bpitem-right .bpitem-quantity, .bpitem-right .bpitem-price {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: center;
}
.bpitem-img {
    border: 1px solid #e2e2e2;
    border-radius: 0px;
    padding: 0px;
}
.bpitem-img .img-auto {
    border-radius: 0px;
    width: 100%;
    height: 100%;
}
.agecart-ozet{
    padding: 30px ;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    background: #fafafa;
}
.ageozet-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.03em;
    color: #000000;
    border-top: 0!important;
    padding: 0.7rem 0px !important;
}
.ageozet-text2{
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.03em;
    color: #181818;
    border-top: 0!important;
    text-align: end;
}
.ageozet-text3{
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.03em;
    color: #181818;
    padding: 20px 0px!important;
}
.final{
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: #181818;
}
.ageozet-text4{
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.03em;
    color: #A1A1A1;
}
.ageozet-final{
    display: flex;
    flex-direction: column;
    align-items: end;
}
.payment-final-buttons-1 .btn-complete {
    background: #181818;
    border-color: #181818;
    padding: 18px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    font-size: 14px;
    gap: 2px;
}
.payment-final-buttons-1 .btn-complete:hover{
    background: #181818;
    border-color: #181818;
}
.ageindirim-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #181818;
}
p.ageindirim-sub {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.03em;
    color: #A1A1A1;
    padding-top: 8px;
    padding-bottom: 20px;
}
.ageindirim{
    margin-top: 40px;
}
.agecart {
    width: 100%;
    background: transparent;
    border-radius: 0px;
    border-radius: 10px;
}
tr.agecart-2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 35px;
    width: 60%;
}
td.td-product {
    flex: 2;
}
td.td-price {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
td.td-quantity {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.td-product .p-info {
    padding-top: 20px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
td.td-total-price {
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.agesepet-title {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.03em;
    color: #181818;
    background: none;
    padding: 25px 0;
}
.agesepet-title h5{
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #181818;
}
.shopping-cart-1 {
    border: 1px solid #e2e2e2;
    border-radius: 14px;
    background: #fff;
}
.td-product .product{
    margin-left: 45px;
}
.td-product .image {
    border: none;
    padding: 0;
    height: max-content;
}
.td-product .p-info a {
    font-weight: 400!important;
    font-size: 15px!important;
    line-height: 21px;
    letter-spacing: -0.03em;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.td-total-price .value {
    font-weight: 500;
    font-size: 17px;
    line-height: normal;
    letter-spacing: -0.53px;
    color: #000000;
}
.product-quantity .btn:hover{
    background: transparent;
}
.agecartbody{
    display: flex;
    border-bottom: 1px solid #e2e2e2;
}
.agecartbody:last-child{
    border-bottom: 0;
}
.agesepet-ep2{
    display: flex;
    width: 60%;
    flex-direction: row-reverse;
}
.p-info .variants{
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.03em;
    color: #B8B8B8;
    padding-top: 6px;
}
.sepet-promosyon-Age {
    color: #0A7608;
    background: #adeca77d;
    padding: 10px;
    font-size: 11px;
    border-radius: 5px;
    margin-bottom: 0.4rem;
}
.agesepetcek{
    text-align: end;
}
.agesepetcek2{
    padding: 0.75rem 0!important;
}
.bpgift-form form .input-group {
    position: relative;
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
    height: 50px;
    font-size: 12px;
    font-weight: 300;
    border-radius: 200px;
    padding-left: 20px !important;
    border: 1px solid #e2e2e2 !important;
}
.bpgift-form form .input-group .btn-secondary {
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 0;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 12px !important;
    padding: 0px 14px !important;
    border-radius: 200px;
    z-index: 4;
}
.shopping-cart-1 .sepet-product-quantity .btn {
    width: 25px;
    height: 30px;
    font-size: 10px;
}
.shopping-cart-1 .sepet-product-quantity input {
    width: 40px;
    height: 30px;
    font-size: 13px;
}
.sepet-product-quantity .btn {
    background: #fff;
    color: #484848;
    border-color: transparent!important;
    font-size: 11px;
    font-weight: 500;
    width: 30px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 0 !important;
}
.sepet-product-quantity {
    border: none;
    border-radius: 200px;
    justify-content: center;
    max-width: 10rem;
    display: flex;
    align-items: center;
    border: 1px solid #e2e2e2;
}
td.sepet-td-price {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sepet-product-quantity .btn.sepet-btn-minus {
    border-radius: 0!important;
    padding: 20px;
}
a.btn.sepet-btn-minus {
    background: none;
}
.sepet-td-price input.sepet-form-control {
    height: 42px;
    padding: 0;
    text-align: center;
    border: none !important;
}
.shopping-cart-1 .td-product .product .image .img-auto {
    border-radius: 10px;
}
a.btn.sepet-btn-plus {
    background: none;
}
.sepet-product-quantity .btn.sepet-btn-plus {
    border-radius: 0 !important;
    padding: 20px;
}
.p-g-mod-base-content {
    border: none;
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
    font-size: 14px;
    font-weight: 500;
    background: #181818;
    border-color: #181818;
    padding: 13px 32px;
}
.bpdefault-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    margin-bottom: 15px;
}
.bpdefault-title h4 {
    margin: 0px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #181818;
}
.bpdefault-title span {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: -0.03em;
    color: #A1A1A1;
}
.bpgift-form input {
    font-size: 15px;
    font-weight: 400;
    height: 52px;
    padding-left: 15px;
    border-right: 0;
    border-radius: 10px 0px 0px 10px;
}
.bpgift-form button {
    font-size: 13px;
    font-weight: 500;
    background: #000;
    border-color: #000;
    padding: 0px 24px;
    border-radius: 0px 10px 10px 0px;
    text-transform: uppercase;
}
.basketpage-giftblock {
    margin-top: 35px;
}
.pcarts1-card {
    padding: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    background: #fff;
}
.pcart-table-item {
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pcarts1-table .pcart-table-item:last-child {
    border: none;
    padding: 10px 0px 0px 0px;
}
.pcart-table-item .row {
    width: 100%;
}
.pcart-table-item .row .col-12 {
    padding: 0px;
}
.pcartitem-right, .pcartitem-left {
    display: flex;
    height: 100%;
    align-items: center;
}
.pcartitem-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.pcart-table-title1 {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #000000;
    margin: 0px;
}
.pcart-table-title2 {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: #181818;
}
.pcart-table-titlefinal {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.03em;
}
.payment-cart-summary-1 .summary tfoot .final,.pcart-table-titlefinal {
    color: #181818;
}
.pcart-table-title3 {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #A1A1A1;
}
.pcarts1-table {
    margin-bottom: 15px;
}
.bpitem-quantity .product-quantity input:active, .bpitem-quantity .product-quantity input:focus {
    height: 30px;
    font-size: 13px;
}
.pcart-table-item .col-6 {
    padding: 0px;
}
.pcarts1-paymentcard {
    padding: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}
.invoice-info-description {
    padding: 0px;
    background: transparent;
    border-radius: 0;
}
.payment-cart-summary-1 .summary {
    background: transparent;
}
.payment-summary-section {
    margin-bottom: 15px !important;
}
.pcart-tab .p-list-button {
    background: #fafafa;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}
.payment-cart-summary-1 .summary tfoot th {
    border: 0;
    padding: 0px;
}
.payment-cart-summary-1 .summary tfoot tr {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.payment-cart-summary-1 .summary tfoot tr:last-child {
    border: none;
    padding: 10px 0px 0px 0px;
}
.pcart-tab .p-list {
    background: #fafafa;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 5px;
}
.pcart-tab .p-list th,.pcart-tab .p-list td {
    border: none;
}
.pcart-tab .p-list tbody tr {
    border-top: 1px solid #e2e2e2;
}
.shipment-methods .method .price .text-success {
    color: #000 !important;
}
.payment-method-form .alert {
    border: 1px solid #e2e2e2;
    margin-top: 15px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.payment-method-form .alert a:hover {
    color: var(--basket-main);
}
/* sepet style end */
/* Yorum Modülü 92 */
.product-comment-list-v2 .leave-comment .btn {
    border-radius: 10px;
    background: #D9D9D9;
    border-color: #d9d9d9;
    gap: 16px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.52px;
}
.product-comment-list-v2 .leave-comment .description {
    color: #A1A1A1;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.48px;
}
.right-star i.fa.fa-star {
    color: #d9d9d9;
}
.right-star i.fa.fa-star {
    color: #d9d9d9;
    font-size: 16px;
}
.product-comment-list-v2 .score .stars .star.fill {
    color: #ffc000!important;
}
.product-comment-list-v2 .score .total {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-bottom: 20px;
}
.product-comment-list-v2 .score .count {
    margin-top: 15px;
    color: #A1A1A1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.64px;
}
.product-comment-list-v2 .summary .item .rate .light {
    background: #d9d9d9;
}
.product-comment-list-v2 .summary .item .stars {
    color: #d9d9d9;
}
.product-comment-list-v2 .summary .item .rate .fill {
    background: #ffc000;
}
.product-comment-list-v2 .summary .item .stars .fill {
    color: #ffc000;
}
.product-comment-list-v2 {
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    padding: 30px;
    background: #fff;
}
.product-comment-list-v2 .title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.36px;
}
.product-comment-list-v2 .comments .item {
    border-bottom: 0;
    padding: 20px 40px;
    border-radius: 10px;
    background: #FAFAFA;
    margin-bottom: 20px;
}
.product-comment-list-v2 .comments .item .customer .stars {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #e2e2e2;
    display: flex;
    gap: 3px;
    height: 100%;
    align-items: center;
}
.product-comment-list-v2 .comments .item .customer .stars i.fill {
    color: #ffc000;
}
.product-comment-list-v2 .comments .item .customer .approved {
    background: transparent;
    color: #259A35;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.56px;
    display: flex;
    gap: 6px;
    margin-right: 40px;
}
.product-comment-list-v2 .comments .item .customer {
    height: 35px;
}
.product-comment-list-v2 .comments .item .customer .name {
    margin-right: 20px;
    min-width: 50px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.64px;
    padding-right: 20px;
    border-right: 1px solid #e2e2e2;
    height: 100%;
}
.product-comment-list-v2 .comments .item .customer .date {
    margin-right: 10px;
    color: #BBB;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: -0.68px;
}
.product-comment-list-v2 .comments .item .comment {
    margin-top: 16px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.64px;
}
.product-comment-list-v2 .comments .item .control .like span {
    color: #BBB;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.48px;
}
/* Yorum Modülü 92 */
.p-g-mod-t-63 .p-g-mod-body {
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    height: 460px;
    margin-top: 15px;
    border: 1px solid #f4f4f4;
    border-radius: 30px;
}
.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .input-box {
    padding-right: 0;
}
.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form {
    position: relative;
}
.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form input {
    height: 54px !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 200px !important;
    font-size: 12px;
    font-weight: 300;
}
.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 5px;
}
.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form {
    box-shadow: none;
    position: relative;
    max-width: 480px;
}
.card-help-title .entries {
    margin-top: 10px;
    display: block;
    text-align: center;
}
.card-help-title {
    border-radius: 8px;
    padding: 0;
    background: transparent;
    height: 100%;
}
.card-help-title .image img {
    max-width: 100%;
    max-height: 60px;
    width: 25px;
    height: 25px;
}
.card-help-title a.title {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    gap: 11px;
    padding: 17px 15px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #f4f4f4;
    margin-top: 0;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    height: 100%;
}
.destekmerkezi-description {
    font-size: 22px;
    margin-bottom: 12px;
    text-align: center;
}
.p-g-mod.p-g-mod-t-61.p-g-mod-help-group.p-g-mod-trans span {
    font-size: 15px;
    font-weight: 400;
}
.p-g-mod.p-g-mod-t-61.p-g-mod-help-group.p-g-mod-trans .card-body {
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    padding: 20px 30px;
}
.p-g-mod-t-63 .p-g-mod-body .help-search-wrapper form .btn-send {
    width: auto;
    border: none;
    position: absolute;
    right: 12px;
    bottom: 0;
    top: 10px;
    color: #fff;
    background: #000;
    height: 34px;
    border-radius: 200px !important;
    padding: 0px 14px;
    font-weight: 400;
    font-size: 12px;
}
.help-search-tool {
    display: none;
}
.help-searh-form-sec .p-g-mod, .help-title-sec .p-g-mod {
    margin-bottom: 0px;
}
.help-entries .card {
    border-radius: 13px;
}
.help-entries .card-header a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    padding: 20px 30px;
    color: #000;
}
/* Destek Merkezi Css */
/* no name */
.sidebar-menu-type-2 .mobile-search form {
    position: relative;
}
.sidebar-menu-type-2 .mobile-search form .form-control {
    height: 43px;
    font-size: 11px;
    border-radius: 200px;
    border: 1px solid #e2e2e2;
    box-shadow: none;
    padding-left: 17px;
    color: #181818;
}
.sidebar-menu-type-2 .mobile-search form .form-control::placeholder {
    color: #a1a1a1;
}
.sidebar-menu-type-2 .mobile-search form button {
    padding: 0;
    width: auto;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.sidebar-menu-type-2 .mobile-search i {
    font-size: 18px;
}
.sidebar-menu-type-2 .sidebar-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0px;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
}
.sidebar-menu-type-2 .sidebar-header .logo img {
    max-height: 40px;
}
.sidebar-menu-type-2 .sidebar-header .mobile-menu-close {
    line-height: normal;
    font-size: 15px;
}
.product-carousel-top,.product-carousel-right {
    position: relative;
}
.product-carousel-top {
    margin-bottom: 10px;
    border-radius: 24px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    padding: 60px;
}
.product-thumb-item {
    border-radius: 12px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    padding: 10px;
}
.swiper-product-thumb {
    height: 100%;
}
.product-thumb-item {
    cursor: pointer;
}
.product-thumb-item img {
    height: 100%;
    width: 100%;
    border-radius: 10px;
}
.product-carousel-top .swiper-products-bottom a img {
    border-radius: 24px;
}
.swiper-products .swiper-slide img,.swiper-products-bottom .swiper-slide img {
    width: 100%;
    height: 100%;
}
.product-carousel-left, .product-carousel-right {
    height: 100%;
}
.pd-carousel-next, .pd-carousel-prev {
    color: #000;
    --swiper-navigation-size: 24px;
}
.agecartbody .last-agecart-mbil {
    margin-top: -5px;
    padding: 0px 16px 15px 19px;
    display: none;
}
.shopping-cart-1 .td-product .product .special-desing-alert {
    margin-top: 0;
    font-size: 12px;
    color: #575757;
    font-weight: 400;
}
/* no name end */
@media (max-width:1440px) {
    .selected-filters-wrapper .selected-filter-item {
        font-size: 11px;
        padding: 7px 12px;
    }
    .selected-filters-wrapper #reset-all-filters {
        font-size: 12px;
    }
}
@media (max-width:991px) {
    .td-product .p-info {
        padding-top: 0;
        padding-left: 15px;
        flex-direction: column;
        gap: 2px;
        height: auto;
        justify-content: center;
    }
    .td-product .p-info a {
        font-size: 13px!important;
    }
    .agecartbody .last-agecart-mbil {
        display: block;
    }
    .shopping-cart-1 .td-product .product {
        align-items: stretch;
    }
    .shopping-cart-1 .td-product .product .image {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .shopping-cart-1 .td-product .product .image a .img-auto {
        width: 85px;
        height: 100%;
    }
    .shopping-cart-1 .td-product .product .special-desing-alert {
        font-size: 11px;
        line-height: normal;
    }
    .agecartbody .last-agecart-mbil .special-desing-alert {
        margin-top: 6px;
        font-size: 12px;
        color: #000;
        font-weight: 500;
    }
    td.td-quantity {
        flex: unset;
        width: fit-content;
    }
    .product-reviews #myButton3 {
        margin-left: 6px;
        font-size: 10px;
    }
    .product-carousel-top {
        padding: 20px;
    }
    .payment-final-buttons-1 {
        height: 75px;
    }
    .product-reviews #myButton2[data-target="#bu-pro-package-comments"] {
        padding: 0px;
        line-height: normal;
    }
    .product-reviews #myButton2[data-target="#bu-pro-package-comments"] .count {
        font-size: 10px;
    }
    .product-reviews #myButton2 {
        font-size: 10px;
    }
    .breadcrumb-wrapper .breadcrumb {
        gap: 5px;
    }
    .agedestekmerkezi .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 66%;
        max-width: 66%;
    }
    .card-help-title .image img {
        max-width: 100%;
        max-height: 60px;
        width: 25px;
        height: 25px;
    }
    .card-help-title {
        border-radius: 8px;
        padding: 0;
        width: 100%;
    }
    .destekmerkezi-description {
        font-size: 17px !important;
        margin-bottom: 12px;
        text-align: center;
    }
        .pattern-group-p-help_detail .p-g-mod.p-g-mod-t-59.p-g-mod-help-group.p-g-mod-trans .row {
        display: flex;
        overflow-x: scroll;
        flex-wrap: nowrap;
        font-size: 14px;
    }
    .card-help-title a.title {
        gap: 6px;
        font-size: 13px;
    }
    .pattern-group .p-g-mod .p-g-mod-body.p-g-mod-body-p-0 {
        padding: 0;
    }
    .p-g-mod-t-63 .p-g-mod-body .help-search-wrapper .title {
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 10px;
        gap: 4px;
    }
    .p-g-mod.p-g-mod-t-63.p-g-mod-full-screen.p-g-mod-trans.destek-aciklama {
        margin-bottom: 0;
    }
    .p-g-mod.p-g-mod-t-63.p-g-mod-full-screen.p-g-mod-trans {
        margin-bottom: 0;
    }
    .help-entries .card-header a {
        font-size: 14px;
    }
    .p-g-mod.p-g-mod-t-61.p-g-mod-help-group.p-g-mod-trans span {
        font-size: 14px;
        font-weight: 400;
    }
    .p-g-mod.p-g-mod-t-61.p-g-mod-help-group.p-g-mod-trans .card-body {
        font-size: 14px;
        font-weight: 400;
    }
    .selected-filters-wrapper {
        gap: 10px;
    }
    .selected-filters-wrapper #reset-all-filters {
        font-size: 11px;
        padding: 8px 14px;
        line-height: normal;
    }
    .selected-filters-wrapper .selected-filter-item {
        font-size: 11px;
        padding: 7px 8px;
        width: calc(33.3333333333% - 10px);
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .login-body .p-g-mod-t-4 .btn-google-login img, .login-body .p-g-mod-t-4 .btn-fb-login img {
        width: 23px;
    }
    .login-body .p-g-mod-t-4 .btn-google-login, .login-body .p-g-mod-t-4 .btn-fb-login {
        font-size: 13px;
    }
    .login-page-socialmedia-buttons {
        flex-direction: column;
    }
    .product-carousel-right {
        margin-bottom: 10px;
    }
    .product-comment-list-v2 {
        border: none;
    }
    .shopping-cart-1 .td-total-price {
        flex: 1;
        padding: 0;
        justify-content: flex-start;
    }
    td.sepet-td-price {
        flex: 2;
    }
    .td-total-price .value {
        font-size: 14px;
    }
    .td-product .product {
        margin-left: 0;
    }
    tr.agecart-2 {
        margin-top: 15px;
        margin-bottom: 10px;
        width: 100%;
        padding: 0px 20px;
    }
    .shopping-cart-1 td {
        padding: 0;
    }
    .sepet-product-quantity {
        width: 108px;
    }
    .sepet-td-price input.sepet-form-control {
        height: 34px;
        font-size: 12px;
    }
    td.td-quantity .btn img {
        width: 23px;
        height: 100%;
    }
    td.td-quantity .btn {
        padding: 0px;
    }
    .shopping-cart-1 .sepet-product-quantity .btn {
        height: 34px;
        font-size: 8px;
        padding: 0px !important;
    }
    .agesepet-ep2 {
        width: 100%;
        padding: 0px 20px;
        margin-bottom: 15px;
    }
    .agecartbody {
        flex-direction: column;
    }
    .cat-responsive-popup .buttons a {
        width: 50%;
    }
    .stock-alert .left h4 {
        font-size: 12px;
    }
    .stock-alert .left .title img {
        width: 25px;
        height: auto;
    }
    .stock-alert .right a {
        padding: 9px 11px;
        font-size: 11px;
    }
    .stock-alert .right {
        align-items: flex-end;
    }
    .age-space-block {
    	margin-bottom: var(--age-space-block-mobil);
    }
}
/* payment style */
.payment-steps-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px 60px;
    margin-bottom: 35px;
    height: 60px;
}
.payment-steps-1 .step {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    flex: 1;
    gap: 12px;
}
.payment-steps-1 .step.step-2 {
    justify-content: center;
}
.payment-steps-1 .step.step-3 {
    justify-content: flex-end;
}
.payment-steps-1 .step::before,
.payment-steps-1 .step::after {
    display: none;
}
.payment-steps-1 .step .circle {
    background: var(--bakset-bgg-light);
    margin: 0;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--basket-text-grey1);
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
}
.payment-body-sec .container {
    max-width: 1240px !important;
}
.basket-modul-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: var(--basket-rounded);
    border: 1px solid var(--bakset-bgg-light);
    background: #FFF;
    margin-bottom: 30px;
}
.basket-modul-block .head-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: var(--basket-rounded) var(--basket-rounded) 0 0;
    border-bottom: 1px solid var(--bakset-bgg-light);
    background: var(--basket-bg2);
    cursor: pointer;
    user-select: none;
}
.basket-modul-block .head-block .first {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: var(--basket-text-black);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.basket-modul-block .bottom-block {
    padding: 0;
    opacity: 0;
    height: 0;
    transition: 0.5s;
    display: none;
}
.basket-modul-block[data-accordion-toggle="false"]  .bottom-block {
    animation: dSidebarHeightOpen 0.6s ease forwards;
    height: 100%;
    animation-delay: 0.3s;
}
.basket-modul-block[data-accordion-toggle="true"] .bottom-block {
    padding: 30px 20px;
    height: fit-content;
    opacity: 1;
    display: block;
}
.basket-modul-block[data-accordion-toggle="false"] .head-block {
    border-radius: var(--basket-rounded);
    border-bottom: none;
}
.basket-modul-block[data-accordion-toggle="false"] .head-block .dropdown-icon svg {
    transform: rotate(360deg);
}
.basket-modul-block .head-block .dropdown-icon {
    border-radius: 200px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}
.basket-modul-block .head-block .dropdown-icon svg {
    transform: rotate(180deg);
}
.payment-body.form-group label {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}
.payment-body .form-control {
    height: 44px;
    border-radius: 8px;
    border: 1px solid #F4F4F4;
    background: #FBFBFB;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    padding-left: 16px;
}
.payment-body select.form-control {
    background: transparent;
    color: #A1A1A1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M4.15381 6L6.92304 8.76923L9.69227 6' stroke='%23666666' stroke-linecap='square'/></svg>");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: calc(100% + -16px) 50%;
}
.invoice-info-description {
    background: transparent;
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 15px;
}
.invoice-info-description label {
    margin: 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.payment-body input[type=checkbox], .payment-body input[type=radio] {
    -webkit-appearance: none;
    outline: none;
    content: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.payment-body input[type=checkbox]::before, .payment-body input[type=radio]::before {
    content: "";
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    background: transparent;
    border-radius: 2px;
}
.payment-body input[type=checkbox]:checked:before, .payment-body input[type=radio]:checked:before {
    content: "";
    background: #333;
}
.payment-body input[type=checkbox]:checked:after, .payment-body input[type=radio]:checked:after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'><path d='M0.707031 3.26706L2.80703 5.36706L6.7737 1.40039' stroke='white' stroke-linecap='square'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.shipment-methods .method {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    border: none;
}
.payment-form-group-1 .shipment-methods {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.shipment-methods .method .checkbox {
    margin-left: 0;
    width: fit-content;
}
.shipment-methods .method .checkbox .form-check {
    margin: 0px;
    width: fit-content;
    padding: 0;
}
.shipment-methods .method .checkbox .form-check input {
    margin: 0;
}
.shipment-methods .method .checkbox .form-check input[type=radio]::before {
    content: "";
    border-color: var(--basket-text-grey2);
    width: 20px;
    height: 20px;
    border-radius: 200px;
}
.shipment-methods .method .checkbox .form-check input[type=radio]:checked:before {
    background: transparent;
    border-color: var(--basket-main);
}
.shipment-methods .method .checkbox .form-check input[type=radio]:checked:after {
    content: "";
    display: block;
    background: var(--basket-main);
    width: 10px;
    height: 10px;
    border-radius: 200px;
}
.shipment-methods .method .first {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 30px;
}
.shipment-methods .method .name {
    gap: 30px;
}
.shipment-methods .method .name .image {
    margin: 0px;
    width: 100px;
    height: 60px;
    border-color: #E2E2E2;
    border-radius: 10px;
    padding: 10px 15px;
}
.shipment-methods .method.active .name .image {
    border-color: var(--basket-text-black);
}
.shipment-methods .method .name .info {
    gap: 10px;
}
.shipment-methods .method .name .info .title {
    color: var(--basket-text-black);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.shipment-methods .method .name .info .description {
    color: var(--basket-text-grey2);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.shipment-methods .method:hover {
    background: transparent;
}
.shipment-methods .method .price {
    padding: 0px;
    color: var(--basket-text-black);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.indent-block {
    margin-bottom: 23px;
    border: 1px solid var(--bakset-bgg-light);
    border-radius: var(--basket-rounded);
    overflow: hidden;
}
.indent-block .p-list-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
    height: 60px;
    background: #FFF;
    padding: 0px 20px;
}
.indent-block .p-list-button .last {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 10px;
}
.indent-block .p-list {
    display: none;
}
.indent-block .p-list.active {
    display: block;
}
.indent-block .p-list-button .last .icon {
    width: 25px;
    height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    padding-top: 2px;
}
.indent-block .p-list.active .table {
    border: 1px solid 1px solid var(--bakset-bgg-light);
    border-radius: 0px 0px var(--basket-rounded) var(--basket-rounded);
}
.indent-block .p-list.active .table tr,.indent-block .p-list.active .table tr td {
    border-color: var(--bakset-bgg-light);
}
.indent-block .p-list.active .table thead tr th {
    border-bottom: none;
    border-color: var(--bakset-bgg-light);
}
.indent-block .p-list-button .first {
    color: var(--basket-text-black);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.indent-block .p-list-button .last .count {
    color: var(--basket-text-grey2);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.df-order-box {
    border: 1px solid #f4f4f4;
    border-radius: 8px;
}
.df-order-box .head-block {
    border-bottom: 1px solid #F4F4F4;
    background: #FBFBFB;
    padding: 16px 20px;
}
.df-order-box .head-block .title {
    color: var(--basket-text-black);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.df-order-box .body-block {
    padding: 20px;
}
.df-order-box .body-block .payment-final-buttons-1 {
    margin-top: 16px;
}
.payment-cart-summary-1 .summary-table {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.payment-cart-summary-1 .summary-table .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
}
.payment-cart-summary-1 .summary-table .item span {
    color: var(--basket-text-grey1);
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.payment-cart-summary-1 .summary-table .item span.colored {
    color: var(--basket-main);
}
.payment-cart-summary-1 .summary-table .item.final {
    margin-top: -4px;
    border-top: 1px solid var(--bakset-bgg-light);
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--bakset-bgg-light);
}
.payment-cart-summary-1 .summary-table .item span b {
    color: var(--basket-text-black);
}
.payment-cart-summary-1 .summary-table .item span.final {
    font-size: 16px;
    color: var(--basket-text-black);
}
.basket-form-block .col-right {
    height: fit-content;
    position: sticky;
    top: 10px;
}
.df-policy-box .payment-agreement-checbox-2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    border-radius: 8px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    box-shadow: 0 0 3px 0 rgba(10, 13, 18, 0.05);
    padding: 20px;
}
.df-policy-box .payment-agreement-checbox-2 label {
    margin: 0px;
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 500;
    line-height: 170%;
}
.df-policy-box {
    margin-top: 20px;
}
.payment-agreement-checbox-1 {
    display: none;
}
.basket-form-block .block-bottom-sec .btn-back {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 5px;
    color: #666;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.basket-form-block .block-bottom-sec {
    margin-top: 50px;
}
.payment-form-methods.accordion {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.payment-form-methods.accordion .card {
    padding: 0px;
    margin: 0px;
    border-radius: 8px;
    border: 1px solid #F4F4F4;
    background: #FBFBFB;
}
.payment-form-methods.accordion .card .card-header {
    background: transparent;
    border: none;
    padding: 0px;
}
.payment-form-methods.accordion .card .card-header button.btn {
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
    text-decoration: none;
}
.payment-form-methods.accordion .card .card-header button.btn .title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.payment-form-methods.accordion .card .card-header button.btn  .dropdown-icon {
    width: 25px;
    height: 25px;
    border-radius: 119.048px;
    border: 1.19px solid #E2E2E2;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}
.payment-form-methods.accordion .card .card-header button.btn .dropdown-icon svg {
    transition: 0.5s;
}
.payment-form-methods.accordion .card .card-header button.btn[aria-expanded="true"] .dropdown-icon svg {
    transform: rotate(180deg);
}
.payment-form-methods.accordion .card .card-body {
    background: #fff;
}
.payment-success-alert {
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.payment-success-alert .title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}
.payment-success-alert .title-container .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    color: #181818;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.6px;
}
.payment-success-alert .title-container .description {
    color: #A1A1A1;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
    letter-spacing: -0.42px;
}
.payment-success-alert .title-container .description p {
    margin: 0px;
}
.payment-success-alert .order-number-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 17px;
}
.payment-success-alert .order-number-block .title {
    color: #181818;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.51px;
}
.payment-success-alert .order-number-block .copy-tool {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
    max-width: 222px;
    width: 100vh;
    padding: 12px 15px 12px 18px;
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    transition: 0.5s;
}
.payment-success-alert .order-number-block .copy-tool .number {
    color: #181818;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.45px;
    transition: 0.5s;
}
.payment-success-alert .order-number-block .copy-tool svg path {
    transition: 0.5s;
}
.payment-success-alert .order-number-block .copy-tool.copied {
    background: #288d0314;
    border-color: #288d033d;
}
.payment-success-alert .order-number-block .copy-tool.copied .number {
    color: #1b6101;
}
.payment-success-alert .order-number-block .copy-tool.copied svg path {
    stroke: #1b6101;
}
.df-order-box .body-block .alert-box.sucsess {
    margin-top: 20px;
    border-radius: 10px;
    border: 2px solid #168D03;
    background: rgba(22, 141, 3, 0.20);
    padding: 17px 0px;
    width: 100%;
    text-align: center;
    color: #168D03;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.42px;
}
.payment-newslestter-block {
    padding: 35px;
    border: 1px solid #f4f4f4;
    background: transparent;
    margin-bottom: 20px;
    border-radius: 11px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.payment-newslestter-block .first, .payment-newslestter-block .last {
    width: 50%;
    height: auto;
    display: flex;
    align-items: center;
}
.payment-newslestter-block .last {
    justify-content: flex-end;
}
.payment-newslestter-block .title-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.payment-newslestter-block .title-container .title {
    color: #181818;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.54px;
}
.payment-newslestter-block .title-container .description {
    color: var(--basket-text-grey2);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
}
.payment-newslestter-block .title-container .description a {
    color: #181818;
    letter-spacing: -0.32px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.payment-newslestter-block form .check-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #686868;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.42px;
}
.payment-newslestter-block form .check-block input.request::before {
    border-color: #E2E2E2;
}
.payment-newslestter-block form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.indent-block .p-list .content .item {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;
    padding: 0px 20px 20px 20px;
}
.indent-block .p-list .content .item .first {
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    overflow: hidden;
}
.indent-block .p-list .content .item .first img {
    max-width: 80px;
    width: 100%;
    height: 100%;
}
.indent-block .p-list .content .item .last {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    flex: 1;
}
.indent-block .p-list .content .item .last .title {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.42px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    height: auto;
}
.indent-block .p-list .content .item  .price-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.indent-block .p-list .content .item .price-group .sale-price {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.42px;
}
.indent-block .p-list .content .item .price-group .quantity {
    color: #A1A1A1;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.36px;
}
.indent-block .p-list .content .overflow-block {
    overflow: auto;
}
.indent-block .p-list .content {
    max-height: 155px;
    overflow: auto;
}
.payment-header {
    height: 62px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f4f4f4;
}
.payment-header .logo img {
    max-width: 165px;
    width: 100%;
    height: 100%;
}
.payment-header .col-first, .payment-header .col-last {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.payment-header .container,.payment-header .container .row {
    height: 100%;
}
.payment-header .col-last {
    justify-content: flex-end;
}
.payment-header .basket {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.payment-header .basket .icon svg {
    width: 27px;
    height: 100%;
}
.payment-header .basket span {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
body.payment-body {
    background: #fff;
}
.payment-form-group-1 .form-group textarea {
    padding-top: 14px;
}
.payment-body-sec {
    margin-bottom: 0px;
}
.payment-header .col-first .logo {
    position: absolute;
    top: 5px;
}
/* payment style end */
@media (max-width:991px) {
    .payment-header .basket span {
        font-size: 13px;
    }
    .payment-header .basket .icon svg {
        width: 24px;
    }
    .payment-header .logo img {
        max-width: 135px;
    }
    .df-order-box .body-block .alert-box.sucsess {
        margin-top: 10px;
        padding: 14px 0px;
        font-size: 13px;
    }
    .payment-success-alert .order-number-block .copy-tool svg {
        width: 20px;
        height: 100%;
    }
    .payment-success-alert .order-number-block .copy-tool .number {
        font-size: 13px;
    }
    .payment-success-alert .order-number-block .copy-tool {
        max-width: 165px;
        padding: 12px 10px 12px 12px;
    }
    .payment-success-alert .order-number-block .title {
        font-size: 14px;
    }
    .payment-success-alert .title-container .description {
        line-height: 18px;
    }
    .payment-success-alert .title-container .description p, .payment-success-alert .title-container .description div, .payment-success-alert .title-container .description strong {
        font-size: 12px !important;
    }
    .payment-success-alert .title-container .title svg {
        width: 23px;
        height: 100%;
    }
    .payment-success-alert .title-container .title {
        gap: 8px;
        font-size: 17px;
    }
    .payment-success-alert .title-container {
        gap: 5px;
        margin-bottom: 15px;
    }
    .payment-success-alert {
        padding: 60px 25px;
        margin-bottom: 10px;
        min-height: unset;
    }
    .payment-steps-1 .step {
        gap: 5px;
    }
    .payment-steps-1 .step span {
        width: max-content;
    }
    .payment-steps-1-overflow {
        overflow: auto;
    }
    .payment-steps-1 {
        width: max-content;
        gap: 15px;
    }
    .shipment-methods .method .name .info {
        gap: 3px;
    }
    .shipment-methods .method .name .image img {
        max-height: 100%;
        max-width: 50px;
    }
    .shipment-methods .method .name .image {
        width: 80px;
        height: 54px;
        padding: 10px 15px;
    }
    .basket-modul-block {
        margin-bottom: 10px;
    }
    .indent-block .p-list-button {
        height: 52px;
        padding: 0px 20px;
    }
    .indent-block .p-list-button .last {
        gap: 6px;
    }
    .indent-block .p-list-button .last .icon svg {
        width: 7px;
        height: 100%;
    }
    .indent-block .p-list-button .last .icon {
        width: 20px;
        height: 20px;
    }
    .indent-block .p-list-button .last .count {
        font-size: 12px;
    }
    .indent-block .p-list-button .first {
        font-size: 14px;
    }
    .df-order-box .head-block .title {
        font-size: 14px;
    }
    .payment-cart-summary-1 .summary-table .item span.final {
        font-size: 15px;
    }
    .payment-cart-summary-1 .summary-table .item span {
        font-size: 13px;
    }
    .payment-body input[type=checkbox]::before, .payment-body input[type=radio]::before {
        width: 14px;
        height: 14px;
    }
    .df-policy-box .payment-agreement-checbox-2 {
        gap: 8px;
        padding: 15px;
    }
    .df-policy-box .payment-agreement-checbox-2 label {
        font-size: 13px;
    }
    .df-policy-box {
        margin-top: 10px;
    }
    .indent-block {
        margin-bottom: 10px;
    }
    .basket-form-block .block-bottom-sec .btn-back {
        gap: 3px;
        font-size: 13px;
    }
    .payment-form-methods.accordion {
        gap: 15px;
    }
    .basket-form-block .block-bottom-sec {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .shipment-methods .method .price {
        padding: 0px;
        font-size: 12px;
    }
    .shipment-methods .method .last {
        width: 23%;
        display: flex;
        justify-content: flex-end;
    }
    .shipment-methods .method .checkbox .form-check input[type=radio]:checked:after {
        width: 7px;
        height: 7px;
    }
    .shipment-methods .method .checkbox .form-check input[type=radio]::before {
        width: 15px;
        height: 15px;
    }
    .payment-form-group-1 .shipment-methods {
        gap: 15px;
    }
    .basket-modul-block[data-accordion-toggle="true"] .bottom-block {
        padding: 15px 15px;
    }
    .invoice-info-description label {
        font-size: 13px;
    }
    .invoice-info-description {
        gap: 8px;
    }
    .shipment-methods .method .last {
        width: 23%;
        display: flex;
    }
    .shipment-methods .method .first {
        width: 77%;
    }
    .shipment-methods .method .name {
        gap: 15px;
    }
    .shipment-methods .method .name .info .description {
        font-size: 12px;
    }
    .shipment-methods .method .name .info .title {
        font-size: 12px;
    }
    .shipment-methods .method .first {
        gap: 15px;
    }
    .payment-form-methods.accordion .card .card-header button.btn .title {
        font-size: 14px;
    }
    .payment-form-methods.accordion .card .card-header button.btn  .dropdown-icon {
        width: 20px;
        height: 20px;
    }
    .payment-form-methods.accordion .card .card-body {
        padding: 15px;
    }
    .payment-method-form {
        padding: 0;
    }
    .payment-form-methods.accordion .card .card-header button.btn .dropdown-icon svg {
        width: 14px;
        height: 100%;
    }
    .payment-form-methods.accordion .card .card-header button.btn {
        padding: 15px;
    }
    .payment-body .form-control {
        font-size: 12px;
        padding-left: 16px;
    }
     .basket-modul-block[data-accordion-toggle="true"] .bottom-block {
        padding: 20px 20px;
    }
    .basket-modul-block .head-block .first {
        gap: 7px;
        font-size: 15px;
    }
    .basket-modul-block .head-block {
        padding: 15px;
    }
    .df-order-box .body-block .payment-final-buttons-1 {
        margin-top: 0;
        bottom: 0;
    }
    .payment-steps-1 {
        padding: 0px 20px;
        margin-bottom: 15px;
        height: auto;
    }
}