3.500 TL ve Üzeri Alışverişlerde Ücretsiz Standart Kargo
Popüler Aramalar
Son Aramaların
Bugün En Çok Arananlar
Popüler Aramalar
Son Aramaların
Bugün En Çok Arananlar
/* Genel */
body {
overflow-x: hidden;
}
.custom-container {
width: 100%;
height: auto;
position: relative;
box-sizing:border-box;
}
.container-desktop {
width: 100%;
height: auto;
position: relative;
box-sizing:border-box;
}
/* Sütunlar */
.grid-cols-3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 0px;
}
.grid-cols-6 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
gap: 0px;
}
.grid-cols-2 {
display: grid;
grid-template-columns: 1fr 1fr !important;
gap: 0px;
}
.grid-cols-4 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr !important;
gap: 0px;
}
.grid-cols-5 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
gap: 0px;
}
/* 3 birim + 9 birim*/
.grid-cols-3-9 {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.grid-item-3 {
grid-column: span 3;
}
.grid-item-9 {
grid-column: span 9;
}
/* 3 birim + 9 birim end*/
/* 4 birim + 8 birim */
.grid-cols-4-8 {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
/* Sınıflara özellikler atama */
.grid-item-4 {
grid-column: span 4;
}
.grid-item-8 {
grid-column: span 8;
}
/* 4 birim + 8 birim end*/
/* Sütunlar End*/
/* Sütunlar Arası Boşluk*/
.gap-10 {
gap: 10px;
}
.gap-15 {
gap: 15px;
}
.gap-20 {
gap: 20px;
}
.gap-25 {
gap: 25px;
}
.gap-30 {
gap: 30px;
}
.gap-35 {
gap: 35px;
}
.gap-40 {
gap: 45px;
}
.top10 {
margin-top: 10px;
}
.top20 {
margin-top: 20px;
}
.top30 {
margin-top: 30px;
}
.top40 {
margin-top: 40px;
}
.bottom10 {
margin-bottom: 10px;
}
.bottom20 {
margin-bottom: 20px;
}
.bottom30 {
margin-bottom: 30px;
}
.bottom40 {
margin-bottom: 40px;
}
/* Sütunlar Arası Boşluk End*/
/* Genel End*/
/* Image*/
.image_block {
position: relative;
}
.image_block img,
.image_block video {
width: 100%;
height: auto;
}
.image_block img.promo_bg_image {
width: 100%;
}
.image_block img.promo_detail_txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.image_block a.image_cat_link {
position: relative;
display: flex;
justify-content: center;
align-content: center;
}
/* Image End*/
/* Ekran Genişlikleri */
@media screen and (max-width: 990px) {
.gap-custom-container {
display: none;
}
}
@media screen and (min-width: 991px) {
.gap-custom-container {
display: block;
}
}
@media screen and (min-width: 991px) {
.gap-custom-container-mobile {
display: none;
}
}
@media screen and (max-width: 990px) {
.gap-custom-container-mobile {
display: block;
}
}
/* Ekran Genişlikleri End*/
/* image fade effect (2 banner) */
.fade_slide_two {
overflow: hidden;
position: relative;
}
.fade_slide_two div {
position: absolute;
animation: fade_slide 10s infinite;
opacity: 1;
top: 0;
left: 0;
width: 100%;
}
.fade_slide_two div img {
width: 100%!important;
}
.fade_slide_two div:nth-child(1) {
position: relative;
}
.fade_slide_two div:nth-child(2) {
animation-delay: 5s;
}
@keyframes fade_slide_two {
0%, 10% {
opacity: 1;
}
20%, 30% {
opacity: 1;
}
40% {
opacity: 0;
}
50%, 60% {
opacity: 0;
}
70%, 80% {
opacity: 1;
}
90%, 100% {
opacity: 1;
}
}
/* image fade effect (2 banner) finish */
/* image fade effect (3 banner)*/
.mobile_fade_slide {
overflow: hidden;
position: relative;
}
.mobile_fade_slide div {
position: absolute;
animation: fade_slide 15s infinite;
opacity: 0;
top: 0;
left: 0;
width: 100%;
}
.mobile_fade_slide div img {
width: 100%!important;
}
.mobile_fade_slide div:nth-child(1) {
position: relative;
}
.mobile_fade_slide div:nth-child(2) {
animation-delay: 5s;
}
.mobile_fade_slide div:nth-child(3) {
animation-delay: 10s;
}
@keyframes fade_slide {
5% {
opacity: 1;
}
20% {
opacity: 1;
}
30% {
opacity: 1;
}
40% {
opacity: 0;
}
}
/* image fade effect (3 banner) finish*/
/* image fade effect (5 banner)*/
.fade_effect {
overflow: hidden;
position: relative;
}
.fade_effect div {
position: absolute;
animation: fiveslide 25s infinite;
opacity: 0;
top: 0;
left: 0;
width: 100%;
}
.fade_effect div img {
width: 100%!important;
}
.fade_effect div:nth-child(1) {
position: relative;
}
.fade_effect div:nth-child(2) {
animation-delay: 5s;
}
.fade_effect div:nth-child(3) {
animation-delay: 10s;
}
.fade_effect div:nth-child(4) {
animation-delay: 15s;
}
.fade_effect div:nth-child(5) {
animation-delay: 20s;
}
@keyframes fiveslide {
5% {
opacity: 1;
}
20% {
opacity: 1;
}
30% {
opacity: 1;
}
40% {
opacity: 0;
}
}
/* image fade effect ( banner) finish*/
/* CTA DROPDOWN Menu Desktop*/
.cta-desktop-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: 5%;
width: 100%;
padding: 0 2.3%;
}
.image_block div.cta-desktop-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-desktop-banner-v2 .wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 0.9vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-desktop-banner-v2 .wide_single_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-desktop-banner-v2 .wide_single_link:hover {
color: #fff;
background-color: #000;
}
.image_block div.cta-desktop-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-desktop-banner-v2 .dropdown-content .dropdown-link {
color: black;
padding: 10px 16px;
text-decoration: none;
display: block;
font-size: 0.8vw;
line-height: 1.2em;
}
.image_block div.cta-desktop-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #000;
color: white;
}
/* CTA DROPDOWN Menu Thin Banner Desktop*/
/* CTA DROPDOWN BLACK Menu Desktop*/
.cta-desktop-black-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: 5%;
width: 100%;
padding: 0 2.3%;
}
.image_block div.cta-desktop-black-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-desktop-black-banner-v2 .wide_single_black_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
background-color: #000;
color: #FFF;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 0.9vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-desktop-black-banner-v2 .wide_single_black_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-desktop-black-banner-v2 .wide_single_black_link:hover {
background-color: #000;
color: #FFF;
}
.image_block div.cta-desktop-black-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #000;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-desktop-black-banner-v2 .dropdown-content .dropdown-link {
color: #FFF;
padding: 10px 16px;
text-decoration: none;
display: block;
font-size: 0.8vw;
line-height: 1.2em;
}
.image_block div.cta-desktop-black-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #FFF;
color: #000;
}
/* CTA DROPDOWN BLACK Menu Thin Banner Desktop*/
/* CTA DROPDOWN Menu Desktop*/
.cta-desktop-banner-v2-wrapper-center {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 5%;
width: 100%;
padding: 0 2.3%;
}
.cta-desktop-banner-v2-wrapper-center-top {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 20%;
width: 100%;
padding: 0 2.3%;
}
/* CTA DROPDOWN Menu Thin Banner Desktop*/
.cta-desktop-thin-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: 22%;
width: 100%;
padding: 0 2.3%;
}
.image_block div.cta-desktop-thin-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-desktop-thin-banner-v2 .wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 0.9vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-desktop-thin-banner-v2 .wide_single_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-desktop-thin-banner-v2 .wide_single_link:hover {
color: #fff;
background-color: #000;
}
.image_block div.cta-desktop-thin-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-desktop-thin-banner-v2 .dropdown-content .dropdown-link {
color: black;
padding: 10px 16px;
text-decoration: none;
display: block;
font-size: 0.9vw;
line-height: 1.8em;
}
.image_block div.cta-desktop-thin-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #000;
color: white;
}
/* CTA DROPDOWN Sale Menu Thin Banner Desktop End*/
.cta-sale-desktop-thin-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: -20%;
width: 100%;
}
.image_block div.cta-sale-desktop-thin-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-sale-desktop-thin-banner-v2 .wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 0.9vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-sale-desktop-thin-banner-v2 .wide_single_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-sale-desktop-thin-banner-v2 .wide_single_link:hover {
color: #fff;
background-color: #000;
}
.image_block div.cta-sale-desktop-thin-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-sale-desktop-thin-banner-v2 .dropdown-content .dropdown-link {
color: black;
padding: 10px 16px;
text-decoration: none;
display: block;
font-size: 0.9vw;
line-height: 1.8em;
}
.image_block div.cta-sale-desktop-thin-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #000;
color: white;
}
/* CTA V2 Sale Desktop - Banner*/
.image_block div.cta-hp-single {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: left;
position: absolute;
bottom: 15%;
width: 100%;
}
.image_block div.cta-hp-single a.wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 0.9vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-hp-single a.wide_single_link:hover {
background-color: #000;
color: white;
}
/* CTA V2 Desktop - Banner END*/
.image_block div.cta-desktop-banner {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: center;
position: absolute;
bottom: 15%;
width: 100%;
}
.image_block div.cta-desktop-banner a.wide_single_link {
display: inline-flex;
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.9vw;
font-weight: 600;
transition: font-size 0.5s ease;
}
.image_block div.cta-desktop-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #fff;
background: rgba(248, 247, 245, 0.2);
font-size: 0.9vw;
font-weight: 600;
}
/* CTA Desktop- Banner*/
.image_block div.cta-bot2-desktop-banner {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: center;
position: absolute;
bottom: 8%;
width: 100%;
}
.image_block div.cta-bot2-desktop-banner a.wide_single_link {
display: inline-flex;
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.9vw;
font-weight: 600;
transition: font-size 0.5s ease;
}
.image_block div.cta-bot2-desktop-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #fff;
background: rgba(248, 247, 245, 0.2);
font-size: 0.8vw;
font-weight: 600;
}
/* CTA Desktop- Bottom 12px*/
.image_block div.cta-bot-desktop-banner {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: center;
position: absolute;
bottom: 4%;
width: 100%;
}
.image_block div.cta-bot-desktop-banner a.wide_single_link {
display: inline-flex;
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.9vw;
font-weight: 600;
transition: font-size 0.5s ease;
}
.image_block div.cta-bot-desktop-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #fff;
background: rgba(248, 247, 245, 0.2);
font-size: 0.9vw;
font-weight: 600;
}
/* CTA Desktop- Bottom 12px*/
.image_block div.cta-big-bot-desktop-banner {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: center;
position: absolute;
bottom: 18%;
width: 100%;
}
.image_block div.cta-big-bot-desktop-banner a.wide_single_link {
display: inline-flex;
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.9vw;
font-weight: 600;
transition: font-size 0.5s ease;
}
.image_block div.cta-big-bot-desktop-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #fff;
background: rgba(248, 247, 245, 0.2);
font-size: 0.9vw;
font-weight: 600;
}
/* CTA Desktop- Acev*/
.image_block div.cta-acev-desktop-banner {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: center;
position: absolute;
bottom: 4%;
width: 100%;
}
.image_block div.cta-acev-desktop-banner a.wide_single_link {
display: inline-flex;
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.9vw;
font-weight: 600;
transition: font-size 0.5s ease;
}
.image_block div.cta-acev-desktop-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #fff;
background: rgba(248, 247, 245, 0.2);
font-size: 0.8vw;
font-weight: 600;
}
/* CTA Desktop- Yatay sabit 250px*/
.image_block div.cta-wth-desktop-banner {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: absolute;
bottom: 8%;
width: 100%;
}
.image_block div.cta-wth-desktop-banner a.wide_single_link {
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.9vw;
font-weight: 600;
min-width: 250px;
transition: font-size 0.5s ease;
}
.image_block div.cta-wth-desktop-banner a.wide_single_link:hover {
color: #000000;
border: 1px solid #000000;
font-size: 0.8vw;
font-weight: 600;
}
/* CTA Desktop- Only Text*/
.image_block div.double-ban-desk {
display: flex;
flex-wrap: wrap;
justify-content: left;
position: inherit;
width: 100%;
}
.image_block div.double-ban-desk a.wide_single_link {
display: inline-flex;
color: #000000;
text-decoration: underline;
text-underline-offset: 4px;
line-height: 3;
text-align: left;
transition: background-color 0.5s ease;
font-weight: 600;
font-size: 0.9vw;
padding-left: 22px;
transition: font-size 0.5s ease;
}
.image_block div.double-ban-desk a.wide_single_link:hover {
cursor: pointer;
text-underline-offset: 4px;
color: #CCC;
line-height: 3;
font-weight: 600;
}
.right {
justify-content: right !important;
padding: 0 4.4% !important;
}
.left {
justify-content: left !important;
padding: 0 4.4% !important;
}
.moreright {
justify-content: right !important;
}
.moreleft {
justify-content: left !important;
}
.bottom {
bottom: 10% !important;
}
.bottom2 {
bottom: 29% !important;
}
/* CTA Desktop- Banner End*/
/* Carousel*/
.carousel {
position: relative;
}
.carousel-container {
display: flex;
overflow: hidden;
position: relative;
}
.carousel-slide {
flex: 0 0 100%;
transition: transform 0.5s ease-in-out;
}
.carousel-slide img,
.carousel-slide video {
width: 100%;
height: auto;
}
.carousel-prev,
.carousel-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
border: none;
font-size: 24px;
padding: 10px 20px;
cursor: pointer;
background: #fff;
/* Arka plan rengi */
color: #000;
/* Ikon rengi */
opacity: 0.5;
/* Pasif durum için opacity */
transition: all 0.3s ease-in-out;
/* Geçiş efekti */
}
.carousel-prev:hover,
.carousel-next:hover,
.carousel-prev:active,
.carousel-next:active {
opacity: 1;
/* Üzerine gelindiğinde ve tıklandığında opacity */
}
.carousel-prev {
left: 20px;
}
.carousel-next {
right: 20px;
}
.carousel-pagination {
position: absolute;
display: flex;
justify-content: center;
bottom: 20px;
left: 0;
width: 100%;
}
.carousel-pagination-dot {
width: 8px;
/* Dikdörtgenin genişliği */
height: 4px;
/* Dikdörtgenin yüksekliği */
background-color: #fff;
/* Pasif durumda renk */
margin: 0 3px;
cursor: pointer;
transition: all 0.3s ease-in-out;
border: 1px solid #fff;
/* Pasif durumda çerçeve */
}
.carousel-pagination-dot.active {
width: 16px;
/* Aktif durumda genişlik */
height: 4px;
/* Aktif durumda yükseklik */
background-color: #fff;
/* Aktif durumda renk */
}
/* CTA - Carousel */
.carousel-slide div.cta-container {
display: flex;
flex-wrap: wrap;
padding: 0 2.4%;
justify-content: center;
position: absolute;
bottom: 22%;
width: 100%;
}
.carousel-slide div.cta-container a.wide_single_link {
display: inline-flex;
height: 2.8em;
line-height: 2.8em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #fff;
background-color: #FFF;
color: #000000;
text-decoration: none;
text-align: center;
transition: background-color 0.5s ease;
border-radius: 3px;
font-size: 0.8vw;
font-weight: 600;
transition: font-size 0.5s ease;
}
.carousel-slide div.cta-container a.wide_single_link:hover {
color: #fff;
border: 1px solid #fff;
background: rgba(248, 247, 245, 0.2);
font-size: 0.8vw;
font-weight: 600;
}
/* Carousel End*/
/* Desktop Sub Category */
.sub-cat-pic-desk {
padding: 2% 5%;
text-align: left;
}
.sub-cat-pic-desk-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.sub-cat-pic-desk_title {
font-size: 1vw;
text-decoration: underline !important;
text-underline-offset: 4px;
line-height: 3;
color: #000000 !important;
padding-left: 10px;
text-align: left;
transition: font-size 0.5s ease;
}
.sub-cat-pic-desk_title:hover {
cursor: pointer;
text-underline-offset: 4px;
color: #CCC !important;
line-height: 3;
padding-left: 10px;
}
.sub-cat-pic-desk-subject-container {
display: inline-block;
margin-bottom: 0px;
padding-bottom: 16px;
line-height: 20px;
text-align: center;
}
.sub-cat-pic-desk-subject-title {
font-size: 1.2vw;
color: #000000;
margin-top: 0.5rem;
font-weight: 400;
transition: font-size 0.5s ease;
}
.sub-cat-pic-desk-img-block {
position: relative;
text-align: left;
}
/* Desktop Sub Category Start */
.main-cat-desk {
text-align: left;
}
.main-cat-desk-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.main-cat-desk-top-text {
font-size: 1.3vw;
color: #000;
padding: 0px 0px 1vw;
font-weight: 400;
transition: font-size 0.5s ease;
}
.main-cat-desk_title {
font-size: 0.9vw;
text-decoration: underline !important;
text-underline-offset: 20%;
line-height: 3;
color: #000 !important;
text-align: left;
font-weight: 400;
transition: font-size 0.5s ease;
}
.main-cat-desk_title:hover {
cursor: pointer;
text-decoration: none !important;
}
.main-cat-desk-img-block {
position: relative;
text-align: left;
}
.reco-cat-desk {
text-align: left;
padding: 0% 3% 3% 3%;
}
.reco-cat-desk-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.reco-cat-desk-top-text {
font-size: 1.3vw;
color: #000;
padding: 0px 0px 1vw;
font-weight: 400;
transition: font-size 0.5s ease;
}
.reco-cat-desk_title {
font-size: 0.9vw;
text-decoration: underline !important;
text-underline-offset: 20%;
line-height: 3;
color: #000 !important;
text-align: left;
font-weight: 400;
transition: font-size 0.5s ease;
}
.reco-cat-desk_title:hover {
cursor: pointer;
text-decoration: none !important;
}
.reco-cat-desk-img-block {
position: relative;
text-align: left;
}
/* Dropdown Desktop Text Lnk Start */
.dropdown-container-hp {
position: relative;
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
}
.dropdown-title-hp {
font-size: 0.9vw;
text-decoration: underline !important;
text-underline-offset: 20%;
line-height: 3;
color: #000 !important;
text-align: left;
font-weight: 400;
cursor: pointer;
transition: font-size 0.5s ease;
}
.dropdown-title-hp:hover {
text-decoration: none !important;
}
.dropdown-menu-hp {
display: none;
position: absolute;
background-color: #FFF;
min-width: 250px !important;
z-index: 1;
box-shadow: none !important;
border: none !important;
}
.dropdown-menu-hp a {
padding: 1%;
display: block;
font-size: 0.8vw;
text-decoration: underline;
text-underline-offset: 20%;
line-height: 2vw;
color: #000 !important;
text-align: left;
font-weight: 400;
cursor: pointer;
border: none !important;
transition: font-size 0.5s ease;
}
.dropdown-menu-hp a:hover {
text-decoration: none;
}
/* Desktop Text Lnk Start BLACK */
.image_block div.wcd_hp-cta-container {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
line-height: 20px;
text-align: left;
align-items: center;
gap: 15px;
bottom: 18%;
position: absolute;
left: 2.4vw;
box-sizing: border-box;
}
.image_block div.wcd_hp-cta-container a.wcd_hp-cta_lnk {
display: inline-flex;
transition: all 0.5s ease;
font-size: 0.9vw;
text-decoration: underline !important;
text-underline-offset: 4px;
line-height: 3;
color: #000 !important;
text-align: left;
font-weight: 500;
}
.image_block div.wcd_hp-cta-container a.wcd_hp-cta_lnk:hover {
cursor: pointer;
text-decoration: none !important;
}
.start-shopping-text {
font-size: 0.9vw;
font-weight: 500;
transition: font-size 0.5s ease;
}
/* Desktop Text Lnk End */
/* Desktop Text Lnk Start WHITE */
.image_block div.wcd_hp-cta-container a.wcd_hp-cta_white_lnk {
display: inline-flex;
transition: all 0.5s ease;
font-size: 0.9vw;
text-decoration: underline !important;
text-underline-offset: 4px;
line-height: 3;
color: #FFF !important;
text-align: left;
font-weight: 500;
}
.image_block div.wcd_hp-cta-container a.wcd_hp-cta_white_lnk:hover {
cursor: pointer;
text-decoration: none !important;
}
.start-shopping-white-text {
font-size: 0.9vw;
color: #FFF !important;
font-weight: 500;
}
/* Desktop Text Lnk End */
/* Desktop Koleksiyon LP */
.lpage-cat-desk {
text-align: left;
}
.lpage-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.lpage_title {
font-size: Min(Max(12px, calc(.75rem + ((1vw - 7.68px) * .6944))), 20px);
text-decoration: underline !important;
text-underline-offset: 4px;
line-height: 3;
color: #000000 !important;
padding-left: 10px;
text-align: left;
}
.lpage_title:hover {
cursor: pointer;
text-underline-offset: 4px;
color: #CCC !important;
line-height: 3;
padding-left: 10px;
}
.lpage-img-block {
position: relative;
text-align: left;
}
.lpage-text-mob-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.lpage-mob-title {
font-size: 0.9rem;
text-decoration: underline !important;
text-underline-offset: 4px;
line-height: 3;
color: #000000 !important;
padding-left: 10px;
text-align: left;
}
.lpage-name-desktop-container {
padding-left: 20px;
padding-top: 20px;
padding-bottom: 10px;
text-align: left;
}
.lpage-name-desktop {
font-size: 1.4vw;
font-weight: 500;
color: #000000 !important;
}
.lpage-name-mobile-container {
padding-left: 20px;
padding-top: 20px;
padding-bottom: 10px;
text-align: left;
}
.lpage-name-mobile {
font-size: 5vw;
font-weight: 500;
color: #000000 !important;
}
.lpage-name-desktop-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
/* Seo */
/* SEO Block - Landing Page Alt Bölümü */
.seoblock {
padding: 50px;
text-align: left;
background-color: #fff;
}
.seo-container {
margin: 0 auto;
}
/* Ana Başlık - H2 */
.seoblock h2 {
color: #000;
font-size: 1rem; /* 16px */
line-height: 1.25rem; /* 20px */
font-weight: 700;
margin-bottom: 16px;
}
/* Alt Başlıklar - H3 */
.seoblock h3 {
color: #000;
font-size: inherit;
line-height: 1.25rem;
font-weight: 600;
margin-top: 24px;
margin-bottom: 12px;
}
/* Paragraflar */
.seoblock p {
color: #000;
font-size: 0.9rem; /* 16px */
line-height: 1.25rem; /* Okunabilirlik için */
font-weight: 400;
margin-bottom: 16px;
}
/* Linkler */
.seoblock a {
color: #000;
text-decoration: underline;
transition: opacity 0.3s ease;
}
.seoblock a:hover {
opacity: 0.7;
}
/* Mobile - 768px ve altı */
@media (max-width: 768px) {
.seoblock {
padding: 20px;
}
.seoblock h2 {
margin-bottom: 12px;
}
.seoblock h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.seoblock p {
margin-bottom: 12px;
}
}
/* Tablet - 769px ile 1024px arası (opsiyonel) */
@media (min-width: 769px) and (max-width: 1024px) {
.seoblock {
padding: 60px;
}
}
/* Seo End */
/* Video */
/* Video End*/
/* Desktop Koleksiyon LP End */
/* Mobil */
.container-mobile {
width: 100%;
height: auto;
position: relative;
box-sizing:border-box;
}
.gap-custom-container-mobile {
width: 100%;
height: auto;
position: relative;
box-sizing:border-box;
}
/* CTA Mobile- Banner */
.image_block div.cta-mob-banner {
display: flex;
flex-wrap: wrap;
padding: 0 5.2%;
justify-content: center;
position: absolute;
bottom: 15%;
width: 100%;
}
.image_block div.cta-mob-banner a.wide_single_link {
display: inline-flex;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #FFF;
color: #000000;
text-decoration: none;
text-align: center;
background-color: #FFF;
transition: background-color 0.5s ease;
border-radius: 3px;
font-weight: 600;
font-size: 0.8vw;
}
.image_block div.cta-mob-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #FFF;
background-color: transparent;
font-weight: 600;
}
/* CTA Mobile - Bot 8 Banner */
.image_block div.cta-mob-bot-banner {
display: flex;
flex-wrap: wrap;
padding: 0 5.2%;
justify-content: center;
position: absolute;
bottom: 8%;
width: 100%;
}
.image_block div.cta-mob-bot-banner a.wide_single_link {
display: inline-flex;
height: 2.6em;
line-height: 2.6em;
padding: 0 1em;
margin: 0.5em 0.5em;
border: 1px solid #FFF;
color: #000000;
text-decoration: none;
text-align: center;
background-color: #FFF;
transition: background-color 0.5s ease;
border-radius: 3px;
font-weight: 600;
font-size: 14px;
}
.image_block div.cta-mob-bot-banner a.wide_single_link:hover {
color: #fff;
border: 1px solid #FFF;
background-color: transparent;
font-weight: 600;
}
/* CTA Mobile- Yatay */
.image_block div.cta-mob-banner-hor {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
width: 100%;
padding: 0 5%;
overflow-x: scroll;
}
.image_block div.cta-mob-banner-hor a.wide_single_link {
display: inline-flex;
height: 2.6em;
line-height: 2.6em;
padding: 2.6vw;
margin-right: 1em;
border: 1px solid #FFF;
color: #000;
text-decoration: none;
text-align: center;
background-color: #FFF;
transition: background-color 0.5s ease;
font-weight: 500;
font-size: 3.5vw;
min-width: fit-content;
transition: font-size 0.5s ease;
}
.image_block div.cta-mob-banner-hor a.wide_single_link:hover {
color: #fff;
border: 1px solid #FFF;
background-color: transparent;
}
.image_block div.cta-mob-banner-hor::-webkit-scrollbar {
display: none;
}
/* Mobile - Drag Trendler Banner */
.drag-mob-title {
font-size: 3.9vw;
color: #000;
margin-top: 0.5rem;
font-weight: 500;
padding: 1vw 3.2vw;
margin-left: 10px;
}
.drag-mob {
display: flex;
justify-content: left;
}
.drag-mob .drag-mob {
display: inline-flex;
text-align: left;
}
.drag-mob .drag-mob_item .drag-mob_image {
display: inline-flex;
text-align: left;
width: 150px;
height: auto;
}
@media (min-width:700px) and (max-width:800px) {
.drag-mob {
justify-content: flex-start;
overflow-x: scroll;
}
}
@media (max-width:690px) {
.drag-mob {
justify-content: flex-start;
overflow-x: scroll;
}
}
/* Hide scrollbar for Chrome, Safari and Opera */
.drag-mob::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.drag-mob {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.drag-space-mob { /* Box Bannerlar Arası*/
padding: 2% 3.2%;
gap: 20px;
margin-left: 10px;
}
.drag-subtitle_mob { /* title name*/
font-size: 3.4vw;
text-decoration: underline;
text-underline-offset: 4px;
line-height: 3;
color: #000 ;
text-align: left;
}
.drag-subtitle_mob:hover {
cursor: pointer;
text-underline-offset: 4px;
color: #CCC;
line-height: 3;
padding-left: 10px;
}
/* Mobile - Drag Trendler Banner End */
/* Desktop - Drag Scroll Trendler Banner */
.image-banner {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: auto;
scrollbar-color: #ccc transparent;
padding-bottom: 4vh;
}
.image-slider {
display: flex;
gap: min(1.9vw, 36px);
width: calc(100% + 5vw);
}
.image-item {
flex: 0 0 calc((100vw - 48px) / 3); /* 3 resim gösterecek şekilde boyutlandır */
width: 100%;
height: auto;
overflow: hidden;
}
.image-item img {
width: 100%;
height: auto;
display: block;
}
.image-info h3 {
font-size: min(1.66667vw, 32px);
line-height: min(1.34375vw, 45px);
margin-top: min(1.5vw, 29px);
margin-bottom: min(1.5vw, 29px);
}
.image-info p {
line-height: initial;
font-size: min(0.833333vw, 16px);
margin-top: auto;
margin-bottom: min(1.14583333vw, 22px);
color: #000;
font-weight: 400;
}
.image-info .text-link {
font-size: min(0.833333vw, 16px);
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
font-weight: 400;
}
.image-info .text-link:hover {
text-decoration: none;
color: #000;
}
/* Scrollbar görünürlüğü (Chrome, Edge) */
.image-banner::-webkit-scrollbar {
height: 10px;
}
.image-banner::-webkit-scrollbar-track {
background: transparent;
}
.image-banner::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 6px;
}
/* Mobile için düzenleme */
@media (max-width: 768px) {
.image-item {
flex: 0 0 80%;
}
}
.fits {
width: 95%;
margin: 2vw auto 2vw;
}
/* Desktop - Drag Scroll Trendler Banner End */
/* Mobile - Kategoriler */
.main-cat-mob-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.main-cat-mob_title {
font-size: 3vw;
text-decoration: underline !important;
text-underline-offset: 4px;
line-height: 3;
color: #000 !important;
padding-left: 10px;
text-align: left;
}
/* Mobile - Kategoriler End */
/* Desktop Thin Banner */
.thin-banner-desk {
padding: 1.5% 1.5%;
}
/* Desktop Thin Banner End */
/* Mobil Açılır cta */
/* CTA DROPDOWN Menu Thin Banner Mobil*/
.cta-mobile-thin-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: 16%;
width: 100%;
padding: 0 5%;
}
.image_block div.cta-mobile-thin-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-mobile-thin-banner-v2 .wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 2.6vw;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 3.5vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-mobile-thin-banner-v2 .wide_single_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-mobile-thin-banner-v2 .wide_single_link:hover {
color: #fff;
background-color: #000;
}
.image_block div.cta-mobile-thin-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-mobile-thin-banner-v2 .dropdown-content .dropdown-link {
color: black;
padding: 5px 16px;
text-decoration: none;
display: block;
font-size: 3.6-3vw;
line-height: 1.8em;
}
.image_block div.cta-mobile-thin-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #000;
color: white;
}
/* CTA DROPDOWN Menu Thin Banner Mobil End*/
/* CTA DROPDOWN Menu Banner Mobil*/
.cta-mobile-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: 5%;
width: 100%;
padding: 0 5%;
}
.image_block div.cta-mobile-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-mobile-banner-v2 .wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 2.6vw;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 3.2vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-mobile-banner-v2 .wide_single_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-mobile-banner-v2 .wide_single_link:hover {
color: #fff;
background-color: #000;
}
.image_block div.cta-mobile-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-mobile-banner-v2 .dropdown-content .dropdown-link {
color: black;
padding: 5px 16px;
text-decoration: none;
display: block;
font-size: 3vw;
line-height: 1.8em;
}
.image_block div.cta-mobile-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #000;
color: white;
}
/* CTA DROPDOWN Menu Banner Mobil End*/
/* CTA Sale DROPDOWN Menu Banner Mobil*/
.cta-sale-mobile-banner-v2-wrapper {
display: flex;
justify-content: left;
align-items: center;
position: absolute;
bottom: 5%;
width: 100%;
}
.image_block div.cta-sale-mobile-banner-v2 {
display: flex;
align-items: center;
position: relative;
}
.image_block div.cta-sale-mobile-banner-v2 .wide_single_link {
display: inline-flex;
align-items: center;
height: 2.6em;
line-height: 2.6em;
padding: 2.6vw;
background-color: #FFF;
color: #000;
text-decoration: none;
text-align: left;
transition: background-color 0.5s ease;
font-size: 3.2vw;
font-weight: 500;
border: none;
cursor: pointer;
position: relative;
margin-right: 1em;
transition: font-size 0.5s ease;
}
.image_block div.cta-sale-mobile-banner-v2 .wide_single_link .dropdown-icon {
margin-left: 0.5em;
}
.image_block div.cta-sale-mobile-banner-v2 .wide_single_link:hover {
color: #fff;
background-color: #000;
}
.image_block div.cta-sale-mobile-banner-v2 .dropdown-content {
display: none;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
background-color: #FFF;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 100%;
}
.image_block div.cta-sale-mobile-banner-v2 .dropdown-content .dropdown-link {
color: black;
padding: 5px 16px;
text-decoration: none;
display: block;
font-size: 3vw;
line-height: 1.8em;
}
.image_block div.cta-sale-mobile-banner-v2 .dropdown-content .dropdown-link:hover {
background-color: #000;
color: white;
}
/* CTA Sale DROPDOWN Menu Banner Mobil Finish*/
.main-cat-mob {
text-align: left;
padding: 5% !important;
}
.main-cat-mob-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.main-cat-mob-top-text {
font-size: 3.9vw;
color: #000;
padding: 0px 0px 1.5vw;
font-weight: 500;
margin-bottom: 10px;
}
.main-cat-mob-title {
font-size: 3vw;
text-decoration: underline !important;
text-underline-offset: 20%;
line-height: 3;
color: #000 !important;
text-align: left;
font-weight: 400;
transition: font-size 0.5s ease;
}
.main-cat-mob-title:hover {
cursor: pointer;
text-decoration: none !important;
}
.main-cat-mob-img-block {
position: relative;
text-align: left;
}
/* CTA Sale DROPDOWN Menu Banner Mobil Finish*/
.reco-cat-mob {
text-align: left;
padding: 5%;
}
.reco-cat-mob-top-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.reco-cat-mob-top-text {
font-size: 3.9vw;
color: #000;
padding: 0px 0px 1.5vw;
font-weight: 500;
margin-bottom: 10px;
}
.reco-cat-mob-title {
font-size: 3vw;
text-decoration: underline !important;
text-underline-offset: 20%;
line-height: 3;
color: #000 !important;
text-align: left;
font-weight: 400;
transition: font-size 0.5s ease;
}
.reco-cat-mob-title:hover {
cursor: pointer;
text-decoration: none !important;
}
.reco-cat-mob-img-block {
position: relative;
text-align: left;
}
/* Mobile Sub Category End */
/* Dropdown Desktop Text Lnk Start */
.dropdown-container-mob-hp {
position: relative;
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
}
.dropdown-title-mob-hp {
font-size: 3.2vw;
text-decoration: underline !important;
text-underline-offset: 20%;
line-height: 3;
color: #000000 !important;
text-align: left;
font-weight: 400;
cursor: pointer;
transition: font-size 0.5s ease;
}
.dropdown-title-mob-hp:hover {
text-decoration: none !important;
}
.dropdown-menu-mob-hp {
display: none;
position: absolute;
background-color: #ffffff;
min-width: 185px !important;
z-index: 1;
box-shadow: none !important;
border: none !important;
}
.dropdown-menu-mob-hp a {
padding: 1%;
display: block;
font-size: 3vw;
text-decoration: underline;
text-underline-offset: 20%;
line-height: 6vw;
color: #000000 !important;
text-align: left;
font-weight: 400;
cursor: pointer;
border: none !important;
transition: font-size 0.5s ease;
margin-left: 5px;
}
.dropdown-menu-mob-hp a:hover {
text-decoration: none;
}
/* Mobile - Featured Shops */
.featured-shops-mob {
display: flex;
justify-content: flex-start;
}
.featured-shops-mob .featured-shops-mob {
display: inline-flex;
text-align: left;
}
.featured-shops-mob .featured-shops-mob-item .featured-shops-mob-image {
display: inline-flex;
text-align: left;
width: 40vw;
height: auto;
padding-left: 20px;
}
@media (min-width:700px) and (max-width:800px) {
.featured-shops-mob {
justify-content: flex-start;
overflow-x: scroll;
}
}
@media (max-width:690px) {
.featured-shops-mob {
justify-content: flex-start;
overflow-x: scroll;
}
}
/* Hide scrollbar for Chrome, Safari and Opera */
.featured-shops-mob::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.featured-shops-mob {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.shop-description { /* title name*/
font-size: 3.4vw;
text-decoration: underline;
text-underline-offset: 4px;
line-height: 3;
color: #000 ;
text-align: left;
margin-left: 20px !important;
transition: font-size 0.5s ease;
}
.shop-description:hover {
cursor: pointer;
text-underline-offset: 4px;
line-height: 3;
padding-left: 10px;
}
.featured-shops-mob-text-container {
display: inline-block;
margin-bottom: 0px;
line-height: 20px;
text-align: left;
}
.featured-shops-mob-top-text {
font-size: 3.9vw;
color: #000;
padding: 0px 0px 1.5vw;
font-weight: 400;
margin-bottom: 10px;
margin-left: 20px !important;
transition: font-size 0.5s ease;
}
/* Mobile - Featured Shops End */
/* Mobil Text Lnk Start BLACK */
.image_block div.wcd_hp-cta-mob-container {
display: flex;
justify-content: flex-start;
line-height: 20px;
text-align: left;
align-items: center;
gap: 5px;
margin-left: 2.4%;
bottom: 10%;
position: absolute;
width: calc(100% - 2.4%);
overflow-x: scroll;
box-sizing: border-box;
flex-wrap: nowrap;
}
.image_block div.wcd_hp-cta-mob-container a.wcd_hp-mob-cta_lnk {
display: inline-flex;
transition: background-color 0.5s ease;
font-size: 3.5vw;
text-decoration: underline !important;
text-underline-offset: 5px;
line-height: 3;
color: #000000 !important;
text-align: left;
font-weight: 500;
transition: font-size 0.5s ease;
min-width: fit-content;
padding-left: 10px;
}
.image_block div.wcd_hp-cta-mob-container a.wcd_hp-mob-cta_lnk:hover {
cursor: pointer;
text-decoration: none !important;
line-height: 3;
}
.image_block div.wcd_hp-cta-mob-container a.wcd_hp-mob-white-cta_lnk {
display: inline-flex;
transition: background-color 0.5s ease;
font-size: 3.2vw;
text-decoration: underline !important;
text-underline-offset: 5px;
line-height: 3;
color: #FFF !important;
text-align: left;
font-weight: 500;
transition: font-size 0.5s ease;
min-width: fit-content;
padding-left: 10px;
}
.image_block div.wcd_hp-cta-mob-container a.wcd_hp-mob-white-cta_lnk:hover {
cursor: pointer;
text-decoration: none !important;
line-height: 3;
}
.image_block div.wcd_hp-cta-mob-container::-webkit-scrollbar {
display: none;
}
/* Mobil Text Lnk End */
/* Mobil YAN YANA Text Lnk*
/* Genel arka plan alanı */
.button-section {
background-color: #532A53;
padding: 30px 16px; /* Üst-alt 20px, sağ-sol 10px */
}
/* Butonları saran konteyner */
.button-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: space-between;
}
/* Her buton */
.box-btn-sale2 {
flex: 0 0 calc(50% - 5px); /* Yan yana 2 buton için %50 - gap ayarı */
background-color: #FFFFFF !important; /* Buton zemini beyaz */
color: #000000 !important; /* Yazı rengi beyaz */
text-align: center;
height: 2.6em;
line-height: 2.6em;
font-size: 3.2vw;
font-weight: 500;
transition: background-color 0.5s ease, color 0.5s ease;
}
/* Hover efekti */
.box-btn-sale2:hover {
background-color: #000000 !important;
color: #FFF !important;
}
.section-title-mobbtn {
color: #FFFFFF !important;
font-size: 3.8vw !important;
font-weight: 500 !important;
margin-bottom: 16px !important;
padding-left: 0.5px; /* Butonların sol boşluğu ile hizalanır */
}
/* Mobil YAN YANA Text Lnk End */