body:not(.home-body) {
    padding-top: 0;
}
body:has(.hikayemiz-set) .p-g-mod-t-28{
    padding: 0;
}
.pattern-group-p-product header.desktop.fixed-desktop {
    position: relative;
    top: 0;
}
.dropdown-languages-1 .dropdown-toggle .flag-icon{
    display: none;
}
header.desktop img.header-fixed {
    display: none;
}
header.desktop.fixed-desktop img.header-normal {
    display: none;
}
header.desktop.fixed-desktop img.header-fixed {
    display: block;
}
header.desktop.fixed-desktop a.nav-link {
    color: #304B6D !important;
    font-size: 16px !important;
}
header.desktop.fixed-desktop .dropdown-languages-1 .dropdown-toggle {
    color: #304B6D !important;
}
header.desktop.fixed-desktop .dropdown-languages-1 .dropdown-toggle::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.65039 18.6499C14.621 18.6499 18.6504 14.6205 18.6504 9.6499C18.6504 4.67934 14.621 0.649902 9.65039 0.649902C4.67983 0.649902 0.650391 4.67934 0.650391 9.6499C0.650391 14.6205 4.67983 18.6499 9.65039 18.6499Z' stroke='%23304B6D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.3418 13.1114H3.76487C4.40752 13.1114 5.02384 12.8562 5.47825 12.4017C5.93267 11.9473 6.18795 11.331 6.18795 10.6884V8.61145C6.18795 7.96881 6.44323 7.35249 6.89765 6.89807C7.35207 6.44365 7.96839 6.18837 8.61103 6.18837C9.25367 6.18837 9.86999 5.93307 10.3244 5.47866C10.7788 5.02424 11.0341 4.40793 11.0341 3.76529V0.746826' stroke='%23304B6D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6505 9.51137C17.9573 9.15166 17.1885 8.96183 16.4075 8.95752H13.4582C12.8156 8.95752 12.1993 9.2128 11.7449 9.66722C11.2904 10.1216 11.0352 10.738 11.0352 11.3806C11.0352 12.0232 11.2904 12.6396 11.7449 13.094C12.1993 13.5484 12.8156 13.8037 13.4582 13.8037C13.9172 13.8037 14.3575 13.986 14.6821 14.3106C15.0066 14.6351 15.189 15.0754 15.189 15.5344V16.7391' stroke='%23304B6D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.pattern-group-p-product header.desktop.fixed-desktop,
.pattern-group-p-login header.desktop.fixed-desktop{
    box-shadow: none;
}
.dropdown-toggle#dropdownDesktopMenuOffset-left::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.65039 18.6499C14.621 18.6499 18.6504 14.6205 18.6504 9.6499C18.6504 4.67934 14.621 0.649902 9.65039 0.649902C4.67983 0.649902 0.650391 4.67934 0.650391 9.6499C0.650391 14.6205 4.67983 18.6499 9.65039 18.6499Z' stroke='white' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.3418 13.1114H3.76487C4.40752 13.1114 5.02384 12.8562 5.47825 12.4017C5.93267 11.9473 6.18795 11.331 6.18795 10.6884V8.61145C6.18795 7.96881 6.44323 7.35249 6.89765 6.89807C7.35207 6.44365 7.96839 6.18837 8.61103 6.18837C9.25367 6.18837 9.86999 5.93307 10.3244 5.47866C10.7788 5.02424 11.0341 4.40793 11.0341 3.76529V0.746826' stroke='white' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6505 9.51137C17.9573 9.15166 17.1885 8.96183 16.4075 8.95752H13.4582C12.8156 8.95752 12.1993 9.2128 11.7449 9.66722C11.2904 10.1216 11.0352 10.738 11.0352 11.3806C11.0352 12.0232 11.2904 12.6396 11.7449 13.094C12.1993 13.5484 12.8156 13.8037 13.4582 13.8037C13.9172 13.8037 14.3575 13.986 14.6821 14.3106C15.0066 14.6351 15.189 15.0754 15.189 15.5344V16.7391' stroke='white' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
header.desktop .header-bar a.buy-h {
    display: flex;
    padding: 10px 11px 10px 10px;
    align-items: center;
    gap: 15px;
    border-radius: 40px;
    border: 1px solid #304B6D;
    background: #FFF;
    backdrop-filter: blur(32px);
    color: #304B6D;
    font-size: 15px;
    font-weight: 500;
}
header.desktop .header-bar a.buy-h .r-svg {
    background: #304B6D;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
header.desktop .header-bar .bar-link.bar-user .icon {
    border-radius: 42.8px;
    border: 1.07px solid rgba(255, 255, 255, 0.17);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(34.23999786376953px);
    width: 53px;
    height: 53px;
    gap: 16.05px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
header.desktop.fixed-desktop .header-bar .bar-link.bar-user .icon{
    border-color: #f4f4f4;
}
header.desktop .header-bar .bar-link.bar-user .icon svg {
    transition: all var(--transition-time);
}
header.desktop.fixed-desktop .header-bar .bar-link.bar-user .icon svg path {
    stroke: #304b6d;
}
footer {
    color: #fff;
    margin-top: 0;
    background: #304B6D;
}
.footer-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 150px;
    position: relative;
    z-index: 1;
}
.footer-top .title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 22px;
}
.pattern-group-p-account .footer-top,
.pattern-group-p-login .footer-top{
    margin-top: 120px;
}
.footer-top .title img {
    max-width: 300px;
    width: 100%;
    height: 100%;
}
.footer-top .text {
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 105%;
}
.footer-top .button-area a.l-item {
    display: flex;
    padding: 10px 11px 10px 10px;
    align-items: center;
    gap: 15px;
    border-radius: 40px;
    border: 1px solid #304B6D;
    background: #FFF;
    backdrop-filter: blur(32px);
    color: #304B6D;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.footer-top .button-area a.l-item .r-svg {
    width: 32px;
    height: 32px;
    background: #304B6D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.footer-top .button-area a.r-item .r-svg {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px;
}
.footer-top .button-area {
    display: flex;
    align-items: center;
    gap: 22px;
}
.footer-top .button-area a.r-item {
    display: flex;
    padding: 10px 11px 10px 20px;
    align-items: center;
    gap: 15px;
    border-radius: 40px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(32px);
    color: #fff;
}
.bb .footer-left-side {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative;
    z-index: 1;
}
.bb .footer-left-side .footer-text {
    color: #304B6D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 100%;
}
.footer-buton {
    display: flex;
    padding: 6px 7px 6px 20px;
    align-items: center;
    gap: 15px;
    border-radius: 40px;
    border: 1px solid #304B6D;
    background: #FFF;
    backdrop-filter: blur(32px);
    width: fit-content;
    color: #304B6D !important;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.footer-buton svg {
    width: 32px;
    height: 32px;
    background: #304B6D;
    border-radius: 100px;
    padding: 7px;
}
.bb .footer-left-side .social-media-area {
    display: flex;
    align-items: center;
    gap: 30px;
}
.bb .footer-left-side .social-media-area .left {
    color: #304B6D;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.bb .footer-left-side .social-media-area .social-media {
    display: flex;
    align-items: center;
    gap: 7px;
}
.bb .footer-left-side .social-media-area .social-media a {
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    border-radius: 826.708px;
    border: 0.827px solid #304B6D;
    background: #FFF;
    backdrop-filter: blur(9.920492172241211px);
}
footer .bb .info .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 24px;
}
a.footer-bu-item .right {
    display: flex;
    flex-direction: column;
    color: var(--Neutral-01, #FFF);
    font-size: 17px;
    font-weight: 500;
    line-height: 150%;
}
a.footer-bu-item .right span{
    font-weight: 400;
}
a.footer-bu-item {
    display: flex;
    align-items: center;
    gap: 23px;
}
footer .fs.f3 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.how-it-set {
    padding: 48px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}
.comment-set {
    padding: 118px 0;
    background: #fbfbfb;
    border-bottom: 1px solid #f4f4f4;
}
.pd-top-block {
    border-bottom: 1px solid #F4F4F4;
    background: #FBFBFB;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 88;
}
.pattern-group-p-product .p-g-mod.p-g-mod-t-28.p-g-mod-header.p-g-mod-trans {
    margin-bottom: 0;
}
.pd-top-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pd-top-side .left {
    display: flex;
    align-items: center;
    gap: 20px;
}
.pd-top-side .left .d-rest {
    display: flex;
    padding: 4.8px 8px;
    flex-direction: column;
    border-radius: 6.4px;
    border: 0.8px solid #F4F4F4;
}
.product-reviews .stars .star.fill {
    color: #FFD600 !important;
}
.stock-info {
    color: #4DC762;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.pd-short-desc {
    color: #556F91;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.pd-card-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pd-price-area {
    display: flex;
    align-items: center;
    border-radius: 16px;
    border: 3px solid var(--linee, #B1D8BA);
    background: #FFF;
    padding: 25px;
}
.pd-price-area .left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-right: 50px;
    border-right: 1px solid #F4F4F4;
}
.pd-price-area .right {
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    gap: 15px;
}
.pd-price-area .left .text {
    color: #556F91;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.pd-price-area .left .sale-price.sale-variant-price {
    color: #304B6D;
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
}
.pd-price-area .left .l-inst {
    color: #09AE3D;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
}
.pd-price-area .right .top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #556F91;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.pd-price-area .right .top span {
    color: #304B6D;
    font-size: 18px;
    font-weight: 500;
    line-height: 19.5px;
}
.pd-price-area .right a.bottom {
    color: #304B6D;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.5px;
    text-decoration: underline;
}
.size-side .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.size-side .top .left {
    color: #304B6D;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.size-side .top .right a {
    display: flex;
    padding: 6px 16px;
    align-items: center;
    gap: 15px;
    border-radius: 40px;
    border: 1px solid #F4F4F4;
    backdrop-filter: blur(32px);
    color: #304B6D;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.select-size {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    border-radius: 40px;
    border: 1.5px solid rgba(48, 75, 109, 0.50);
    background: #FBFBFB;
    backdrop-filter: blur(32px);
    height: 55px;
    padding: 0 16px;
}
.select-size .left {
    color: #304B6D;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 15px;
}
.size-import {
    display: flex;
    padding: 12px;
    align-items: flex-start;
    gap: 10px;
    color: #9B8202;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    background: rgba(219, 199, 93, 0.15);
    width: 100%;
}
.size-succest {
    color: #09AE3D;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    gap: 10px;
}
.size-side {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
button.btn.btn-cart.btn-color-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 40px;
    border: 1px solid #304B6D;
    background: #304B6D;
    backdrop-filter: blur(32px);
    height: 62px;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
button.btn.btn-cart.btn-color-1 .right-svg {
    width: 32px;
    height: 32px;
    display: flex;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.button-side-pd {
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.button-side-pd a.wp-side {
    justify-content: space-between;
    display: flex;
    height: 62px;
    padding: 6px 11px 6px 10px;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #F4F4F4;
    backdrop-filter: blur(32px);
}
.button-side-pd a.wp-side .left {
    color: #09AE3D;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 20px;
}
.button-side-pd a.wp-side .right {
    display: flex;
    padding: 10px 14px;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    backdrop-filter: blur(32px);
    color: #304B6D;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.pd-advantage-side {
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pd-advantage-side .title {
    color: #304B6D;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.pd-advantage-side .items {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pd-advantage-side .items .item {
    border-radius: 100px;
    background: rgba(9, 174, 61, 0.10);
    display: flex;
    padding: 6px 12px;
    align-items: center;
    gap: 10px;
    color: #09AE3D;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.detail-desc {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.detail-desc .main-title {
    color: #304B6D;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
.tester-side {
    position: relative;
    display: flex;
    align-items: center;
    background: none;
    padding: 0;
    margin-top: -25px;
}
/*
.tester-side::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -45px;
    width: 150px;
    height: 195px;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}
*/
.tester-side > img {
    position: relative;
    z-index: 2;
    width: 142px;
    height: 142px;
    flex-shrink: 0;
    display: block;
}
.tester-side .right {
    position: relative;
    z-index: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-left: -70px;
    padding: 18px 21px 18px 90px;
    background: linear-gradient(90deg, #e2eee2 0%, #eef4ee 100%);
    border-radius: 16px;
}
.tester-side .title {
    color: #304B6D;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}
.tester-side .text {
    color: #556F91;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.tester-side .politica {
    flex-shrink: 0;
    padding: 8px 14px;
    color: #304B6D;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    border-radius: 40px;
    border: 1px solid #F4F4F4;
    background: #FFF;
}
.tester-side .right .text-side {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.pd-share-side div#shareAge {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #575757;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    position: relative;
    border-radius: 100px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    padding: 14px;
}
.pd-share-side {
    position: relative;
    cursor: pointer;
}
.pattern-group-p-login .p-g-mod.p-g-mod-t-28.p-g-mod-header.p-g-mod-trans {
    margin-bottom: 0;
}
.login-body .p-g-mod-t-4 .p-g-mod-body {
    padding: 0;
}
.login-page-block .banner img {
    width: 100%;
}
.pdetail-card {
    position: sticky;
    top: 100px;
}
/* ===== Varyant Popup ===== */
.select-size.has-variant {
    cursor: pointer;
}
.select-size .selected-size-text.selected {
    font-weight: 600;
    color: #304b6d;
}
#pdVariantModal .modal-content {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
}
#pdVariantModal .modal-header {
    border-bottom: 1px solid #eef1f5;
    padding: 18px 22px;
    align-items: center;
}
#pdVariantModal .modal-title {
    font-size: 17px;
    font-weight: 600;
    color: #304b6d;
}
#pdVariantModal .close {
    opacity: 0.6;
    font-size: 26px;
}
#pdVariantModal .modal-body {
    padding: 20px 22px;
}
#pdVariantModal .pd-variant-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#pdVariantModal .pd-variant-box li.variant + li.variant {
    margin-top: 18px;
}
#pdVariantModal .pd-variant-box .name {
    font-size: 14px;
    color: #556f91;
    margin-bottom: 10px;
}
#pdVariantModal .pd-variant-box .options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#pdVariantModal .pd-variant-box .options a {
    min-width: 64px;
    padding: 10px 16px;
    border: 1px solid #d5dde8;
    border-radius: 10px;
    text-align: center;
    color: #304b6d;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}
#pdVariantModal .pd-variant-box .options a:hover {
    border-color: #304b6d;
}
#pdVariantModal .pd-variant-box .options a.active {
    background: #304b6d;
    border-color: #304b6d;
    color: #fff;
}
#pdVariantModal .pd-variant-box .options a.sold-out {
    opacity: 0.4;
    text-decoration: line-through;
    cursor: not-allowed;
}
#pdVariantModal .modal-footer {
    border-top: 1px solid #eef1f5;
    padding: 14px 22px;
}
#pdVariantModal .pd-modal-cart {
    width: 100%;
    background: #304b6d;
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 12px;
    font-weight: 600;
}
#pdVariantModal .pd-modal-cart:hover {
    background: #253b57;
}
button#pdBasketSide {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid rgba(48, 75, 109, 0.30);
    background: #FFF;
    box-shadow: 0 0 44px 5px rgba(0, 0, 0, 0.04);
    width: fit-content;
    padding: 10px 15px;
}
button#pdBasketSide .left {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #304B6D;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
button#pdBasketSide .right {
    background: #fff;
    border: 1px solid #f4f4f4;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.pd-basket-wrap {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1040;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    display: none;
    width: fit-content;
}
.pd-basket-wrap.is-visible {
    display: flex;
}
.pd-mini-cart {
    display: none;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.pd-basket-wrap.cart-open .pd-mini-cart {
    display: block;
    padding: 15px;
    border-radius: 16px;
    border: 1px solid rgba(48, 75, 109, 0.30);
    background: #FFF;
    box-shadow: 0 0 44px 5px rgba(0, 0, 0, 0.14);
    max-width: 420px;
    width: 100%;
}
.mc-extra {
    display: none !important;
}
.pd-mini-cart .mc-extra {
    display: flex !important;
}
.pd-basket-wrap.cart-open .pd-mini-cart .mc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #F4F4F4;
}
.pd-basket-wrap.cart-open .pd-mini-cart .mc-head .mc-title {
    color: #304B6D;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.pd-basket-wrap.cart-open .pd-mini-cart .mc-head-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.pd-basket-wrap.cart-open .pd-mini-cart .mc-head-right span.mc-count {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.pd-basket-wrap.cart-open .pd-mini-cart .mc-head-right button.mc-close {
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 100px;
}
.ajax-shopping-cart .product .variants .variant {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.ajax-shopping-cart .product .left {
    display: flex;
    align-items: center;
    gap: 15px;
}
.mini-cart-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #f4f4f4;
    color: #556F91;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.ajax-shopping-cart .product .right {
    display: flex;
    align-items: center;
}
.ajax-shopping-cart .product .right .qty-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #1D1D1B;
    font-size: 15.064px;
    font-weight: 400;
    line-height: normal;
    gap: 5px;
    border: 1px solid #f4f4f4;
    border-radius: 100px;
    padding: 5px 0;
}
.ajax-shopping-cart .product .right .qty-box button {
    background: transparent;
    border: none;
}
.mc-cargo {
    padding: 10px 0;
    border-bottom: 1px solid #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mc-cargo .mc-cargo-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mc-cargo-logo {
    border-radius: 4px;
    border: 1px solid #F4F4F4;
    padding: 15px 0;
}
.mc-cargo-name {
    color: #556F91;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.mc-cargo-desc {
    color: #09AE3D;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.mc-cargo-price {
    color: #09AE3D;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
a.mc-checkout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: #304B6D;
    border-radius: 12px;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}
span.mc-checkout-arrow {
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
span.mc-checkout-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
span.mc-checkout-left span.mc-checkout-icon {
    position: relative;
}
span.mc-checkout-left span.mc-checkout-icon  span.mc-badge {
    position: absolute;
    top: -8px;
    right: -6px;
    width: 15px;
    height: 15px;
    background: #fff;
    color: #304B6D;
    font-size: 8.528px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.mc-footer {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.mc-footer span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #304B6D;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
button#pdBasketSide .left span.basket-icon span#pdBasketBadge {
    position: absolute;
    top: -8px;
    right: -6px;
    background: #304B6D;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 100px;
    color: #FFF;
    font-size: 8.036px;
    font-weight: 500;
    line-height: normal;
}
button#pdBasketSide .left span.basket-icon {
    position: relative;
}
.pd-shoe-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid #f4f4f4;
    padding: 10px;
    border-radius: 10px;
}
.pd-shoe-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pd-shoe-groups {
    display: flex;
    gap: 10px;
}
button.pd-shoe-num {
    display: flex;
    align-items: center;
    min-height: 50px;
    min-width: 50px;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
}
button.pd-shoe-num.active {
    background: #304b6d;
    color: #fff;
}
.pd-shoe-title {
    font-size: 16px;
    font-weight: 500;
    color: #304b6d;
}
.pd-shoe-help {
    text-align: center;
}
.pd-shoe-help a{
    color: #3FA34D;
}
.pd-inst-drawer {
    position: fixed;
    inset: 0;
    z-index: 1060;
    visibility: hidden;
    pointer-events: none;
}
.pd-inst-drawer.is-open {
    visibility: visible;
    pointer-events: auto;
}
.pd-inst-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.pd-inst-drawer.is-open .pd-inst-overlay {
    opacity: 1;
}
.pd-shoe-result {
    padding: 15px 0;
    background: #EAF6EC;
    text-align: center;
    margin-top: 15px;
}
.pd-inst-panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 460px;
    max-width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.pd-inst-drawer.is-open .pd-inst-panel {
    transform: translateX(0);
}
.pd-inst-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #eee;
}
.pd-inst-title {
    font-size: 18px;
    font-weight: 600;
    color: #304b6d;
}
.pd-inst-close {
    background: none;
    border: 0;
    padding: 6px;
    cursor: pointer;
}
.pd-inst-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
}

body.pd-inst-lock {
    overflow: hidden;
}
.product-installments .col-12.col-md-6.col-lg-4 {
    max-width: 100%;
    flex: 0 0 100%;
}
button:focus{
    outline: none;
}
.pattern-group-p-home .p-g-mod-t-28,
.pattern-group-p-product .p-g-mod-t-28{
    padding: 0;
}
body.product-body .container,
.sticky-sidebar-992-2 .container,
.pattern-group-p-pages .container,
.pattern-group-p-blog_single .container{
    max-width: 1400px !important;
}
body.product-body .header-bar,
.pattern-group-p-pages .header-bar{
    gap: 10px !important;
}
.how-it-set .step-by-step .bottom-side {
    margin-top: 80px !important;
}
.politca-side .right img {
    max-width: 180px;
}
.politca-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.politca-side .left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.politca-side .left a {
    color: #D4D4D4;
    font-size: 13px;
    font-weight: 300;
    line-height: normal;
}
.cpy {
    color: #304B6D;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}
footer .bar {
    position: relative;
    z-index: 1;
}
footer .bar .content {
    padding: 22px 0px;
    border-top: 1px solid #ffffff40;
}
.bb .footer-left-side img {
    max-width: 203px;
    width: 100%;
    height: 100%;
}
.pd-shoe-group.active {
    background: #EAF6EC;
}
.dropdown-languages-1 span#dropdownDesktopMenuOffset-left::after{
    display: none;
}
.footer-top .footer-top-img {
    max-width: 172px;
    width: 100%;
    height: 100%;
}
.footer-top .ft-img {
    margin-top: -80px;
}
.pattern-group-p-login .p-g-mod-t-4 {
    margin: 0;
}
.payment-body .sticky-sidebar-992-2 .p-g-b-c-1 .p-g-b-c-wrapper .p-g-b-c-inner {
    border: 1px solid #f4f4f4;
    padding: 20px;
    border-radius: 10px;
    transform: unset !important;
    z-index: 8;
    position: sticky !important;
    top: 100px !important;
    left: unset !important;
}
.product-follow-up {
    border-radius: 80px;
    border: 1px solid #f4f4f4;
    background: #fff;
    box-shadow: 0 0 25px 20px rgba(12, 12, 13, 0.05);
    max-width: 1200px;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    bottom: 26px;
    opacity: 0;
    pointer-events: none;
    padding: 0 32px;
    transition: opacity 0.3s ease;
    justify-content: space-between;
}

.product-follow-up.is-visible {
    opacity: 1;
    pointer-events: auto;
}
.product-follow-up .p-name-img {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
}
.product-follow-up .p-name-img img.main-videos {
    max-width: 80px;
    border-radius: 6px;
    padding: 14px;
}
.product-follow-up .name-and-info .name {
    color: #2a2a2a;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 7px;
}
.product-follow-up .name-and-info .info {
    color: #a1a1a1;
    font-size: 14px;
    line-height: normal;
}
.product-follow-up .price-basket {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 44px;
}
.product-follow-up .price-basket .basket {
    display: flex;
    gap: 10px;
    align-items: center;
}
.product-follow-up button.btn.btn-cart.btn-color-1 {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 40px;
    font-size: 15px;
}
.product-follow-up .price-basket .price .left {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.product-follow-up .price-basket .price .left .list-price.sale-list-price {
    color: #a1a1a1;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: line-through;
}
.product-follow-up .price-basket .price .left .sale-price.sale-variant-price {
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.product-follow-up .price-basket .price .right .pd-price-for-promotion {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2a2a2a;
    font-size: 16px;
    font-weight: 500;
}
.product-follow-up .price-basket .price .right .pd-price-for-promotion .name {
    font-weight: 600;
}
.product-follow-up .btn-cart-just-store {
    padding: 0 24px;
}
.product-follow-up .price-basket .price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: normal;
}
.product-follow-up .price-basket .price .l-inst {
    color: #09AE3D;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
}
.pattern-group-p-pages footer {
    margin-top: 120px;
}
.pattern-group-p-pages header.desktop .header-bar a.buy-h,
body.product-body header.desktop .header-bar a.buy-h,
.pattern-group-p-blog_single header.desktop .header-bar a.buy-h{
    gap: 10px;
    font-size: 14px;
}
.nasil-calisir-set .container {
    max-width: 1590px !important;
}
footer .bb .col-first,
footer .bb .col-last,
footer .bb .col-last .info {
    height: 100%;
    width: 100%;
}
footer .bb .row .col-lg-5.col-list-main {
    padding-right: 100px;
    position: relative;
}
footer .bb .row .col-lg-7.col-list-main {
    padding-left: 100px;
}
footer .bb .container,
footer .bar .container {
    max-width: 1320px !important;
}
.bb .footer-left-side .footer-logo {
    display: flex;
    flex-direction: column;
}
footer .bb {
    padding-bottom: 45px;
}
footer .bb .row .col-lg-5.col-list-main .col-first .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin-bottom: -111px;
    margin-left: calc((100vw - 1320px) / -2);
    z-index: 0;
}
footer .bb .row .col-lg-5.col-list-main .col-first .bg img {
    max-width: 800px;
    width: 100%;
    height: 100%;
}
footer .bb .col-last {
    position: relative;
    z-index: 1;
}
header.desktop .menu .container {
    height: 100%;
}
.home-body header.desktop {
    padding-top: 30px;
    transition: 0.5s;
}
.home-body header.desktop.fixed-desktop {
    padding-top: 0;
}
.product-reviews .stars i::before {
    font-size: 15px;
}
.pd-detail-desc {
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-radius: 16px;
    border: 1px solid #f4f4f4;
    padding: 20px;
}
.pd-detail-desc .sub-title {
    color: #304b6d;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}
.pd-detail-desc .sub-text {
    color: #304b6d;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}
.pd-detail-desc .box-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.detail-desc .title {
    color: #304b6d;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}
.pd-detail-desc .box-side ul li {
    color: #304b6d;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
}
.pd-detail-desc .support {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pd-detail-desc .support .desc {
    color: #304b6d;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
}
.pd-detail-desc .feature {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pd-detail-desc .feature .item-area {
    display: flex;
    align-items: center;
    gap: 23px;
    flex-wrap: wrap;
}
.pd-detail-desc .feature .item-area .item img {
    width: 44px;
    height: 44px;
}
.pd-detail-desc .feature .item-area .item {
    border-radius: 40px;
    border: 1px solid #f4f4f4;
    background: #fff;
    backdrop-filter: blur(32px);
    display: flex;
    padding: 2px 16px 2px 3px;
    align-items: center;
    gap: 15px;
    color: #556f91;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.pd-detail-desc .use-side ul li {
    color: #304b6d;
    font-size: 16px;
    font-weight: 400;
    line-height: 170%;
}
.pd-detail-desc .important-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pd-detail-desc .important-side .text {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid #f4f4f4;
    background: #fbfbfb;
    padding: 12px;
}
.pd-detail-desc .important-side .text .text-side {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.pd-detail-desc .important-side .text .text-side .top {
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}
.pd-detail-desc .important-side .text .text-side .top span {
    color: #304b6d;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}
.pd-detail-desc .important-side .text .text-side .bottom {
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}
.pd-detail-desc .important-side .text .text-side .bottom span {
    color: #304b6d;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
}
.login-body .p-g-mod-t-28 {
    padding-bottom: 0;
}
.login-body  .footer-top {
    margin: 0px 0px 150px 0px;
}
.card-blog {
    display: grid;
    grid-template-columns: 43% 1fr;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
}
.card-blog .card-blog-info {
    align-self: start;
    padding: 60px 40px;
    position: sticky;
    top: 50px;
    display: flex;
    flex-direction: column;
}
.card-blog .meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: #6b6b6b;
    margin-bottom: 22px;
}
.card-blog .meta .separator { color: #bdbdbd; }
.card-blog .category {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #0a0a0a;
    margin-bottom: 12px;
}
.card-blog .category-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e8837c;
}
.card-blog .title {
    display: block;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 500;
    color: #0a0a0a;
    text-decoration: none;
    height: unset !important;
    padding: 0px;
}
.card-blog .card-blog-content {
    padding: 60px ;
    border-left: 1px solid #f4f4f4;
}
.card-blog .image {
    border-radius: 24px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #0a0a0a;
}
.card-blog .image a,
.card-blog .image picture { display: block; height: 100%; }
.card-blog .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.card-blog .description {
    margin-top: 24px;
    font-size: 17px;
    line-height: 1.6;
    color: #6b6b6b;
    padding: 0;
    height: unset !important;
}

.card-blog .buttons {
    margin-top: 24px;
    padding: 0 !important;
}
.card-blog .btn-read-more {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #0a0a0a;
    background: #fff;
    border: 1px solid #f4f4f4;
    border-radius: 12px;
    text-decoration: none;
    transition: border-color .2s, background .2s;
}
.card-blog .btn-read-more:hover {
    border-color: #0a0a0a;
    background: #fafafa;
}
.card-blog .date {
    padding: 0;
    line-height: normal;
    height: auto;
}
.payment-body footer {
    margin-top: 150px;
}
.payment-body .sticky-sidebar-992-2 .p-g-mod-header {
    margin: 0px;
}
.cart-body footer {
    margin-top: 150px;
}
.blogs-body footer {
    margin-top: 130px;
}

/* ===== Mobil Header ===== */
header.mobile {
    --hm-navy: #304B6D;
    --hm-border: #EEEEEE;
    transition: top .35s ease;
}
header.mobile .hmobil-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0 16px;
    background: #FFF;
    border: 1px solid transparent;
    border-bottom-color: var(--hm-border);
    transition: background .35s ease, border-color .35s ease, box-shadow .35s ease, margin .35s ease, border-radius .35s ease;
}
header.mobile .hmobil-center .clearfix {
    display: none;
}
header.mobile .left,
header.mobile .right {
    width: auto;
    height: auto;
    float: none;
    padding: 0;
}
header.mobile .left {
    gap: 12px;
}
header.mobile .right {
    gap: 8px;
}

/* Logo */
header.mobile .logo {
    display: flex;
    align-items: center;
}
header.mobile .logo img {
    display: block;
    max-width: 112px;
    width: 100%;
    height: auto;
}
header.mobile .logo img.header-normal {
    display: none;
}
header.mobile .logo img.header-fixed {
    display: block;
}

/* Yuvarlak ikon butonlar */
header.mobile .icon-group.btn-sidebar-menu,
header.mobile .icon-group.user-login {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border: 1px solid var(--hm-border);
    border-radius: 50%;
    backdrop-filter: none;
    transition: background .3s ease, border-color .3s ease, transform .15s ease;
}
header.mobile .icon-group.btn-sidebar-menu:active,
header.mobile .icon-group.user-login:active {
    transform: scale(.94);
}
header.mobile .icon-group.btn-sidebar-menu img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: none;
    transition: filter .3s ease;
}
header.mobile .icon-group.user-login svg {
    width: 19px;
    height: 19px;
}
header.mobile .icon-group.user-login svg path {
    stroke: var(--hm-navy);
    transition: stroke .3s ease;
}

/* Ana sayfa: hero üstünde cam efektli yüzen bar */
.home-body header.mobile {
    top: 12px;
}
.home-body header.mobile .hmobil-center {
    margin: 0 12px;
    padding: 0 10px 0 12px;
    height: 58px;
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .18);
    border-radius: 18px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.home-body header.mobile .logo img.header-normal {
    display: block;
}
.home-body header.mobile .logo img.header-fixed {
    display: none;
}
.home-body header.mobile .icon-group.btn-sidebar-menu,
.home-body header.mobile .icon-group.user-login {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .25);
}
.home-body header.mobile .icon-group.btn-sidebar-menu img {
    filter: brightness(0) invert(1);
}
.home-body header.mobile .icon-group.user-login svg path {
    stroke: #FFF;
}

/* Scroll / menü açık: beyaz, tam genişlik */
header.mobile.fixed-mobile,
.home-body header.mobile.fixed-mobile {
    top: 0;
}
header.mobile.fixed-mobile .hmobil-center,
.home-body header.mobile.fixed-mobile .hmobil-center {
    margin: 0;
    padding: 0 16px;
    height: 64px;
    background: #FFF;
    border-color: transparent;
    border-bottom-color: var(--hm-border);
    border-radius: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
header.mobile.fixed-mobile .logo img.header-normal,
.home-body header.mobile.fixed-mobile .logo img.header-normal {
    display: none;
}
header.mobile.fixed-mobile .logo img.header-fixed,
.home-body header.mobile.fixed-mobile .logo img.header-fixed {
    display: block;
}
header.mobile.fixed-mobile .icon-group.btn-sidebar-menu,
header.mobile.fixed-mobile .icon-group.user-login,
.home-body header.mobile.fixed-mobile .icon-group.btn-sidebar-menu,
.home-body header.mobile.fixed-mobile .icon-group.user-login {
    background: #FFF;
    border-color: var(--hm-border);
}
header.mobile.fixed-mobile .icon-group.btn-sidebar-menu img,
.home-body header.mobile.fixed-mobile .icon-group.btn-sidebar-menu img {
    filter: none;
}
header.mobile.fixed-mobile .icon-group.user-login svg path,
.home-body header.mobile.fixed-mobile .icon-group.user-login svg path {
    stroke: var(--hm-navy);
}

.product-body header.mobile {
    position: relative;
}
.blog_single-body  footer {
    margin-top: 130px;
}
.sidebar-menu-type-2 .dil-box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 4px 0;
    padding: 6px 6px 6px 14px;
    background: var(--sm-soft);
    border-radius: 14px;
}
.sidebar-menu-type-2 .dil-box::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.65039 18.6499C14.621 18.6499 18.6504 14.6205 18.6504 9.6499C18.6504 4.67934 14.621 0.649902 9.65039 0.649902C4.67983 0.649902 0.650391 4.67934 0.650391 9.6499C0.650391 14.6205 4.67983 18.6499 9.65039 18.6499Z' stroke='%23304B6D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.3418 13.1114H3.76487C4.40752 13.1114 5.02384 12.8562 5.47825 12.4017C5.93267 11.9473 6.18795 11.331 6.18795 10.6884V8.61145C6.18795 7.96881 6.44323 7.35249 6.89765 6.89807C7.35207 6.44365 7.96839 6.18837 8.61103 6.18837C9.25367 6.18837 9.86999 5.93307 10.3244 5.47866C10.7788 5.02424 11.0341 4.40793 11.0341 3.76529V0.746826' stroke='%23304B6D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6505 9.51137C17.9573 9.15166 17.1885 8.96183 16.4075 8.95752H13.4582C12.8156 8.95752 12.1993 9.2128 11.7449 9.66722C11.2904 10.1216 11.0352 10.738 11.0352 11.3806C11.0352 12.0232 11.2904 12.6396 11.7449 13.094C12.1993 13.5484 12.8156 13.8037 13.4582 13.8037C13.9172 13.8037 14.3575 13.986 14.6821 14.3106C15.0066 14.6351 15.189 15.0754 15.189 15.5344V16.7391' stroke='%23304B6D' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.sidebar-menu-type-2 .dil-box .dropdown-languages-1 {
    flex: 1;
    min-width: 0;
}
.sidebar-menu-type-2 .dil-box .dropdown-toggle {
    display: none !important;
}
.sidebar-menu-type-2 .dil-box .dropdown-menu {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    min-width: 0;
    width: 100%;
    margin: 0 !important;
    padding: 4px;
    background: #FFF;
    border: 1px solid var(--sm-border);
    border-radius: 11px;
    box-shadow: none;
}
.sidebar-menu-type-2 .dil-box .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 7px;
    background: transparent;
    border-radius: 8px;
    color: var(--sm-muted);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease;
}
.sidebar-menu-type-2 .dil-box .dropdown-item:hover,
.sidebar-menu-type-2 .dil-box .dropdown-item:focus {
    background: var(--sm-soft);
    color: var(--sm-navy);
}
.sidebar-menu-type-2 .dil-box .dropdown-item .flag-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 0 1px rgba(48, 75, 109, .12);
}
.sidebar-menu-type-2 .dil-box:has(.dropdown-toggle .flag-icon-tr) .dropdown-item:has(.flag-icon-tr),
.sidebar-menu-type-2 .dil-box:has(.dropdown-toggle .flag-icon-us) .dropdown-item:has(.flag-icon-us),
.sidebar-menu-type-2 .dil-box:has(.dropdown-toggle .flag-icon-gb) .dropdown-item:has(.flag-icon-gb) {
    background: var(--sm-navy);
    color: #FFF;
    pointer-events: none;
}
.sidebar-menu-type-2 .dil-box:has(.dropdown-toggle .flag-icon-tr) .dropdown-item:has(.flag-icon-tr) .flag-icon,
.sidebar-menu-type-2 .dil-box:has(.dropdown-toggle .flag-icon-us) .dropdown-item:has(.flag-icon-us) .flag-icon,
.sidebar-menu-type-2 .dil-box:has(.dropdown-toggle .flag-icon-gb) .dropdown-item:has(.flag-icon-gb) .flag-icon {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .6);
}
.pd-price-area .price .list-price {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #8a99ad;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

.pd-price-area .price .pd-discount {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  background: rgba(9, 174, 61, .1);
  color: #09ae3d;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.pd-price-area .price .list-price:empty,
.pd-price-area .price .pd-discount:empty {
  display: none;
}
@media (max-width:1680px) {
    
}
@media (max-width:1440px) {
    .product-follow-up .price-basket .price .l-inst {
        font-size: 12px;
        gap: 6px;
    }
    .product-follow-up .price-basket .price .l-inst svg {
        width: 16px;
        height: 100%;
    }
    .product-follow-up button.btn.btn-cart.btn-color-1 {
        font-size: 14px;
    }
    .product-follow-up .price-basket {
        gap: 25px;
    }
    .product-follow-up .price-basket .price .left .sale-price.sale-variant-price {
        font-size: 15px;
    }
    .product-follow-up .name-and-info .name {
        margin: 0;
    }
    .product-follow-up .p-name-img img.main-videos {
        max-width: 70px;
        padding: 12px;
    }
    .product-follow-up {
        bottom: 20px;
        padding: 0 25px;
        max-width: 800px;
        margin: 0 auto;
    }
    .detail-desc {
        gap: 15px;
    }
    .card-blog .description {
        font-size: 16px;
    }
    .card-blog .title {
        font-size: 24px;
    }
    .pd-share-side div#shareAge svg {
        width: 13px;
        height: 10%;
    }
    .pd-share-side div#shareAge {
        font-size: 13px;
    }
    .tester-side .politica {
        padding: 7px 11px;
        font-size: 11px;
    }
    .tester-side .text {
        font-size: 13px;
    }
    .tester-side .title {
        font-size: 15px;
    }
    .pd-detail-desc .important-side .text {
        gap: 6px;
    }
    .pd-detail-desc .important-side .text svg {
        width: 20px;
        height: 100%;
    }
    .pd-detail-desc .important-side .text .text-side .top,
    .pd-detail-desc .important-side .text .text-side .bottom {
        font-size: 13px;
    }
    .pd-detail-desc .important-side .title {
        font-size: 14px;
    }
    .pd-detail-desc .use-side .title {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .pd-detail-desc .feature .item-area {
        gap: 10px 10px;
    }
    .pd-detail-desc .feature .item-area .item {
        font-size: 12px;
        gap: 7px;
    }
    .pd-detail-desc .feature .item-area .item img {
        width: 34px;
        height: 100%;
    }
    .pd-detail-desc .support .title,
    .pd-detail-desc .sub-title,
    .pd-detail-desc .sub-text,
    .pd-detail-desc .support .desc,
    .pd-detail-desc .feature .title {
        font-size: 14px;
    }
    .pd-detail-desc .box-side ul li,
    .pd-detail-desc .use-side ul li {
        font-size: 14px;
        line-height: normal;
    }
    .pd-detail-desc .box-side ul,
    .pd-detail-desc .use-side ul {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .pd-detail-desc .box-side .title {
        font-size: 14px;
    }
    .pd-detail-desc {
        gap: 10px;
        padding: 15px;
    }
    .pd-detail-desc .detail-desc .main-title {
        font-size: 16px;
    }
    .pd-advantage-side .items .item svg {
        width: 15px;
        height: 100%;
    }
    .pd-advantage-side .items .item {
        padding: 6px 9px;
        gap: 6px;
        font-size: 12px;
    }
    .pd-advantage-side .items {
        gap: 8px;
    }
    .pd-advantage-side .title {
        font-size: 16px;
    }
    .pd-advantage-side {
        gap: 15px;
    }
    .button-side-pd a.wp-side .right svg {
        width: 16px;
        height: 100%;
    }
    .button-side-pd a.wp-side .right {
        padding: 10px 13px;
        gap: 6px;
        font-size: 12px;
    }
    .button-side-pd a.wp-side .left img {
        width: 32px;
        height: 100%;
    }
    .button-side-pd a.wp-side .left {
        font-size: 14px;
        gap: 10px;
    }
    .button-side-pd a.wp-side {
        height: 55px;
        padding: 6px 10px 6px 10px;
    }
    button.btn.btn-cart.btn-color-1 .right-svg svg {
        width: 15px;
        height: 100%;
    }
    button.btn.btn-cart.btn-color-1 .right-svg {
        width: 28px;
        height: 28px;
    }
    button.btn.btn-cart.btn-color-1 img {
        width: 28px;
        height: auto;
    }
    button.btn.btn-cart.btn-color-1 {
        height: 55px;
        font-size: 15px;
        padding: 10px;
    }
    .size-succest svg {
        width: 15px;
        height: 100%;
    }
    .size-succest {
        font-size: 13px;
        gap: 5px;
        align-items: center;
    }
    .pd-card-top .size-side .select-size .right svg {
        width: 18px;
        height: 100%;
    }
    .select-size .left svg {
        width: 19px;
        height: 100%;
    }
    .select-size .left {
        font-size: 13px;
        gap: 10px;
    }
    .size-side .top .right a svg {
        width: 17px;
        height: 100%;
    }
    .size-side .top .right a {
        gap: 6px;
        padding: 7px 11px;
        font-size: 12px;
    }
    .size-side .top .left {
        font-size: 14px;
    }
    .pd-price-area .right a.bottom {
        font-size: 12px;
        line-height: normal;
    }
    .pd-price-area .right .top span {
        font-size: 16px;
    }
    .pd-price-area .right .top {
        font-size: 12px;
    }
    .pd-price-area .left .l-inst svg {
        width: 16px;
        height: 100%;
    }
    .pd-price-area .left .l-inst {
        font-size: 13px;
        gap: 7px;
    }
    .pd-price-area .left .sale-price.sale-variant-price {
        font-size: 22px;
    }
    .pd-price-area .left .text {
        font-size: 12px;
    }
    .stock-info {
        font-size: 12px;
    }
    .pd-short-desc {
        font-size: 14px;
    }
    header.desktop.fixed-desktop a.nav-link {
        font-size: 14px !important;
    }
    .home-body header.desktop {
        padding-top: 20px;
    }
    .dropdown-toggle#dropdownDesktopMenuOffset-left::before {
        width: 18px;
        height: 18px;
    }
    header.desktop .header-bar .bar-link.bar-user .icon svg {
        width: 21px;
        height: 100%;
    }
    header.desktop .header-bar .bar-link.bar-user .icon {
        width: 40px;
        height: 40px;
    }
    header.desktop .header-bar a.buy-h .r-svg {
        width: 28px;
        height: 28px;
    }
    header.desktop .header-bar a.buy-h {
        padding: 5px 5px 5px 7px;
        gap: 13px;
        font-size: 13px;
    }
    header.desktop .header-bar a.buy-h .f-svg img {
        width: 27px;
        height: 100%;
    }
    header.desktop .header-bar a.buy-h .r-svg svg {
        width: 14px;
        height: 100%;
    }
    .footer-top {
        margin-bottom: 130px;
    }
    .footer-top .button-area a.r-item .r-svg svg, .footer-top .button-area a.l-item .r-svg svg {
        width: 15px;
        height: 100%;
    }
    .footer-top .button-area a.l-item img {
        width: 26px;
        height: 100%;
    }
    .footer-top .button-area a.r-item .r-svg,
    .footer-top .button-area a.l-item .r-svg {
        width: 28px;
        height: 28px;
    }
    .footer-top .button-area a.r-item, .footer-top .button-area a.l-item {
        padding: 8px 8px 8px 18px;
        gap: 13px;
        line-height: normal;
        font-size: 13px;
    }
    .footer-top .button-area {
        gap: 16px;
    }
    .footer-top .text {
        font-size: 28px;
    }
    .footer-top .title img {
        max-width: 275px;
    }
    .footer-top .footer-top-img {
        max-width: 160px;
    }
    footer .bb .row .col-lg-5.col-list-main .col-first .bg {
        margin-bottom: -82px;
    }
    footer .bar .content {
        padding: 18px 0px;
    }
    .politca-side .right img {
        max-width: 160px;
    }
    .politca-side .left a {
        font-size: 12px;
    }
    footer .fs.f3 {
        gap: 15px;
        margin: 0px;
    }
    a.footer-bu-item svg {
        width: 15px;
        height: 100%;
    }
    a.footer-bu-item .right {
        font-size: 15px;
    }
    footer .bb .info .title {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .cpy {
        font-size: 12px;
    }
    .bb .footer-left-side .social-media-area .social-media a svg {
        width: 17px;
        height: 100%;
    }
    .bb .footer-left-side .social-media-area .social-media a {
        width: 35px;
        height: 35px;
    }
    .bb .footer-left-side .social-media-area .left {
        font-size: 13px;
    }
    .bb .footer-left-side .social-media-area {
        gap: 20px;
    }
    .footer-buton svg {
        width: 28px;
        height: 28px;
    }
    .footer-buton {
        padding: 5px 5px 5px 17px;
        gap: 12px;
        font-size: 12px;
    }
    footer .bb {
        padding-bottom: 25px;
    }
    footer .bb .footer-left-side {
        gap: 25px;
    }
    .bb .footer-left-side .footer-text {
        font-size: 14px;
    }
}
@media (max-width:1366px) {
    
}
@media (max-width:1280px) {
    header.desktop.fixed-desktop a.nav-link {
        font-size: 12px !important;
    }
    .dropdown-toggle#dropdownDesktopMenuOffset-left::before {
        width: 16px;
        height: 16px;
    }
    footer .bb .row .col-lg-5.col-list-main .col-first .bg {
        margin-left: calc((100vw - min(1320px, 97vw)) / -2 - 10px);
    }
    header.desktop .header-bar a.buy-h {
        padding: 4px 4px 4px 6px;
        gap: 11px;
        font-size: 12px;
    }
    header.desktop .header-bar .bar-link.bar-user .icon {
        width: 38px;
        height: 38px;
    }
    header.desktop .header-bar .bar-link.bar-user .icon svg {
        width: 18px;
    }
}
@media (max-width:1024px) {
    header.desktop .header-bar .bar-link.bar-user .icon svg {
        width: 14px;
    }
    header.desktop .header-bar .bar-link.bar-user .icon {
        width: 32px;
        height: 32px;
    }
    header.desktop .header-bar a.buy-h .r-svg svg {
        width: 10px;
    }
    header.desktop .header-bar a.buy-h .r-svg {
        width: 24px;
        height: 24px;
    }
    header.desktop .header-bar a.buy-h {
        padding: 3px 3px 3px 10px;
        gap: 5px;
        font-size: 10px;
        line-height: normal;
    }
    header.desktop .header-bar a.buy-h .f-svg {
        display: none;
    }
    .dropdown-toggle#dropdownDesktopMenuOffset-left::before {
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }
}
@media (min-width: 992px) {
  #product-profile-carousel {
    position: sticky;
    top: 66px;          /* üstteki sekme barının yüksekliği kadar */
    overflow: hidden;
  }
  #product-profile-carousel .gallery-track {
    transition: transform .6s cubic-bezier(.65, 0, .35, 1);
    will-change: transform;
  }
}
@media (max-width:991px) {
    .pd-price-area .price .pd-discount {
        height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }
    .pd-price-area .price .list-price {
        font-size: 13px;
    }
    .product-body .addons-whatsapp-widget {
        margin-bottom: 70px !important;
    }
    .addons-whatsapp-widget.aww-size-0 svg {
        width: 34px !important;
    }
    .mobile-header-space {
        height: 64px;
    }
    .blog_single-body  footer {
        margin-top: 80px;
    }
    .how-it-set .step-by-step .bottom-side {
        margin-top: 25px !important;
    }
    .blogs-body footer {
        margin-top: 80px;
    }
    .product-follow-up .price-basket .price {
        align-items: flex-start;
        gap: 3px;
        line-height: normal;
    }
    .cart-body  footer {
        margin-top: 100px;
    }
    .payment-body footer {
        margin-top: 100px;
    }
    .card-blog .buttons {
        margin-top: 15px;
    }
    .card-blog .description {
        font-size: 14px;
        margin-top: 15px;
    }
    .card-blog .image {
        border-radius: 13px;
    }
    .card-blog .meta {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .card-blog .category {
        gap: 7px;
        font-size: 12px;
        margin-bottom: 8px;
    }
    .card-blog {
        grid-template-columns: 1fr;
        padding: 25px;
        gap: 15px;
    }
    .card-blog .card-blog-info {
        padding: 0;
        border-right: 0;
        position: relative;
        top: 0;
    }
    .card-blog .card-blog-content { 
        padding: 0px; 
        border: none;
    }
    .card-blog .title {
        font-size: 18px;
        padding: 0px;
    }
    .product-follow-up button.btn.btn-cart.btn-color-1 {
        height: 35px;
        padding: 0 25px;
        font-size: 12px;
    }
    .product-follow-up .price-basket .price .left .sale-price.sale-variant-price {
        font-size: 13px;
    }
    .product-follow-up .price-basket {
        justify-content: space-between;
        width: 100%;
    }
    .product-body  .progress-wrap {
        display: none;
    }
    .pd-detail-desc .important-side .text .text-side .bottom span {
        font-size: 13px;
    }
    .pd-detail-desc .important-side .text .text-side .top span {
        font-size: 13px;
    }
    .pd-detail-desc .feature .item-area {
        gap: 7px 10px;
    }
    .pd-detail-desc .feature .item-area .item img {
        width: 27px;
    }
    .pd-detail-desc .feature .item-area .item {
        font-size: 11px;
        gap: 5px;
        padding: 3px 10px 3px 3px;
        line-height: normal;
    }
    .pd-detail-desc .feature .item-area .item {
        font-size: 11px;
        gap: 5px;
    }
    .pd-detail-desc .support {
        gap: 5px;
    }
    .pd-detail-desc .box-side ul li, .pd-detail-desc .use-side ul li {
        font-size: 13px;
    }
    .pd-detail-desc .box-side ul, .pd-detail-desc .use-side ul {
        margin-bottom: 5px;
        gap: 10px;
        padding-left: 18px;
    }
    .pd-detail-desc .box-side .title {
        font-size: 13px;
    }
    .pd-detail-desc .support .title, .pd-detail-desc .sub-title, .pd-detail-desc .sub-text, .pd-detail-desc .support .desc, .pd-detail-desc .feature .title {
        font-size: 13px;
    }
    .pd-detail-desc {
        gap: 7px;
        padding: 12px;
    }
    .detail-desc {
        gap: 15px;
    }
    .detail-desc .main-title {
        font-size: 15px;
    }
    .pd-advantage-side .items .item svg {
        width: 13px;
    }
    .pd-advantage-side .items .item {
        padding: 5px 8px;
        gap: 4px;
        font-size: 11px;
    }
    .pd-advantage-side .title {
        font-size: 15px;
    }
    .select-size {
        height: 50px;
        padding: 0 15px;
    }
    button.btn.btn-cart.btn-color-1 {
        height: 50px;
        font-size: 13px;
        padding: 6px;
    }
    .button-side-pd a.wp-side .right {
        padding: 9px 12px;
    }
    .button-side-pd a.wp-side {
        height: 50px;
        padding: 6px 6px 6px 6px;
    }
    .button-side-pd a.wp-side .left img {
        width: 28px;
    }
    .pd-price-area {
        padding: 20px;
        margin: 10px 0px 10px 0px;
    }
    .pd-top-side .left .d-rest {
        max-width: 80px;
    }
    .pd-top-side .left .d-rest svg {
        width: 100%;
        height: 100%;
    }
    .pd-top-side .left {
        gap: 10px;
    }
    .product-reviews img {
        width: 13px;
        height: 100%;
    }
    .product-reviews .stars i::before {
        font-size: 13px;
    }
    .pd-top-block {
        margin-bottom: 10px;
    }
    .footer-top .title-container {
        gap: 17px;
    }
    .bb .footer-left-side .social-media-area .social-media a svg {
        width: 15px;
    }
    .bb .footer-left-side .social-media-area .social-media a {
        width: 30px;
        height: 30px;
    }
    footer .bb .col-lg-5.col-list-main {
        margin-bottom: 15px;
    }
    .footer-top .button-area a.l-item img {
        width: 22px;
    }
    .footer-top .button-area a.r-item .r-svg svg, .footer-top .button-area a.l-item .r-svg svg {
        width: 12px;
    }
    .footer-top .button-area a.r-item, .footer-top .button-area a.l-item {
        padding: 7px 7px 7px 6px;
        gap: 9px;
        line-height: normal;
        font-size: 11px;
    }
    .footer-top .button-area a.r-item {
        padding: 7px 8px 7px 10px;
    }
    .footer-top .title img {
        max-width: 210px;
    }
    .footer-top {
        padding: 0px 10px;
        gap: 10px;
        margin-bottom: 5px;
    }
    .footer-top .ft-img {
        margin-top: -60px;
    }
    .footer-top .footer-top-img {
        max-width: 130px;
    }
    footer .bb .footer-left-side {
        gap: 20px;
    }
    footer .cpy {
        font-size: 11px;
        text-align: center;
        color: #fff;
    }
    footer .bb {
        padding-bottom: 15px;
    }
    footer .bb .row .col-lg-5.col-list-main .col-first .bg {
        margin-left: 0;
        bottom: -1px;
        margin: 0px;
        opacity: 0.5;
    }
    footer .bb .row .col-lg-5.col-list-main .col-first .bg img {
        max-width: 250px;
    }
    footer .bb .row .col-lg-7.col-list-main {
        padding-left: 10px;
        position: unset;
    }
    footer .bb .row .col-lg-5.col-list-main {
        padding-right: 10px;
        position: unset;
    }
    .product-follow-up .p-name-img{
        display: none;
    }
    button#pdBasketSide .right,
    button#pdBasketSide .left span.text{
        display: none;
    }
    .product-top-block {
        justify-content: flex-start !important;
        gap: 30px !important;
        overflow-x: scroll;
    }
    .product-top-block a .items {
        width: max-content;
    }
    .pd-top-side {
        flex-wrap: wrap;
        gap: 10px 10px;
    }
    .pdetail-card {
        margin-top: 20px;
    }
    .pd-card-top {
        gap: 10px;
    }
    .pd-price-area .right{
        padding-left: 10px;
        gap: 5px;
    }
    .pd-price-area .left{
        padding-right: 10px;
        gap: 5px;
    }
    .pd-price-area .right .top {
        font-size: 12px;
    }
    .pd-price-area .left .sale-price.sale-variant-price{
        font-size: 18px;
    }
    .pd-price-area .left .text {
        font-size: 12px;
    }
    .pd-price-area .left .l-inst {
        font-size: 11px;
        gap: 5px;
    }
    .pd-price-area .right .top span {
        font-size: 15px;
    }
    .pd-price-area .right a.bottom {
        font-size: 12px;
    }
    .product-body .product-title-container{
        gap: 10px;
    }
    .button-side-pd a.wp-side .left {
        font-size: 13px;
        gap: 10px;
    }
    .pd-advantage-side {
        padding: 13px 0px 15px 0px;
        gap: 15px;
    }
    .tester-side {
        flex-direction: column;
        align-items: stretch;
        margin-top: 0;
    }
    .tester-side::before {
        display: none;
    }
    .tester-side > img {
        width: 150px;
        height: 150px;
        margin: -15px auto -30px;
    }
    .tester-side .right {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 14px;
        margin-left: 0;
        padding: 40px 20px 20px; 
        width: 100%;
        box-sizing: border-box;
    }
    .tester-side .right .text-side {
        align-items: center;
    }
    .tester-side .politica {
        align-self: center;
    }
    .how-it-set .step-by-step .top-side {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }
    .step-by-step .top-side .left {
        gap: 5px;
    }
    .how-it-set {
        padding:24px 0;
    }
    .comment-set{
        padding: 25px 0;
    }
    .step-by-step .buton-area {
        gap: 10px;
        margin-top: 0;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0px 10px;
        margin-top: 15px;
    }
    .footer-top .title {
        font-size: 22.708px;
        color: #304B6D;
    }
    .footer-top .text {
        font-size: 18px;
        color: #fff;
    }
    .footer-top .button-area {
        gap: 10px;
        align-items: stretch;
    }
    .footer-top .button-area a.l-item .r-svg,
    .footer-top .button-area a.r-item .r-svg{
        width: 20px;
        height: 20px;
    }
    .bb .footer-left-side img {
        max-width: 177px;
        filter: brightness(0) invert(1);
    }
    .bb .footer-left-side {
        gap: 10px;
        padding-bottom: 0;
        padding-left: 0;
        margin-top: 20px;
    }
    footer {
        background: #304B6D;
        position: relative;
    }
    .bb .footer-left-side .footer-text {
        font-size: 14px;
        max-width: 100%;
        color: #fff;
    }
    .bb .footer-left-side .social-media-area .left{
        color: #fff;
    }
    footer .info .row {
        gap: 20px 0px;
    }
    footer .info .row .col-md-4:last-child .title img {
        display: none;
    }
    footer .bb .info .title {
        color: #fff;
        font-size: 16px;
        margin-bottom: 0;
        padding: 0;
    }
    a.footer-bu-item .right {
        color: #fff;
        align-items: flex-start;
        font-size: 13px;
    }
    .mc-footer span{
        font-size: 12px;
    }
    .pd-basket-wrap {
        right: 0;
        width: fit-content;
        bottom: 120px;
    }
    a.footer-bu-item {
        gap: 10px;
    }
    .p-g-mod-t-28 {
        padding-bottom: 0;
    }
    .payment-final-buttons-1 {
        height: auto;
    }
    footer .info ul li a{
        color: #fff;
    }
    .product-follow-up {
        padding: 12px 12px 12px 20px;
        margin: 0px 10px;
        bottom: 10px;
    }
    .pd-shoe-groups {
        flex-direction: column;
    }
    button.swal-button.swal-button--confirm.btn-primary.btn-theme-3 {
        font-size: 11px;
    }
    .pd-basket-wrap.cart-open .pd-mini-cart {
        position: relative;
        right: 10px;
    }
    button#pdBasketSide {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .size-succest {
        font-size: 12px;
    }
    .dropdown-languages-1 .dropdown-toggle {
        color: #000;
        justify-content: flex-start;
    }
    .dropdown-toggle#dropdownDesktopMenuOffset-left::before{
        display: none;
    }
    .politca-side {
        flex-direction: row;
        gap: 0;
    }
    footer .bar .content {
        padding: 15px 0px;
    }
    footer .bar .row {
        gap: 5px 0px;
    }
    .politca-side .left a {
        font-size: 11px;
    }
    .page-expr .inline {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 !important;
        gap: 30px !important;
    }
    .politca-side .right img {
        max-width: 130px;
    }
    .politca-side .left {
        gap: 5px 7px;
        flex: 1;
        flex-wrap: wrap;
    }
}
@media (max-width:768px) {
    
}
@media (max-width:576px) {
    
}
@media (max-width:380px) {
    header.mobile .hmobil-center {
        padding: 0 12px;
    }
    header.mobile .logo img {
        max-width: 100px;
    }
    header.mobile .icon-group.btn-sidebar-menu,
    header.mobile .icon-group.user-login {
        width: 36px;
        height: 36px;
    }
}