.custom-icon { display: inline-block; width: 14px; height: 14px; background-color: #F4684C; mask-size: contain; mask-repeat: no-repeat; mask-position: center; transition: background-color 0.3s ease; } .custom-icon.angle-down { mask-image: url('../images/media/icons/angle-down.png'); } .custom-icon.basket { mask-image: url('../images/media/icons/basket.png'); } .custom-icon.heart { mask-image: url('../images/media/icons/heart.png'); } .custom-icon.instagram { mask-image: url('../images/media/icons/instagram.png'); } .custom-icon.linkedin { mask-image: url('../images/media/icons/linkedin.png'); } .custom-icon.facebook { mask-image: url('../images/media/icons/facebook.png'); } .custom-icon.twitter { mask-image: url('../images/media/icons/twitter.png'); } .custom-icon.youtube { mask-image: url('../images/media/icons/youtube.png'); } .custom-icon.pinterest { mask-image: url('../images/media/icons/pinterest.png'); } .custom-icon.search { mask-image: url('../images/media/icons/search.png'); } .custom-icon.user { mask-image: url('../images/media/icons/user.png'); } .custom-icon.hwu-1 { mask-image: url('../images/media/icons/hwu-1.png'); } .custom-icon.hwu-2 { mask-image: url('../images/media/icons/hwu-2.png'); } .custom-icon.hwu-3 { mask-image: url('../images/media/icons/hwu-3.png'); } .custom-icon.hwu-4 { mask-image: url('../images/media/icons/hwu-4.png'); } .custom-icon.play { mask-image: url('../images/media/icons/play.png'); } .custom-icon.left-arrow { mask-image: url('../images/media/icons/left-arrow.png'); } .custom-icon.right-arrow { mask-image: url('../images/media/icons/right-arrow.png'); } .custom-icon.right { mask-image: url('../images/media/icons/right.png'); } .custom-icon.down { mask-image: url('../images/media/icons/down.png'); } .custom-icon.video { mask-image: url('../images/media/icons/video.png'); } .custom-icon.hesabim { mask-image: url('../images/media/icons/hesabim.png'); } .custom-icon.adreslerim { mask-image: url('../images/media/icons/adreslerim.png'); } .custom-icon.siparislerim { mask-image: url('../images/media/icons/siparislerim.png'); } .custom-icon.logout { mask-image: url('../images/media/icons/logout.png'); } .custom-icon.show { mask-image: url('../images/media/icons/show.png'); } .custom-icon.edit { mask-image: url('../images/media/icons/edit.png'); } .custom-icon.delete { mask-image: url('../images/media/icons/delete.png'); } .custom-icon.plus { mask-image: url('../images/media/icons/plus.png'); } .custom-icon.bell { mask-image: url('../images/media/icons/bell.png'); } .custom-icon.copy { mask-image: url('../images/media/icons/copy.png'); } .custom-icon.pin { mask-image: url('../images/media/icons/pin.png'); } .custom-icon.alarm { mask-image: url('../images/media/icons/alarm.png'); } .custom-icon.whatsapp { mask-image: url('../images/media/icons/whatsapp.png'); } .main-header__logo img { width: 93px; height: auto; object-fit: contain; } .footer-widget__logo img { width: 135px; height: auto; object-fit: contain; } .main-menu .main-menu__list>li>a { font-size: 16px; font-family: var(--kidearn-heading-font); font-weight: 400; color: var(--kidearn-text); } .main-menu .main-menu__list>li.current>a, .main-menu .main-menu__list>li:hover>a { color: var(--kidearn-base); } .main-menu .main-menu__list>li.dropdown>a { display: flex; align-items: center; gap: 7.7px; } .main-menu .main-menu__list>li.dropdown>a i { width: 10.5px; height: 5.3px; background-color: #7E8185; position: relative; top: 1px; } /* Liste düzeni: Yan yana ve mermileri (bullets) kaldır */ .social-links ul { display: flex; gap: 12px; /* Daireler arasındaki boşluk */ list-style: none; padding: 0; margin: 0; } /* Kapsayıcı Daire (Link etiketi) */ .social-links a { display: flex; align-items: center; justify-content: center; width: 30px; /* Görseldeki gibi tam 30px */ height: 30px; background-color: #FFEEEB; /* Çok açık pastel turuncu/pembe arka plan */ border-radius: 50%; /* Tam yuvarlak */ transition: all 0.2s ease; /* Ufak bir hover efekti için hazırlık */ } /* İkonun Kendisi (Maskeleme yöntemi ile) */ .social-links .custom-icon { display: block; width: 12px; /* Dairenin içindeki ikon boyutu */ height: 12px; background-color: var(--kidearn-base); /* İkonun rengi (Turuncu/Mercan) */ /* Maskeleme ayarları (İkonun tam ortalanması için) */ -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; } /* Opsiyonel: Üzerine gelince hafif büyüme efekti */ .social-links a:hover { background-color: var(--kidearn-base); } .social-links a:hover .custom-icon { background-color: var(--kidearn-white); } .main-header--two .main-header__search { padding-left: 31px; margin-left: 31px; } .main-header--two .main-header__search::after { height: 39px; width: 2px; background-color: #FFEEEB; } .top-right-header-icon:not(.main-header__search) { margin-left: 22px; } .top-right-header-icon i { width: 16px; height: 16px; background-color: var(--kidearn-base); } .social-links.hamburger { margin-top: 30px; } .social-links.hamburger a { width: unset; height: unset; background-color: transparent; } .social-links.hamburger a .custom-icon { background-color: var(--kidearn-white); width: 16px; height: 16px; } .search-popup__form .kidearn-btn .custom-icon { background-color: var(--kidearn-white); width: 18px; height: 18px; } .main-footer__bg { mask: url('../images/media/footer-bg.png'); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top center; mask-position: top center; -webkit-mask-size: cover; mask-size: cover; } .f-items { display: grid; grid-template-columns: repeat(4, 1fr); } .f-items .f-item .footer-widget .f-title { font-family: var(--kidearn-heading-font-2); color: var(--kidearn-white); font-size: 24px; font-weight: 700; margin-bottom: 20px; } .f-items .f-item .footer-widget ul { list-style: none; padding: 0; margin: 0; } .f-items .f-item .footer-widget ul li { margin-bottom: 12px; } .f-items .f-item .footer-widget ul li a { color: #CCCCCC; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 1.6; transition: color 0.3s ease; display: block; font-family: var(--kidearn-font); } .f-items .f-item .footer-widget ul li a:hover { color: #ffffff; } .f-items .f-item:nth-child(2) { margin: 0 auto; } .f-items .f-item:nth-child(3) { margin: 0 auto; } .f-items .f-item:nth-child(4) { margin-left: auto; } .social-links.footer a { background-color: var(--kidearn-white); } .social-links.footer a .custom-icon { background-color: var(--kidearn-black); } .social-links.footer a:hover .custom-icon { background-color: var(--kidearn-base); } .footer-widget { margin-bottom: 24px; } .f-bottom { display: grid; grid-template-columns: repeat(3, 1fr); padding-bottom: 40px; } .f-bottom .fb-item p { color: #CCCCCC; margin-bottom: 0px; } .f-bottom .fb-item a { color: #CCCCCC; } .f-bottom .fb-item a:hover { color: var(--kidearn-white); } .f-bottom .fb-item:nth-child(1) { margin-right: auto; } .f-bottom .fb-item:nth-child(2) { margin-right: auto; } .main-footer__top { padding-bottom: 30px; } .home-slider .banner-two__item { padding-top: 177px; } .home-slider .banner-two__content__title { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 70px; text-align: center; min-height: 240px; } .home-slider .kidearn-btn { font-family: var(--kidearn-font); font-weight: 600; font-size: 16px; border-radius: 8px; padding: 10px; min-width: 191px; min-height: 56px; display: flex; justify-content: center; align-items: center; width: max-content; margin: auto; } .component-padding { padding: 120px 0; } .urun-karti { background: #fff; border-radius: 30px; padding: 24px; position: relative; box-shadow: 0px 4px 10px 0px #0000001A; transition: transform 0.3s ease; margin: 0; width: 100%; box-sizing: border-box; } .urun-karti:hover { transform: translateY(-5px); } /* Kalp İkonu */ .urun-karti .fav-btn { position: absolute; top: 24px; right: 24px; width: 40px; height: 40px; padding: 10px; border-radius: 50%; border: 1px solid #B9CEDC; background: #B9CEDC33; display: flex; justify-content: center; align-items: center; color: #5C707E; /* Görseldeki mavimsi gri ton */ cursor: pointer; z-index: 10; transition: all 0.3s; } .urun-karti .fav-btn:hover { color: #ff4d4d; border-color: #ff4d4d; background-color: #ff4d4d; } .urun-karti .fav-btn .custom-icon { background-color: #5C707E; width: 19px; height: 19px; } .urun-karti .fav-btn:hover .custom-icon { background-color: #fff; } /* Görsel Alanı */ .urun-karti .card-img-top { width: 100%; aspect-ratio: 1/1; object-fit: contain; margin-bottom: 10px; padding: 50px 0 0 0; } /* Başlık */ .urun-karti .card-title { font-family: var(--kidearn-heading-font-2); font-size: 24px; font-weight: 700; color: #022038; /* Koyu Lacivert */ margin: 0 0 8px 0; display: -webkit-box; -webkit-line-clamp: 2; /* 2 satır sınırı */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /* Sığmayan metnin sonuna ... ekler */ } /* Fiyat ve Etiket Satırı */ .urun-karti .price-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .urun-karti .price { font-family: var(--kidearn-font); font-size: 24px; font-weight: 700; color: #5C707E; /* Gri ton */ } .urun-karti .price del { font-size: 12px; font-weight: 400; } .pc-tags { display: flex; flex-direction: column; gap: 5px; } .urun-karti .badge-set { font-family: var(--kidearn-font); background-color: #B9CEDC33; color: #5C707E; border: 1px solid #B9CEDC; padding: 4px 8px; border-radius: 8px; font-size: 14px; font-weight: 400; line-height: 1.2; } /* Aksiyon Butonları Satırı */ .urun-karti .action-row { display: flex; gap: 12px; } .urun-karti .btn-incele { font-family: var(--kidearn-font); flex-grow: 1; background-color: #F25334; /* Turuncu */ color: white; text-decoration: none; padding: 10px; border-radius: 8px; font-weight: 400; text-align: center; font-size: 16px; transition: background 0.3s; border: none; cursor: pointer; height: 40px; display: flex; justify-content: center; align-items: center; letter-spacing: 0.5px; } .urun-karti .btn-incele:hover { background-color: #d94523; } .urun-karti .btn-sepet { width: 64px; height: 40px; /* İncele butonu yüksekliğine denk */ background-color: #f35633; color: white; border-radius: 8px; display: flex; justify-content: center; align-items: center; text-decoration: none; transition: background 0.3s; border: none; cursor: pointer; flex-shrink: 0; } .urun-karti .btn-sepet:hover { background-color: #d94523; } .urun-karti .btn-sepet .custom-icon { background-color: #fff; width: 20px; height: 20px; } .home-products .owl-carousel .owl-stage-outer { padding: 20px 10px; margin: -20px -10px; } .home-products .owl-carousel .owl-stage { display: flex; } .home-products .owl-carousel .owl-item { display: flex; flex: 1 0 auto; } .home-products .owl-carousel .item { display: flex; flex-direction: column; width: 100%; height: 100%; } .home-products .urun-karti { display: flex; flex-direction: column; height: 100%; width: 100%; } .home-products .urun-karti .action-row { margin-top: auto; } .home-products .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px 6px; background: #ccc; transition: all 0.3s ease; } .home-products .owl-theme .owl-dots .owl-dot.active span { background: #FFAA22; /* Görseldeki sarı/turuncu aktif dot rengi */ transform: scale(1.2); } .home-products .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 40px; } .urun-setleri .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px 6px; background: #ccc; transition: all 0.3s ease; } .urun-setleri .owl-theme .owl-dots .owl-dot.active span { background: #FFAA22; /* Görseldeki sarı/turuncu aktif dot rengi */ transform: scale(1.2); } .urun-setleri .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 40px; } .book-slider-container .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 5px 6px; background: #ccc; transition: all 0.3s ease; } .book-slider-container .owl-theme .owl-dots .owl-dot.active span { background: #FFAA22; /* Görseldeki sarı/turuncu aktif dot rengi */ transform: scale(1.2); } .book-slider-container .owl-theme .owl-dots { margin-top: 40px; } .component-top-area { margin-bottom: 50px; } .component-top-area .top-title h2 { font-family: var(--kidearn-special-font); font-weight: 600; font-size: 24px; line-height: 100%; text-align: center; color: #FFAA22; } .component-top-area .top-title h2.color-blue { color: #2390FF; } .component-top-area .top-title h2.color-dark-orange { color: #E95F32; } .component-top-area .main-title h3 { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 38px; line-height: 100%; text-align: center; color: #022038; line-height: 1.2; } .component-top-area .editor-content p { font-family: var(--kidearn-font); font-weight: 400; font-size: 20px; text-align: center; color: #7E8185; line-height: 1.5; } .component-top-area .main-desc p { font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; line-height: 24px; color: #022038; margin-bottom: 16px; text-align: center; } .home-why-us { background-color: #FBFAF9; } .home-why-us .program-two__item { padding: 55px 24px 55px 24px; height: 100%; } .home-why-us .program-two__item__icon { margin-bottom: 14px; } /* .home-why-us .program-two__item__icon .custom-icon { width: 50px; height: 50px; } */ .home-why-us .program-two__item__icon img { width: auto; height: 50px; object-fit: contain; } .home-why-us .program-two__item__title { font-family: var(--kidearn-heading-font); font-weight: 400; font-size: 20px; text-align: center; color: #0B2038; margin-bottom: 16px; } .home-why-us .program-two__item__text { font-family: var(--kidearn-font); color: #8A9191; font-weight: 600; font-size: 16px; text-align: center; margin-bottom: 0; } .home-why-us .program-two__item__bg { opacity: 1; } .hwu-items { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 30px; width: 100%; } .show-all-btn { display: flex; justify-content: center; margin-top: 35px; } .home-about .sec-title__tagline { font-family: var(--kidearn-special-font); font-weight: 600; font-size: 24px; color: #E95F32; margin-bottom: 12px; } .home-about .sec-title__title { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 36px; line-height: 50px; color: #022038; margin-bottom: 12px; } .home-about .about-three__content .sec-title { padding-bottom: 0px; } .home-about .row { align-items: center; } .home-about .kidearn-btn { width: max-content; font-size: 16px; font-weight: 500; } .editor-content p { font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; line-height: 24px; color: #7E8185; } .editor-content ul { list-style-type: none; padding-left: 0; } .editor-content ul li { position: relative; padding-left: 24px; margin-bottom: 8px; font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; line-height: 24px; color: #7E8185; } .editor-content ul li::before { content: ''; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; min-width: 16px; background-image: url('./../images/media/icons/check.png'); background-size: contain; background-repeat: no-repeat; background-position: center; } .home-video .video-two__content__title { color: #fff; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 40px; margin-bottom: 12px; } .home-video .video-two__content p { color: #fff; font-family: var(--kidearn-font); font-weight: 300; font-size: 20px; margin-bottom: 24px; line-height: 1.5; } .home-video .video-two__content .kidearn-btn { width: max-content; height: 56px; background-color: #E95F32; font-weight: 600; } .home-video .video-two__btn .video-popup .custom-icon { width: 16px; height: 20px; margin-left: 4px; background-color: #E95F32; } .home-video .video-two__shape { left: calc(50% - 150px); } .home-team .team-card-two__content .social-links ul { justify-content: center; flex-wrap: wrap; } .home-team .team-card-two__content .social-links a { background-color: #fff; width: 32px; height: 32px; } .home-team .team-card-two__content .social-links a:hover { background-color: var(--accent-color); } .home-team .team-card-two__content .social-links .custom-icon { background-color: var(--accent-color); width: 14px; height: 14px; } .home-team .team-card-two__content .social-links a:hover .custom-icon { background-color: #fff; } .home-team .team-card-two__title { margin-bottom: 4px; } .home-team .team-card-two__title { font-family: var(--kidearn-heading-font); font-weight: 400; font-size: 30px; text-align: center; color: #022038; } .home-team .team-card-two__designation { color: #4C4D4F; font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; text-align: center; margin-bottom: 12px; } .home-testimonials.testimonial-one .sec-title__tagline { font-family: var(--kidearn-special-font); font-weight: 400; font-size: 24px; text-align: center; } .home-testimonials.testimonial-one .sec-title__title { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 40px; text-align: center; } .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote { font-family: var(--kidearn-font); font-weight: 600; font-size: 16px; text-align: center; color: #549321; line-height: 1.3; } .home-testimonials .testimonial-one__carousel.owl-carousel .owl-nav button { display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #549321 !important; width: 40px !important; height: 40px !important; } .home-testimonials .testimonial-one__carousel.owl-carousel .owl-nav button:hover { background-color: #022038 !important; } .home-testimonials .testimonial-one__carousel.owl-carousel .owl-nav button .custom-icon { background-color: #fff; width: 20px !important; height: 20px !important; } .home-testimonials .testimonial-one__item__author__name { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 18px; color: #fff; } .home-testimonials .testimonial-one__item__author__designation { font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; color: #fff; text-transform: capitalize; } .home-testimonials .testimonial-one__item__author { bottom: 10px; } .home-testimonials.testimonial-one--home-two .testimonial-one__area { padding: 120px 175px 290px; } .home-counter .funfact-one__icon { margin-bottom: 16px; } .home-counter .funfact-one__icon img { width: 70px; height: auto; object-fit: contain; } .home-counter .funfact-one__count { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 50px; line-height: 60px; } .home-counter .funfact-one__title { font-family: var(--kidearn-heading-font-2); font-weight: 500; font-size: 20px; line-height: 1.5; } .home-counter .funfact-one__item { max-width: 207px; padding: 0px; margin: auto; } .home-counter .funfact-one__item::after { top: 15px; height: 148px; border-right: 1px dashed rgba(var(--kidearn-white-rgb, 255, 255, 255), 1); } .home-counter .row>div:last-child .funfact-one__item::after { display: none; } .home-counter .container { position: relative; } .home-counter .funfact-one__shape1 { left: -80px; top: -80px; } .home-counter .funfact-one__shape3 { right: -30px; top: 60px; } .home-counter .funfact-one__shape4 { right: -30px; top: unset; bottom: -70px; } .home-counter .funfact-one__shape5 { left: -90px; bottom: -180px; } .blog-card-four__image img { height: 201px; object-fit: cover; } .blog-card-four__content { padding: 96px 46px 37px; } .blog-card-four__category { padding: 4px 8px; border-radius: 8px; font-size: 14px; font-weight: 400; font-family: var(--kidearn-font); line-height: 1.3; } .blog-card-four__date { font-size: 12px; font-weight: 400; } .blog-card-four__title { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 24px; line-height: 26px; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .blog-card-four__title a { color: #022038; } .blog-card-four__author__image { width: 45px; /* height: 45px; */ } .blog-card-four__author__image img { /* width: 45px !important; height: 45px; object-fit: cover; */ } .blog-card-four__author__name { color: #022038; font-family: var(--kidearn-heading-font); font-weight: 400; font-size: 16px; } .blog-card-four__author__designation { color: #E95F32; font-family: var(--kidearn-font); font-weight: 400; font-size: 14px; } .blog-card-four__rm { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #fff; } .blog-card-four__rm .custom-icon { width: 15px; height: 15px; background-color: var(--accent-color); } .blog-card-four__rm:hover { background-color: var(--accent-color); } .blog-card-four__rm:hover .custom-icon { background-color: #fff; } .blog-card-four__content:not(.bayi-p) p { color: #4C4D4F; font-family: var(--kidearn-font); font-weight: 400; font-size: 15px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .home-offer { padding: 167px 0 420px; margin-bottom: -300px; } .home-offer .content.first { margin-top: 24px; text-align: center; } .home-offer .content.second { margin-bottom: 29px; } .home-offer .content h6 { font-family: var(--kidearn-special-font); font-weight: 600; font-size: 24px; margin-bottom: 12px; color: #E95F32; } .home-offer .content h3 { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 38px; line-height: 50px; color: #022038; margin-bottom: 12px; } .home-offer .content p { font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; line-height: 24px; color: #022038; margin-bottom: 16px; } .home-offer .content.second { text-align: center; } .home-offer .content .kidearn-btn { width: max-content; margin: auto; } .onay-kutusu-alani { display: flex; align-items: center; font-family: var(--kidearn-font); font-size: 16px; font-weight: 400; color: #022038; gap: 10px; } .onay-kutusu-alani input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; border: 2px solid #8e8e93; border-radius: 4px; outline: none; cursor: pointer; position: relative; background-color: transparent; flex-shrink: 0; transition: all 0.2s ease; } .onay-kutusu-alani input[type="checkbox"]:checked { background-color: #F25334; border-color: #F25334; } .onay-kutusu-alani input[type="checkbox"]:checked::after { content: '✔'; color: white; font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .onay-kutusu-alani label { cursor: pointer; line-height: 1.4; } .onay-kutusu-alani a { color: #2390FF; text-decoration: underline; font-weight: 500; } .onay-kutusu-alani a:hover { text-decoration: none; } .form-one .bootstrap-select>.dropdown-toggle, .form-one input[type=text], .form-one input[type=email], .form-one input[type=number], .form-one input[type=password], .form-one input[type=date], .form-one textarea { padding: 10px 16px; border-radius: 12px; color: #7E8185; font-size: 16px; font-weight: 400; } .form-one .row { --bs-gutter-x: 1rem; } /* Banner Alanı Genel Ayarlar */ .ic-banner { position: relative; overflow: hidden; /* Dışarı taşan kısımları gizle */ } .ic-banner .banner-two__item { position: relative; height: 678px; min-height: 50vh; display: flex; align-items: start; justify-content: center; text-align: center; padding: 188px 0 0 0; } .ic-banner .banner-two__item .container { z-index: 2; } /* Arka Plan Görseli ve Karartma Efekti */ .ic-banner .banner-two__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; /* Yazıların altında kalması için */ } /* Karartma Katmanı (Overlay) */ .ic-banner .banner-two__bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); /* 0.5 değeri karartma oranını belirler (0.1 - 0.9 arası) */ z-index: 2; /* Görselin üzerinde, yazıların altında */ } /* İçerik Kapsayıcısı */ .ic-banner .banner-two .container { position: relative; z-index: 3; /* Karartmanın üzerinde kalması için */ color: #ffffff; /* Tüm yazıların rengi beyaz */ } /* "Anasayfa > Hakkımızda" Yazısı (Breadcrumb) */ .ic-banner .banner-two__breadcrumb { font-size: 20px; font-weight: 400; margin-bottom: 12px; /* Başlık ile arasındaki boşluk */ display: block; /* Alt satıra geçmesi için */ color: #fff; display: flex; justify-content: center; align-items: center; gap: 5px; } .ic-banner .banner-two__breadcrumb a { color: #fff; } .ic-banner .banner-two__breadcrumb a:hover { color: var(--kidearn-base); } .ic-banner .banner-two__breadcrumb i { background-color: #fff; width: 12px; height: 12px; position: relative; top: 1px; } /* Ana Başlık */ .ic-banner .banner-two__title { font-family: var(--kidearn-heading-font-2); font-size: 60px; /* Başlık boyutu */ font-weight: 700; /* Kalın yazı */ margin: 0; /* Varsayılan margin'i sıfırla */ line-height: 1.2; /* Satır yüksekliği */ color: #fff; } .about-detail .sec-title__tagline { color: #E95F32; margin-bottom: 4px; } .about-detail .sec-title__title { color: #000; } .about-detail .about-four__content__text { font-weight: 500; font-size: 16px; line-height: 24px; color: #7E8185; } .about-detail .about-four__content .sec-title { padding-bottom: 13px; } .about-detail .about-four__info__title { color: #000; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 4px; } .about-detail .about-four__info__text { color: #7E8185; font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; line-height: 24px; } .about-detail .about-four__info__icon { font-size: unset; line-height: unset; } .about-detail .about-four__info__icon img { height: 80px; width: auto; object-fit: contain; } .misyon-vizyon .container { position: relative; } .misyon-vizyon .funfact-two__shape2 { left: -70px; top: 30px; } .misyon-vizyon .funfact-two__shape3 { left: -60px; bottom: 30px; } .misyon-vizyon .funfact-two__item { padding: 34px 34px; border-radius: 30px; } .misyon-vizyon .funfact-two__item h3 { color: #fff; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 35px; } .misyon-vizyon .funfact-two__item p { color: #fff; font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; line-height: 1.5; margin-bottom: 0px; } .home-offer.cta .content p { font-weight: 700; font-size: 20px; line-height: 30px; color: #7E8185; margin-bottom: 29px; } .home-offer.cta .content h3 { margin-bottom: 8px; } .home-offer.cta { margin-top: 187px; } .currency-area { position: relative; display: inline-block; padding-left: 31px; margin-left: 31px; } .currency-area::after { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; content: ""; height: 39px; width: 2px; background-color: #FFEEEB; } .currency-area .currency-toggle { display: flex; align-items: center; gap: 4px; background: #fff; color: #7E8185; border: 0.5px solid #FFEEEB; border-radius: 25px; height: 34px; cursor: pointer; min-width: 80px; justify-content: center; font-weight: 500; font-size: 12px; line-height: 1; } .currency-area .currency-toggle img { width: 16px; height: 16px; border-radius: 50%; } .currency-area .currency-toggle i { margin-left: 4px; width: 12px; height: 12px; background-color: #7E8185; } .currency-area .currency-menu { display: none; position: absolute; top: 50px; left: 30px; background: #fff; border: 0.5px solid #FFEEEB; border-radius: 25px; list-style: none; margin: 0; padding: 10px 5px; min-width: 80px; z-index: 1000; } .currency-area .currency-menu li { padding: 8px 10px; line-height: 1; margin-bottom: 0px; } .currency-area .currency-menu li a { text-decoration: none; color: #7E8185; display: block; font-weight: 600; font-size: 14px; } .currency-area .currency-menu li a:hover { color: var(--kidearn-base); } @keyframes slideDown { from { transform: translateY(-100%); /* Kendi yüksekliği kadar yukarıda başla (görünmez) */ } to { transform: translateY(0); /* Normal yerine gel */ } } header { transition: all 0.5s ease; background: #fff; width: 100%; z-index: 9999; } .make-header-sticky { position: fixed; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); animation: slideDown 0.5s ease forwards; } .gy-30 { --bs-gutter-y: 30px; } .filter-top { display: flex; flex-direction: column; justify-content: end; align-items: end; gap: 10px; margin-bottom: 30px; } .filter-top .select-area { display: flex; gap: 16px; } .filter-top .count-area p { font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; color: #7E8185; margin: 0; line-height: 1.5; } .sidebar-area .widget-toggle { background: transparent; border: none; padding: 0; margin: 0; cursor: pointer; line-height: 1; display: flex; } .sidebar-area .widget-toggle i { width: 22px; height: 22px; display: inline-block; transition: transform 0.3s ease; background: var(--kidearn-black, #0B2038); } .sidebar-area .widget-toggle.collapsed i { transform: rotate(-90deg); } .sidebar-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; } @media (min-width:992px) { .sidebar-close-header { display: none; } .sidebar-area { position: static; width: auto; height: auto; background-color: transparent; z-index: 1; overflow-y: visible; padding: 0; box-shadow: none; transition: none; } .sidebar-overlay { display: none !important; } .sidebar-area { padding-top: 114px; } } .sidebar-area .widget { background-color: var(--kidearn-white, #fff); padding: 34px; border-radius: 30px; box-shadow: 0px 4px 10px 0px #0000001A; margin-bottom: 30px; position: relative; } .sidebar-area .widget_title { margin: 0; line-height: 1em; font-size: 20px; font-weight: bold; color: var(--kidearn-black, #0B2038); font-family: var(--kidearn-heading-font-2, "Baloo 2", sans-serif); border-bottom: 1px solid var(--kidearn-base, #F25334); padding-bottom: 12px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; } .sidebar-area .widget-content { margin: 0; padding: 0; list-style: none; } .sidebar-area .widget-content li { margin-bottom: 12px; display: block; } .sidebar-area .widget-content li:last-child { margin-bottom: 0; } .sidebar-area .kelime-ile-ara { position: relative; } .sidebar-area .kelime-ile-ara .form-group { margin-bottom: 0; } .sidebar-area .kelime-ile-ara .form-control.search-filter { outline: none; width: 100%; height: 50px; background-color: var(--kidearn-gray, #FAF5F2); font-size: 16px; color: var(--kidearn-text, #7E8185); border: 1px solid var(--kidearn-border-color, #FCE9DD); padding-left: 30px; padding-right: 60px; /* Buton için boşluk */ transition: all 500ms ease; border-radius: 8px; font-weight: 500; } .sidebar-area .kelime-ile-ara .form-control.search-filter:focus { color: var(--kidearn-black, #0B2038); background-color: var(--kidearn-white, #fff); border-color: var(--kidearn-base, #F25334); } .sidebar-area .kelime-ile-ara .submit-btn { border: none; outline: none; background-color: transparent; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 20px; color: var(--kidearn-black, #0B2038); cursor: pointer; transition: all 0.4s ease; } .sidebar-area .kelime-ile-ara .submit-btn:hover { color: var(--kidearn-base, #F25334); } .sidebar-area .widget-content input[type="checkbox"] { display: none; } .sidebar-area .widget-content label { position: relative; padding-left: 35px; margin-bottom: 0; color: var(--kidearn-text, #7E8185); font-size: 16px; font-weight: 500; cursor: pointer; transition: all 300ms ease; display: block; line-height: 24px; } .sidebar-area .widget-content label:hover { color: var(--kidearn-base, #F25334); } /* Checkmark Kutusu */ .sidebar-area .widget-content label .checkmark { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid var(--kidearn-border-color, #FCE9DD); background-color: transparent; border-radius: 4px; transition: all 300ms ease; } .sidebar-area .widget-content input[type="checkbox"]:checked+label .checkmark { background-color: var(--kidearn-base, #F25334); border-color: var(--kidearn-base, #F25334); } .sidebar-area .widget-content label .checkmark::after { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--kidearn-white, #fff); font-size: 10px; opacity: 0; transition: all 0.2s ease; } .sidebar-area .widget-content input[type="checkbox"]:checked+label .checkmark::after { opacity: 1; } .fiyat-filtrele-form .hizala { display: flex; gap: 15px; margin-bottom: 20px; } .fiyat-filtrele-form .form-group { flex: 1; } .fiyat-filtrele-form input[type="number"] { width: 100%; height: 50px; background-color: var(--kidearn-gray, #FAF5F2); border: 1px solid var(--kidearn-border-color, #FCE9DD); border-radius: 8px; padding: 0 15px; color: var(--kidearn-text, #7E8185); font-weight: 500; outline: none; transition: all 0.3s ease; } .fiyat-filtrele-form input[type="number"]:focus { border-color: var(--kidearn-base, #F25334); } .filter-top .product__showing-sort .bootstrap-select>.dropdown-toggle { height: 50px; line-height: 50px; font-weight: 500; } .filter-top .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 240px !important; } .product-details__img { border: 1px solid #E95F32; border-radius: 24px; padding: 75px 35px; } .product-details__img img { aspect-ratio: 4/3; object-fit: contain; } .mfp-bg, .mfp-wrap { z-index: 99999; } .ud-labels { display: flex; gap: 10px; position: absolute; top: 42px; left: 35px; } .ud-labels span { background: #B9CEDC33; border: 1px solid #B9CEDC; border-radius: 8px; padding: 5px 8px; color: #5C707E; font-family: var(--kidearn-font); font-weight: 400; font-size: 14px; line-height: 1; } .product-details__img-search { top: unset; bottom: 35px; right: 35px; } .product-details__img-search .custom-icon { width: 24px; height: 24px; background-color: #5C707E; } .ud-video { position: absolute; top: 35px; right: 35px; } .ud-video a { width: 40px; height: 40px; justify-content: center; align-items: center; display: flex; border-radius: 50%; border: 1px solid #B9CEDC; background: #B9CEDC33; } .ud-video a .custom-icon { width: 20px; height: 20px; background-color: #5C707E; } .product-details__content { margin: 0px; padding-left: 21px; } .product-details__content .product-details__top { font-family: var(--kidearn-heading-font-2); margin-bottom: 16px; } .product-details__content .product-details__top .product-details__title { font-weight: 700; font-size: 30px; line-height: 40px; color: #022038; margin-bottom: 0px; } .product-details__quantity { justify-content: space-between; align-items: center; display: flex; } .product-prc { font-family: var(--kidearn-font); font-weight: 700; font-size: 30px; line-height: 1; color: #5C707E; } .product-prc span { font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; text-decoration: line-through; color: #8e8e93; } .product-details__quantity .quantity-box { width: 147px; height: 43px; } .product-details__quantity .quantity-box input { border-color: #FCA98D; font-size: 18px; font-weight: 600; color: #7E8185; width: 147px; height: 43px; } .product-details__quantity .quantity-box button { font-size: 10px; font-weight: 600; color: #7E8185; width: 49px; height: 43px; } .product-details__quantity .quantity-box button.add { border-color: #FCA98D; } .product-details__quantity .quantity-box button.sub { border-color: #FCA98D; } /* Kalp İkonu */ .for-detail.fav-btn { width: 40px; height: 40px; padding: 10px; border-radius: 50%; border: 1px solid #B9CEDC; background: #B9CEDC33; display: flex; justify-content: center; align-items: center; color: #5C707E; /* Görseldeki mavimsi gri ton */ cursor: pointer; z-index: 10; transition: all 0.3s; } .for-detail.fav-btn:hover { color: #ff4d4d; border-color: #ff4d4d; background-color: #ff4d4d; } .for-detail.fav-btn .custom-icon { background-color: #5C707E; width: 19px; height: 19px; } .for-detail.fav-btn:hover .custom-icon { background-color: #fff; } .for-detail.fav-btn.added-wishlist { color: #ff4d4d; border-color: #ff4d4d; background-color: #ff4d4d; } .for-detail.fav-btn.added-wishlist .custom-icon { background-color: #fff; } .urun-karti .fav-btn.added-wishlist { color: #ff4d4d; border-color: #ff4d4d; background-color: #ff4d4d; } .urun-karti .fav-btn.added-wishlist .custom-icon { background-color: #fff; } .checklist-wrap { background-color: #FAF5F2; padding: 8px 12px; border-radius: 8px; } .checklist-wrap p { margin-bottom: 0px; font-family: var(--kidearn-font); font-weight: 500; font-size: 16px; line-height: 1.5; color: #4B4B4B; } .checklist-wrap p span { font-weight: 700; } .product-details__quantity { margin: 24px 0; } .product-details__buttons { margin-bottom: 24px; display: flex; flex-wrap: nowrap; } .product-details__buttons .kidearn-btn { width: 100%; } .home-why-us .program-two__item { min-height: 310px; } .home-testimonials .testimonial-one__carousel.owl-carousel .owl-nav button { z-index: 22; } .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote { height: 41.59px; max-height: 41.59px; overflow-y: auto; padding-right: 5px; /* Yazının scrollbar'a yapışmasını engeller */ /* Firefox için ince ayar */ scrollbar-width: thin; scrollbar-color: #d1d1d1 transparent; } /* Chrome, Edge ve Safari için Özel Tasarım */ .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote::-webkit-scrollbar { width: 4px; /* Çok ince bir çubuk */ } .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote::-webkit-scrollbar-track { background: transparent; /* Arka planı şeffaf yap */ } .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote::-webkit-scrollbar-thumb { background-color: #e0e0e0; /* Çok açık gri, göze batmaz */ border-radius: 10px; /* Tam oval kenarlar */ } /* Kullanıcı üzerine geldiğinde biraz belirginleşsin */ .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote:hover::-webkit-scrollbar-thumb { background-color: #b0b0b0; } /* Scrollbar oklarını (butonlarını) gizle */ .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote::-webkit-scrollbar-button { display: none; } .bootstrap-select .dropdown-menu .inner { max-height: 250px !important; /* Burayı ihtiyacına göre ayarla (örn: 300px) */ overflow-y: auto !important; /* Dikey scroll bar çıkması için */ min-height: auto !important; /* Az veri varsa boşluk kalmasın */ } .blog-pagination ul { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; list-style: none; padding-left: 0; } .blog-pagination .active>.page-link, .blog-pagination .page-link.active { background-color: #F25334; color: var(--kidearn-white, #fff); } select.form-control { appearance: auto; -webkit-appearance: auto; -moz-appearance: auto; } /* Kidearn Teması ile Uyumlu Ürün Meta Alanı Konum: Ürün detay sayfası */ .product_meta_for_detail { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--kidearn-border-color, #FCE9DD); display: flex; flex-direction: column; gap: 10px; /* Satırlar arası boşluk */ border-bottom: 1px solid var(--kidearn-border-color, #FCE9DD); padding-bottom: 30px; } /* Kapsayıcı span'ler (SKU, Kategori vb. satırları) */ .product_meta_for_detail>span { display: block; font-size: 16px; line-height: 1.6; color: var(--kidearn-black, #0A2138); /* Etiket rengi: Koyu Mavi */ font-family: var(--kidearn-heading-font-2, "Baloo 2", sans-serif); /* Başlık fontu */ font-weight: 700; /* Etiketleri kalın yap */ } /* İçerikteki dinamik veriler (Stok kodu, stok sayısı vb.) */ .product_meta_for_detail span .sku, .product_meta_for_detail span a { font-family: var(--kidearn-font, "DM Sans", sans-serif); /* İçerik fontu */ font-weight: 500; /* İçerik font kalınlığı normal */ color: var(--kidearn-text, #7E8185); /* İçerik rengi: Gri */ margin-left: 5px; /* Etiket ile değer arası boşluk */ transition: all 400ms ease; } /* Linkler (Kategoriler) için özel durum */ .product_meta_for_detail span a { position: relative; display: inline-block; } /* Link Hover Efekti - Temadaki diğer linklerle uyumlu */ .product_meta_for_detail span a:hover { color: var(--kidearn-base, #F4684C); } /* Kategori virgülleri veya yan yana linkler için */ .product_meta_for_detail span a+a { margin-left: 5px; } .product_meta_for_detail span a+a::before { content: ","; position: absolute; left: -4px; color: var(--kidearn-text, #7E8185); } .urun-karti-set .product-img img { object-fit: contain; aspect-ratio: 3/4; padding: 8px; border-radius: 8px; border: 0.5px solid #B9CEDC; } .urun-karti-set .product-content .set-tag { border: 0.5px solid #B9CEDC; background: #B9CEDC33; padding: 4px 8px; color: #5C707E; font-family: var(--kidearn-font); font-weight: 400; font-size: 10px; border-radius: 8px; line-height: 1.3; margin: 12px 0 8px 0; display: inline-block; } .urun-karti-set .product-content .box-title { line-height: 1; } .urun-karti-set .product-content .box-title a { color: #000; font-family: var(--kidearn-font); font-weight: 700; font-size: 18px; line-height: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .urun-setleri .component-top-area .main-title h3 { text-align: left; color: #022038; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 30px; line-height: 40px; } .urun-setleri .component-top-area { margin-bottom: 16px; margin-top: 43px; } /* Slider Konteyner */ .book-slider-container { width: 100%; position: relative; margin-top: 76px; } /* Resim Stilleri */ .book-slider-container .item img { display: block; width: 100%; /* Kitap gölgesi */ cursor: zoom-in; /* Tıklanabilir olduğunu gösterir */ aspect-ratio: 3/2; object-fit: cover; } /* --- OWL CAROUSEL ÖZELLEŞTİRME (Görseldeki Tasarım) --- */ /* Okların Genel Yapısı */ .book-slider-container .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-color: #fff !important; /* Beyaz daire */ border-radius: 50% !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border: 1px solid #e0e0e0 !important; outline: none; transition: all 0.3s ease; z-index: 10; display: flex !important; align-items: center; justify-content: center; } /* Ok İkonunun Rengi (Turuncu) */ .book-slider-container .owl-nav button i { background-color: #E95F32; /* Görseldeki turuncu ton */ width: 24px; height: 24px; } /* Hover Efektleri */ .book-slider-container .owl-nav button:hover { background-color: #E95F32 !important; border-color: #E95F32 !important; } .book-slider-container .owl-nav button:hover i { background-color: #fff; } /* Okların Konumları */ .book-slider-container .owl-prev { left: -25px; /* Slider dışına taşır */ } .book-slider-container .owl-next { right: -25px; /* Slider dışına taşır */ } /* CUSTOM CSS BAŞLANGICI Tüm classlar 'cp-' ön eki aldı ve hiyerarşik yazıldı. */ /* Ana Kapsayıcı */ .cp-accordion-wrapper { margin: 0 auto; margin-top: 74px; } /* Akordiyon Satırı (Item) */ .cp-accordion-wrapper .cp-acc-item { background: transparent; margin-bottom: 40px; } .cp-accordion-wrapper .cp-acc-item:last-child { border-bottom: none; } /* Başlık Butonu Reset ve Stil */ .cp-accordion-wrapper .cp-acc-item .cp-acc-header { all: unset; /* Temadan gelen buton stillerini sıfırla */ width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; padding-bottom: 24px; cursor: pointer; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 28px; line-height: 34px; /* Extra Bold */ color: #000; transition: color 0.3s ease; } .cp-accordion-wrapper .cp-acc-item .cp-acc-header:hover { color: #F25334; /* Turuncu Hover */ } /* Başlık Oku */ .cp-accordion-wrapper .cp-acc-item .cp-acc-header .cp-icon-arrow { width: 24px; height: 24px; background-color: #374957; transition: transform 0.3s ease; } /* Aktif Olduğunda Ok Dönüşü */ .cp-accordion-wrapper .cp-acc-item.cp-active .cp-acc-header .cp-icon-arrow { transform: rotate(180deg); } .cp-accordion-wrapper .cp-acc-item .cp-acc-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; padding: 0; /* Burası çok önemli! Padding burada olursa 0px yapsak bile padding kadar açık kalır. */ } /* İçerik Alanı */ .cp-accordion-wrapper .cp-acc-item .cp-acc-content .cp-acc-inner { border: 1px solid #EBD5D1; padding: 24px; border-radius: 16px; } .cp-accordion-wrapper .cp-acc-item .cp-acc-content .editor-content.one-row ul { margin-bottom: 0px; } .cp-accordion-wrapper .cp-acc-item .cp-acc-content .editor-content.two-row ul { margin-bottom: 0px; display: grid; grid-template-columns: 1fr 1fr; width: max-content; } .cp-accordion-wrapper .cp-acc-item .cp-acc-content .kidearn-btn { height: 50px; width: max-content; min-width: 281px; font-family: var(--kidearn-font); font-weight: 500; font-size: 18px; text-align: center; } .cp-accordion-wrapper .cp-acc-item .cp-acc-content .kidearn-btn .custom-icon { background-color: #fff; width: 20px; height: 20px; position: relative; top: 4px; margin-right: 4px; } .urun-benzerleri .component-top-area .main-title h3 { text-align: left; color: #022038; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 30px; line-height: 40px; } .urun-benzerleri .component-top-area { margin-bottom: 16px; margin-top: 0; } .urun-benzerleri.component-padding { padding: 80px 0 } .product-details { padding-top: 80px; } .user-pages { padding: 103px 0 420px; margin-bottom: -300px; background-color: var(--kidearn-white, #fff); background-position: top center; background-repeat: no-repeat; background-size: cover; } .user-pages .wrapper { max-width: 870px; margin: auto; } .user-pages .form-one .bootstrap-select>.dropdown-toggle, .user-pages .form-one input[type=text], .user-pages .form-one input[type=email], .user-pages .form-one input[type=number], .user-pages .form-one input[type=password], .user-pages .form-one input[type=date], .user-pages .form-one textarea { padding: 10px 16px; border-radius: 12px; color: #7E8185; font-size: 16px; font-weight: 400; background-color: #fff; } .user-pages input:-webkit-autofill, .user-pages input:-webkit-autofill:hover, .user-pages input:-webkit-autofill:focus, .user-pages input:-webkit-autofill:active, .user-pages input:autofill, .user-pages input:autofill:hover, .user-pages input:autofill:focus, .user-pages input:autofill:active { box-shadow: 0 0 0 100px white inset; font-weight: 400; font-size: 16px; color: #7E8185 !important; font-family: inherit; } .user-pages .wrapper .top-area { text-align: center; margin-bottom: 44px; } .user-pages .wrapper .top-area h6 { font-family: var(--kidearn-special-font); font-weight: 600; font-size: 24px; text-align: center; color: #E95F32; margin-bottom: 12px; } .user-pages .wrapper .top-area h2 { font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 38px; line-height: 50px; text-align: center; color: #022038; margin-bottom: 12px; } .user-pages .wrapper .top-area p { font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: #022038; margin-bottom: 0px; } .user-pages .remember-area { display: flex; justify-content: space-between; align-items: center; } .user-pages .remember-area .form-group { margin-bottom: 0; } .user-pages .remember-area label { margin-bottom: 0; color: #000; } .user-pages .remember-area { margin-bottom: 14px; } .user-pages .remember-area input[type="checkbox"]~label:before { top: 5px; } .user-pages .recaptcha { display: flex; justify-content: center; margin-bottom: 0px; } .user-pages .form-btn { display: flex; justify-content: center; } .user-pages .form-btn button { font-size: 16px; font-weight: 500; line-height: 1; } .form-link { font-family: var(--kidearn-font); font-weight: 400; color: #009FE3; font-size: 16px; text-underline-offset: 4px; text-decoration: underline; } .form-link:hover { color: #E95F32; } .password-with-show-hide { position: relative; } .toggle-password-icon { position: absolute; right: 20px !important; top: 50% !important; transform: translateY(-50%) !important; cursor: pointer; color: #7E8185 !important; z-index: 2; } .toggle-password-icon:hover { color: #022038 !important; } .input-form-error p { color: #D93025; font-size: 12px; margin-top: 0; margin-bottom: 0; font-weight: 400; letter-spacing: 1px; margin-left: 20px; } .consent-area { display: flex; flex-direction: column; gap: 16px; } /* ----------------------------------------------------------- SEPET POPUP (MODAL) OZELLESTIRME ----------------------------------------------------------- */ /* 1. Modal Genel Ayarlar & Z-Index */ #addToCartModal { z-index: 999999 !important; /* Diğer her şeyin üzerinde */ font-family: var(--kidearn-font, "DM Sans", sans-serif); /* Tema fontu */ } /* Modal Arka Planı (Backdrop) */ .modal-backdrop.show { z-index: 999990 !important; /* Modalın hemen altında */ opacity: 0.6; background-color: var(--kidearn-black, #0B2038); } /* 2. Modal Kutusu (Content) */ #addToCartModal .modal-content { border: none; border-radius: 15px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); overflow: hidden; } /* 3. Modal Başlık (Header) */ #addToCartModal .modal-header { background-color: #FFEEEB; border-bottom: 1px solid var(--kidearn-border-color, #FCE9DD); padding: 20px 25px; } #addToCartModal .modal-header .modal-title { font-family: var(--kidearn-heading-font-2, "Baloo 2", sans-serif); color: var(--kidearn-black, #0B2038); font-weight: 700; font-size: 1.25rem; display: flex; align-items: center; } #addToCartModal .modal-header .modal-title i { color: var(--kidearn-secondary2, #75C137) !important; /* Yeşil Tik Rengi */ font-size: 1.4rem; } /* 4. Modal Gövdesi & Scroll Ayarları (Body) */ #addToCartModal .modal-body { padding: 0; max-height: 55vh; /* Ekranın %55'i kadar yükseklik */ overflow-y: auto; /* İçerik taşarsa scroll aç */ background-color: #fff; /* Scrollbar Tasarımı (Webkit Tarayıcılar için) */ scrollbar-width: thin; scrollbar-color: #ccc transparent; } #addToCartModal .modal-body::-webkit-scrollbar { width: 6px; } #addToCartModal .modal-body::-webkit-scrollbar-track { background: transparent; } #addToCartModal .modal-body::-webkit-scrollbar-thumb { background-color: #d1d1d1; border-radius: 10px; } /* 5. Ürün Listesi ve Elemanlar */ #addToCartModal .modal-body .widget_shopping_cart_content { padding: 20px 25px; } /* Liste Elemanı */ #addToCartModal .modal-body li.woocommerce-mini-cart-item { padding-bottom: 15px !important; margin-bottom: 15px !important; border-bottom: 1px solid var(--kidearn-border-color, #FCE9DD) !important; } #addToCartModal .modal-body li.woocommerce-mini-cart-item:last-child { border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Ürün Başlığı */ #addToCartModal .modal-body li a.fw-bold { color: var(--kidearn-black, #0B2038) !important; font-family: var(--kidearn-heading-font-2, "Baloo 2", sans-serif); font-size: 1.1rem; transition: color 0.3s ease; line-height: 1.3; } #addToCartModal .modal-body li a.fw-bold:hover { color: var(--kidearn-base, #F4684C) !important; } /* Ürün Resmi */ #addToCartModal .modal-body li img { border-radius: 10px !important; border: 1px solid #FFEEEB; } /* Silme Butonu (X) */ #addToCartModal .modal-body li a.remove { color: #ff4d4d !important; opacity: 0.6; transition: opacity 0.3s; font-size: 1.2rem; } #addToCartModal .modal-body li a.remove:hover { opacity: 1; } /* Fiyat ve Varyasyon */ #addToCartModal .modal-body .amount { color: var(--kidearn-base, #F4684C) !important; font-weight: 700; } /* 6. Modal Alt Kısım (Footer & Buttons) */ #addToCartModal .modal-footer { background-color: #FFEEEB; border-top: 1px solid var(--kidearn-border-color, #FCE9DD); padding: 20px 25px; } /* Sepete Git Butonu (Koyu) */ #addToCartModal .modal-footer .btn-dark { background-color: var(--kidearn-black, #0B2038); border-color: var(--kidearn-black, #0B2038); font-family: var(--kidearn-heading-font-2, "Baloo 2", sans-serif); font-weight: 600; padding: 12px; border-radius: 8px; transition: all 0.3s ease; } #addToCartModal .modal-footer .btn-dark:hover { background-color: var(--kidearn-base, #F4684C); border-color: var(--kidearn-base, #F4684C); transform: translateY(-2px); } /* Alışverişe Devam Et Butonu (Outline) */ #addToCartModal .modal-footer .btn-outline-secondary { color: var(--kidearn-text, #7E8185); border-color: #d1d1d1; font-family: var(--kidearn-font, "DM Sans", sans-serif); font-weight: 500; padding: 10px; border-radius: 8px; } #addToCartModal .modal-footer .btn-outline-secondary:hover { background-color: #fff; color: var(--kidearn-black, #0B2038); border-color: var(--kidearn-black, #0B2038); } /* Sepet Boş İkonu */ #addToCartModal .text-center .fa-shopping-basket { color: var(--kidearn-border-color, #FCE9DD); } #addToCartModal .btns-hiza { display: grid; /* Mantık: En az 200px genişliğinde kolonlar oluştur. Eğer yan yana 200'er px sığıyorsa (1fr) kalan boşluğu eşit paylaşarak yan yana diz. Sığmıyorsa otomatik olarak alt satıra at. */ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px !important; /* Butonlar arası boşluk */ width: 100%; } #addToCartModal .amount-prc { color: #022038; font-size: 24px; font-weight: 700; } .kidearn-btn.white { background-color: #fff; color: #022038; border-color: #022038; } .kidearn-btn.white:hover { color: #fff !important; } .kidearn-btn.white:before, .kidearn-btn.white:after { background-color: #022038; color: #fff !important; border-color: #022038; } .user-account-pages.account-page { background: linear-gradient(180deg, #FAF5F2 0%, #FFFFFF 100%); padding-top: 110px; padding-bottom: 228px; position: relative; } .user-account-pages.account-page .form-page-wrapper { box-shadow: 0px 4px 14px 0px #0000001A; padding: 40px; border-radius: 16px; background: #fff; } .user-account-pages.account-page .sidebar-wrapper { box-shadow: 0px 4px 14px 0px #0000001A; border-radius: 16px; background: #fff; padding: 34px 0px; height: 600px; max-height: 90%; position: relative; } .account-sidebar .sidebar-wrapper .logout-hiza { position: absolute; width: 100%; bottom: 30px; } .sidebar-links { list-style-type: none; padding: 0; margin: 0; } .sidebar-links li a { display: flex; align-items: center; padding: 20px 26px; text-decoration: none; color: #374957; transition: all 0.2s ease; font-family: var(--kidearn-heading-font-2); font-weight: 600; font-size: 15px; line-height: 1; } .sidebar-links li a .custom-icon { margin-right: 8px; width: 16px; height: 16px; } .sidebar-links li.active a { color: #E95F32; background-color: #F5DDCF; } .sidebar-links li.active a .custom-icon { background-color: #E95F32; } .sidebar-links li:not(.active) a:hover { background-color: #FFEEEB; /* Çok açık gri */ } .account-sidebar-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1040; } .user-account-pages .form-page-wrapper .contents .title-area h2 { color: #000; font-family: var(--kidearn-heading-font-2); font-weight: 800; font-size: 26px; margin-bottom: 0px; line-height: 1.5; } .user-account-pages .form-page-wrapper .contents .title-area p { color: #9B9B9B; font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; margin-bottom: 0px; line-height: 1.5; } .user-account-pages .form-page-wrapper .contents .title-area { margin-bottom: 30px; } .user-account-pages .form-area .row { --bs-gutter-x: 16px; --bs-gutter-y: 16px; } .user-account-pages .form-area .bootstrap-select>.dropdown-toggle, .user-account-pages .form-area input[type=text], .user-account-pages .form-area input[type=email], .user-account-pages .form-area input[type=number], .user-account-pages .form-area input[type=password], .user-account-pages .form-area input[type=date], .user-account-pages .form-area select, .user-account-pages .form-area textarea { display: block; width: 100%; height: 60px; background-color: #FAF5F2; color: #7E8185; border: none; outline: none; padding: 10px 16px; border-radius: 12px; font-size: 16px; font-weight: 400; } .user-account-pages .form-area input:-webkit-autofill, .user-account-pages .form-area input:-webkit-autofill:hover, .user-account-pages .form-area input:-webkit-autofill:focus, .user-account-pages .form-area input:-webkit-autofill:active, .user-account-pages .form-area input:autofill, .user-account-pages .form-area input:autofill:hover, .user-account-pages .form-area input:autofill:focus, .user-account-pages .form-area input:autofill:active { box-shadow: 0 0 0 100px #FAF5F2 inset; font-weight: 400; font-size: 16px; color: #7E8185 !important; font-family: inherit; } .user-account-pages .form-area textarea { height: 176px; padding-top: 20px; } .user-account-pages .form-area .bootstrap-select>.dropdown-toggle { display: flex; align-items: center; } .user-account-pages .form-area .bootstrap-select>.dropdown-toggle .filter-option { display: flex; align-items: center; } .user-account-pages .form-area .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .user-account-pages .form-area .onay-kutusu-alani { color: #93929A; } .user-account-pages.account-page .consent-area { margin-top: 14px; margin-bottom: 44px; } .user-account-pages.account-page .form-footer { margin-top: 60px; } .user-account-pages.account-page .form-footer.second { display: flex; justify-content: end; gap: 16px; } .user-account-pages.account-page .form-footer .kidearn-btn { height: 50px; min-width: 200px; font-size: 16px; } .user-account-pages.account-page .form-footer.second a { width: max-content; } .date-input { position: relative; } .date-input .date-placeholder { position: absolute; left: 16px; top: 13px; font-weight: 400; font-size: 16px; color: #7E8185; } .date-input input { padding-left: 135px !important; padding-right: 25px !important; } .generic-table { border-radius: 12px; overflow: hidden; margin-top: 20px; margin-bottom: 20px; max-width: 100%; overflow-x: auto; border: 1px solid #FBC6B5; } .generic-table .table-bordered { border: 0; } .generic-table .table-bordered th, .generic-table .table-bordered td { border: 0; line-height: 1.5; } .generic-table .table { border-collapse: separate; border-spacing: 0; margin-bottom: 0; } .generic-table .table-hover tbody tr:hover { background-color: #fff; } .generic-table thead { background-color: #FAF5F2; } .generic-table thead th { padding: 18px 16px; font-size: 16px; font-weight: 700; color: #000; text-align: left; white-space: break-spaces; border: 0; background-color: #FAF5F2; } .generic-table tbody { background-color: #ffffff; } .generic-table tbody tr { border-bottom: 1px solid #f0f0f0; } .generic-table tbody tr:last-child { border-bottom: 0; } .generic-table tbody td { padding: 14px 16px; vertical-align: middle; color: #7E8185; border: 0; font-weight: 500; font-size: 15px; } .generic-table .table-icon { background: #FAF5F2; border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; margin: auto; } .generic-table .table-icon i { width: 14px; height: 14px; background-color: #000; } .generic-table .table-hover>tbody>tr:hover>* { --bs-table-bg-state: #fffbfb; } .info-card { background-color: #FAF5F2; border-radius: 16px; padding: 16px; margin-bottom: 30px; } .info-card .title { color: #000; font-size: 22px; font-weight: 700; margin-bottom: 8px; } .info-card .wrapper .item p { color: #7E8185; font-size: 16px; font-weight: 700; margin-bottom: 0px; line-height: 1.5; } .info-card .wrapper .item span { color: #7E8185; font-size: 16px; font-weight: 400; margin-bottom: 0px; line-height: 1.5; } .info-card .wrapper { display: flex; flex-direction: column; gap: 4px; } .info-card .wrapper.double { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .info-card .wrapper .item.double { display: flex; gap: 10px; } .info-card .wrapper .item.double.between { justify-content: space-between; } .generic-table.fav-table tbody td { font-weight: 700; color: #7E8185; } .generic-table.fav-table tbody td a { color: #7E8185; } .generic-table.fav-table tbody td a:hover { color: #F4684C; } .generic-table.fav-table tbody td a:hover i { background-color: #F4684C; } .generic-table.fav-table tbody td .price del { font-size: 12px; opacity: .8; } .generic-table .price { font-size: 14px; } .generic-table .price del { font-size: 12px; text-decoration: line-through; color: #7E8185; } .adres-table-area { display: flex; gap: 30px; } .adres-table-area .generic-table { max-width: 350px; } .adres-btns { display: flex; justify-content: flex-end; gap: 10px; } .adres-btns .table-icon { margin: unset; } .adres-ekleme-btns { display: flex; gap: 16px; position: absolute; top: 5px; right: 0; } .adres-ekleme-btns a { display: flex; gap: 8px; font-weight: 600; font-size: 16px; color: #000; align-items: center; } .adres-ekleme-btns a i { width: 24px; height: 24px; background-color: #000; } .adres-ekleme-btns a:hover { color: #F4684C; } .adres-ekleme-btns a:hover i { background-color: #F4684C; } .pr { position: relative; } .alert { line-height: 1.5; } .basket-page { padding-bottom: 240px; } .basket-page .wrapper { z-index: 2; position: relative; } .basket-page .boxes { display: grid; grid-template-columns: 68fr 48fr; gap: 40px; } .basket-product { position: relative; min-width: 260px; display: flex; gap: 15px; align-items: center; } .basket-product .product-img { position: relative; height: 100%; display: block; width: max-content; } .basket-product .product-img img { width: 80px; height: 80px; object-fit: contain; margin-bottom: 0; border: 1px solid #eee; padding: 10px; } .basket-product .product-title h4 { font-weight: 600; font-size: 14px; line-height: 1.3; margin-top: 10px; margin-bottom: 10px; color: #000; } .basket-product .product-title p { font-weight: 500; font-size: 12px; line-height: 1.5; margin-top: 8px; margin-bottom: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .basket-product .item-sil { position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #022038; color: #FFFFFF; font-size: 10px; font-weight: bold; border: none; cursor: pointer; transition: background-color 0.2s ease; } .basket-product .item-sil:hover { background-color: #7E8185; } .basket-product .v-span { font-size: 10px; line-height: 1.2; } .kupon-alani .form-group { display: flex; gap: 10px; } .kupon-alani .form-group input { border-radius: 8px; } .kupon-alani .form-group button { min-width: 200px; height: 50px; display: flex; justify-content: center; align-items: center; } .sepet-bos-text { background: #F8F8F8; border-radius: 16px; border: 1px solid #dee2e6; text-align: center; padding: 24px; font-size: 18px; } .cart-summary { background-color: #FAF5F2; border: 1px solid #FBC6B5; padding: 18px; border-radius: 12px; } /* Başlık: "Sepet Detayları" */ .cart-summary h3 { font-size: 20px; font-weight: 700; color: #000; margin: 0 0 16px 0; } .cart-summary .summary-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; font-size: 16px; font-weight: 500; } .cart-summary .summary-item .label { color: #000; } .cart-summary .summary-item .value { color: #7E8185; } .cart-summary .summary-divider { border: 0; height: 1px; background-color: #b1b3b4; margin: 4px 0; } .cart-summary .summary-total { display: flex; justify-content: space-between; align-items: center; } .cart-summary .summary-total .label { font-size: 16px; color: #000; font-weight: 500; } .cart-summary .summary-total .total-price { font-size: 20px; font-weight: 700; color: #000; } .basket-details .button-area { margin-top: 20px; } .basket-details .button-area .kidearn-btn { height: 50px; } .checkout-page .wrapper { z-index: 2; position: relative; } .checkout-page .boxes { display: grid; grid-template-columns: 68fr 48fr; gap: 40px; } .adres-tabs.nav-tabs { border-bottom: none; /* Bootstrap'in alttaki ana çizgisini kaldır */ gap: 23px; } .adres-tabs .nav-link { border: none; /* Tüm kenarlıkları kaldır */ background-color: transparent; /* Arka planı kaldır */ /* Görseldeki inaktif (Fatura Adresi) renk */ color: #000; /* Koyu Gri/Teal */ font-weight: 700; font-size: 20px; /* Geçiş yumuşaklığı için */ transition: all 0.2s ease-in-out; /* Alt çizgi için yer tutucu */ border-bottom: 2px solid transparent; padding: 0 0 4px 0; /* Alt çizgi ile metin arasına boşluk */ } /* Aktif olan tab (Teslimat Adresi) Görseldeki turuncu/sarı renk ve alt çizgi */ .adres-tabs .nav-link.active, .adres-tabs .nav-link:hover { color: #F4684C; /* Turuncu/Sarı renk */ border-bottom: 2px solid #F4684C; /* Alt çizgi */ background-color: transparent; } /* Bootstrap'in .nav-tabs.active için varsayılan border-color'ını sıfırlama */ .adres-tabs .nav-link.active:focus, .adres-tabs .nav-link.active:hover { border-color: transparent; border-bottom-color: #F4684C; } /* Tab içeriğine biraz dolgu ekleyelim */ .checkout-page .tab-content { padding-top: 32px; } .alert-generic { margin-bottom: 32px; } .alert-generic .wrapper { background-color: #FAF5F2; border: 1px solid #FBC6B5; padding: 18px; border-radius: 12px; display: flex; gap: 12px; align-items: center; } .alert-generic .wrapper .alert-icon { width: 50px; height: 50px; min-width: 50px; background-color: #fff; border-radius: 50%; border: 1px solid #B9CEDC; display: flex; justify-content: center; align-items: center; } .alert-generic .wrapper .alert-icon i { width: 24px; height: 24px; background-color: #022038; } .alert-generic .wrapper .alert-text { color: #7E8185; font-weight: 400; font-size: 16px; line-height: 1.3; } .alert-generic .wrapper .alert-text a { color: #022038; font-weight: 600; font-size: 16px; line-height: 1.3; } .alert-generic .wrapper .alert-text a:hover { color: #F4684C; } /* Ana Kapsayıcı: Diğer stillerle çakışmayı önler */ .checkout-options-wrapper { width: 100%; margin-top: 30px; } /* Her bir bölüm (Gönderim, Ödeme, Not) */ .checkout-options-wrapper .checkout-section { margin-bottom: 30px; } /* Bölüm Başlıkları (Gönderim Yöntemi, Ödeme Yöntemleri...) */ .checkout-options-wrapper .checkout-section-title { margin-bottom: 16px; color: #000; font-weight: 700; font-size: 20px; line-height: 24px; } /* Tüm seçenekleri kapsayan tıklanabilir alan (label) */ .checkout-options-wrapper .radio-option-container { display: flex; align-items: center; padding: 0px 16px; border: 1px solid #b1b3b4; border-radius: 12px; margin-bottom: 16px; background-color: #ffffff; cursor: pointer; transition: border-color 0.2s ease; height: 50px; background-color: #FAF5F2; border: 1px solid #FBC6B5; } /* .checkout-options-wrapper .radio-option-container:hover { border-color: #103741; } */ /* Erişilebilirlik için gerçek radio butonu gizliyoruz */ .checkout-options-wrapper .radio-option-container input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } /* Görseldeki özel radio butonu (çember) */ .checkout-options-wrapper .custom-radio { width: 16px; height: 16px; border: 2px solid #b1b3b4; border-radius: 50%; margin-right: 8px; display: inline-block; position: relative; transition: border-color 0.2s ease; } /* Seçenek metni (Standart Gönderim, PTT Kargo...) */ .checkout-options-wrapper .option-label-text { font-size: 16px; font-weight: 500; color: #7E8185; } /* Sağdaki etiketler (Ücretsiz, +45.000 TL) */ .checkout-options-wrapper .option-badge { margin-left: auto; padding: 0px 12px; font-size: 12px; font-weight: 400; border: 1px solid #b1b3b4; background-color: #B9CEDC33; border-radius: 100px; color: #7E8185; height: 22px; display: flex; align-items: center; justify-content: center; line-height: 1; } /* * SEÇİLİ DURUM STİLLERİ (Checked State) */ /* Gerçek radio buton seçildiğinde: */ .checkout-options-wrapper .radio-option-container input[type="radio"]:checked+.custom-radio { /* Dış çemberin rengi (görselde pek değişmiyor) */ border-color: #B9CEDC; } /* Gerçek radio buton seçildiğinde, özel butonun içine gri noktayı ekle */ .checkout-options-wrapper .radio-option-container input[type="radio"]:checked+.custom-radio::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #b1b3b4; /* Görseldeki soluk gri iç nokta */ border-radius: 50%; } /* Seçili olan ana kapsayıcının çerçevesini de belirginleştirebiliriz (Opsiyonel) */ .checkout-options-wrapper .radio-option-container input[type="radio"]:checked~.radio-option-container { /* Bu seçici, kardeş seçici olduğu için beklediğiniz gibi çalışmayabilir. Eğer seçili öğenin çerçevesini değiştirmek isterseniz JS ile bir 'selected' class'ı eklemek daha sağlıklı olur. Şimdilik sadeliği koruyoruz. */ } .checkout-page .cart-summary h3 { font-size: 20px; } .checkout-page .total-price-area { display: flex; justify-content: space-between; align-items: center; margin-top: 48px; margin-bottom: 24px; } .checkout-page .total-price-area h4 { color: #000; font-weight: 700; font-size: 20px; margin-bottom: 0px; } .checkout-page .total-price-area h5 { color: #000; font-weight: 700; font-size: 28px; margin-bottom: 0px; } .checkout-page .basket-details .button-area { margin-top: 24px; } #kartbilgileri-area { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 24px 16px; margin: 32px 0; border-radius: 12px; } #havaleeft-area { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 24px 16px; margin: 32px 0; border-radius: 12px; } .checkout-page .generic-table { margin-top: 0px; } .checkout-page .generic-table tbody tr td { border-bottom: 1px solid #f0f0f0; } .checkout-page .generic-table tbody tr:last-child td { border-bottom: 1px solid transparent; } .btn-iban { cursor: pointer; display: inline-flex; justify-content: center; align-items: center; position: relative; top: 2px; } .btn-iban i { background-color: #7E8185; } .btn-iban:hover i { background-color: #022038; } .ic-banner-2 { padding: 72px 0; } .ic-banner-2 .wrapper { max-width: 700px; margin: auto; text-align: center; } .ic-banner-2 .wrapper .brd-area a, .ic-banner-2 .wrapper .brd-area span { color: #2390FF; font-family: var(--kidearn-font); font-weight: 400; font-size: 20px; line-height: 1; } .ic-banner-2 .wrapper .brd-area a:hover { color: var(--kidearn-base); } .ic-banner-2 .wrapper .custom-icon { background-color: #2390FF; margin: 0 4px; width: 12px; height: 12px; } .ic-banner-2 .wrapper h1 { margin-top: 12px; margin-bottom: 24px; color: #000; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 60px; text-align: center; line-height: 1.2; } .ic-banner-2 .wrapper p { color: #7E8185; font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; text-align: center; margin-bottom: 0px; line-height: 1.5; } .basket-page .product-details__quantity { margin: 0px; } .basket-page .generic-table { border: 1px solid #FBC6B5; } .basket-page .generic-table thead { background-color: #FAF5F2; } .basket-page .generic-table thead th { background-color: #FAF5F2; } .basket-page .product-details__quantity .quantity-box input { padding: 0 33px; } .basket-page .product-details__quantity .quantity-box, .basket-page .product-details__quantity .quantity-box input { width: 100px; height: 30px; font-size: 14px; } .basket-page .product-details__quantity .quantity-box button { width: 33px; height: 30px; font-size: 8px; } .checkout-page { padding-bottom: 240px; } .checkout-page .form-area textarea { height: 80px; } .checkout-page { padding-top: 79.5px !important; } .checkout-page .item-left { margin-top: -79.5px; } .checkout-page .odeme-safe { display: flex; } .checkout-page .kidearn-btn { width: 100%; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: #7E8185; } .generic-text-box { background: #F8F8F8; border-radius: 16px; border: 1px solid #dee2e6; padding: 24px; display: flex; flex-direction: column; gap: 16px; } .generic-text-box p { text-align: center; font-size: 16px; line-height: 1.5; margin-bottom: 0px; } .iletisim-sayfasi { padding-top: 35px; padding-bottom: 200px; } .iletisim-sayfasi .sec-title { margin-bottom: 29px; padding-bottom: 0px; } .iletisim-sayfasi .sec-title .sec-title__tagline { color: #E95F32; font-family: var(--kidearn-special-font); font-weight: 600; font-size: 24px; text-align: center; margin: 0; } .iletisim-sayfasi .sec-title .sec-title__title { color: #022038; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 38px; line-height: 1.3; text-align: center; margin: 12px 0; } .iletisim-sayfasi .sec-title p { color: #022038; font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; line-height: 1.5; text-align: center; margin: 0; } .iletisim-sayfasi form .kidearn-btn { min-width: 158px; } .contact-info-one { padding-top: 0px !important; } .contact-info-one .contact-info-one__inner .items { display: grid; grid-template-columns: repeat(3, 1fr); } .contact-info-one .contact-info-one__inner .items .for-telefon { background: #EAF3FF; box-shadow: 0px 4px 10px 0px #0000001A; } .contact-info-one .contact-info-one__inner .items .for-adres { background: #FEEEEB; box-shadow: 0px 4px 10px 0px #0000001A; } .contact-info-one .contact-info-one__inner .items .for-email { background: #F2F8EC; box-shadow: 0px 4px 10px 0px #0000001A; } .contact-info-one .contact-info-one__inner .items .for-telefon i { color: #2290FF; } .contact-info-one .contact-info-one__inner .items .for-adres i { color: #E95F32; } .contact-info-one .contact-info-one__inner .items .for-email i { color: #3AAA35; } .contact-info-one__icon { line-height: 1; } .contact-info-one__text { color: #7E8185; font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; text-align: center; margin-top: 20px; margin-bottom: 12px; } .contact-info-one__title { color: #022038; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 20px; text-align: center; line-height: 1.5; } .team-card-two .team-desc { color: #4C4D4F; font-family: var(--kidearn-font); font-weight: 400; font-size: 16px; text-align: center; line-height: 1.5; } .banks-page .wrapper { border-radius: 24px; border: 1px solid #D9D9D9; padding: 30px; } .bank-card { display: flex; align-items: center; background-color: #ffffff; width: 100%; border-radius: 16px; border: 0.9px solid #E8ECEF; padding: 22px; box-sizing: border-box; } .bank-card .bank-logo { flex: 0 0 192px; margin-right: 87px; display: flex; align-items: center; justify-content: center; } .bank-card .bank-logo img { max-width: 100%; height: auto; object-fit: contain; } .bank-card .bank-info { flex: 1; display: flex; flex-direction: column; gap: 0px; } .bank-card .info-row { display: flex; align-items: center; justify-content: space-between; padding: 14px; /* border-radius: 12px; */ font-size: 15px; line-height: 1.5; } /* .bank-card .info-row:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; } .bank-card .info-row:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } */ .bank-card .info-row.shaded-row { background-color: #FAF5F2; } .bank-card .info-label { font-family: var(--kidearn-heading-font-2); font-weight: 600; color: #000; flex-shrink: 0; margin-right: 8px; text-transform: uppercase; } .bank-card .info-value { color: #474444; text-align: left; flex-grow: 1; word-break: break-word; font-family: var(--kidearn-font); font-size: 15px; } /* Kopyala Butonu */ .bank-card .copy-button { flex-shrink: 0; /* Küçülmesin */ margin-left: 15px; background: none; border: none; padding: 5px; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; } .bank-card .copy-button i { font-size: 20px; background-color: #979797; width: 18px; height: 18px; } .bank-card .copy-button:hover i { background-color: #022038; } .banks-area { display: flex; flex-direction: column; gap: 30px; } .faq-page__accordion .accrodion { padding: 10px 24px; border: 1px solid #F8C0AE; border-radius: 16px; } .faq-page__accordion .accrodion-title { padding: 14px 0; } .faq-page__accordion .accrodion-title h4 { color: #0B2038; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 16px; } .faq-page__accordion .accrodion-content .inner { padding: 0 0 14px 0; } .faq-page__accordion .accrodion-content p { line-height: 1.5; } .faq-page__accordion .accrodion + .accrodion { margin-top: 24px; } .faq-page__accordion .accrodion-title__icon::before { height: 12px; } .faq-page__accordion .accrodion-title__icon::after { width: 12px; } .custom-file-area { position: relative; width: 100%; } .custom-file-label { display: flex; align-items: center; width: 100%; height: 60px; border: 1px solid #F4684C; border-radius: 12px; overflow: hidden; cursor: pointer; background-color: #fff; margin-top: unset; margin-bottom: unset; font-weight: 400; font-size: 16px; color: #7E8185; } .file-button-label { display: flex; align-items: center; height: 100%; padding: 0 20px; background-color: #FFEEEB; border-right: 1px solid #F4684C; color: #7E8185; white-space: nowrap; } .file-name-placeholder { flex-grow: 1; padding: 0 15px; font-weight: 400; font-size: 16px; color: #7E8185; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .custom-file-area .file-name-placeholder.has-file { color: #7E8185; font-style: normal; } .custom-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer; } .blog-list-page { padding: 84px 0 93px 0; } .bc-2 .blog-card__content{ padding: 0; padding-top: 0; margin-top: 30px; position: relative; padding-right: 60px; } .bc-2 .blog-card__content__bottom{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .bc-2 .blog-card__title { margin-top: 16px; color: #0A2138; font-family: var(--kidearn-heading-font-2); font-weight: 700; font-size: 30px; line-height: 1.3; } .bc-2 .blog-card-two__text { margin-top: 0px; color: #7E8185; font-weight: 500; font-size: 16px; line-height: 1.5; } .bc-2 .blog-card__date { color: #7E8185; font-weight: 500; font-size: 14px; } .sidebar__posts__image img { object-fit: cover; } .bc-2 .blog-card__date .custom-icon{ background-color: var(--accent-color); } .sidebar__categories li a.active { color: var(--kidearn-base); } .editor-content img { margin-bottom: 1rem; } .blog-details__social a i{ width: 16px; height: 16px; } .blog-details__social a:hover i{ background-color: #fff; } /* 1. Navigasyon kapsayıcısını konumlandır */ .product-img-slider.owl-carousel .owl-nav { position: absolute; /* Slider üzerine binmesi için */ top: 50%; /* Dikeyde %50 aşağıya it */ left: 0; width: 100%; /* Tam genişlik kapla */ transform: translateY(-50%); /* Tam ortalamak için kendi yüksekliğinin yarısı kadar yukarı çek */ display: flex; /* İçindekileri hizalamak için Flexbox */ justify-content: space-between; /* Biri en sola, biri en sağa */ z-index: 10; /* Resimlerin üzerinde kalsın */ pointer-events: none; /* ÖNEMLİ: Ortadaki boşluğun tıklamayı engellememesi için */ } /* 2. Butonların tıklanabilirliğini geri aç ve süsle */ .product-img-slider.owl-carousel .owl-nav button.owl-prev, .product-img-slider.owl-carousel .owl-nav button.owl-next { pointer-events: auto; /* Sadece butonlara tıklanabilsin */ /* Görsel Güzelleştirme (İsteğe bağlı) */ background: var(--kidearn-base); color: #fff; padding: 10px 15px !important; font-size: 24px !important; border-radius: 5px; transition: 0.3s; width: 40px; height: 40px; display: flex ; align-items: center; justify-content: center; border-radius: 50%; } .product-img-slider.owl-carousel .owl-nav button.owl-prev i, .product-img-slider.owl-carousel .owl-nav button.owl-next i { background-color: #fff; width: 15px; height: 15px; min-width: 15px; } /* Hover efekti (İsteğe bağlı) */ .product-img-slider.owl-carousel .owl-nav button:hover { background: #fff !important; color: var(--kidearn-base); border: 1px solid var(--kidearn-base); } .product-img-slider.owl-carousel .owl-nav button:hover i{ background: var(--kidearn-base); } .product-img-slider.owl-carousel .owl-nav button.owl-prev { position: relative; left: -30px; } .product-img-slider.owl-carousel .owl-nav button.owl-next { position: relative; right: -30px; } /* Masaüstü için slider alanını önceden ayır */ .banner-two.home-slider { min-height: 700px; /* Slider'ın masaüstündeki gerçek yüksekliğini buraya yaz */ display: block; /*background-color: #f8f8f8; /* Yüklenene kadar boş görünmesin diye opsiyonel */ } /* Owl Carousel henüz hazır değilken (loading aşamasında) yüksekliği koru */ .banner-two__carousel:not(.owl-loaded) { height: 700px; overflow: hidden; } /* Mobil cihazlar için yükseklik genelde daha az olur (Örn: 400px) */ @media (max-width: 767px) { .banner-two.home-slider, .banner-two__carousel:not(.owl-loaded) { min-height: 450px; } } /* Slider içindeki arka plan resimlerinin kapsayıcısını sabitle */ .banner-two__item { height: 100%; min-height: 700px; } @media (max-width: 767px) { .banner-two__item { min-height: 450px; } } @media (max-width:1366.98px) { .home-counter .funfact-one__shape1 { left: -40px; top: -80px; } .home-counter .funfact-one__shape3 { right: 20px; top: 60px; } .home-counter .funfact-one__shape4 { right: 20px; top: unset; bottom: -70px; } .home-counter .funfact-one__shape5 { left: -30px; bottom: -180px; } } @media (max-width:1199.98px) { .mobile-nav__content .main-menu__list li>a .custom-icon { display: none; } .home-slider .banner-two__item { padding-top: 150px; } .home-counter .funfact-one__item::after { right: 0px; } .home-counter .funfact-one__icon img { width: 60px; } .home-counter .funfact-one__icon { margin-bottom: 5px; } .home-counter .funfact-one__count { font-size: 40px; } .home-counter .funfact-one__title { font-size: 18px; } .mobile-nav__wrapper { z-index: 99999; } .misyon-vizyon .funfact-two__shape2 { left: unset; top: 0; right: -10px; } .misyon-vizyon .funfact-two__shape3 { left: -10px; bottom: 0; } } @media (max-width:991.98px) { .f-items { grid-template-columns: repeat(2, 1fr); gap: 40px; } .f-items .f-item { margin: unset !important; } .f-bottom { grid-template-columns: repeat(1, 1fr); } .f-bottom .fb-item { margin: unset !important; } .f-bottom .fb-item img { width: 300px; margin-top: 12px; } .main-footer__bottom { text-align: left; } .home-video .video-two__content { text-align: center; } .home-video .video-two__content .kidearn-btn { margin: auto; } .home-testimonials.testimonial-one--home-two .testimonial-one__area { padding: 70px 50px 180px; } .home-counter .funfact-one__item { text-align: center !important; padding: unset; margin-bottom: 30px; } .home-counter .funfact-one__item::after { display: none; } .blog-card-four__image img { height: 176px; } .blog-card-four__content { padding: 90px 24px 30px; } .blog-card-four__title { font-size: 20px; line-height: 22px; } .home-offer .contact-two__thumb__main img { max-width: 400px; } .home-offer .content.second { margin-top: 60px; } .home-offer { margin-bottom: -200px; } .ic-banner .banner-two__item { height: 494px; } .sidebar-area { position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background-color: #ffffff; z-index: 99999; overflow-y: auto; padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); transition: left 0.3s ease-in-out; } .sidebar-area.is-open { left: 0; } .sidebar-overlay.is-open { display: block; } .sidebar-close-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; } .sidebar-close-header h3 { margin: 0; font-size: 1.2rem; } .sidebar-close-btn { background: none; border: none; font-size: 2.2rem; line-height: 1; cursor: pointer; color: #333; padding: 0; } .product-sidebar-toggle { line-height: 1; } .mobile-filter-btn { display: flex; justify-content: center; margin-bottom: 45px; } .sidebar-area .widget { padding: 24px; border-radius: 24px; } .product-details__content { padding-left: 0; margin-top: 30px; } /* Kenar çubuğunun ana kapsayıcısı */ .account-sidebar { position: fixed; top: 0; left: -320px; width: 320px; height: 100vh; background-color: #ffffff; z-index: 1050; overflow-y: auto; padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); transition: left 0.3s ease-in-out; } .account-sidebar.is-open { left: 0; background: linear-gradient(180deg, #FAF5F2 0%, #FFFFFF 100%); } .account-sidebar-overlay.is-open { display: block; } .account-sidebar-close-header { display: flex; justify-content: end; align-items: center; padding-bottom: 15px; } .account-sidebar-close-header h3 { margin: 0; font-size: 1.2rem; } /* Kapatma butonu */ .account-sidebar-close-btn { background: none; border: none; font-size: 2.2rem; line-height: 1; cursor: pointer; color: #333; padding: 0; } .account-page .mobile-filter-btn { justify-content: flex-start; margin: 0; position: absolute; top: 30px; } .account-page .mobile-filter-btn button { width: 114px; height: 44px; border-radius: 12px; gap: 5.5px; display: flex; justify-content: center; align-items: center; background-color: #F5DDCF; font-weight: 400; font-size: 16px; color: #E95F32; border: none; } .account-page .mobile-filter-btn button img { width: 16px; } .user-account-pages.account-page { padding-top: 105px; padding-bottom: 140px; } .generic-table:not(.not-resp) { box-shadow: none; border-radius: 0; overflow: visible; background-color: transparent; border: none; } .generic-table:not(.not-resp) thead { display: none; } .generic-table:not(.not-resp) .table, .generic-table:not(.not-resp) tbody, .generic-table:not(.not-resp) tr { display: block; width: 100%; } .generic-table:not(.not-resp) tbody tr { margin-bottom: 24px; background-color: #F5DDCF; border-radius: 12px; overflow: hidden; border: 1px solid #F5DDCF; padding: 16px 0; } .generic-table:not(.not-resp) .table-hover tbody tr:hover { background-color: #fffbfb; color: unset; --bs-table-accent-bg: unset; } .generic-table:not(.not-resp) tbody td { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; width: 100%; border-bottom: 1px solid #F5DDCF; font-size: 13px; font-weight: 400; text-align: right; color: #000; border-top: 0; line-height: 1; } .generic-table:not(.not-resp) tbody tr td:last-child { border-bottom: 0; } .generic-table:not(.not-resp) tbody td::before { content: attr(data-label); font-weight: 700; color: #000; padding-right: 13px; text-align: left; } .generic-table:not(.not-resp) tbody td:first-child::before { content: attr(data-label); margin-right: 15px; } .generic-table:not(.not-resp) .table-icon { margin: unset; } .adres-table-area { flex-direction: column; gap: 0; } .adres-btns { justify-content: flex-end !important; } .adres-ekleme-btns { position: relative; top: 15px; right: unset; left: 0; flex-direction: column; } .adres-table-area .generic-table { max-width: 100%; } .adres-ekleme-btns a { display: flex; gap: 8px; align-items: center; width: max-content; padding: 4px 12px; border-radius: 12px; background-color: #F5DDCF; font-weight: 400; font-size: 16px; color: #E95F32; } .adres-ekleme-btns a { display: flex; gap: 8px; align-items: center; width: max-content; padding: 4px 12px; border-radius: 12px; background-color: #FFEEEB; font-weight: 400; font-size: 14px; color: #000; line-height: 2; } .adres-ekleme-btns a i { background-color: #000; } .adres-ekleme-btns a:hover { all: unset; } .adres-ekleme-btns a:hover i { all: unset; } .basket-product { min-width: unset; gap: 0px; flex-direction: column; align-items: end; max-width: 150px; } .basket-page .product-details__quantity .quantity-box input { padding: 0 25px; } .basket-page .product-details__quantity .quantity-box, .basket-page .product-details__quantity .quantity-box input { width: 75px; height: 24px; font-size: 14px; } .basket-page .product-details__quantity .quantity-box button { width: 25px; height: 24px; font-size: 8px; } .basket-page .boxes { grid-template-columns: auto; } .checkout-page .boxes { grid-template-columns: auto; } .kupon-alani .form-group input { text-align: center; } .basket-page { padding-bottom: 120px; } .checkout-page { padding-bottom: 120px; } .contact-info-one .contact-info-one__inner .items { grid-template-columns: repeat(1, 1fr); } .contact-map { display: none; } .contact-info-one { margin-bottom: 120px; } .contact-map-for-mobile { position: relative; margin-bottom: 88px; } .contact-map-for-mobile .container-fluid { padding: 0px; } .contact-map-for-mobile iframe { width: 100%; height: 460px; mix-blend-mode: luminosity; } .contact-map-for-mobile .kidearn-btn { position: absolute; bottom: 90px; width: 100%; max-width: 345px; margin: auto; left: 50%; transform: translateX(-50%); z-index: 99; } .iletisim-sayfasi { padding-bottom: 64px; } .bank-card { flex-direction: column; padding: 12px; } .bank-card .bank-logo { margin-right: 0px; flex: 1; width: 100px; margin-bottom: 10px; } .bank-card .info-value, .bank-card .info-label { font-size: 14px; line-height: 1.2; } .bank-card .info-row { padding: 12px 8px; } .mobile-reverse-blog { flex-direction: column-reverse; } } @media (min-width:768px) and (max-width:991.98px) { .mobile-filter-btn { position: absolute; top: 40px; } } @media (max-width:767.98px) { .main-header .social-links { display: none; } .home-slider .banner-two__item { padding-top: 100px; } .home-slider .banner-two__content__title { font-weight: 700; font-size: 34px; min-height: 128px; max-width: 285px; margin: auto; } .home-slider .kidearn-btn { min-width: 134px; min-height: 40px; height: 40px; margin-top: 12px; } .home-counter .funfact-one__item::after { display: block; right: unset; height: 1px; width: 100%; bottom: -30px; top: unset; border-right: unset; border-bottom: 1px dashed rgba(var(--kidearn-white-rgb, 255, 255, 255), 1); } .home-counter .funfact-one__icon { line-height: unset; font-size: unset; } .home-counter .funfact-one__icon img { width: 40px; } .home-counter .funfact-one__count { font-size: 30px; line-height: 1.5; } .ic-banner .banner-two__title { font-size: 30px; font-weight: 700; line-height: 40px; } .ic-banner .banner-two__item { min-height: unset; padding-top: 150px; } .home-testimonials.testimonial-one--home-two .testimonial-one__bg { mask: unset; } .home-testimonials.testimonial-one--home-two .testimonial-one__item__quote { height: unset; max-height: unset; } .home-testimonials.testimonial-one--home-two .testimonial-one__area { padding: 62px 20px; margin-bottom: 0px; } .product_meta_for_detail { margin-top: 25px; padding-top: 25px; gap: 8px; } .book-slider-container .owl-prev { left: 0; } .book-slider-container .owl-next { right: 0; } .cp-accordion-wrapper .cp-acc-item .cp-acc-content .editor-content.two-row ul { grid-template-columns: 1fr; } } @media (max-width:575.98px) { .top-right-header-icon:not(.main-header__search) { margin-left: 15px; } .main-header--two .main-header__search { padding-left: 22px; margin-left: 22px; } .main-header__logo img { width: 68px; } .main-header__inner { padding: 11px 0; } .f-items { grid-template-columns: repeat(1, 1fr); gap: 24px; } .social-links.footer { margin-bottom: 20px; margin-top: 16px; } .main-footer__bg { -webkit-mask-position: top left; mask-position: top left; } .f-items .f-item .footer-widget .f-title { font-size: 20px; margin-bottom: 12px; } .f-items .f-item .footer-widget ul li { margin-bottom: 8px; } .footer-widget { margin-bottom: 0px; } .footer-widget__logo img { width: 77px; height: auto; object-fit: contain; } .home-why-us .program-two__item { min-height: 310px; } .component-padding { padding: 62px 0; } .component-top-area .top-title h2 { font-size: 20px; } .component-top-area .main-title h3 { font-size: 30px; } .home-about .sec-title__tagline { font-size: 20px; } .home-about .sec-title__title { font-size: 30px; line-height: 36px; } .home-about .about-three__content { padding-top: 0; } .home-video .video-two__content__title { font-size: 30px; } .home-video .video-two__content p { font-size: 18px; } .home-video .video-two__content .kidearn-btn { height: 40px; font-weight: 400; } .home-team .team-card-two__title { font-size: 26px; } .home-team .team-card-two__designation { font-size: 15px; } .home-team .team-card-two__image { max-width: 254px; } .team-card-two__svg-top { right: 30px; top: -15px; } .team-card-two__svg-top svg { width: 222px; } .home-testimonials.testimonial-one--home-two .testimonial-one__bg { -webkit-mask: unset; mask: unset; } .home-testimonials.testimonial-one--home-two .testimonial-one__area { padding: 62px 20px; margin-bottom: 0px; } .home-testimonials.testimonial-one .sec-title__tagline { font-size: 20px; } .home-testimonials.testimonial-one .sec-title__title { font-size: 30px; line-height: 1.3; } .home-testimonials.testimonial-one .sec-title__title { padding-bottom: 12px; } .home-testimonials.testimonial-one__carousel.owl-carousel .owl-nav { margin: 15px 0 0; } .blog-card-four__image img { height: 183px; } .home-offer { margin-bottom: -270px; padding: 167px 0 320px; } .home-offer .content h3 { font-size: 30px; line-height: 35px; } .home-offer .content p { font-size: 16px; line-height: 24px; } .about-detail .about-four__content { text-align: center; } .about-detail .about-four__info { padding: 0px; display: flex; flex-direction: column; } .about-detail .about-four__info__icon { position: relative; left: unset; top: unset; margin-bottom: 12px; } .about-detail .about-four__content .sec-title { padding-bottom: 4px; } .about-detail .about-four__content__text { margin-bottom: 35px; font-weight: 400; font-size: 18px; line-height: 27px; color: #7E8185; } .about-detail .about-four__info__text, .about-detail .about-four__info { margin-bottom: 24px; } .about-detail .about-four__info__icon img { height: 60px; } .about-detail .about-four__info__text { font-size: 15px; } .about-detail .about-four__info:last-child { margin-bottom: 0; } .about-detail .about-four__info:last-child p { margin-bottom: 0; } .home-offer.cta .content p { font-size: 16px; line-height: 24px; margin-bottom: 16px; } .home-offer.cta .content .kidearn-btn { width: 100%; } .currency-area, .main-header--two .main-header__search { padding-left: 14px; margin-left: 14px; } .currency-area .currency-toggle { gap: 2px; min-width: 64px; } .currency-area .currency-menu { min-width: 64px; left: 15px; } .filter-top { justify-content: center; align-items: center; gap: 10px; } .filter-top .select-area { gap: 10px; flex-direction: column; } .filter-top .product__showing-sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 250px !important; } .product-prc { font-size: 24px; } .product-prc span { font-size: 14px; } .checklist-wrap p { font-size: 15px; } .product-details__img { padding: 50px 20px; } .ud-labels { top: 16px; left: 20px; } .product-details__img-search { bottom: 20px; right: 20px; } .urun-setleri .component-top-area .main-title h3 { font-size: 28px; } .cp-accordion-wrapper .cp-acc-item .cp-acc-header { font-size: 28px; } .urun-benzerleri .component-top-area .main-title h3 { font-size: 28px; } .cp-accordion-wrapper .cp-acc-item .cp-acc-content .kidearn-btn { height: 40px; min-width: 229px; font-size: 16px; } .cp-accordion-wrapper .cp-acc-item { margin-bottom: 30px; } .product-details { padding-top: 40px; } .user-pages .wrapper .top-area h2 { font-size: 30px; line-height: 35px; } .user-account-pages .form-page-wrapper .contents .title-area h2 { font-size: 24px; } .user-account-pages .form-page-wrapper .contents .title-area p { font-size: 15px; } .user-account-pages .form-area .onay-kutusu-alani { font-size: 15px; } .user-account-pages .form-page-wrapper .contents .title-area { margin-bottom: 24px; } .user-account-pages.account-page .form-page-wrapper { padding: 24px 16px; } .info-card { margin-bottom: 24px; } .info-card .title { font-size: 20px; } .info-card .wrapper .item p { font-size: 14px; } .info-card .wrapper .item span { font-size: 14px; } .ic-banner-2 .wrapper h1 { font-size: 30px; line-height: 40px; margin-bottom: 12px; } .ic-banner-2 { padding: 42px 0; } .ic-banner-2 .wrapper p { font-size: 15px; } header, .make-header-sticky { background: #FCFCFC; } .adres-tabs .nav-link { font-size: 16px; } .alert-generic .wrapper .alert-icon { width: 40px; height: 40px; min-width: 40px; } .alert-generic .wrapper .alert-icon i { width: 18px; height: 18px; } .iletisim-sayfasi .sec-title .sec-title__title { font-size: 30px; line-height: 40px; font-weight: 700; } .iletisim-sayfasi .sec-title p { font-size: 18px; color: #7E8185; } .contact-map-for-mobile .container-fluid{ background: linear-gradient(0deg, rgba(255, 244, 244, 0.2), rgba(255, 244, 244, 0.2)), linear-gradient(0deg, rgba(255, 244, 244, 0.2), rgba(255, 244, 244, 0.2)); } .contact-info-one__title { font-size: 18px; } .contact-info-one__text { font-size: 15px; margin-top: 10px; margin-bottom: 10px; } .contact-info-one__icon { font-size: 36px; } .component-top-area .main-desc p { font-size: 15px; } .product-img-slider.owl-carousel .owl-nav button.owl-prev { position: relative; left: -20px; } .product-img-slider.owl-carousel .owl-nav button.owl-next { position: relative; right: -20px; } }