:root {
    --font-roboto: Roboto;
    --font-inter: Inter;
    --font-size-sm: 14px;
    --font-size-lg: 18px;
    --font-size-xs: 12px;
    --font-size-3xs: 10px;
    --font-size-base: 16px;
    --font-size-17xl: 36px;
    --font-size-3xl: 22px;
    --font-size-10xl: 29px;
    --font-size-5xl: 24px;
    --font-size-lgi: 19px;
    --font-size-xl: 20px;
    --white: #fff;
    --primary: #ff602e;
    --color-gray-100: #878787;
    --color-gray-200: #858585;
    --main-void-600: #090e24;
    --color-gray-300: rgba(0, 0, 0, 0.22);
    --quaternary-bonne-nuit-500: #626c85;
    --color-gainsboro-100: #d9d9d9;
    --color-gainsboro-200: rgba(217, 217, 217, 0);
    --color-black: #000;
    --color-orangered-100: #ff5f00;
    --color-whitesmoke-100: #f8f8f8;
    --color-mediumslateblue: #594ada;
    --color-red: #e30917;
    --color-darkgreen: #047128;
    --color-dimgray-100: #656565;
    --color-dimgray-200: #505050;
    --color-midnightblue: #001442;
    --color-coral: #ff8449;
    --gap-12xl: 31px;
    --gap-mini: 15px;
    --gap-17xl: 36px;
    --gap-lg: 18px;
    --gap-xl: 20px;
    --gap-16xl: 35px;
    --gap-mid: 17px;
    --gap-base: 16px;
    --gap-lgi: 19px;
    --gap-xs: 12px;
    --gap-9xs: 4px;
    --gap-4xl: 23px;
    --gap-2xl: 21px;
    --gap-5xl: 24px;
    --gap-51xl: 70px;
    --gap-10xl: 29px;
    --gap-11xl: 30px;
    --gap-9xl: 28px;
    --gap-3xs: 10px;
    --gap-5xs: 8px;
    --gap-7xs: 6px;
    --gap-4xs: 9px;
    --padding-xl: 20px;
    --padding-12xs: 1px;
    --padding-base: 16px;
    --padding-mid: 17px;
    --padding-10xs: 3px;
    --padding-9xs: 4px;
    --padding-45xl: 64px;
    --padding-23xl: 42px;
    --padding-xs: 12px;
    --padding-15xl: 34px;
    --padding-2xs: 11px;
    --padding-11xs: 2px;
    --padding-3xl: 22px;
    --padding-11xl: 30px;
    --padding-2xl: 21px;
    --padding-8xs: 5px;
    --padding-6xs: 7px;
    --padding-16xl: 35px;
    --padding-12xl: 31px;
    --padding-36xl: 55px;
    --padding-5xs: 8px;
    --padding-4xs: 9px;
    --padding-14xl: 33px;
    --padding-34xl: 53px;
    --padding-9xl: 28px;
    --padding-33xl: 52px;
    --padding-5xl: 24px;
    --padding-6xl: 25px;
    --padding-smi: 13px;
    --padding-40xl: 59px;
    --padding-10xl: 29px;
    --padding-7xs: 6px;
    --padding-139xl: 158px;
    --padding-lgi: 19px;
    --padding-102xl: 121px;
    --padding-103xl: 122px;
    --padding-mini: 15px;
    --padding-4xl: 23px;
    --padding-13xl: 32px;
    --padding-3xs: 10px;
    --padding-26xl: 45px;
    --br-xs: 12px;
    --br-5xs: 8px;
    --br-8xs: 5px;
    --br-6xs: 7px;
}

.tp-header-search-wrapper {
    border-radius: 22px;
}

    .tp-header-search-wrapper   input{
        border-radius: 22px;
    }
    .tp-header-search-wrapper button {
        border-radius: 14px;
    }

html,
body {
    font-size: var(--font-size-sm);
    font-family: var(--font-inter);
    line-height: normal;
    margin: 0;
}

p {
    margin: 0.2rem 0;
}

section {
    margin: 0 auto;
}

a {
    text-decoration: none;
    color: #000;
}

.frame-child,
.image-1-icon {
    position: relative;
    max-width: 100%;
}

.frame-child {
    height: 165px;
    width: 1440px;
    background-color: var(--white);
    display: none;
}

.image-1-icon {
    align-self: stretch;
    flex: 1;
    overflow: hidden;
    max-height: 100%;
    object-fit: contain;
    z-index: 1;
}

.image-1-wrapper {
    height: 96px;
    width: 223px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 var(--padding-10xs);
    box-sizing: border-box;
}

.akademi {
    text-decoration: none;
    color: inherit;
}

.akademi,
.bilgi-merkezi {
    position: relative;
    z-index: 1;
}

.topluluk {
    text-decoration: none;
    color: inherit;
    min-width: 65px;
}

.tedariki-olun,
.topluluk,
.uygulamay-ndir,
.yenilikler {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.yenilikler {
    text-decoration: none;
    color: inherit;
    min-width: 69px;
}

.tedariki-olun,
.uygulamay-ndir {
    min-width: 127px;
}

.tedariki-olun {
    text-decoration: none;
    color: inherit;
    min-width: 109px;
}

.akademi-parent {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.beneficiary-header-child {
    align-self: stretch;
    width: 100%;
    height: 60px;
    position: relative;
    padding: 0 1.4rem;
    border: none;
    box-sizing: border-box;
    outline: none;
    max-width: 100%;
    border-radius: 22px;
}

.beneficiary-title-content-child {
    height: 60px;
    width: 86px;
    position: relative;
    background-color: var(--primary);
    display: none;
}

.material-symbolssearch-icon {
    height: 39px;
    width: 39px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 3;
}

.beneficiary-title-content {
    background-color: var(--primary);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-3xs) var(--padding-4xl) var(--padding-2xs) var(--padding-5xl);
    z-index: 2;
    border-radius: 20px;
}

.beneficiary-header,
.frame-group {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.beneficiary-header {
    align-self: stretch;
    background-color: var(--color-gainsboro-200);
    border: 2px solid var(--primary);
    flex-direction: row;
    justify-content: flex-end;
    z-index: 1;
    border-radius: 22px;
}

.frame-group {
    width: 741px;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 var(--padding-4xl) 0 0;
    gap: var(--gap-4xl);
}

.frame-item {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: var(--color-gainsboro-200);
    border: 0 solid #848484;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.iconamoonprofile-thin {
    position: absolute;
    top: 10px;
    left: 11px;
    width: 37px;
    height: 37px;
    overflow: hidden;
    z-index: 2;
}

.ellipse-parent {
    height: 58px;
    width: 58px;
    position: relative;
    border: 1px solid #848484;
    border-radius: 99rem;
}

.hesap {
    margin: 0;
}

.frame-parent1,
.hesap-ynetimi-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.hesap-ynetimi-wrapper {
    flex-direction: column;
    width: 22px;
}

.frame-parent1 {
    flex-direction: row;
    gap: var(--gap-5xs);
    align-items: center;
    flex: 1;
}

.siheart-line-icon,
.twemojiflag-for-flag-turkey-icon {
    height: 18px;
    width: 18px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
}

.siheart-line-icon {
    height: 21px;
    width: 21px;
}

.frame-div,
.twemojiflag-for-flag-turkey-parent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.frame-div {
    align-self: stretch;
    align-items: flex-end;
    gap: var(--gap-11xl);
}

.frame-container,
.merhaba-kerim-atayolu-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.merhaba-kerim-atayolu-wrapper {
    flex-direction: row;
    padding: 0 var(--padding-9xs) 0 var(--padding-8xs);
    color: #8a8a8a;
}

.frame-container {
    width: 254px;
    flex-direction: column;
    gap: var(--gap-9xs);
}

.rectangle-parent {
    align-self: stretch;
    background-color: var(--white);
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center;
    padding: 40px var(--padding-xl) var(--padding-4xl);
    box-sizing: border-box;
    gap: var(--gap-mid);
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.frame-inner {
    margin: 0 !important;
    box-sizing: border-box;
}

.frame-inner {
    width: 1px;
    height: 515px;
    top: 1928px;
    right: 672px;
    border-right: 1px solid #9b9b9b;
}

.rectangle-div {
    height: 55px;
    width: 1440px;
    position: relative;
    background-color: var(--primary);
    display: none;
    max-width: 100%;
}

.exporter-report,
.frame-child1,
.line-div {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 3px solid var(--white);
    box-sizing: border-box;
    width: 41px;
    height: 3px;
    z-index: 1;
}

.exporter-report,
.frame-child1 {
    top: 7px;
}

.exporter-report {
    top: 14px;
}

.line-parent {
    width: 38px;
    height: 17px;
    position: relative;
}

.kategori {
    position: relative;
    font-weight: 600;
    z-index: 1;
}

.weuiarrow-filled-icon {
    width: 24px;
    height: 12px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: contain;
    z-index: 1;
}

.weuiarrow-filled-wrapper {
    flex-direction: column;
    padding: var(--padding-10xs) 0 0;
}

.frame-parent4,
.frame-wrapper,
.weuiarrow-filled-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame-parent4 {
    flex-direction: row;
    gap: 11.5px;
}

.frame-wrapper {
    color: #fff;
    flex-direction: column;
    padding: var(--padding-12xs) var(--padding-3xs) 0 0;
    font-size: var(--font-size-base);
}

.teklif-talepleri {
    display: inline-block;
    min-width: 101px;
}

.ortaklarmz,
.teklif-talepleri,
.teklif-talepleri1 {
    position: relative;
    font-weight: 600;
    z-index: 1;
}

.ortaklarmz {
    display: inline-block;
    min-width: 100px;
}

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

.rectangle-group {
    align-self: stretch;
    background-color: var(--primary);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 60px;
    box-sizing: border-box;
    gap: var(--gap-lg);
    max-width: 100%;
    color: #fff;
}

    .rectangle-group a {
        color: #fff;
    }

.frame-child2,
.frame-child3 {
    position: relative;
    display: none;
    max-width: 100%;
}

.frame-child2 {
    height: 221px;
    width: 416px;
    border-radius: var(--br-5xs);
    background-color: var(--color-black);
}

.frame-child3 {
    height: 202px;
    width: 380px;
    background-color: var(--color-gainsboro-200);
    border: 8px solid var(--color-coral);
    box-sizing: border-box;
}

.rectangle-parent1 {
    flex: 1;
    background-color: var(--color-gainsboro-200);
    border: 8px solid var(--color-coral);
    box-sizing: border-box;
    justify-content: flex-start;
    padding: var(--padding-26xl) var(--padding-45xl) var(--padding-26xl) 81px;
    z-index: 1;
}

.frame-wrapper3,
.rectangle-container,
.rectangle-parent1 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 100%;
}

.rectangle-container {
    border-radius: var(--br-5xs);
    background-color: var(--color-black);
    justify-content: flex-start;
    padding: var(--padding-4xs) var(--padding-base) var(--padding-3xs) var(--padding-xl);
    box-sizing: border-box;
}

.frame-wrapper3 {
    flex: 1;
    justify-content: flex-end;
}

.group-icon {
    width: 128px;
    height: 12px;
    position: relative;
}

.frame-parent6 {
    width: 908px;
    height: 242px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-4xs);
    max-width: 100%;
}

.frame-child9 {
    height: 100px;
    flex: 1;
    position: relative;
    border-radius: var(--br-8xs);
    background: linear-gradient(-77.27deg, #ff6f0d, #fec800);
    max-width: 82px;
}

.frame-child9 {
    max-width: 83px;
}

.elektronik {
    position: relative;
    font-weight: 500;
}

.elektronik-parent,
.frame-wrapper5 {
    flex-direction: row;
    justify-content: flex-start;
}

.elektronik-parent {
    width: 1227px;
    display: flex;
    align-items: flex-start;
    gap: var(--gap-lg);
    max-width: 100%;
}

.frame-wrapper5 {
    padding: 0 var(--padding-9xs);
    box-sizing: border-box;
}

.frame-parent7,
.frame-wrapper4,
.frame-wrapper5 {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}

.frame-parent7 {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--gap-3xs);
}

.frame-wrapper4 {
    align-self: stretch;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 var(--padding-5xs) 0 0;
    box-sizing: border-box;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.frame-parent5 {
    width: 1256px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-17xl);
    max-width: 100%;
}

.frame-wrapper2 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 0 var(--padding-xl) 0 var(--padding-9xl);
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    font-size: 40px;
    font-family: var(--font-roboto);
}

.frame-parent3 {
    width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-10xl);
    max-width: 100%;
}

.mask-group-icon {
    align-self: stretch;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}

.frame-parent2,
.mask-group-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.mask-group-wrapper {
    height: 305px;
    flex-direction: column;
    padding: 84px 0 0;
    margin-left: -1344px;
}

.frame-parent2 {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 65px;
}

.frame-child12 {
    width: 94px;
    height: 368px;
    position: absolute;
    margin: 0 !important;
    top: 1359px;
    right: -22px;
    border-radius: var(--br-5xs) 0 0 var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    box-sizing: border-box;
}

.yeni-rnler {
    position: relative;
    font-weight: 600;
}

.yeni-rnler {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
}

.yeni-rnler-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.yeni-rnler-parent {
    flex-direction: row;
    padding: 0 var(--padding-xl) 0 0;
    box-sizing: border-box;
    gap: var(--gap-mid);
    max-width: 100%;
}

.ca98ded18502445782eef496976cfc-icon {
    width: 183px;
    height: 146px;
    position: relative;
    object-fit: cover;
    z-index: 1;
}

.coolbaby-walking-pad {
    color: var(--color-dimgray-100);
}

.span2 {
    color: var(--color-orangered-100);
}

.span {
    font-size: var(--font-size-base);
}

.aed,
.b {
    font-family: var(--font-inter);
}

.aed {
    font-weight: 500;
}

.b {
    color: var(--color-midnightblue);
}

.piece {
    font-weight: 500;
}

.excl-import-charges2 {
    font-size: var(--font-size-sm);
}

.aed-49900 {
    text-decoration: line-through;
}

.off {
    color: var(--color-darkgreen);
}

.pad-container {
    flex: 1;
    position: relative;
    z-index: 1;
    height: 189px;
    z-index: 2;
    flex-direction: column;
    display: flex;
    gap: 1.1rem;
    color: #888;
}

.rectangle-parent2,
.second-product-info {
    align-self: stretch;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-10xs) 0 var(--padding-6xs);
}

.rectangle-parent2 {
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    flex-direction: column;
    padding: var(--padding-12xs) 0 var(--padding-lgi);
    gap: var(--gap-4xs);
}

.coolbaby-walking-pad-container1 {
    position: absolute;
    width: calc(100% - 12px);
    top: 158px;
    left: 5px;
    display: inline-block;
    height: 189px;
}

.rectangle-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rectangle-icon {
    z-index: 1;
}

.frame-parent10 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
}

.frame-parent10,
.frame-parent9,
.frame-wrapper6 {
    align-self: stretch;
    flex: 1;
    max-width: 100%;
}

.frame-wrapper6 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 var(--padding-10xs);
    box-sizing: border-box;
    font-size: var(--font-size-base);
    color: var(--color-dimgray-100);
}

.frame-parent9 {
    flex-direction: column;
    gap: var(--gap-5xl);
}

.frame-parent8,
.frame-parent9,
.ok-satanlar-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.ok-satanlar-wrapper {
    flex-direction: row;
    padding: 0 var(--padding-11xs) 0 var(--padding-10xs);
}

.frame-parent8 {
    width: 403px;
    flex-shrink: 0;
    flex-direction: column;
    gap: var(--gap-2xl);
    max-width: 100%;
    font-size: var(--font-size-17xl);
    color: var(--color-black);
}

.coolbaby-walking-pad-container2 {
    width: 176px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.coolbaby-walking-pad-container3 {
    width: 176px;
    position: relative;
    display: inline-block;
}

.frame-parent11 {
    align-self: stretch;
    height: 368px;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-10xs) var(--padding-8xs) var(--padding-2xl);
    gap: var(--gap-7xs);
    flex-shrink: 0;
    z-index: 1;
}

.coolbaby-walking-pad-container4 {
    flex: 1;
    position: relative;
}

.coolbaby-walking-pad-walking-wrapper {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.coolbaby-walking-pad-walking-wrapper {
    flex: 1;
    flex-direction: row;
    padding: 0 0 0 var(--padding-10xs);
}

.bar-chart-child {
    align-self: stretch;
    height: 368px;
    position: relative;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    box-sizing: border-box;
    display: none;
}

.coolbaby-walking-pad-container5 {
    width: 176px;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.bar-chart,
.coolbaby-walking-pad-walking-container {
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.coolbaby-walking-pad-walking-container {
    align-self: stretch;
    height: 189px;
    flex-direction: row;
    padding: 0 var(--padding-7xs) 0 var(--padding-9xs);
}

.bar-chart {
    flex: 1;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    flex-direction: column;
    padding: 0 0 var(--padding-lgi);
    gap: var(--gap-7xs);
    min-width: 122px;
    z-index: 1;
}

.coolbaby-walking-pad-container6 {
    position: relative;
}

.bar-chart-parent,
.coolbaby-walking-pad-walking-frame {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.coolbaby-walking-pad-walking-frame {
    height: 347px;
    width: 176px;
    flex-direction: column;
    padding: var(--padding-139xl) 0 0;
    box-sizing: border-box;
}

.bar-chart-parent {
    align-self: stretch;
    flex-direction: row;
    padding: 0 0 var(--padding-lgi);
    gap: var(--gap-11xl);
    color: var(--color-dimgray-100);
}

.frame-wrapper8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
}

.frame-wrapper8 {
    justify-content: flex-end;
    padding: 0 0 var(--padding-10xs);
    box-sizing: border-box;
    color: var(--color-black);
}

.frame-section {
    width: 1347px;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-5xl);
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-dimgray-100);
    font-family: var(--font-inter);
}

.circle-chart-child {
    height: 53px;
    width: 1297px;
    position: relative;
    border-radius: var(--br-5xs);
    background-color: var(--color-whitesmoke-100);
    display: none;
    max-width: 100%;
}

.yiyecek {
    width: 75px;
    position: relative;
    text-decoration: underline;
    color: var(--color-orangered-100);
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}

.elektronik-rnler {
    align-self: stretch;
    position: relative;
    font-weight: 500;
    z-index: 1;
}

.product-types {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xs) var(--padding-8xs) 0 0;
    box-sizing: border-box;
    text-align: center;
}

.product-types-active {
    text-decoration: underline;
    color: var(--color-orangered-100);
}

.product-types1,
.product-types2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xs) var(--padding-9xs) 0 0;
}

.product-types2 {
    width: 197px;
    padding: var(--padding-9xs) var(--padding-15xl) 0 0;
    box-sizing: border-box;
    text-align: center;
}

.product-types3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-9xs) var(--padding-6xl) 0 0;
    text-align: center;
}

.giyim-aksesuar {
    align-self: stretch;
    position: relative;
    font-weight: 500;
    display: inline-block;
    min-width: 121px;
    z-index: 1;
}

.product-types4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-9xs) var(--padding-base) 0 0;
    text-align: center;
}

.anne-bebek {
    position: relative;
    font-weight: 500;
    display: inline-block;
    min-width: 94px;
    z-index: 1;
}

.product-types5,
.product-types6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-9xs) var(--padding-base) 0 0;
}

.product-types6 {
    padding: var(--padding-9xs) var(--padding-9xs) 0 0;
}

.kiisel-bakm {
    height: 38px;
    position: relative;
    font-weight: 500;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}

.circle-chart,
.fourth-product,
.kiisel-bakm-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.kiisel-bakm-wrapper {
    flex-direction: column;
    padding: var(--padding-9xs) 0 0;
}

.circle-chart,
.fourth-product {
    border-radius: var(--br-5xs);
}

.circle-chart {
    width: 100%;
    background-color: var(--color-whitesmoke-100);
    flex-direction: row;
    padding: 1rem;
    box-sizing: border-box;
    gap: var(--gap-5xl);
    max-width: 1300px;
    overflow-x: auto;
    margin: 0 auto;
}

.fourth-product {
    align-self: stretch;
    background-color: var(--color-gainsboro-200);
    border: 1px solid #858585;
    flex-direction: column;
    padding: var(--padding-12xs) 0 var(--padding-lgi);
    gap: var(--gap-4xs);
    max-width: 188px;
}

.coolbaby-walking-pad-container8 {
    position: absolute;
    width: calc(100% - 12px);
    top: 158px;
    left: 5px;
    display: inline-block;
    height: 189px;
    z-index: 2;
    flex-direction: column;
    display: flex;
    gap: 1.1rem;
}

.fourth-product1,
.fourth-product2 {
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
}

.fourth-product1 {
    height: 368px;
    width: 188px;
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
}

.fourth-product2 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xs) var(--padding-9xs) var(--padding-2xl) var(--padding-7xs);
    gap: var(--gap-4xs);
}

.fourth-product3 {
    align-self: stretch;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-10xs) var(--padding-8xs) var(--padding-2xl);
    gap: var(--gap-7xs);
}

.fourth-product4 {
    align-self: stretch;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-200);
    border: 1px solid var(--color-gray-200);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: var(--padding-12xs) var(--padding-11xs) var(--padding-lgi) var(--padding-8xs);
    gap: var(--gap-7xs);
}

.coolbaby-walking-pad-container12 {
    width: 176px;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}

.product-title-wrapper {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-7xs) 0 var(--padding-9xs);
}

.product-image {
    align-self: stretch;
    flex: 1;
    background-color: var(--color-gainsboro-200);
}

.product-description,
.product-image,
.product-image-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.product-image-wrapper {
    align-self: stretch;
    padding: 0 var(--padding-7xs) 0 0;
}

.product-description {
    height: 347px;
    padding: var(--padding-139xl) 0 0;
    box-sizing: border-box;
}

.fourth-product-parent {
    margin: 0 auto;
    width: 100%;
    overflow-x: auto;
    flex-direction: row;
    gap: var(--gap-5xl);
    max-width: 1300px;
    color: var(--color-dimgray-100);
}

.circle-chart-parent,
.fourth-product-parent,
.fuar-ve-etkinlinkler-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.circle-chart-parent {
    flex-direction: column;
    padding: 0 1rem;
    box-sizing: border-box;
    gap: var(--gap-xs);
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-base);
    color: var(--color-dimgray-200);
    font-family: var(--font-inter);
}

.fuar-ve-etkinlinkler-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-8xs) 0 var(--padding-7xs);
}

.hibrit-fuar-ve {
    position: relative;
    font-size: var(--font-size-base);
    color: #444;
}

.events-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xs);
    max-width: 100%;
}

.view-more-button-child {
    height: 32px;
    width: 106px;
    position: relative;
    border-radius: var(--br-8xs);
    background-color: var(--color-red);
    display: none;
}

.events-button,
.view-more-button {
    display: flex;
    align-items: flex-start;
}

.view-more-button {
    color: #fff;
    border-radius: var(--br-8xs);
    background-color: var(--color-red);
    flex-direction: row;
    justify-content: flex-start;
    padding: var(--padding-6xs) var(--padding-9xs) var(--padding-7xs) var(--padding-8xs);
}

.events-button {
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 0 var(--padding-9xs);
    font-size: var(--font-size-base);
    color: var(--white);
}

.events-title,
.events-title-wrapper {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}

.events-title {
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.events-title-wrapper {
    width: 850px;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-6xs);
    box-sizing: border-box;
}

.mask-group-icon1 {
    height: 506px;
    flex: 1;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    object-fit: contain;
    min-width: 397px;
    border-radius: 1rem;
}

.malaysia-flag-active {
    height: 25px;
    width: 25px;
    position: absolute;
    margin: 0 !important;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: var(--color-mediumslateblue);
    z-index: 1;
    margin-left: -4.3rem !important;
}

.malaysia-flag {
    height: 25px;
    width: 25px;
    position: absolute;
    margin: 0 !important;
    top: 40%;
    left: 0;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid var(--color-mediumslateblue);
    z-index: 1;
    margin-left: -4.3rem !important;
}

.flag-image-child {
    align-self: stretch;
    width: 290px;
    position: relative;
    border-radius: var(--br-8xs);
    background-color: var(--color-gainsboro-100);
    display: none;
}

.flag-image,
.flag-picture-icon {
    flex: 1;
    border-radius: var(--br-8xs);
}

.flag-picture-icon {
    height: 154px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.flag-image {
    background-color: var(--color-gainsboro-100);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 188px;
}

.event-description-wrapper,
.flag-icon-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.event-description-wrapper {
    height: 115px;
    width: 217px;
    flex-direction: column;
    gap: var(--gap-3xs);
}

.flag-icon-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: var(--padding-smi) var(--padding-11xs) 0 var(--padding-40xl);
    position: relative;
    gap: var(--gap-9xl);
    color: var(--color-gray-100);
}

.event-icon {
    height: 25px;
    width: 25px;
    position: absolute;
    margin: 0 !important;
    top: 63px;
    left: 0;
    border-radius: 50%;
    background-color: var(--white);
    border: 0 solid var(--color-mediumslateblue);
    box-sizing: border-box;
    z-index: 1;
}

.event-time-location {
    flex-direction: column;
    gap: var(--gap-3xs);
    color: var(--color-gray-100);
}

.event-card,
.event-location-wrapper,
.event-time-location {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.event-location-wrapper {
    width: 220px;
    flex-direction: column;
    gap: var(--gap-xl);
}

.event-card {
    align-self: stretch;
    flex-direction: row;
    position: relative;
    gap: 27px;
}

.event-card-child {
    height: 25px;
    width: 25px;
    position: absolute;
    margin: 0 !important;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: var(--white);
    border: 0 solid var(--color-mediumslateblue);
    box-sizing: border-box;
    z-index: 1;
}

.event-card1 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.event-card1 {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-11xs) 0 var(--padding-40xl);
    position: relative;
    gap: var(--gap-9xl);
}

.event-cards,
.events-banner {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
}

.event-cards {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-5xl);
}

.events-banner {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-end;
    gap: 47px;
    font-size: var(--font-size-base);
}

.events-content,
.events-content-wrapper {
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.events-content {
    margin: 4rem auto;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--gap-lgi);
}

.events-content-wrapper {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 var(--padding-mid) 80px;
    text-align: left;
    font-size: var(--font-size-17xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.grid-item-child {
    align-self: stretch;
    width: 400px;
    position: relative;
    background-color: var(--color-gainsboro-100);
    display: none;
}

.grid-item,
.grid-item-child,
.grid-placeholder-icon {
    border-radius: var(--br-5xs);
    max-width: 100%;
}

.grid-placeholder-icon {
    height: 177px;
    flex: 1;
    position: relative;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.grid-item {
    background-color: var(--color-gainsboro-100);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.icon1 {
    height: 177px;
    flex: 1;
    position: relative;
    border-radius: var(--br-8xs);
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.events-grid,
.grid-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.grid-row {
    width: 1248px;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 42px 21px;
    margin: 0 auto;
}

.events-grid {
    align-self: stretch;
    padding: 0 var(--padding-base) 39px;
    box-sizing: border-box;
}

.seller-illustration {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-5xs);
    background-color: rgba(239, 239, 239, 0.5);
}

.satclar-iin {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 700;
    font-family: inherit;
    z-index: 1;
}

.letmeler-iin-evrimii-container {
    position: relative;
    font-weight: 500;
    z-index: 1;
}

.circle-chart-container-child {
    height: 51px;
    width: 190px;
    position: relative;
    border-radius: var(--br-5xs);
    background-color: var(--color-orangered-100);
    display: none;
}

.daha-fazlas1 {
    position: relative;
    font-size: var(--font-size-xl);
    font-weight: 600;
    font-family: var(--font-inter);
    color: var(--white);
    text-align: left;
    z-index: 2;
}

.circle-chart-container {
    cursor: pointer;
    border: 0;
    padding: 14px var(--padding-14xl) var(--padding-smi) var(--padding-15xl);
    background-color: var(--color-orangered-100);
    border-radius: var(--br-5xs);
    flex-direction: row;
    z-index: 1;
}

    .circle-chart-container:hover {
        background-color: #e64500;
    }

.circle-chart-container,
.satclar-iin-parent,
.seller-description,
.seller-link-button {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.seller-link-button {
    flex-direction: row;
    padding: 0 var(--padding-8xs);
}

.satclar-iin-parent,
.seller-description {
    flex-direction: column;
}

.seller-description {
    gap: var(--gap-11xl);
    font-size: 18px;
    color: var(--color-black);
    max-width: 340px;
    font-weight: 100;
}

.satclar-iin-parent {
    gap: var(--gap-5xl);
    max-width: 100%;
}

.m-uluslararas {
    margin: 0;
    font-weight: 600;
}

.blank-line98 {
    margin: 0;
    font-weight: 500;
}

.kolay-deme-ve-container,
.m-uluslararas-container {
    max-width: 240px;
    width: 100%;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    z-index: 1;
}

.kolay-deme-ve-container {
    width: 270px;
}

.m-uluslararas-skular-20de-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 58px;
}

.bar-chart-container,
.bar-chart-container-inner {
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    max-width: 100%;
}

.bar-chart-container-inner {
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-34xl) 0 0;
    font-size: var(--font-size-xl);
    color: var(--color-black);
}

.m-uluslararas-container .hesap {
    font-size: 18px;
}

.bar-chart-container {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    padding: 44px var(--padding-3xl) var(--padding-33xl) 18px;
    position: relative;
    gap: var(--gap-xl);
}

.grid-item-one-child,
.screenshot-11-1-icon {
    position: relative;
    border-radius: var(--br-5xs);
}

.grid-item-one-child {
    align-self: stretch;
    width: 294px;
    background-color: var(--color-gainsboro-100);
    display: none;
}

.screenshot-11-1-icon {
    height: 217px;
    flex: 1;
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.grid-item-one {
    align-self: stretch;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-100);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.category-name {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 47px var(--padding-4xs) 49px;
}

.grid-row-one {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.grid-row-one {
    flex-direction: column;
    gap: var(--gap-base);
}

.grid-item-two {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.grid-item-two {
    flex-direction: column;
    gap: var(--gap-base);
}

.third-category-image {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-base);
}

.grid-item-three,
.third-category-image {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: center;
}

.grid-item-three {
    flex: 1;
    flex-direction: column;
    gap: 16px;
    min-width: 191px;
}

.frame-child16 {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-100);
}

.rectangle-parent4 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.ev-bahe-ve1 {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    white-space: nowrap;
}

.ev-bahe-ve-mobilya-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bebek-merkezi {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
}

.bebek-merkezi-wrapper,
.grid-item-three1,
.grid-row-three {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.bebek-merkezi-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-34xl) 0 var(--padding-36xl);
}

.grid-item-three1,
.grid-row-three {
    flex: 1;
}

.grid-item-three1 {
    flex-direction: column;
    gap: var(--gap-12xl);
    min-width: 194px;
}

.grid-row-three {
    min-width: 401px;
    max-width: 100%;
}

.category-grid,
.grid-row-three,
.grid-row-two {
    flex-direction: row;
    gap: var(--gap-5xl);
}

.grid-row-two {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: calc(100% - 318px);
}

.category-grid {
    align-self: stretch;
    font-size: var(--font-size-5xl);
}

.category-grid,
.kategoriler-parent,
.seller-content,
.seller-content-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.kategoriler-parent {
    align-self: stretch;
    flex-direction: column;
    gap: var(--gap-5xl);
    font-size: var(--font-size-17xl);
    color: var(--color-black);
}

.seller-content,
.seller-content-wrapper {
    box-sizing: border-box;
}

.seller-content {
    flex-direction: column;
    gap: var(--gap-51xl);
    margin: 0 auto;
}

.seller-content-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-base) var(--padding-14xl);
    text-align: left;
    font-size: var(--font-size-5xl);
    color: var(--color-orangered-100);
    font-family: var(--font-inter);
}

.popler-tedarikiler {
    margin: 0;
    position: relative;
    font-size: inherit;
    font-weight: 600;
    font-family: inherit;
    display: inline-block;
    max-width: 100%;
}

.logo-row,
.logo-row1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.logo-row {
    flex: 1;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-100);
    padding: 0 0 0 var(--padding-12xs);
    box-sizing: border-box;
    min-width: 271px;
    max-width: 295px;
}

.logo-row1 {
    max-width: 294px;
}

.dottedicon,
.logo-row1,
.logo-row2 {
    flex: 1;
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-100);
    min-width: 271px;
}

.logo-row2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 295px;
}

.dottedicon {
    height: 217px;
    position: relative;
    max-width: 294px;
}

.supplier-header,
.supplier-logos {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.supplier-logos {
    flex-direction: row;
    gap: 23.3px;
}

.supplier-header {
    flex-direction: column;
    gap: var(--gap-5xl);
    max-width: 100%;
}

.first-image-placeholder {
    height: 100%;
    width: 100%;
    position: absolute;
    margin: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--br-5xs);
    background-color: #413f3f;
}

.screenshot-20-1-icon {
    height: 341px;
    flex: 1;
    position: relative;
    border-radius: var(--br-5xs);
    max-width: 100%;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.image-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    max-width: 100%;
}

.screenshot-24-icon {
    height: 178px;
    flex: 1;
    position: relative;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.screenshot-24-icon,
.screenshot-28-icon,
.supplier-images6 {
    border-radius: var(--br-5xs);
    max-width: 100%;
}

.supplier-images6 {
    background-color: var(--color-gainsboro-100);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 0 var(--padding-12xs);
    box-sizing: border-box;
}

.screenshot-28-icon {
    height: 175px;
    flex: 1;
    position: relative;
    overflow: hidden;
    object-fit: cover;
    z-index: 1;
}

.supplier-images10,
.supplier-images9 {
    border-radius: var(--br-5xs);
    background-color: var(--color-gainsboro-100);
    flex-direction: row;
    box-sizing: border-box;
}

.supplier-images9 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 var(--padding-11xs) var(--padding-12xs);
    max-width: 100%;
}

.supplier-images10 {
    padding: 0 0 var(--padding-11xs);
}

.supplier-content,
.supplier-content-wrapper,
.supplier-images10,
.supplier-showcase {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.supplier-showcase {
    align-self: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 41px 20px;
}

.supplier-content,
.supplier-content-wrapper {
    box-sizing: border-box;
}

.supplier-content {
    width: 1275px;
    flex-direction: column;
    padding: 0 var(--padding-xl) 0 0;
    gap: var(--gap-51xl);
    margin: 2rem auto;
}

.supplier-content-wrapper {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-base) 36px;
    text-align: left;
    font-size: var(--font-size-17xl);
    color: var(--color-black);
    font-family: var(--font-inter);
}

.avrupa-ve-trkiyenin {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    line-height: 48px;
    font-weight: 600;
    font-family: inherit;
}

.lorem-ipsum-dolor {
    flex: 1;
    position: relative;
    line-height: 32px;
    font-weight: 500;
    display: inline-block;
    max-width: 100%;
}

.wholesaler-description,
.wholesaler-subtitle {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.wholesaler-subtitle {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-4xs) 0 var(--padding-5xs);
    box-sizing: border-box;
    font-size: var(--font-size-base);
    color: var(--quaternary-bonne-nuit-500);
}

.wholesaler-description {
    width: 869px;
    flex-direction: column;
    gap: var(--gap-5xl);
}

.largest-wholesaler,
.location-flags-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.largest-wholesaler {
    align-self: stretch;
    justify-content: center;
    padding: 0 var(--padding-xl) var(--padding-8xs) var(--padding-3xl);
    box-sizing: border-box;
    max-width: 100%;
    flex-shrink: 0;
}

.location-flags-inner {
    justify-content: flex-start;
    padding: 0 var(--padding-11xs);
}

.trkiye {
    align-self: stretch;
    position: relative;
    line-height: 24px;
}

.location-flags,
.location-flags-child {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.location-flags {
    flex-direction: column;
    gap: var(--gap-base);
    padding: 0 1rem;
    justify-content: center;
}

.location-flags-child {
    flex-direction: row;
    padding: 0 var(--padding-11xl);
}

.germany-container-child {
    height: 56px;
    width: 56px;
    position: relative;
}

.germany-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-5xs) 0 var(--padding-6xs);
}

.location-flag-right-child {
    width: 56px;
    height: 56px;
    position: relative;
}

.suriye {
    flex: 1;
    position: relative;
    line-height: 24px;
    font-weight: 600;
}

.location-name-right {
    justify-content: flex-start;
    padding: 0 var(--padding-11xs);
}

.germany-flag-parent,
.location-name-right,
.rusya-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.rusya-wrapper {
    justify-content: flex-start;
    padding: 0 var(--padding-11xs) 0 var(--padding-10xs);
}

.germany-flag-parent {
    justify-content: space-between;
    gap: var(--gap-xl);
}

.daha-fazla-bilgi {
    flex: 1;
    position: relative;
    font-size: var(--font-size-sm);
    line-height: 16px;
    font-weight: 600;
    font-family: var(--font-roboto);
    color: var(--white);
    text-align: center;
    display: inline-block;
    min-width: 118px;
}

.more-info-container {
    cursor: pointer;
    border: 0;
    padding: 1rem;
    margin: 0 auto;
    margin-top: 3rem !important;
    max-width: 200px;
    background-color: var(--main-void-600);
    flex: 1;
    border-radius: 16px;
    flex-direction: row;
}

    .more-info-container:hover {
        background-color: #3d4257;
    }

.location-flags-right,
.more-info-button,
.more-info-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.more-info-button {
    align-self: stretch;
    flex-direction: row;
    padding: 0 var(--padding-16xl) 0 var(--padding-12xl);
}

.location-flags-right {
    flex-direction: column;
    gap: 40px;
}

.location-flags-inner1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-8xs) 0 var(--padding-6xs);
}

.location-flags2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.frame-child21 {
    height: 56px;
    width: 56px;
    position: relative;
    object-fit: cover;
}

.location-flags-inner2 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-3xl) 0 var(--padding-2xl);
}

.location-container,
.location-container-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    max-width: 100%;
}

.location-container {
    margin: 0 auto;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.location-container-wrapper {
    align-self: stretch;
    justify-content: center;
    padding: 0 var(--padding-xl) 0 var(--padding-3xl);
    box-sizing: border-box;
    font-size: var(--font-size-lg);
    flex-direction: column;
}

.description-title-child {
    align-self: stretch;
    height: 1px;
    position: relative;
    border-top: 1px solid var(--color-gray-300);
    box-sizing: border-box;
}

.frame-child22 {
    width: 100%;
    position: absolute;
    margin: 0 !important;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    overflow: hidden;
    object-fit: contain;
}

.group-div {
    position: relative;
}

.group-div {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-3xl) var(--padding-11xl);
}

.about-links-wrapper,
.footer-info {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.about-links-wrapper {
    flex-direction: row;
    padding: 0 var(--padding-11xs);
    font-size: var(--font-size-lg);
    color: var(--main-void-600);
    font-family: var(--font-roboto);
}

.footer-info {
    width: 178.6px;
    flex-direction: column;
    gap: 69px;
    font-family: var(--font-inter);
}

.minus-sign-icon {
    height: 24px;
    width: 24px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}

.yenilik-ve-hz {
    position: relative;
    line-height: 24px;
    font-weight: 600;
}

.innovation-title {
    gap: var(--gap-base);
}

.innovation-title,
.innovation-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.innovation-title-wrapper {
    padding: 0 var(--padding-2xs);
    box-sizing: border-box;
}

.service-links {
    width: 557px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100%;
    gap: var(--gap-xl);
}

.deme-artlar-ve-container,
.sk-sorulan-sorular-container {
    position: relative;
    line-height: 32px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
}

    .sk-sorulan-sorular-container b {
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 1rem;
        font-size: 1.2rem;
    }

    .sk-sorulan-sorular-container a {
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 1rem;
        font-size: 14px;
        transition: 0.1s all;
        color: #090e24d6;
    }

        .sk-sorulan-sorular-container a:hover {
            color: var(--primary);
        }

.service-link-list-three {
    flex: 1;
    flex-direction: row;
    gap: 46px;
    min-width: 309px;
}

.frame-parent14,
.service-link-list-right,
.service-link-list-three,
.service-links-parent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.service-link-list-right {
    align-self: stretch;
    flex-direction: row;
    gap: 72px;
    font-size: var(--font-size-sm);
}

.frame-parent14,
.service-links-parent {
    flex-direction: column;
}

.service-links-parent {
    align-self: stretch;
    gap: var(--gap-base);
    font-size: var(--font-size-lg);
}

.frame-parent14 {
    flex: 1;
    padding: 0 var(--padding-15xl) 0 0;
    box-sizing: border-box;
    gap: 69px;
    min-width: 456px;
    font-size: var(--font-size-sm);
    color: var(--main-void-600);
}

.frame-child23 {
    height: 56px;
    width: 158px;
    position: relative;
    border-radius: var(--br-xs);
    background-color: var(--primary);
    display: none;
}

.frame-icon {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    z-index: 1;
}

.app-store,
.uygulamay-ndir1 {
    position: relative;
    line-height: 12px;
    font-weight: 500;
    z-index: 1;
}

.app-store {
    font-size: var(--font-size-xs);
    line-height: 16px;
    font-weight: 600;
    display: inline-block;
    min-width: 55px;
}

.download-button-labels,
.rectangle-parent6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-9xs);
}

.rectangle-parent6 {
    flex: 1;
    border-radius: var(--br-xs);
    background-color: var(--primary);
    flex-direction: row;
    padding: var(--padding-xs) var(--padding-base);
    box-sizing: border-box;
    gap: var(--gap-xs);
    min-width: 103px;
    color: #fff;
}

.google-play {
    position: relative;
    font-size: var(--font-size-xs);
    line-height: 16px;
    font-weight: 600;
    display: inline-block;
    min-width: 66px;
    z-index: 1;
}

.download-content {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.hizmetler,
.rnler1 {
    position: relative;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    min-width: 80px;
}

.rnler1 {
    min-width: 61px;
}

.service-list {
    width: 278px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.cretsiz-xml-entegrasyonu-container {
    position: relative;
    line-height: 32px;
    font-weight: 500;
}

.popular-products {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 39px;
    font-size: var(--font-size-sm);
}

.service-content,
.service-info {
    display: flex;
    align-items: flex-start;
    max-width: 100%;
}

.service-content {
    flex: 1;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--gap-base);
}

.service-info {
    align-self: stretch;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 var(--padding-12xs) 0 0;
    box-sizing: border-box;
    font-size: var(--font-size-lg);
    color: var(--main-void-600);
}

.download-container,
.download-container-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
}

.download-container {
    align-self: stretch;
    align-items: flex-end;
    gap: 40px;
}

.download-container-wrapper {
    align-items: flex-start;
    padding: 0 0 var(--padding-45xl);
    box-sizing: border-box;
    font-size: var(--font-size-3xs);
    color: var(--white);
}

.footer,
.footer-content {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}

.footer-content {
    flex: 1;
    justify-content: flex-start;
    gap: 12.4px;
}

.footer {
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 var(--padding-10xs) 0 var(--padding-9xs);
    box-sizing: border-box;
    flex-shrink: 0;
    text-align: left;
    font-size: 12.4px;
    color: var(--primary);
    font-family: var(--font-roboto);
}

.description-title {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-16xl);
    max-width: 100%;
}

.description-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-mid) 0 var(--padding-base);
}

.description-container-inner,
.description-title-wrapper,
.frame-child25 {
    align-self: stretch;
    box-sizing: border-box;
    max-width: 100%;
}

.frame-child25 {
    flex: 1;
    position: relative;
    border-top: 1px solid var(--color-gray-300);
}

.description-container-inner {
    height: 1px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-base);
}

.yenitoptancicom-bir-atasan {
    color: var(--primary);
}

.copyright-2024-container {
    position: relative;
    line-height: 24px;
    font-weight: 600;
    display: inline-block;
    max-width: 100%;
    text-align: center;
    padding: 0.4rem;
}

.group-icon1 {
    height: 21.7px;
    width: 69px;
    position: relative;
}

.mastercard-seeklogocom-icon,
.visa-icon {
    height: 21.4px;
    width: 27.8px;
    position: relative;
}

.visa-icon {
    width: 44.1px;
    height: 14.2px;
}

.visa-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0 0 5.2px;
}

.american-express-icon,
.troy-logo-icon {
    height: 21.3px;
    width: 30.7px;
    position: relative;
}

.troy-logo-icon {
    height: 19.2px;
    width: 42px;
}

.payment-1 {
    align-self: stretch;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--gap-xl);
}

.copyright,
.payment-1-wrapper {
    display: flex;
    align-items: flex-start;
}

.payment-1-wrapper {
    width: 305px;
    flex-direction: column;
    justify-content: flex-start;
    padding: var(--padding-12xs) 0 0;
    box-sizing: border-box;
}

.copyright {
    align-self: stretch;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--gap-xl);
    max-width: 100%;
    text-align: left;
    font-size: var(--font-size-sm);
}

.description-container,
.description-container-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%;
}

.description-container {
    flex-direction: column;
    box-sizing: border-box;
    gap: var(--gap-17xl);
    margin: 2rem auto;
}

.description-container-wrapper {
    align-self: stretch;
    flex-direction: row;
    text-align: center;
    font-size: var(--font-size-17xl);
    color: var(--main-void-600);
    font-family: var(--font-roboto);
}

.frame-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
}

.frame-parent {
    width: 100%;
    position: relative;
    background-color: var(--white);
    overflow: hidden;
    padding: 0 0 82px;
    gap: 11px;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--white);
    font-family: var(--font-inter);
}

@media screen and (max-width: 1350px) {
    .rectangle-group {
        flex-wrap: wrap;
        padding-left: var(--padding-45xl);
        padding-right: var(--padding-45xl);
        box-sizing: border-box;
    }

    .circle-chart {
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .bar-chart-container-inner,
    .satclar-iin-parent {
        flex: 1;
    }

    .bar-chart-container {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1150px) {
    .elektronik-parent {
        flex-wrap: wrap;
    }

    .event-cards {
        flex: 1;
    }

    .events-banner,
    .m-uluslararas-skular-20de-parent {
        flex-wrap: wrap;
    }

    .bar-chart-container-inner {
        min-width: 100%;
    }

    .grid-row-one {
        display: none;
    }

    .grid-item-two {
        flex: 1;
    }

    .grid-row-two {
        flex-wrap: wrap;
        max-width: 100%;
    }

    .supplier-logos {
        grid-template-columns: repeat(2, minmax(221px, 383px));
    }

    .location-container,
    .supplier-logos {
        flex-wrap: wrap;
        justify-content: center;
    }

    .copyright,
    .footer-content {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 800px) {
    .rectangle-group {
        display: none;
    }

    .frame-parent5 {
        gap: var(--gap-lg);
    }

    .frame-parent1 {
        flex: none;
    }

    .frame-div {
        align-items: center;
    }

    .supplier-content,
    .description-container {
        padding: 0;
    }

    .promotion-featured-banner {
        height: 150px !important;
        width: auto !important;
    }

    .promotion-section-left,
    .promotion-section-right {
        padding: 0 1rem !important;
    }

    .frame-div {
        gap: 0.8rem !important;
        align-self: flex-end !important;
    }

    .rectangle-parent {
        padding: 0 1.4rem !important;
        align-items: center;
    }

    .scrollable-categories-container {
        width: auto !important;
        display: grid !important;
        padding: 0 1rem;
        grid-template-columns: repeat(3, 1fr) !important;
        justify-content: center !important;
        row-gap: 2rem !important;
    }

    .category-item {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }

    .frame-container,
    .merhaba-kerim-atayolu-wrapper {
        align-items: flex-end !important;
    }

    /* .swiper {
        width: 100% !important;
        height: auto;
    }

    .swiper-slide {
        width: 100% !important;
        height: auto;
        margin-right: .8rem;
    }
*/
    /*.swiper-slide img {
            width: 100%;
            height: 140px;
            object-fit: cover;
            aspect-ratio: 15/6.25;
        }
*/
    .payment-1-wrapper {
        width: 100%;
        justify-content: center;
    }

    .category-item img {
        width: 100% !important;
        height: 100% !important;
    }

    .ellipse-parent {
        border: none !important;
        height: auto !important;
        width: auto !important;
    }

    .iconamoonprofile-thin {
        position: static !important;
        top: 10px;
        left: 11px;
        width: 28px !important;
        height: 28px !important;
        overflow: hidden;
        z-index: 2;
    }

    .innovation-title-wrapper {
        display: none;
    }

    .frame-parent2 {
        padding-bottom: var(--padding-23xl);
        box-sizing: border-box;
    }

    .frame-group {
        display: none;
    }

    .yeni-rnler {
        font-size: var(--font-size-10xl);
    }

    .circle-chart-parent {
        padding-bottom: 46px;
        box-sizing: border-box;
    }

    .events-title {
        flex-wrap: wrap;
    }

    .hesap-ynetimi-wrapper {
        display: none;
    }

    .mask-group-icon1 {
        min-width: 100%;
    }

    .event-description-wrapper {
        flex: 1;
    }

    .group-div {
        margin-top: 4rem;
    }

    .flag-icon-wrapper {
        flex-wrap: wrap;
        padding-left: var(--padding-10xl);
        box-sizing: border-box;
    }

    .event-location-wrapper {
        flex: 1;
    }

    .frame-inner {
        display: none;
    }

    .mask-group-icon1 {
        height: auto;
    }

    .event-card,
    .event-card1 {
        flex-wrap: wrap;
        box-sizing: border-box;
    }

    .event-cards {
        min-width: 100%;
    }

    .events-banner {
        gap: var(--gap-4xl);
    }

    .events-content-wrapper {
        padding-bottom: var(--padding-33xl);
        box-sizing: border-box;
    }

    .grid-row-three {
        flex-wrap: wrap;
        min-width: 100%;
    }

    .seller-content {
        gap: var(--gap-16xl);
    }

    .popler-tedarikiler {
        font-size: var(--font-size-10xl);
    }

    .supplier-content {
        gap: var(--gap-16xl);
    }

    .avrupa-ve-trkiyenin {
        font-size: var(--font-size-10xl);
        line-height: 38px;
    }

    .service-links {
        flex-wrap: wrap;
    }

    .deme-artlar-ve-container {
        flex: 1;
    }

    .service-link-list-three {
        gap: var(--gap-4xl);
        flex-wrap: wrap;
    }

    .service-link-list-right {
        gap: var(--gap-17xl);
        flex-wrap: wrap;
    }

    .frame-parent14 {
        gap: 34px;
        min-width: 100%;
    }

    .description-title {
        gap: var(--gap-mid);
    }

    .description-container {
        gap: var(--gap-lg);
    }
}

@media screen and (max-width: 450px) {
    .rectangle-parent1 {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .yeni-rnler {
        font-size: var(--font-size-3xl);
    }

    .coolbaby-walking-pad-walking-frame {
        flex: 1;
    }

    .bar-chart-parent {
        flex-wrap: wrap;
    }

    .satclar-iin {
        font-size: var(--font-size-lgi);
    }

    .kolay-deme-ve-container,
    .letmeler-iin-evrimii-container,
    .m-uluslararas-container {
        font-size: var(--font-size-base);
    }

    .m-uluslararas-skular-20de-parent {
        gap: var(--gap-10xl);
    }

    .category-name {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .grid-item-three {
        gap: 16px;
    }

    .bebek-merkezi,
    .ev-bahe-ve1 {
        font-size: var(--font-size-lgi);
    }

    .bebek-merkezi-wrapper {
        padding-left: var(--padding-xl);
        padding-right: var(--padding-xl);
        box-sizing: border-box;
    }

    .grid-item-three1 {
        gap: var(--gap-mini);
    }

    .seller-content {
        gap: var(--gap-mid);
    }

    .popler-tedarikiler {
        font-size: var(--font-size-3xl);
    }

    .supplier-logos {
        grid-template-columns: minmax(221px, 1fr);
    }

    .supplier-content {
        gap: var(--gap-mid);
    }

    .avrupa-ve-trkiyenin {
        font-size: var(--font-size-3xl);
        line-height: 29px;
    }

    .germany-flag-parent {
        flex-wrap: wrap;
        justify-content: center;
    }

    .location-flags-right {
        gap: var(--gap-xl);
    }

    .service-link-list-right {
        gap: var(--gap-lg);
    }

    .frame-parent14 {
        gap: var(--gap-mid);
    }

    .download-content {
        flex-wrap: wrap;
    }

    .cretsiz-xml-entegrasyonu-container {
        flex: 1;
    }

    .popular-products {
        gap: var(--gap-lgi);
        flex-wrap: wrap;
    }

    .download-container {
        gap: 26px;
    }

    .download-container-wrapper {
        padding-bottom: var(--padding-23xl);
        box-sizing: border-box;
    }
}

.promotion-section-container {
    margin-top: 2rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.promotion-section-content {
    display: flex;
    gap: 1.2rem;
    width: 100%;
}

.promotion-section-left {
    flex: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    max-width: 820px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    position: relative;
    width: 100%;
    max-width: 800px;
}

.swiper-pagination-bullet-active {
    background-color: var(--primary) !important;
}

.promotion-section-right {
    flex: 1;
    display: flex;
    justify-content: center;
}
/*
.swiper-slide {
    width: fit-content !important;
    flex-shrink: 100 !important;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
    max-width: 820px;
}
*/
.promotion-featured-banner {
    max-width: 820px;
    height: 22rem;
    object-fit: cover;
    border-radius: 1.5rem;
    flex-shrink: 100 !important;
}

.promotion-small-banner {
    width: 128px;
    margin-top: 10px;
    object-fit: contain;
}

.promotion-secondary-banner {
    width: 100%;
    height: 22rem;
    object-fit: cover;
    border-radius: 1rem;
}

@media (max-width: 768px) {
    .promotion-section-content {
        flex-direction: column;
    }
}

.scrollable-categories-container {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    margin-top: 36px;
    width: 100%;
    max-width: 1300px;
    justify-content: space-between;
    align-self: center;
    color: black;
    font-size: 12px;
}

.category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
}

.category-icon {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.category-title {
    margin-top: 10px;
    font-weight: 400;
}

.product-list-container {
    display: flex;
    gap: 28px;
    max-width: 100%;
    overflow-x: auto;
    font-size: 1rem;
    font-weight: 600;
    color: #71717a;
}

.product-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 188px;
    padding: 4px 0 14px;
    border: 1px solid #71717a;
    border-radius: 8px;
    background-color: rgba(243, 244, 246, 0);
}

.product-image {
    width: 100%;
    aspect-ratio: 1.25;
    object-fit: contain;
}

.product-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 12px;
    margin-top: 10px;
}

.product-title {
    font-weight: 500;
    margin-top: 0;
}

.import-charges {
    font-size: 0.875rem;
    font-weight: 500;
}

.new-products-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1300px;
    font-weight: 600;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.6rem;
}

.title-container {
    display: flex;
    gap: 16px;
    align-items: center;
}

.section-title {
    font-size: 2.5rem;
    color: #000;
    flex-grow: 1;
}

.product-count {
    font-size: 1rem;
    color: #71717a;
    align-self: center;
}

.show-all-link {
    font-size: 16px;
    color: #000;
    align-self: center;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .new-products-section {
        max-width: 100%;
        margin-top: 40px;
    }
}

.footer-container {
    max-width: 1240px;
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.footer-logo-section {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.footer-logo-icon {
    width: 24px;
    height: 24px;
}

.footer-nav-section {
    flex: 1;
}

.footer-nav-title {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
}

.footer-nav-links a {
    text-decoration: none;
    font-size: 0.875rem;
    color: #374151;
}