/* header style */
.addons-marquee-bar {
    display: none !important;
}
header.desktop .topbar {
    border-bottom: 1px solid #F4F4F4;
    background: #FFF;
    height: 35px;
}
header.desktop .topbar .container, header.desktop .topbar .container .row {
    height: 100%;
}
header.desktop .topbar .col-left, header.desktop .topbar .col-right {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
header.desktop .topbar .col-right {
    justify-content: flex-end;
    gap: 30px;
}
header.desktop .topbar .col-left a {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
header.desktop .topbar .col-right a {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
header.desktop .logo img {
    max-width: 120px;
    width: 100%;
    height: 100%;
}
header.desktop .h-center {
    border-bottom: 1px solid #F4F4F4;
    background: #FFF;
}
header.desktop .h-center .container {
    position: relative;
}
.h-search-sec {
    display: none;
    position: static;
    height: calc(100vh - 94px);
    overflow: auto;
    position: fixed;
    top: 94px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #fff;
}
.h-search-sec.active {
    display: block;
}
.header-search-block {
    position: relative;
    z-index: 4;
}
header.desktop form,
.header-search-block .easy-autocomplete,
.header-search-block.active,
header.desktop form .input-box {
    width: 100% !important;
    height: 100%;
}
header.desktop form {
    position: relative;
}
header.desktop form button {
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    padding: 0px;
    border: none;
    background: transparent;
    height: 100%;
    display: flex;
    align-items: center;
    outline: none;
}
header.desktop form button svg {
    width: 23px;
    height: 100%;
}
header.desktop form button svg path {
    fill: #666;
}
header.desktop form .input-box .form-control {
    height: 100%;
    border: none;
    box-shadow: none;
    border-left: 1px solid #F4F4F4;
    padding-left: 73px;
    font-size: 12px;
    font-weight: 300;
    color: #181818;
    border-radius: 0px;
    height: 58px;
}
header.desktop form .input-box .form-control:focus,
header.desktop form .input-box .form-control:active,
header.desktop form .input-box .form-control:target {
    border-color: #F4F4F4 !important;
}
header.desktop form .input-box .form-control::placeholder {
    color: #666;
}
.hsearch-form {
    margin-top: -58px;
    display: none;
}
.hsearch-form.active {
    display: block;
}
.easy-autocomplete-container ul li.selected {
    background: transparent;
}
.header-search-block .content-block {
    display: block;
    background: transparent;
    padding: 30px 0;
    border: none;
    overflow: hidden;
    box-shadow: unset;
}
.header-search-block .content-block .title-block {
    margin-bottom: 15px;
    color: #0F0F0F;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.header-search-block .content-block .keywords .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 20px;
    flex-wrap: wrap;
}
.header-search-block .content-block .keywords .items a {
    padding: 10px 26px;
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.header-search-block .content-block .keywords .items a:hover {
    color: #000;
    border-color: #000;
}
.header-search-block .content-block .keywords, .header-search-block .content-block .brands-block {
    margin-bottom: 30px;
}
.header-search-block .content-block .products-block .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}
.header-search-block .content-block .products-block .item .title {
    color: #575757;
    font-size: 11px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.header-search-block .products-block .swiper .swiper-button-prev, .header-search-block .products-block .swiper .swiper-button-next {
    --swiper-navigation-size: 18px;
    background: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e2e2e2;
    color: #000;
}
.header-search-block .products-block .swiper .swiper-button-prev {
    left: -15px;
}
.header-search-block .products-block .swiper .swiper-button-next {
    right: -15px;
}
.header-search-block .content-block .products-block .swiper {
    overflow: unset;
}
.header-search-block .content-block .easy-autocomplete-container {
    position: unset;
    display: none;
}
.header-search-block .content-block.search-active .easy-autocomplete-container {
    display: block;
}
.header-search-block .content-block .easy-autocomplete-container ul {
    display: flex !important;
    flex-direction: row;
    gap: 10px 2px;
    max-height: 100%;
    overflow: auto;
    border: none;
    flex-wrap: wrap;
    height: calc(100vh - 140px);
}
.header-search-block .content-block .brands-block .items img {
    max-width: 120px;
    width: 100%;
    height: 100%;
}
.easy-autocomplete-container ul li .spsi-item {
    color: #575757;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
header.desktop .easy-autocomplete {
    max-width: calc(75% + 25% - 237px);
    width: 100% !important;
}
.easy-autocomplete-container ul li div img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 7px;
    border: 1px solid #f4f4f4;
}
header.desktop .mega-menu .nav-link[title="Outlet Sale"] {
    color: #db2534;
}
.header-search-block .content-block .brands-block .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
.header-search-block .content-block .brands-block .items a {
    padding: 0px 11px;
    border: 1px solid #F4F4F4;
    background: #FFF;
}
.header-search-block .content-block .keywords .items a.kampanyalar {
    color: #DC2E2E;
}
.overflow-block {
    transition: 0.5s;
}
.overflow-block.active {
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
header.desktop .h-center .row .col-lg-6 {
    position: static;
}
.cstm-sub-cat .sub-title {
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
}
.cstm-sub-cat .sub-title .write {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.cstm-sub-cat .sub-title .bg {
    width: 100%;
    height: 100%;
}
.cstm-sub-cat .sub-title .bg img {
    width: 100%;
    height: 100%;
}
.mega-menu-container  .cstm-row {
    gap: 2px;
    flex-wrap: nowrap;
}
header.desktop .mega-menu .dropdown-menu .container-fluid {
    padding: 0px !important;
}
header.desktop .mega-menu .dropdown-menu .col-right,
header.desktop .mega-menu .dropdown-menu .col-right .category-banner,
header.desktop .mega-menu .dropdown-menu .col-right .category-banner a {
    width: 100%;
    height: 100%;
    display: block;
}
header.desktop .mega-menu .dropdown-menu .col-right .category-banner a img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}
.mega-menu-container ul li .show-all-btn {
    padding: 0px;
    margin: 0;
    background: transparent;
    border: none;
    outline: none;
    font-size: 13px;
    color: #000;
    font-weight: 600;
}
.mega-menu-container .row.h-100 .col-3 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
    border-left: 0;
    padding: 35px 35px !important;
}
.mega-menu-container .row.h-100 .col-3:nth-child(1), .mega-menu-container .row.h-100 .col-3:nth-child(5) {
    border-left: 0;
    border-bottom: 0;
}
.mega-menu-container .row.h-100 .col-3:nth-child(1),
.mega-menu-container .row.h-100 .col-3:nth-child(2),
.mega-menu-container .row.h-100 .col-3:nth-child(3),
.mega-menu-container .row.h-100 .col-3:nth-child(4){
    border-top: 0px;
}
.mega-menu-container .row.h-100 .col-3:nth-child(4) {
    border-bottom: 1px solid #f4f4f4;
}
.mega-menu-container .row .col-md-8, .mega-menu-container .row .col-md-4 {
    padding: 0px;
}
.mega-menu-container .row .col-md-8 {
    padding-left: 10px;
}
.mega-menu-container .row .col-md-4 {
    padding-right: 10px;
}
.mega-menu-container .cat-overflow-block {
    display: block;
    height: 100%;
    max-height: 620px;
    overflow-x: hidden;
    overflow-y: auto;
}
.header-search-block .content-block.search-active .easy-autocomplete-container:first-child {
    display: none;
}
header.mobile .logo {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    justify-content: center;
    flex: 1;
    height: 100%;
}
header.mobile .topbar {
    padding: 6px 0px;
}
header.mobile .topbar a {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    color: #333;
}
header.mobile .icon-group svg {
    width: 23px;
    height: 100%;
}
header.mobile .right .icon-group {
    border-right: 0;
    flex: 1;
}
header.mobile .icon-group.basket {
    flex-direction: row;
    align-items: center;
    gap: 4px;
    line-height: normal;
    border-right: 1px solid #f4f4f4;
}
header.mobile .icon-group .count-badge {
    font-size: 11px;
    position: absolute;
    right: 5px;
    top: 8px;
    width: 18px;
    height: 18px;
    border-radius: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 2;
    background: #000;
    font-weight: 500;
}
.hmobil-center {
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}
.mobil-sec {
    display: none;
}
header.mobile .mobile-search .easy-autocomplete {
    width: 100% !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}
header.mobile .mobile-search form .input-box {
    width: 100%;
    height: 100%;
}
.mobil-categories .tab-btn-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background: #00000014;
}
.mobil-categories .tab-btn-block .item {
    width: 50%;
    padding: 13px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    border-left: 0;
    border-top: 0;
    font-size: 13px;
    color: #a1a1a1;
}
.mobil-categories .tab-btn-block .item:first-child {
    border-left: 1px solid #f4f4f4;
}
.mobil-categories .tab-block {
    padding: 0;
}
.mobil-categories .tab-btn-block .item.active {
    background: #fff;
    color: #000;
    border: 1px solid #f4f4f470;
}
.mobil-categories .tab-block .item.active {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mobil-categories .tab-block .item ul {
    padding: 0px;
    margin: 0px;
}
.mobil-categories .tab-block .item ul.main-multi {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.mobil-categories .tab-block .item ul li {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mobil-categories .tab-block .item ul li .btnn {
    font-size: 15px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    justify-content: space-between;
    color: #000;
    background: transparent;
    border: none;
    padding: 0;
    outline: none;
}
.mobil-categories .tab-block .item ul li ul.multi {
    display: none;
    flex-direction: column;
    gap: 8px;
}
.mobil-categories .tab-block .item ul li.active ul.multi {
    display: flex;
}
.mobil-categories .tab-block .item ul li ul.multi li a {
    font-size: 13px;
    color: #575757;
    font-weight: 400;
}
.mobil-categories .tab-block .liitem.active .btnn .icon {
    transform: rotate(180deg);
}
.mobil-categories .tab-block .item ul li.active ul.multi {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mobil-categories .tab-block .item ul li.active ul.multi li {
    width: calc(50% - 4px);
}
.mobil-categories .tab-block .item ul li.liitem {
    gap: 15px;
    padding: 17px 18px;
    border-top: 0;
    border-bottom: 1px solid #f4f4f4;
}
.sidebar-menu-type-2 .categories ul li a[title="Outlet Sale"] {
    color: #db2534;
}
.mobil-area-2 .items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mobil-area-2 .items a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    line-height: normal;
    font-size: 13px;
    color: #575757;
}
.mobil-area-2 .mobil-area-title {
    font-size: 15px;
    font-weight: 400;
    color: #161616;
}
.mobil-area-2 .items a svg {
    width: 24px;
    height: 100%;
}
.sidebar-menu-type-2 .categories ul .multi li {
    padding: 0px;
}
.sidebar-menu-type-2 .categories ul li button a {
    font-size: 12px;
    width: fit-content;
    display: none;
    font-weight: 500;
    color: #575757;
}
.mobil-categories .tab-block .item ul li.liitem .btnn .right-block,
.sidebar-menu-type-2 .categories ul li a .right-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 10px;
}
.mobil-categories .tab-block .item ul li .btnn .right-block button, .sidebar-menu-type-2 .categories ul li a .right-block button {
    background: transparent;
    font-size: 12px;
    padding: 0px;
    border: none;
    outline: none;
    color: #575757;
    display: none;
    width: max-content;
}
.sidebar-menu-type-2 .categories ul li a .right-block button span {
    width: 100%;
}
.mobil-categories .tab-block .item ul li.liitem.active .btnn .right-block button,
.sidebar-menu-type-2 .categories ul li a.active .right-block button {
    display: block;
}
.sidebar-menu-type-2 .categories ul .multi .overflow-block {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: max-content;
}
.sidebar-menu-type-2 .categories ul .multi .overflow-block .item {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 240px;
    width: max-content;
    height: 100%;
    position: relative;
}
.sidebar-menu-type-2 .categories ul .multi .overflow-block .item img {
    height: auto;
    margin: 0;
}
.sidebar-menu-type-2 .categories ul .multi .overflow-block .item .write {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    padding: 0px 20px 30px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.sidebar-menu-type-2 .categories ul .multi .overflow-block .item::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(0deg, #0000001f, transparent);
    z-index: 1;
}
/* header style end */
/* index manset style */
.index-marque {
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    position: relative;
    background: transparent;
    gap: 20px;
    width: 100%;
    height: 62px;
    margin-bottom: 18px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.scrolling--item.scrolling--animated {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 30s, 30s;
    animation-play-state: running;
    width: max-content;
    will-change: transform, width;
    animation-name: scrolling-left;
}
.index-marque:hover .scrolling--animated {
    animation-play-state: paused;
}
.scrolling-inside {
    display: flex;
    align-items: center;
    gap: 30px;
    width: max-content;
}
.scrolling-inside a {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
@keyframes scrolling-left {
  0% {
    transform: translateZ(0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.home-headline .swiper .swiper-caption {
    left: 160px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    background: #fff;
    padding: 25px 25px 35px 25px;
}
.swiper .progress-wrapp {
    width: 100%;
    height: 2px;
    background: #ffffff;
    overflow: hidden;
    position: absolute;
    left: 160px;
    z-index: 2;
    max-width: 400px;
    bottom: 0px;
}
.swiper #progress {
    width: 0%;
    height: 100%;
    background: #000;
}
.swiper-btns {
    position: absolute;
    right: 60px;
    bottom: 25px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 10px 15px;
}
.swiper-btns.mobil {
    display: none;
}
.swiper-btns .swiper-button-prev, .swiper-btns .swiper-button-next {
    position: unset;
    color: #000 !important;
    --swiper-navigation-size: 15px;
    width: auto;
    height: auto;
    margin: 0px;
}
.swiper-btns .swiper-button-prev {
    border-right: 1px solid #e2e2e2;
    padding-right: 20px;
}
.home-headline .swiper .swiper-caption .top-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 25px;
}
.home-headline .swiper .swiper-caption .top-block .double-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    margin-bottom: 25px;
}
.home-headline .swiper .swiper-caption .top-block .badgee {
    padding: 13px 18px;
    color: #0F0F0F;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    border: 1px solid #0F0F0F;
}
.home-headline .swiper .swiper-caption .top-block h5 {
    margin-bottom: 10px;
    color: #0F0F0F;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.home-headline .swiper .swiper-caption .top-block p {
    margin: 0px;
    color: #666;
    font-size: 13px;
    font-weight: 500;
    line-height: 160%;
}
.home-headline .swiper .swiper-caption .bottom-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 10px;
}
.home-headline .swiper .swiper-caption .bottom-block .headline-button {
    background: #0F0F0F;
    padding: 12px 18px;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
}
.home-headline .swiper .swiper-caption .bottom-block .small-desc {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.home-headline .p-g-mod {
    margin: 0px;
}
/* index manset style end */
/* index six banner style */
.index-sixbanner .item {
    position: relative;
    display: flex;
    flex-direction: column;
}
.index-sixbanner .item::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #0000007d, transparent);
    width: 100%;
    height: 32%;
}
.index-sixbanner .item .write {
    position: absolute;
    bottom: 45px;
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index-sixbanner .item .write .title {
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
}
.index-sixbanner .col-lg-4 {
    padding: 0px 1px;
}
.index-sixbanner .row {
    margin: 0px -1px;
    gap: 2px 0px;
}
.index-sixbanner {
    margin-bottom: 20px;
}
/* index six banner style end */
/* category page style */
.category-page-products .col-list-p-v-1 {
    padding: 1px;
}
.row.category-page-products {
    margin: 0px -2px;
    gap: 15px 0px;
}
.category-filter-order {
    background: transparent;
    border-radius: 0;
    padding: 10px 00px;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 30px;
}
.category-filter-order .list-wrap .list .list-last {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
}
.product-view-select .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.product-view-select .block-title {
    color: #0A0400;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.cat-filter-order-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.cat-filter-order-block .block-title {
    color: #0A0400;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.category-filter-order .list-wrap .list .list-first, .category-filter-order .list-wrap .list .list-last {
    display: flex;
    align-items: center;
}
.cat-filter-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #0A0400;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    user-select: none;
    cursor: pointer;
}
.cat-page-filter-block .pattern-group-body {
    position: fixed;
    right: -105%;
    top: 0;
    bottom: 0;
    z-index: 1002;
    background: #fff;
    padding: 25px 45px;
    border-left: 1px solid #f4f4f4;
    overflow: auto;
    transition: 0.5s;
    max-width: 400px;
    width: 100vh;
}
.cat-page-filter-block.active .pattern-group-body {
    right: 0;
}
.filter-close-block .right .close-btn {
    cursor: pointer;
    user-select: none;
}
.pattern-group-body .p-g-mod-t-cat-filter .p-g-mod-header-p-0 .p-g-m-h-icon {
    width: fit-content;
    font-size: 13px;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body {
    display: none;
    margin-top: 15px;
    padding: 0px 5px !important;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-header.active .p-g-m-h-info .p-g-m-h-i-title {
    font-weight: 500 !important;
    color: #000;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li {
    font-size: 13px;
    color: #575757;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li span {
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 13px;
    width: 13px;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li span::before,
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li span::after {
    display: none;
}
.categories-body .p-g-mod-t-cat-filter .p-g-mod-body .category-filter-list .list-wrap .list li .lag-checkbox {
    height: auto;
    line-height: normal;
    align-items: center;
}
.filter-close-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f4f4f4;
}
.filter-close-block .left .small-title {
    font-size: 14px;
    font-weight: 300;
    color: #575757;
}
.filter-close-block .left .title {
    color: #0A0400;
    font-size: 16px;
    font-weight: 500;
}
.filter-close-block .right .close-btn svg {
    width: 22px;
    height: 100%;
}
.category-filter-order .list-wrap .list .list-first {
    gap: 50px;
    align-items: center;
}
.cat-page-header-sec {
    border-radius: 6px;
    background: #FBFBFB;
    padding: 0px 0px 25px 0px;
    margin-top: 0;
}
.cat-page-header-sec .p-g-b-c-1 .p-g-mod {
    margin: 0px;
}
.cat-page-header-sec .p-g-b-c-0 .p-g-b-c-wrapper,
.cat-page-header-sec .p-g-b-c-0 .p-g-b-c-wrapper .p-g-b-c-inner,
.cat-page-header-sec .p-g-b-c-0 .p-g-mod,
.cat-page-header-sec .p-g-b-c-0 .p-g-mod .p-g-mod-body,
.cat-page-header-sec .p-g-b-c-1 .p-g-b-c-wrapper,
.cat-page-header-sec .p-g-b-c-1 .p-g-b-c-wrapper .p-g-b-c-inner,
.cat-page-header-sec .p-g-b-c-1 .p-g-mod,
.cat-page-header-sec .p-g-b-c-1 .p-g-mod .p-g-mod-body {
    height: 100%;
}
.cat-page-breadcrumb {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}
.cat-page-breadcrumb .breadcrumb-wrapper {
    margin: 0px;
    overflow-y: hidden;
    overflow-x: auto;
}
.cat-page-breadcrumb .bottom-block .title {
    color: #0A0400;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.breadcrumb-wrapper .breadcrumb-item+.breadcrumb-item:before {
    display: none;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}
.breadcrumb-wrapper .breadcrumb {
    margin: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    padding: 0px;
    width: max-content;
}
.breadcrumb-wrapper .breadcrumb a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    color: #575757;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a svg {
    display: none;
}
.cat-page-header-sec .p-g-b-c-1 .p-g-mod {
    background: transparent;
}
.cat-page-header-sec .p-g-b-c-0 {
    flex: 0 0 20.666667%;
    max-width: 20.666667%;
}
.cat-page-header-sec .p-g-b-c-1 {
    flex: 0 0 79.333333%;
    max-width: 79.333333%;
}
.card-category {
    background: transparent;
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.card-category .image img {
    border-radius: 4px;
}
.card-category .title {
    height: auto;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.card-category.btnn {
    background: #fff;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #f4f4f4;
    line-height: normal;
    padding: 7px 0px;
}
.cat-page-header-sec .p-g-b-c-1 .p-g-mod .owl-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
}
.cat-page-breadcrumb-sec {
    background: #fbfbfb;
    padding: 25px 0px 20px 0px;
    margin-top: -20px;
}
.cat-page-breadcrumb-sec .breadcrumb-wrapper {
    margin: 0px;
}
.category-rp-btns-sticky {
    position: sticky;
    top: 50px;
    z-index: 5;
    background: #fff;
    margin-bottom: 10px;
    transition: 0.5s;
}
.category-rp-btns-sticky .cat-responsive-buttons {
    margin: 0;
}
.category-rp-btns-sticky .cat-responsive-buttons .btn-group {
    width: 100%;
}
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button {
    padding: 0px;
    border: none;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: normal;
    border-right: 1px solid #f4f4f4;
    padding: 0px;
    color: #343A40;
}
.category-rp-btns-sticky.fixed-desktop .cat-responsive-buttons .btn-group button {
    padding: 7px 0px;
}
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button:last-child {
    border-color: transparent;
}
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button svg {
    width: 23px;
    height: 100%;
}
.category-rp-btns-sticky.fixed-desktop {
    border-bottom: 1px solid #f4f4f4;
    margin: 0px;
}
.cat-responsive-popup {
    top: 87px;
    border-top: 1px solid #f4f4f4;
}
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button:hover,
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button:active,
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button:focus,
.category-rp-btns-sticky .cat-responsive-buttons .btn-group button:target {
    background: transparent;
    border-color: #f4f4f4;
    color: #343A40;
}
.pattern-group .p-g-mod-t-26 .p-g-mod-body .mobil-cat-filter-buttons a, .pattern-group .p-g-mod-t-26 .p-g-mod-body .mobil-cat-filter-buttons .btn-secondary {
    width: 50%;
    padding: 9px 0;
    font-size: 12px;
    border-radius: 0px;
    font-weight: 500;
}
.pattern-group .p-g-mod-t-26 .p-g-mod-body .mobil-cat-filter-buttons .resume-btnn {
    background: transparent;
    color: #000;
}
/* category page style end */
/* product detail style */
.product-profile-1 .slide .row .col-list {
    padding: 0px 1px;
}
.product-profile-1 .slide .row {
    gap: 2px 0px;
    margin: 0px -2px;
}
.product-profile-1 .slide .carousel-outer {
    position: relative;
}
.pdetail-badges {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.pdetail-badges .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    gap: 10px;
    background: #fff;
    color: #000;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 12px;
    width: fit-content;
    border: 1px solid #f4f4f4;
    line-height: 150%;
}
.product-profile-info {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}
.pdetail-card .pd-card-top {
    margin-bottom: 30px;
}
.product-price-group .block-title {
    color: #A1A1A1;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}
.product-price-group .prices .pd-discount {
    color: #DC2E2E;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}
.variant-box ul li {
    margin: 0;
}
.variant-box ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.variant-box ul li .options {
    gap: 10px;
}
.product-profile-1 .product-quantity {
    margin: 0px;
    border: 1px solid #F4F4F4;
}
.product-buttons {
    margin-top: 20px;
    gap: 20px;
}
.product-quantity .btn svg {
    width: 16px;
    height: 100%;
}
.product-buttons .btn-cart svg {
    width: 22px;
    height: 100%;
}
.pd-card-body #accordion {
    margin-top: 0;
}
.pdetail-cargo-inf {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}
.pdetail-cargo-inf .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 10px;
    color: #666;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.pdetail-cargo-inf .item b {
    color: #0F0F0F;
}
.which-store-side {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding: 16px;
    margin-top: 20px;
    border: 1px solid #F4F4F4;
    user-select: none;
    cursor: pointer;
}
.which-store-side .icon, .which-store-side .dot {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.which-store-side .dot {
    justify-content: flex-end;
}
.which-store-side .text-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    line-height: normal;
}
.which-store-side .text-block .title {
    color: #0F0F0F;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.which-store-side .text-block .description {
    color: #A1A1A1;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.ws-modal {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 30%;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    border-left: 1px solid #F4F4F4;
    background: #FFF;
    box-shadow: 0px 4px 38px 0px rgba(0, 0, 0, 0.06);
}
.ws-modal button.ws-close-modal {
    background: 0;
    border: 0;
    outline: 0;
    padding: 0;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
}
.ws-modal button.ws-close-modal svg {
    width: 23px;
    height: 100%;
}
.ws-top {
    color: #A1A1A1;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 40px;
    position: relative;
}
.ws-top .title {
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}
.ws-product-info {
    display: flex;
    align-items: center;
    padding: 20px 40px;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    gap: 26px;
}
.ws-product-info .img img {
    max-width: 130px;
}
.ws-product-info .name-code .title {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    width: 70%;
    margin-bottom: 20px;
}
.ws-product-info .name-code .code {
    color: #A1A1A1;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.ws-modal .variants {
    padding: 25px 40px;
    border-bottom: 1px solid #f4f4f4;
}
.ws-modal .variants .title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
}
.ws-store {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    border-bottom: 1px solid #f4f4f4;
}
.ws-store .d-flex {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    align-items: center;
    gap: 20px;
}
.ws-store .count {
    color: #DC2E2E;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    line-height: normal;
    align-items: center;
    gap: 10px;
    color: #12D86B;
}
.ws-store .count.red {
    color: #DC2E2E;
}
.pdetail-accordion-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f4f4f4;
    padding: 0 30px 20px 30px;
    margin-top: 20px;
}
.pdetail-accordion-link .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #575757;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    user-select: none;
    cursor: pointer;
    position: relative;
}
.share-block.profil {
    display: none;
}
.share-block.profil.active {
    display: block;
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    left: -50%;
    background: #fff;
    z-index: 2;
    max-width: 260px;
    width: max-content;
    border: 1px solid #f4f4f4f4;
    padding: 20px;
}
.share-block.profil .head-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
}
.share-block.profil .head-block .title,
.share-block.profil .bottom-block .title {
    font-size: 14px;
    color: #0f0f0f;
    font-weight: 400;
}
.share-block.profil .head-block .link {
    height: 39px;
    border: 1px solid #e2e2e2;
    background: #fafafa;
    padding: 10px 15px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
    user-select: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.share-block.profil .head-block .link .text {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.share-block.profil .head-block .close {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    font-size: 0;
    line-height: normal;
    user-select: none;
    cursor: pointer;
}
.share-block.profil .head-block .close img {
    width: 13px;
    height: 100%;
}
.share-block.profil .bottom-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}
.share-block.profil .bottom-block .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.share-block.profil .bottom-block .items a svg {
    width: 26px;
    height: 100%;
    fill: #666;
}
.pdetail-accordion-link .relative {
    position: relative;
}
.share-block.profil .head-block .link .alert {
    position: absolute;
    right: -100%;
    top: 5px;
    background: #e1f2e2;
    border: 1px solid #00a60a;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    color: #007e08;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 0px;
    text-align: center;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.share-block.profil .head-block .link .alert.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    right: 5px;
}
.variant-box ul li .options .quantity-alert {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 26px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid #F4F4F4;
    background: #FFF;
}
.variant-box ul li .options .quantity-alert a {
    border: none;
    font-size: 0;
    width: auto;
    height: auto;
    padding: 0;
    line-height: normal;
}
.variant-box ul li .options .varyant-container {
    position: relative;
}
.variant-box .name .product-size-box {
    margin: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #0f0f0f;
    border: 1px solid #0f0f0f;
    padding: 9px 15px;
}
.product-price-group .product-rate {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
    user-select: none;
    cursor: pointer;
}
.product-price-group .product-rate span .offset {
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.product-price-group .product-rate .dropdown-icon {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 95.238px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    line-height: normal;
    padding: 3px 0 0 2px;
}
.product-price-group .product-rate .dropdown-icon svg {
    width: 8px;
    height: 100%;
}
.pdetail-card {
    height: fit-content;
    position: sticky;
    top: 97px;
}
.product-profile-info li.brand a {
    display: block;
    border: 1px solid #F4F4F4;
}
.product-profile-info li.brand a img {
    max-width: 80px;
    width: 100%;
    height: 100%;
}
.product-price-group .prices .sale-price.colored {
    color: #DC2E2E;
}
.product-installments .title img {
    width: 200px;
    height: 100%;
}
.pdetail-review-block {
    margin-top: 30px;
}
.product-profile-1 .slide {
    position: sticky;
    top: 104px;
}
.sale-price-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    border: 1px solid #DC2E2E;
    padding: 5px 10px;
    color: #DC2E2E;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.accordion-product .raw-content.statement h1, .accordion-product .raw-content.statement h2, .accordion-product .raw-content.statement h3 {
    font-size: 1rem;
}
.accordion-product .raw-content.statement h4, .accordion-product .raw-content.statement h5, .accordion-product .raw-content.statement h6 {
    font-size: 0.9rem;
}
.accordion-product .raw-content.statement {
    font-size: 12px;
}
.accordion-product .btn-link[aria-expanded="false"] .dropdown-icon svg.minus {
    display: none;
}
.accordion-product .btn-link[aria-expanded="true"] .dropdown-icon svg.minus {
    display: block;
}
.accordion-product .btn-link[aria-expanded="true"] .dropdown-icon svg.plus {
    display: none;
}
.breadcrumb-wrapper .breadcrumb a {
    color: #a1a1a1;
}
.swal-button, button {
    border-radius: 0;
}
/* product detail style end */
/* product card style */
.card-product .pcard-title .brand {
    color: #0A0400;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}
.card-product .pcard-title {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}
.card-product .product-card-body {
    padding: 10px 10px 0px 10px;
}
.card-product .card-product-inner .discount-kart {
    color: #DC2E2E;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2px;
}
.age-kart-product-favourite {
    position: absolute;
    right: 12px;
    top: 12px;
}
.pcard-badges {
    position: absolute;
    bottom: 15px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.pcard-badges .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #000;
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    border-radius: 0 2px 2px 0;
    background: #FFF;
    width: 50px;
    height: 26px;
}
.p-g-mod-showcase .p-g-mod-body {
    padding: 0px !important;
}
.card-product .card-product-inner .price-group .prices .sale-price.colored {
    color: #DC2E2E;
}
.card-product .card-product-inner .discount-kart.mobil {
    display: none;
}
.product-padding-none .p-g-b-c-0 .row-wrapper .row {
    margin: 0px -2px;
    gap: 10px 0px;
}
.product-padding-none .p-g-b-c-0 .row-wrapper .row .col-list-p-v-1 {
    padding: 0px 1px;
}
.card-product .card-product-inner .image-wrapper .image .img-auto {
    opacity: 1 !important;
}
.owl-wrapper .owl-single-button {
    background: transparent;
    width: auto;
    height: auto;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
    display: block;
    opacity: 0.5;
}
.owl-wrapper .owl-single-button.active {
    opacity: 1;
}
.owl-wrapper .owl-single-button button {
    line-height: normal;
    padding: 0px;
    outline: none;
    margin: 0px;
    width: 35px;
    height: 35px;
    border-radius: 200px;
    border: 0.896px solid #E2E2E2;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.owl-wrapper .owl-single-button button::after {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}
.owl-wrapper .owl-single-button.owl-single-button-prev button::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3E%3Cpath%20d='M1.53845%207.69241L5.64102%203.58984M1.53845%207.69241L5.64102%2011.795M1.53845%207.69241H14.359'%20stroke='%23181818'%20stroke-width='0.923077'/%3E%3C/svg%3E");
}
.owl-wrapper .owl-single-button.owl-single-button-next button::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3E%3Cpath%20d='M13.8461%207.69241L9.74358%203.58984M13.8461%207.69241L9.74358%2011.795M13.8461%207.69241H1.02563'%20stroke='%23181818'%20stroke-width='0.923077'/%3E%3C/svg%3E");
}
.owl-wrapper .owl-single-button button i {
    display: none;
}
.card-product .card-product-inner .image-wrapper {
    border: 1px solid #f4f4f4;
}
/* product card style end */
/* brand page style */
.df-page-title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}
.df-page-title-container .title {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}
.df-page-title-container .description {
    color: #7A7A7A;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    width: 50%;
}
.nbrand-page-block .card {
    border: none;
    padding: 0;
    margin-bottom: 60px;
}
.nbrand-page-block .card.first-style .col-left {
    height: 100%;
    width: 100%;
}
.nbrand-page-block .card.first-style .col-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}
.nbrand-page-block .card .text-block {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    line-height: normal;
}
.nbrand-page-block .card .text-block .title {
    font-size: 96px;
    font-weight: 400;
    color: #000;
}
.nbrand-page-block .card .text-block .description {
    font-size: 13px;
    font-weight: 400;
    color: #000;
}
.nbrand-page-block .card .big-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.nbrand-page-block .card .big-banner .bg, .nbrand-page-block .card .big-banner .bg img {
    width: 100%;
    height: 100%;
}
.nbrand-page-block .card .big-banner .write-bg {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nbrand-page-block .card .big-banner .btn, .nbrand-page-block .card .banner-item .btn, .nbrand-page-block .card .text-block .btn, .nbrand-page-block .card.three-style .write-bg .btn {
    padding: 7px 23px;
    background: #070707;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
.nbrand-page-block .card .banner-item .write-bg {
    position: absolute;
    bottom: 35px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nbrand-page-block .card .swiper-button-prev, .nbrand-page-block .card .swiper-button-next {
    color: #000;
    --swiper-navigation-size: 10px;
    width: 30px;
    height: 30px;
    border-radius: 200px;
    background: #fff;
    border: 1px solid #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nbrand-page-block .card .swiper-button-prev {
    padding-right: 1px;
}
.nbrand-page-block .card .swiper-button-next {
    padding-left: 3px;
}
.nbrand-page-block .card.secondry-style {
    padding: 50px 60px;
    background: #f5f5f5;
    border: none;
    border-radius: 0px;
}
.nbrand-page-block .card.secondry-style .swp-block {
    border: 1px solid #ebebeb;
}
.nbrand-page-block .card.secondry-style .col-right {
    width: 100%;
    height: 100%;
    background: #fff;
}
.card.secondry-style.fred-perry .text-block .title, .card.secondry-style.fred-perry .text-block .description, .card.secondry-style.lacoste .text-block .title, .card.secondry-style.lacoste .text-block .description {
    color: #fff;
}
.card.secondry-style.fred-perry .text-block .title, .card.secondry-style.fred-perry .text-block .description, .card.secondry-style.lacoste .text-block .title, .card.secondry-style.lacoste .text-block .description {
    color: #fff;
}
.nbrand-page-block .card.secondry-style .text-block .description {
    margin-bottom: 40px;
}
.nbrand-page-block .card.secondry-style.fred-perry .text-block .btn, .card.secondry-style.lacoste .text-block .btn {
    background: #fff;
    color: #000;
}
.nbrand-page-block .card.secondry-style .text-block {
    height: 100%;
    justify-content: flex-end;
    padding: 0px 60px 40px 60px;
    gap: 0;
}
.card.secondry-style.fred-perry .text-block {
    background: url(https://cdn.qukasoft.com/f/130996/bzR6WWFtNG0vcUp3ZW1Gc1U4OG5hUT09/i/image-41188324-sw715sh440.webp);
}
.card.secondry-style.lacoste .text-block {
    background: url(https://cdn.qukasoft.com/f/130996/bzR6WWFtNG0vcUp3ZW1Gc1U4OG5hUT09/i/image-93539947-sw715sh440.webp);
}
.nbrand-page-block .card.three-style {
    position: relative;
}
.nbrand-page-block .card.three-style .write-bg {
    position: absolute;
    right: 60px;
    left: 60px;
    bottom: 60px;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}
.nbrand-page-block .card.three-style .write-bg .left {
    width: 50%;
}
.nbrand-page-block .card.wh-text .text-block .title, .nbrand-page-block .card.wh-text .text-block .description {
    color: #fff;
}
.nbrand-page-block .card.wh-text .text-block .title, .nbrand-page-block .card.wh-text .text-block .description {
    color: #fff;
}
.nbrand-page-block .card.wh-text .write-bg .btn {
    background: #fff;
    color: #070707;
}
/* brand page style end */
/* campaign page style */
.campaigns-page-block .block-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0 30px 0;
    font-size: 24px;
    color: #000;
    font-weight: 500;
}
.campaigns-page-block .items .row {
    gap: 20px 0px;
}
.campaigns-page-block .items .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.campaigns-page-block .items .item .first img {
    max-width: 220px;
    width: 100%;
    height: 100%;
}
.campaigns-page-block .items .item .last {
    flex: 1;
}
.campaigns-page-block .items .item .title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-bottom: 4px;
}
.campaigns-page-block .items .item .small-title {
    font-size: 15px;
    color: #dc2e2d;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.campaigns-page-block .items .item .description {
    font-size: 14px;
    color: #575757;
    margin-bottom: 13px;
}
.campaigns-page-block .items .item .btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    padding: 0;
    width: fit-content;
    border-radius: 0px;
    border-bottom: 1px solid #121212;
}
.campaigns-page-block .items .item .btn svg {
    width: 17px;
    height: 100%;
}
/* campaign page style end */
/* shops page style */
.df-page-manset {
    position: relative;
    margin-bottom: 80px;
    margin-top: -20px;
}
.df-page-manset .write {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.df-page-manset .write .title {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}
.df-page-manset .write .description {
    color: #cacaca;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    width: 35%;
}
.shop-card .banner {
    position: relative;
}
.shop-card .banner a {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 2;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 8px 15px 8px 15px;
    border-radius: 50px 0px 0px 50px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.shop-card .write {
    padding: 30px;
}
.shop-card .write .title {
    color: #000;
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}
.shop-card .write .items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.shop-card .write .items a img {
    width: 24px;
}
.shop-card .write .items a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.shop-card .write .items a b {
    font-weight: 500;
}
.df-page-title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 80px;
}
.df-page-title-container .title {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 25px;
}
.df-page-title-container .description {
    color: #7A7A7A;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    width: 50%;
}
.shops-page-cards, .brand-page-cards {
    margin-bottom: 50px;
}
.shop-card .banner a {
    position: absolute;
    right: 0;
    bottom: 40px;
    z-index: 2;
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 8px 15px 8px 15px;
    border-radius: 50px 0px 0px 50px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.shop-card .write {
    padding: 30px;
}
.shop-card .write .items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.shop-card .write .items a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
.shop-card .write .items a img {
    width: 24px;
}
.shop-card .write .items a .right {
    flex: 1;
}
.shop-card .write .items a b {
    font-weight: 500;
}
/* shops page style end  */
/* no name style */
.mobil-sec {
    display: none !important;
}
.age-space-block .p-g-mod {
    margin: 0px !important;
}
/* no name style end */
/* footer style */
.footer-mobilapp-block {
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    background: #FFF;
    padding-top: 40px;
    margin-top: 60px;
}
.home-body .footer-mobilapp-block {
    margin-top: 0px;
}
.footer-mobilapp-block .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.footer-mobilapp-block .content .col-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 100px;
}
.footer-mobilapp-block .content .col-left .links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-mobilapp-block .content .col-left .links .titlee {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
}
.footer-mobilapp-block .content .col-left .links .content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer-mobilapp-block .content .col-left .write {
    display: flex;
    flex-direction: column;
}
.footer-mobilapp-block .content .col-left .write .badgee {
    margin-bottom: 15px;
    padding: 6px 15px 6px 6px;
    border-radius: 4px;
    background: #F9F9F9;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: fit-content;
}
.footer-mobilapp-block .content .col-left .write .badgee .smallb {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    border-radius: 3px;
    background: linear-gradient(90deg, #404040 0%, #000 100%);
    padding: 6px 12px 6px 8px;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.footer-mobilapp-block .content .col-left .write .titlee {
    margin-bottom: 25px;
    color: #000;
    font-size: 26px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -1px;
}
.footer-mobilapp-block .content .col-left .write .description {
    color: #5D5B62;
    font-size: 16px;
    font-weight: 400;
    line-height: 165%;
}
.footer-contact-block {
    border-bottom: 1px solid #F4F4F4;
    padding: 0;
}
.footer-contact-block .col-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 85px;
    flex: 1;
}
.footer-contact-block .content {
    display: flex;
    justify-content: space-between;
    line-height: normal;
    align-items: stretch;
}
.footer-contact-block .col-left .title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    line-height: normal;
}
.footer-contact-block .col-left .title-container .titlee {
    color: #0A0400;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.footer-contact-block .col-left .title-container .description {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.footer-contact-block .col-left .items{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
}
.footer-contact-block .col-left .items .item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.footer-contact-block .col-left .items .item .write {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.footer-contact-block .col-left .items .item .write .titlee {
    color: #0A0400;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.footer-contact-block .col-left .items .item .write .small-title {
    color: #0A0400;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.footer-contact-block .container, .footer-mobilapp-block .container {
    max-width: 1245px !important;
}
.footer-contact-block .content .social-media {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    height: 100%;
}
.footer-contact-block .content .social-media .title-block {
    color: #0A0400;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}
.footer-contact-block .content .social-media .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.footer-contact-block .content .social-media .content a {
    border: 1px solid #0A0400;
    background: rgba(10, 4, 0, 0.00);
    backdrop-filter: blur(8.35409927368164px);
    border-radius: 200px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-contact-block .col-right {
    border-left: 1px solid #F4F4F4;
    padding: 40px 0px 40px 100px;
}
footer {
    background: #FAFAFA;
}
footer .bb {
    padding: 60px 0px 40px 0px;
}
footer .bb .row .col-lg-4.col-list {
    padding-right: 50px;
}
footer .bb .row .col-lg-8.col-list {
    padding-left: 50px;
}
footer .info .row {
    justify-content: space-between;
}
footer .info .col-md-3 {
    width: fit-content;
    flex: unset;
}
footer .newsletter-content {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 25px;
}
footer .newsletter-content .news-title {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
footer .newsletter-content .news-title h4 {
    color: #0A0400;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}
footer .newsletter-content .news-title span {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
}
footer .maps-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
footer .maps-block .titlee {
    color: #0A0400;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
}
footer .maps-block .content {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    width: fit-content;
}
footer .maps-block .content .badgee {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: fit-content;
    width: fit-content;
    background: #0A0400;
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    padding: 10px;
    border-radius: 2px;
}
footer .bar {
    padding-bottom: 25px;
}
footer .bar .content {
    display: flex;
    flex-direction: column;
}
footer .bar .content .top-block {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    line-height: normal;
    padding: 32px 0px;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 25px;
}
footer .bar .content .top-block ul {
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
}
footer .bar .content .top-block ul li {
    display: block;
}
footer .bar .content .top-block ul li a {
    color: #A1A1A1;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
footer .bar .content .top-block .app-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: normal;
    gap: 22px;
}
footer .bar .content .top-block .app-block .titlee {
    color: #0A0400;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}
footer .bar .content .top-block .app-block  .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
footer .bar .content .bottom-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
footer .bar .content .bottom-block .col-right {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
footer .bar .content .bottom-block .col-left {
    color: #A1A1A1;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}
footer .bar .content .bottom-block .col-right .footer-bank {
    max-width: 162px;
    width: 100%;
    height: 100%;
}
footer .bar .content .bottom-block .col-right .age-logo svg {
    width: 35px;
    height: 100%;
}
/* footer style end */
@media (max-width:1680px) {
    
}
@media (max-width:1440px) {
    .df-page-manset .write .title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .df-page-manset .write .description {
        font-size: 16px;
        width: 50%;
    }
    .swiper .progress-wrapp {
        left: 100px;
    }
    .home-headline .swiper .swiper-caption .bottom-block .small-desc {
        font-size: 12px;
    }
    .home-headline .swiper .swiper-caption .bottom-block .headline-button {
        font-size: 12px;
    }
    .home-headline .swiper .swiper-caption .top-block {
        margin-bottom: 15px;
    }
    .home-headline .swiper .swiper-caption .top-block h5 {
        margin-bottom: 8px;
        font-size: 18px;
    }
    .home-headline .swiper .swiper-caption .top-block .badgee {
        font-size: 13px;
    }
    .home-headline .swiper .swiper-caption .top-block .double-flex {
        margin-bottom: 15px;
    }
    .home-headline .swiper .swiper-caption {
        left: 100px;
    }
    /* footer style */
    footer .bar .content .bottom-block .col-right .age-logo svg {
        width: 31px;
    }
    footer .bar .content .bottom-block .col-right .footer-bank {
        max-width: 148px;
    }
    footer .bar .content .top-block .app-block .titlee {
        font-size: 14px;
    }
    footer .bar .content .top-block .app-block .content a svg {
        width: 121px;
        height: 100%;
    }
    footer .bar .content .bottom-block .col-left {
        font-size: 12px;
    }
    footer .bar {
        padding-bottom: 18px;
    }
    footer .bar .content .top-block {
        padding: 22px 0px;
        margin-bottom: 18px;
    }
    footer .bar .content .top-block ul {
        gap: 25px;
    }
    footer .bar .content .top-block ul li a {
        font-size: 13px;
    }
    footer .maps-block .titlee {
        font-size: 16px;
    }
    .newsletter-form .btn-submit {
        font-size: 14px;
    }
    .footer-contact-block .col-left .title-container .description,
    footer .newsletter-content .news-title span,
    .footer-contact-block .col-left .items .item .write .titlee,
    .footer-mobilapp-block .content .col-left .links .titlee {
        font-size: 13px;
    }
    .footer-contact-block .col-left .title-container .titlee,
    footer .newsletter-content .news-title h4,
    .footer-contact-block .col-left .items .item .write .small-title,
    .footer-contact-block .content .social-media .title-block {
        font-size: 15px;
    }
    .footer-contact-block .col-left .items .item .icon svg {
        width: 30px;
        height: 100%;
    }
    .footer-contact-block .content .social-media .content a {
        width: 30px;
        height: 30px;
    }
    .footer-mobilapp-block .content .col-left .links .content a svg {
        width: 125px;
        height: 100%;
    }
    .footer-mobilapp-block .content .col-left .links .content {
        gap: 12px;
    }
    .footer-mobilapp-block .content .col-left .write .badgee .smallb {
        font-size: 12px;
    }
    .footer-mobilapp-block .content .col-left .write .badgee .smallb svg {
        width: 14px;
        height: 100%;
    }
    .footer-mobilapp-block .content .col-left .write .badgee {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .footer-mobilapp-block .content .col-left .write .titlee {
        margin-bottom: 20px;
        font-size: 24px;
    }
    /* footer style end */
}
@media (max-width:1366px) {
    
}
@media (max-width:1280px) {
    
}
@media (max-width:991px) {
    /* header style */
    .header-search-block .content-block.search-active .easy-autocomplete-container:first-child {
        display: block;
    }
    .header-search-block .content-block.search-active .easy-autocomplete-container:last-child {
        display: none;
    }
    /* header style end */
    .swiper-btns.desktop {
        display: none;
    }
    .swiper-btns.mobil {
        display: flex;
    }
    .cat-page-filter-block .pattern-group-body .p-g-b-c-inner {
        max-height: 650px;
        overflow: auto;
    }
    .categories-body .p-g-mod-t-cat-filter .p-g-mod-header .p-g-m-h-icon {
        font-size: 15px;
        width: auto;
    }
    .categories-body .p-g-mod-t-cat-filter .p-g-mod-header {
        display: flex;
        flex-direction: row-reverse;
        padding: 10px 0 15px 0;
        height: auto;
        border-bottom: 1px solid #f4f4f4 !important;
        margin-bottom: 25px;
    }
    .cat-page-filter-block.active .pattern-group-body .p-g-b-c-inner .p-g-mod-t-26 {
        margin: 0px;
    }
    .filter-close-block .mobil-close {
        position: absolute;
        right: 0;
        left: 0;
        top: -14px;
        background: #000;
        width: 140px;
        height: 3px;
        border-radius: 200px;
        margin: 0 auto;
    }
    .filter-close-block {
        padding-top: 10px;
        position: relative;
    }
    .filter-close-block .left {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        line-height: normal;
        width: 100%;
    }
    .filter-close-block .left .title {
        font-size: 14px;
        font-weight: 300;
        color: #575757;
    }
    .filter-close-block .left .small-title {
        color: #0A0400;
        font-size: 16px;
        font-weight: 500;
    }
    .filter-close-block .right {
        display: none;
    }
    .cat-page-filter-block .pattern-group-body {
        height: fit-content;
        right: 0;
        top: unset;
        bottom: -100%;
        padding: 25px 25px;
    }
    .cat-page-filter-block.active .pattern-group-body {
        bottom: 0;
    }
    .shop-card .write .items a img {
        width: 20px;
    }
    .shop-card .write .items a {
        gap: 10px;
        font-size: 13px;
    }
    .shop-card .write .title {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .shop-card .write {
        padding: 15px 15px 20px 15px;
    }
    .shop-card .banner a img {
        width: 20px;
    }
    .shop-card .banner a {
        gap: 8px;
        padding: 8px 12px 8px 12px;
        font-size: 12px;
    }
    .df-page-manset {
        margin-bottom: 30px;
        margin-top: -20px;
    }
    .df-page-manset .write .title {
        font-size: 16px;
        margin-bottom: 18px;
    }
    .df-page-manset .write .description {
        font-size: 14px;
        width: 100%;
    }
    .cat-page-breadcrumb-sec .breadcrumb-wrapper {
        overflow: auto;
    }
    .card-product .card-product-inner .image-wrapper {
        border: 1px solid #f4f4f4;
    }
    .mobil-categories .tab-block .item {
        display: none;
    }
    .swiper .progress-wrapp {
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
    .header-search-block .content-block .brands-block .items a {
        width: calc(33.3333333333% - 3.8px);
    }
    .header-search-block .content-block .brands-block .items img {
        max-width: 95px;
    }
    .header-search-block .content-block .brands-block .items {
        gap: 5px;
        flex-wrap: wrap;
    }
    .header-search-block .content-block .keywords, .header-search-block .content-block .brands-block {
        margin-bottom: 16px;
    }
    .header-search-block .content-block .keywords .items {
        gap: 8px 8px;
    }
    .header-search-block .content-block .keywords .items a {
        padding: 8px 19px;
        font-size: 12px;
    }
    .header-search-block .content-block {
        padding: 15px 0 30px 0;
    }
    .header-search-block .content-block .title-block {
        margin-bottom: 12px;
        font-size: 14px;
    }
    .h-search-sec {
        height: calc(100vh - 95px);
        top: 95px;
    }
    .product-profile-1 {
        margin-top: -20px;
    }
    .product-profile-1 .carousel {
        margin: 0px -10px;
    }
    .owl-wrapper .owl-single-button button::after {
        width: 13px;
        height: 13px;
    }
    .owl-wrapper .owl-single-button button {
        width: 28px;
        height: 28px;
    }
    .share-block.profil.active {
        left: -100%;
    }
    .ws-modal {
        max-width: 100%;
    }
    .which-store-side .dot svg {
        width: 17px;
        height: 100%;
    }
    .which-store-side .icon svg {
        width: 23px;
        height: 24px;
    }
    .which-store-side .text-block .description {
        font-size: 12px;
    }
    .which-store-side .text-block .title {
        font-size: 13px;
    }
    .which-store-side {
        margin-top: 15px;
    }
    .product-buttons {
        margin-top: 15px;
        gap: 15px;
    }
    .pdetail-cargo-inf .item {
        display: flex;
        gap: 7px;
        font-size: 12px;
    }
    .variant-box .name .product-size-box {
        font-size: 11px;
        padding: 8px 11px;
    }
    .product-price-group .product-rate .dropdown-icon svg {
        width: 6px;
    }
    .product-price-group .product-rate .dropdown-icon {
        width: 18px;
        height: 18px;
        padding: 2px 0 0 1px;
    }
    .product-price-group .product-rate {
        gap: 6px;
        font-size: 12px;
    }
    .product-price-group .prices .pd-discount {
        font-size: 13px;
    }
    .product-profile-info {
        gap: 15px;
    }
    .pdetail-card .pd-card-top {
        margin-bottom: 15px;
    }   
    .pdetail-card {
        padding-top: 15px;
    }
    .product-profile-1 .slide .row {
        gap: 0px 0px;
        margin: 0px -10px;
    }
    .card-product .card-product-inner .discount-kart.mobil {
        display: flex;
        font-size: 11px;
    }
    .card-product .card-product-inner .discount-kart.mobil svg {
        width: 13px;
        height: 100%;
    }
    .product-card-body .card-brand-flex {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 7px;
        line-height: normal;
    }
    .card-product .card-product-inner .price-group .prices .discount-kart {
        display: none;
    }
    .card-product .product-card-body {
        padding: 10px 5px 0px 5px;
    }
    .category-filter-order-mobile .lag-checkbox label {
        padding: 0px;
        font-size: 13px;
        line-height: normal;
    }
    .cat-filter-btn {
        display: none;
    }
    .age-kart-product-favourite a svg {
        width: 19px;
        height: 100%;
    }
    .age-kart-product-favourite {
        right: 7px;
        top: 14px;
    }
    .pcard-badges .item {
        font-size: 9px;
        border-radius: 0 2px 2px 0;
        width: 38px;
        padding-right: 1px;
    }
    .card-product .card-product-inner .price-group .prices .sale-price {
        font-size: 12px;
    }
    .card-product .pcard-title .brand {
        font-size: 11px;
    }
    .card-product .pcard-title {
        gap: 5px;
        margin-bottom: 6px;
    }
    .cat-page-breadcrumb-sec {
        padding: 15px 0px 15px 0px;
    }
    .cat-page-header-sec {
        padding: 0px 0px 20px 0px;
        margin-bottom: 10px;
    }
    .card-category .title {
        font-size: 12px;
    }
    .cat-page-header-sec .p-g-b-c-1 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .index-sixbanner .item .write {
        bottom: 15px;
    }
    .index-sixbanner .item::after {
        height: 45%;
    }
    .index-sixbanner .item .write .title {
        font-size: 12px;
        width: 85%;
        margin: 0 auto;
        text-align: center;
    }
    .index-marque {
        gap: 15px;
        height: 43px;
    }
    .scrolling--item.scrolling--animated {
        gap: 15px;
    }
    .scrolling-inside {
        gap: 15px;
    }
    .scrolling-inside a {
        font-size: 11px;
    }
    .home-headline .swiper .swiper-caption .bottom-block .small-desc {
        font-size: 11px;
    }
    .home-headline .swiper .swiper-caption .bottom-block {
        gap: 6px;
    }
    .home-headline .swiper .swiper-caption .bottom-block .headline-button {
        font-size: 11px;
        padding: 10px 14px;
    }
    .home-headline .swiper .swiper-caption .top-block p {
        font-size: 11px;
    }
    .home-headline .swiper .swiper-caption .top-block h5 {
        margin-bottom: 5px;
        font-size: 14px;
    }
    .home-headline .swiper .swiper-caption .top-block .badgee {
        font-size: 10px;
        padding: 8px 12px;
    }
    .home-headline .swiper .swiper-caption .top-block .double-flex {
        margin-bottom: 10px;
    }
    .swiper-btns .swiper-button-prev, .swiper-btns .swiper-button-next {
        --swiper-navigation-size: 12px;
    }
    .swiper-btns .swiper-button-prev {
        padding-right: 13px;
    }
    .swiper-btns {
        gap: 13px;
        padding: 10px 10px;
        position: unset;
        height: 30px;
        border: 1px solid #f4f4f4;
    }
    .home-headline .swiper-wrapper {
        align-items: stretch;
    }
    .home-headline .swiper .swiper-slide {
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }
    .home-headline .swiper .swiper-caption {
        overflow: unset;
        max-width: 100%;
        padding: 26px 28px;
        position: unset;
        margin: 0;
        border-top: 1px solid #f4f4f4;
        height: 100%;
        justify-content: center;
    }
    .campaigns-page-block .items .item .title {
        font-size: 14px;
    }
    .campaigns-page-block .items .item .small-title {
        font-size: 12px;
    }
    .campaigns-page-block .items .item .description {
        margin-bottom: 4px;
        font-size: 12px;
    }
    .campaigns-page-block .items .item .btn {
        font-size: 12px;
    }
    .campaigns-page-block .block-title {
        margin: 30px 0 20px 0;
        font-size: 20px;
    }
    .campaigns-page-block .items .row {
        margin: 0px 0;
        width: 100%;
    }
    .all-campaign .row .col-lg-6.col-6 {
        padding: 0px 3px;
    }
    .all-campaign .row .col-lg-6.col-12 {
        padding: 0px;
    }
    .campaigns-page-block .items .item {
        flex-direction: column;
        gap: 10px;
    }
    .campaigns-page-block .items .item .first img {
        max-width: 100%;
    }
    .nbrand-page-block .card.three-style .write-bg .right {
        width: 100%;
    }
    .nbrand-page-block .card.three-style .write-bg .left {
        flex: unset;
        width: 100%;
    }
    .nbrand-page-block .card.three-style .write-bg {
        right: 20px;
        left: 20px;
        bottom: 20px;
        top: 20px;
        flex-direction: column;
        gap: 20px;
        justify-content: center;
    }
    .card.secondry-style .swiper-slide .bg img {
        max-height: 165px;
        object-fit: cover;
        height: 100vh;
    }
    .nbrand-page-block .card.secondry-style .swp-block {
        border: none;
    }
    .nbrand-page-block .card.secondry-style .text-block .description {
        margin-bottom: 13px;
        font-size: 12px;
    }
    .nbrand-page-block .card.secondry-style .text-block {
        padding: 45px 20px;
    }
    .nbrand-page-block .card.secondry-style .swp-block {
        border: none;
    }
    .nbrand-page-block .card.secondry-style .col-right {
        background: transparent;
    }
    .nbrand-page-block .card.secondry-style {
        padding: 10px;
        margin-top: 0;
    }
    .nbrand-page-block .card .big-banner .btn, .nbrand-page-block .card .banner-item .btn, .nbrand-page-block .card .text-block .btn, .nbrand-page-block .card.three-style .write-bg .btn {
        font-size: 10px;
        padding: 7px 17px;
    }
    .nbrand-page-block .card .text-block .description {
        /* -webkit-line-clamp: 2; */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
    }
    .nbrand-page-block .card .text-block .title {
        font-size: 67px;
    }
    .nbrand-page-block .card .big-banner .write-bg, .nbrand-page-block .card .banner-item .write-bg {
        bottom: 15px;
    }
    .nbrand-page-block .card .text-block {
        margin-bottom: 0;
    }
    .nbrand-page-block .card.first-style .col-right {
        gap: 20px;
    }
    .nbrand-page-block .card.first-style .col-left {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .nbrand-page-block .card.first-style .col-lg-5.col-12.col-list {
        margin-bottom: 15px;
    }
    .df-page-title-container {
        margin-bottom: 30px;
    }
    .nbrand-page-block .card {
        margin-bottom: 30px;
    }
    .df-page-title-container .title {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .df-page-title-container .description {
        font-size: 13px;
        width: 100%;
    }
    .desktop-sec {
        display: none !important;
    }
    .mobil-sec {
        display: block !important;
    }
    .cat-page-header-sec .p-g-b-c-0 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .cat-page-breadcrumb {
        gap: 10px;
    }
    .breadcrumb-wrapper .breadcrumb a {
        font-size: 12px;
    }
    /* footer style */
    footer .bar .content .bottom-block .col-right .footer-bank {
        max-width: 130px;
    }
    footer .bar .content .bottom-block .col-left {
        font-size: 11px;
        width: 50%;
    }
    footer .bar {
        padding-bottom: 15px;
    }
    footer .bar .content .bottom-block {
        flex-direction: row;
        gap: 3px;
    }
    footer .bar .container, footer .bb .container {
        padding: 0px 20px !important;
    }
    footer .bar .content .top-block ul li a {
        font-size: 11px;
    }
    footer .bar .content .top-block ul {
        gap: 5px 10px;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    footer .bar .content .top-block {
        padding: 15px 0px;
        margin-bottom: 15px;
    }
    footer .bar .content .top-block .app-block {
        display: none;
    }
    footer .info .row {
        gap: 15px 0;
    }
    footer .info .col-md-3 {
        width: 50%;
    }
    footer .newsletter-content {
        margin-bottom: 15px;
    }
    footer .maps-block .titlee {
        font-size: 15px;
    }
    footer .maps-block {
        gap: 11px;
    }
    .newsletter-form .btn-submit {
        font-size: 12px;
        height: 30px;
        padding: 0px 15px;
        top: 8px;
        right: 8px;
    }
    footer .newsletter-content .news-title {
        gap: 8px;
    }
    footer .bb {
        padding: 20px 0px 20px 0px;
    }
    footer .bb .row .col-lg-8.col-list {
        padding-left: 10px;
    }
    footer .bb .row .col-lg-4.col-list {
        padding-right: 10px;
        margin-bottom: 15px;
    }
    .footer-mobilapp-block .content .col-left .write .description {
        font-size: 13px;
        width: 75%;
    }
    .footer-mobilapp-block .col-right img {
        max-width: 240px;
        width: 100%;
        height: 100%;
    }
    .footer-contact-block .content .social-media .title-block {
        font-size: 13px;
    }
    .footer-contact-block .content .social-media .content {
        padding: 0;
    }
    .footer-contact-block .col-right {
        border-left: none;
        padding: 0;
    }
    .footer-contact-block .col-left .items .item .icon svg {
        width: 27px;
    }
    .footer-contact-block .col-left .items .item .write .titlee {
        font-size: 11px;
    }
    .footer-contact-block .col-left .items .item .write .small-title {
        font-size: 13px;
    }
    .footer-contact-block .col-left .items .item {
        gap: 10px;
    }
    .footer-contact-block .col-left .items {
        gap: 20px;
    }
    .footer-contact-block .content .col-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    .footer-contact-block .content {
        justify-content: center;
        line-height: normal;
        align-items: flex-start;
        padding: 20px 0px;
        flex-direction: column;
        gap: 15px;
    }
    .footer-mobilapp-block .content {
        position: relative;
    }
    .footer-mobilapp-block .content .col-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    .footer-mobilapp-block .col-right {
        position: absolute;
        right: -42%;
        bottom: -20px;
        z-index: 0;
        opacity: 1;
        transform: rotate(333deg);
    }
    .footer-mobilapp-block .content .col-left .write .description br {
        display: none;
    }
    .footer-mobilapp-block .content .col-left .write {
        width: 100%;
    }
    .footer-mobilapp-block .content .col-left .links {
        gap: 7px;
        align-items: flex-start;
        width: fit-content;
        flex-direction: column;
    }
    .footer-mobilapp-block .content .col-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
    }
    .footer-mobilapp-block .content .col-left .links .titlee {
        font-size: 12px;
    }
    .footer-mobilapp-block .content .col-left .links .content {
        flex-direction: row;
        gap: 7px;
    }
    .footer-mobilapp-block .content .col-left .links .content a svg {
        width: 110px;
    }
    .footer-mobilapp-block .content .col-left .write .badgee .smallb svg {
        width: 12px;
    }
    .footer-mobilapp-block .content .col-left .write .badgee .smallb {
        font-size: 11px;
        gap: 2px;
        padding: 6px 10px 6px 8px;
    }
    .footer-mobilapp-block .content .col-left .write .badgee {
        margin-bottom: 10px;
        font-size: 11px;
        gap: 8px;
    }
    .footer-mobilapp-block .content .col-left .write .titlee {
        margin-bottom: 10px;
        font-size: 19px;
    }
    .footer-mobilapp-block {
        padding-top: 20px;
        margin-top: 30px;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .footer-contact-block .container, .footer-mobilapp-block .container {
        padding: 0px 20px !important;
    }   
    /* footer tyle end */
}
@media (max-width:768px) {
    
}
@media (max-width:576px) {
    
}