/*
Theme Name: Storefront Child Theme
Theme URI: https://github.com/stuartduff/storefront-child-theme
Author: Stuart Duff
Author URI: http://stuartduff.com
Template: storefront
Description: This is a blank child theme for WooThemes StoreFront theme
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: storefront
Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
* Add your own custom css below this text.
*/
.block a:hover {
color: #68c4cd !important;
}
.brand-description-wrapper {
margin-top: 100px;
padding: 15px;
border-radius: 5px;
margin-bottom: 50px;
background-color: #f0f8ff;
position: relative;
}
.button-small {
padding: 5px 15px;
font-size: 12px;
border-radius: .2rem;
}
.contact-item {
display: flex;
align-content: center;
align-items: center;
justify-content: flex-start;
margin-bottom: 8px;
font-size: 15px !important;
}
.contact-item a {
font-size: 15px !important;
}
.contact-item svg {
margin-right: 8px;
}
div#password_strength {
display: none;
}
.brand-description-full {
max-height: 250px;
/* başlangıçta görünür kısmı belirler */
overflow: hidden;
transition: max-height 1s ease-in-out;
/* orta hızda geçiş */
}
.brand-description-wrapper.open .brand-description-full {
max-height: 100%;
/* yeterince büyük bir değer, tüm içerik görünür */
}
.brand-description-toggle {
background: none;
border: none;
color: #0071a1;
cursor: pointer;
font-weight: bold;
margin-top: 5px;
display: block;
}
.brand-description-toggle {
position: relative;
display: flex;
justify-content: center;
width: 100%;
align-content: center;
align-items: center;
border-radius: 5px;
background: 0 0;
color: #59a4e7;
font-weight: 400;
padding-top: 22px;
transition: .2s ease-in-out;
}
button.brand-description-toggle.buton-kapat:hover {
transform: translateY(-5px);
}
.brand-description-toggle:hover {
background: unset;
border-color: inherit;
color: #59a4e7;
transform: translateY(5px);
}
.col-full {
max-width: 1400px;
}
div#tab-description p {
margin: 0 0 1em !important;
}
div#tab-description ul li p {
margin: 0 0 0.3em !important;
}
:root {
--bg-body: #ffffff !important;
--bg-overlay-body: rgba(255, 255, 255, 0.5) !important;
--bg-primary: #68c4cd !important;
--bg-overlay-primary: rgba(74, 129, 220, 0.5) !important;
--bg-secondary: #8c8c8c !important;
--bg-overlay-secondary: rgba(140, 140, 140, 0.5) !important;
--bg-white: #ffffff !important;
--bg-overlay-white: rgba(255, 255, 255, 0.5) !important;
--bg-black: #68c4cd !important;
--bg-overlay-black: rgba(74, 129, 220, 0.5) !important;
--bg-success: #43b54c !important;
--bg-overlay-success: rgba(67, 181, 76, 0.5) !important;
--bg-info: #e9f1fb !important;
--bg-overlay-info: rgba(233, 241, 251, 0.5) !important;
--bg-warning: #f6c105 !important;
--bg-overlay-warning: rgba(246, 193, 5, 0.5) !important;
--bg-danger: #e42437 !important;
--bg-overlay-danger: rgba(228, 36, 55, 0.5) !important;
--bg-gray: #a0a0a0 !important;
--bg-overlay-gray: rgba(160, 160, 160, 0.5) !important;
--bg-light: #fcfcfc !important;
--bg-overlay-light: rgba(252, 252, 252, 0.5) !important;
--bg-dark: #2c2a28 !important;
--bg-overlay-dark: rgba(44, 42, 40, 0.5) !important;
--button-primary: #68c4cd;
--button-secondary: #8c8c8c;
--button-white: #ffffff;
--button-black: #000000;
--button-success: #43b54c;
--button-info: #4ecbf2;
--button-warning: #f6c105;
--button-danger: #e42437;
--button-gray: #747474;
--button-light: #f9f9f9;
--button-dark: #2c2a28;
--border-primary: #68c4cd !important;
--border-secondary: #dddddd !important;
--border-white: #ffffff !important;
--border-black: #000000 !important;
--border-success: #43b54c !important;
--border-info: #4ecbf2 !important;
--border-warning: #f6c105 !important;
--border-danger: #e42437 !important;
--border-gray: #F5F5F5 !important;
--border-light: #eaeaea !important;
--border-dark: #2c2a28 !important;
--text-primary: #1a4b9c !important;
--text-secondary: #808080 !important;
--text-white: #ffffff !important;
--text-black: #000000 !important;
--text-success: #43b54c !important;
--text-info: #4ecbf2 !important;
--text-warning: #f6c105 !important;
--text-danger: #e42437 !important;
--text-gray: #747474 !important;
--text-light: #979797 !important;
--text-dark: #2c2a28 !important;
--text-body: #373738 !important;
--text-heading: #373738 !important;
--border-radius: 10px !important;
}
.custom-header {
background-color: #fff;
}
.top-menu {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background: #68c4cd;
font-size: 14px;
}
.top-menu .sol-menu,
.top-menu .sag-menu {
display: flex;
gap: 15px;
align-items: center;
}
.widget-title {
display: none;
}
/* ------- LOGO AYARLARI ------- */
.custom-header .site-logo {
max-height: 160px;
}
.custom-header .site-logo img {
max-height: 90px;
width: auto;
}
/* ------- MASAÜSTÜ HEADER DÜZENI ------- */
.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0;
}
/* ------- ARAMA VE SEPET ALANI ------- */
.header-widgets {
display: flex;
align-items: center;
gap: 30px;
}
/* ------- HEADER ARAMA FORMU ------- */
.woocommerce-product-search {
position: relative;
display: flex;
}
.woocommerce-product-search input[type="search"] {
padding: 8px 15px;
border: 1px solid #ddd;
border-radius: 4px;
min-width: 250px;
}
.search-mobile button,
.header-widgets button {
display: none;
}
.nav-menu {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
}
.nav-menu li {
position: relative;
}
.nav-menu a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/* ------- MOBİL MENÜ AYARLARI ------- */
/* Varsayılan olarak gizli */
.mobile-menu-toggle {
display: none;
}
.header-cart-mobil {
display: none;
}
/* Soldan kayan mobil menü */
.mobile-menu-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
color: #fff;
z-index: 9999999;
transform: translateX(-150%);
transition: transform 0.3s ease;
overflow-y: auto;
box-shadow: 2px 0 8px rgba(0, 0, 0, 0.5);
}
.mobile-menu-container.open {
transform: translateX(0);
}
/* Menü kapatma (X) tuşu */
.mobile-menu-close {
font-size: 30px;
cursor: pointer;
color: #fff;
}
.menu-header {
display: flex;
align-content: center;
justify-content: space-between;
align-items: center;
background: #68c4cd;
padding: 0 20px;
}
ul#menu-ust_menu-1 {
background: #fff;
height: 100%;
padding: 10px 20px;
}
/* Menü içeriği */
.mobile-nav {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-container li.menu-item {
background: #fff !important;
border: unset;
box-shadow: unset !important;
padding: 6px 0;
color: gray;
list-style: none;
border-bottom: 1px solid #ddd;
justify-content: space-between;
align-items: center;
}
.mobile-nav .sub-menu {
display: none;
padding: 0;
margin: 0;
}
.mobile-nav .sub-menu li {
border: 0;
}
.mobile-nav li.open>.sub-menu {
display: block;
}
.mobile-nav li.menu-item-has-children {
position: relative;
}
.mobile-nav .submenu-toggle {
cursor: pointer;
margin-left: 10px;
font-weight: bold;
padding-right: 15px;
float: right;
}
/* Toggle ikon */
.mobile-nav .submenu-toggle {
cursor: pointer;
margin-left: 8px;
font-weight: bold;
user-select: none;
}
.mobile-nav a {
color: #808080;
text-decoration: none;
font-size: 15px;
transition: color 0.3s;
}
.mobile-nav a:hover {
color: #3b82f6;
}
.summary.entry-summary {
border: 1px solid #ddd;
padding: 25px 0 25px 0;
border-radius: 5px;
}
form.cart.flex-container {
padding-top: 15px !important;
padding-bottom: 15px !important;
/* margin-bottom: 15px !important; */
}
.product_meta {
padding: 0 20px;
}
p.price {
padding-left: 20px !important;
}
h1.product_title.entry-title {
padding-left: 20px !important;
padding-right: 20px !important;
}
/* ------- MASAÜSTÜ GÖRÜNÜM (769px ve üzeri) ------- */
@media screen and (min-width: 769px) {
.mobile-menu-container,
.search-mobile,
.mobile-menu-toggle,
.header-cart-mobil {
display: none;
}
.fc-wrapper .fc-step__substep:first-of-type {
border-radius: unset !important;
}
.storefront-full-width-content.woocommerce-cart .entry-header,
.storefront-full-width-content.woocommerce-checkout .entry-header,
.storefront-full-width-content.woocommerce-account .entry-header,
.storefront-full-width-content .woocommerce-products-header {
text-align: center;
padding: 0 0 1.996835em;
}
.single-product .summary {
width: 41% !important;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
width: 39.1304347826%;
float: left;
margin-right: 2.5%;
margin-bottom: 3.706325903em;
}
/* Görsel container'ını genişlet */
.single-product .woocommerce-product-gallery {
width: 33.4% !important;
max-width: none;
}
.storefront-full-width-content.single-product div.product .summary {
float: left;
}
.summary.entry-summary.test {
width: 21% !important;
border: unset;
padding: unset !important;
float: right !important;
}
.storefront-full-width-content .woocommerce-tabs .panel {
width: 100%;
float: right;
margin-right: 0;
margin-bottom: 3.706325903em;
}
.desktop {
display: block !important;
}
.mobil {
display: none !important;
}
.site-logo {
margin: 12px 0;
}
.woocommerce ul.products li.product:not(.last):after {
content: "";
width: 1px;
position: absolute;
right: -10px;
top: 0px;
bottom: 0px;
background: #e8e8e8;
}
.woocommerce.carousel-type ul.products li.product:after {
content: unset;
}
.woocommerce ul.products li.product:before {
height: 1px;
position: absolute;
left: 0;
content: "";
bottom: -16px;
right: 0;
background: #e8e8e8;
}
.mobile-menu-cart {
display: none !important;
}
}
.woocommerce.carousel-type ul.products li.product:before {
content: unset !important;
}
.summary.entry-summary.test ul {
padding: unset !important;
margin: unset !important;
}
.summary.entry-summary.test ul li {
list-style: none;
border-bottom: 1px solid #ddd;
padding: 8px 14px;
font-size: 13px;
color: #000;
height: 60px;
}
.summary.entry-summary.test li:last-child {
border: none;
}
.storefront-handheld-footer-bar {
display: none;
}
/* ------- MOBİL GÖRÜNÜM (768px ve altı) ------- */
@media screen and (max-width: 768px) {
span.woocommerce-Price-amount.amount {
font-size: 14px;
}
.banner-section {
display: flex;
gap: 25px !important;
flex-direction: column;
}
.footer-contact-block {
margin-left: 8px;
margin-top: 15px;
}
.single-product div.product form.cart {
padding: 1em !important;
}
.summary.entry-summary.test {
padding: unset !important;
border: unset !important;
}
h2.woocommerce-loop-product__title {
font-size: 12px !important;
font-weight: 400 !important;
}
.header-mobile-right {
margin-right: 15px;
display: flex;
flex-direction: row;
align-items: center;
align-content: center;
justify-content: space-between;
gap: .75rem;
}
.slider-dots {
text-align: center;
padding: 20px 0;
position: absolute;
bottom: 0px !important;
left: 13% !important;
transform: translateX(-50%);
}
.header-mobile-right i {
font-size: 25px;
}
.woofc-icon-cart7:before {
top: -2px !important;
}
.mobile-menu-cart .woofc-menu-item .woofc-menu-item-inner:after {
content: attr(data-count) !important;
display: block !important;
background-color: #68c4cd !important;
color: #ffffff !important;
font-size: 10px !important;
font-weight: 400 !important;
width: 16px !important;
height: 16px !important;
line-height: 16px !important;
text-align: center !important;
border-radius: 8px !important;
position: absolute !important;
left: 10px !important;
top: -10px !important;
}
.header-mobile-right {
display: flex;
align-items: center;
/* dikey ortalama */
justify-content: flex-end;
/* sağa yaslama, istersen değiştir */
gap: 15px;
/* öğeler arası boşluk */
}
.header-mobile-right>div {
display: flex;
align-items: center;
/* iç SVG’yi dikey ortala */
}
.header-mobile-right svg {
display: block;
/* inline yerine block yap */
vertical-align: middle;
/* inline ise ortalamak için */
}
ul.products li.product .price ins,
ul.products .wc-block-grid__product .price ins,
.wc-block-grid__products li.product .price ins,
.wc-block-grid__products .wc-block-grid__product .price ins {
margin-left: .1rem;
background-color: rgba(0, 0, 0, 0);
}
.header-right {
display: none !important;
}
.header-middle {
display: none !important;
}
.site-logo {
float: left;
left: 22%;
}
.header-inner {
margin-bottom: 15px !important;
margin-top: 20px !important;
}
/* Genel düzen düzeltmeleri */
.custom-header .col-full {
flex-direction: column;
align-items: center;
gap: 0;
padding: 0 10px;
}
/* Header iç düzeni */
.header-inner {
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 10px 0;
margin: 0;
}
/* Hamburger menü butonunu göster ve sol tarafa konumlandır */
.mobile-menu-toggle {
display: flex;
cursor: pointer;
font-size: 24px;
color: #333;
z-index: 2;
width: 40px;
justify-content: flex-start;
}
.site-logo img {
max-height: 60px;
width: auto;
}
/* Mobil sepeti göster ve sağa hizala */
.header-cart-mobil {
display: flex;
justify-content: flex-end;
margin-left: auto;
z-index: 2;
width: 40px;
}
.header-cart-mobil .site-header-cart {
margin-left: auto;
}
/* Sepet simgesi büyüklüğü ayarı */
.header-cart-mobil .dashicons-cart {
font-size: 24px;
}
/* Masaüstü elementleri gizle */
.header-cart,
.header-search,
.main-navigation {
display: none !important;
}
/* Dashicons ayarları */
.dashicons,
.dashicons-before:before {
vertical-align: middle !important;
}
/* Mobil arama formu */
.search-mobile {
display: block;
width: 100%;
padding: 5px 10px 15px;
}
form.woocommerce-product-search {
width: 100%;
margin: 30px 0 0px;
display: flex;
}
.woocommerce-product-search input[type="search"] {
width: 100%;
min-width: 100%;
height: 40px;
border-radius: 4px;
padding: 5px 10px;
font-size: 14px;
}
.select2-container--default .select2-selection--single {
border-radius: unset !important;
}
/* Mobil mini sepet konumu */
.widget_shopping_cart {
position: absolute;
right: 0;
left: auto;
width: 280px;
top: 40px;
}
/* Sepet sayacı stili */
.header-cart-mobil .count {
background-color: #e63946;
color: #fff;
border-radius: 50%;
font-size: 10px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -5px;
right: -5px;
}
li.product.type-product {
width: calc((100% - 20px) / 2) !important;
margin: unset !important;
}
}
li.product.type-product {
width: calc((100% - 80px) / 5);
margin: unset !important;
}
.w-100 {
width: 100%;
}
ul.products:before,
ul.products:after {
content: unset !important;
}
ul.products.columns-5 {
display: flex !important;
flex-wrap: wrap !important;
gap: 30px 20px;
margin-bottom: 30px !important;
justify-content: flex-start;
align-items: stretch !important;
box-sizing: border-box !important;
padding-right: 0;
}
ul.products {
display: flex !important;
flex-wrap: wrap !important;
gap: 30px 20px;
margin-bottom: 30px !important;
justify-content: flex-start;
align-items: stretch !important;
box-sizing: border-box !important;
padding-right: 0;
}
ul.products.columns-4 {
display: flex !important;
flex-wrap: wrap !important;
gap: 30px 20px;
margin-bottom: 30px !important;
justify-content: flex-start;
align-items: stretch !important;
box-sizing: border-box !important;
padding-right: 0;
}
div#custom_html-2 li {
font-size: 13px;
}
.woocommerce ul.products li.product .button {
position: unset !important;
width: 90%;
bottom: -100px;
transition: all 0.3s ease;
opacity: 1;
display: block;
color: #fff;
text-transform: capitalize;
background: #68c4cd;
border-radius: .4rem !important;
margin: 10px auto;
}
.woocommerce ul.products li.product .clicked .button,
.woocommerce ul.products li.product:hover .button {
bottom: 0;
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, -0.32, 0, 1.13);
}
.woocommerce ul.products li.product .product-thumb-wrap {
overflow: hidden;
position: relative;
margin: 0 0 20px;
}
ul.products li.product img,
ul.products .wc-block-grid__product img,
.wc-block-grid__products li.product img,
.wc-block-grid__products .wc-block-grid__product img {
margin: 0 auto !important;
}
/* Kategori sayfaları HARİÇ tüm sayfalarda geniş içerik */
body:not(.tax-product_cat) .content-area {
width: 100%;
max-width: 100%;
}
.storefront-breadcrumb {
border-bottom: 1px solid #ddd;
margin-bottom: 45px !important;
}
@media (min-width: 768px) {
.page-template-template-fullwidth-php .site-main ul.products.columns-5 li.product,
.page-template-template-fullwidth-php .header-widget-region ul.products.columns-5 li.product,
.page-template-template-homepage-php .site-main ul.products.columns-5 li.product,
.page-template-template-homepage-php .header-widget-region ul.products.columns-5 li.product,
.storefront-full-width-content .site-main ul.products.columns-5 li.product,
.storefront-full-width-content .header-widget-region ul.products.columns-5 li.product {
width: calc((100% - 80px) / 5) !important;
margin-right: unset !important;
margin: unset !important;
}
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
padding: 0 1.5em;
}
.woocommerce-result-count {
padding: 1em 0;
}
.woocommerce-pagination {
padding: 1em 0;
}
.storefront-breadcrumb {
padding: .7em 0;
margin: 0 0 0;
}
img.woocommerce-product-gallery__image.gallery_thumbnail_first {
width: 100%;
}
.header-mobile-right {
display: none !important;
}
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
font-size: 15px;
text-align: center;
}
.header-right>div {
position: relative;
}
}
form.woocommerce-product-search {
margin: unset !important;
}
input#woocommerce-product-search-field-0 {
color: #e1e2e3 !important;
background: #f6f6f6;
border: 0;
border-radius: 5px;
box-shadow: unset !important;
padding: 9px 0 9px 15px;
font-size: 14px;
font-weight: 400;
}
li.woocommerce-mini-cart-item.mini_cart_item {
padding: 12px;
}
.widget.woocommerce.widget_shopping_cart {
background: #14273b;
border-color: #3d4897;
border-radius: .4rem;
}
.header {
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
padding: 50px 0;
}
/*Anasayfa başlıkların margin düzeltmesi*/
.container h4 {
margin: 0;
}
.container button:not(.woosw-btn) {
background: #68c4cd !important;
padding: 5px 15px;
border-radius: 70px;
transition: .3s ease-in-out;
zoom: 100%;
}
.container button:hover {
background: #2d61b5 !important;
animation: zigzag 0.4s linear 1;
}
.container button span:not(.woosw-btn) {
color: #fff;
}
h2.woocommerce-loop-product__title {
font-size: 14px !important;
font-weight: 400 !important;
}
.woocommerce ul.products li.product img {
transition: opacity 0.2s ease-in-out;
display: block;
}
.custom-slider h1 {
font-weight: 700;
letter-spacing: .5px;
margin-bottom: 8px !important;
}
.custom-slider a:hover {
animation: zigzag 0.4s ease-in-out;
}
@keyframes zigzag {
0% {
transform: translateX(0);
}
20% {
transform: translateX(-4px);
}
40% {
transform: translateX(4px);
}
60% {
transform: translateX(-4px);
}
80% {
transform: translateX(4px);
}
100% {
transform: translateX(0);
}
}
h4.rt-heading.style-2 {
font-size: 22px;
font-weight: 700;
letter-spacing: -0.2px;
position: relative;
color: #0c144f;
padding-right: 60px;
}
h4.rt-heading.style-2:after {
content: "";
width: 40px;
height: 4px;
position: absolute;
background: #0c144f;
right: 0px;
top: 16px;
}
#yeksoftsearch-form {
position: relative;
width: 550px;
display: flex;
}
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
a {
color: #14273b;
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0;
font-size: 1.4em;
margin-bottom: 5px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 1.4;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 1.25em;
}
.quantity .qty {
width: 100%;
text-align: center;
background: transparent;
box-shadow: unset !important;
border: 1px solid #ddd;
border-radius: 50px;
height: 3em;
line-height: 3em;
}
.type-product input.input-text.qty.text {
border: 0 !important;
}
.single-product div.product form.cart .quantity {
float: unset;
margin-right: 0 !important;
}
.woocommerce-product-gallery .input-text.qty.text {
border: 0;
}
button.wpcbn-btn.wpcbn-btn-single.wpcbn-btn-simple.single_add_to_cart_button.button.alt {
background: #339bc3;
}
.type-product form.cart>* {
min-width: 100px;
text-align: center;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
}
.quantity-wrapper {
flex-grow: 1;
}
.cart-buttons {
flex-grow: 8;
}
.product_meta {
display: flex;
justify-content: flex-start;
gap: 22px;
}
.woocommerce div.product form.cart {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #ddd;
margin-bottom: 0;
}
.single-product div.product form.cart {
margin-bottom: 0;
padding: 0 .7em 0 .7em;
}
.type-product form.cart {
display: flex;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
}
button.single_add_to_cart_button.button.alt {
width: 32%;
border-radius: .4rem;
}
.woocommerce div.product .single_add_to_cart_button {
line-height: 3.2em;
border-radius: 5px;
text-transform: uppercase;
padding: 0 50px;
height: 3.2em;
}
.custom-slider {
width: 100vw;
margin: 0 auto;
left: 0;
right: 0;
position: relative;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: white;
overflow: hidden;
}
.advantage-section {
background-color: #f9f9f9;
padding: 40px 0;
margin-top: 3%;
}
.advantage-container {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 30px;
}
.advantage-item {
flex: 1 1 22%;
background: #fff;
text-align: center;
padding: 25px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
}
.advantage-item:hover {
transform: translateY(-5px);
}
.advantage-item img {
max-width: 50px;
margin-bottom: 15px;
margin: 15px auto;
}
.advantage-item h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
color: #111;
}
.advantage-item p {
font-size: 14px;
color: #333;
margin: unset !important;
}
@media (max-width: 600px) {
.advantage-item p {
font-size: 0.825rem;
font-weight: bold
}
.advantage-item h4 {
font-size: 0.95rem;
width: 100%;
}
}
.custom-slider {
width: 100vw;
margin-left: calc(-50vw + 50%);
position: relative;
/*padding: 60px 20px;*/
}
.advantage-item p a {
color: #1d4ed8;
text-decoration: none;
}
.advantage-item p a:hover {
text-decoration: underline;
}
.advantage-item h4 {
margin-top: unset !important;
}
/* Üstteki topbar hizalaması */
.mesoxy-topbar {
background: #fff;
padding: 10px 20px;
border-bottom: 1px solid #eee;
z-index: 9999;
position: relative;
}
.mesoxy-custom-header {
background: #fff;
padding: 12px 20px;
border-bottom: 1px solid #ddd;
}
.mesoxy-header-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.mesoxy-header-left img {
height: 48px;
}
.mesoxy-header-middle {
display: flex;
gap: 20px;
flex-grow: 1;
justify-content: center;
}
.mesoxy-widget {
min-width: 160px;
}
.mesoxy-header-right {
display: flex;
gap: 15px;
align-items: center;
}
.mesoxy-icon {
font-size: 20px;
background: #f4f4f4;
padding: 8px 12px;
border-radius: 4px;
cursor: pointer;
}
.custom-slider h1,
.custom-slider p {
color: #fff;
}
a.cart-contents:hover,
.site-header-cart a:hover,
.site-header-cart:hover>li>a {
color: #14273b;
}
.site-header .widget_shopping_cart p.total,
.site-header .widget_shopping_cart p.buttons,
.site-header .widget_shopping_cart li {
padding-left: 1.41575em;
padding-right: 1.41575em;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
background: #214b91;
}
@media (min-width: 768px) {
.storefront-breadcrumb {
padding: .4em 0;
margin: 0 0 0;
}
.site-footer .footer-accordion__header {
margin-bottom: 10px;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
font-size: 14px !important;
}
.site-header-cart .widget_shopping_cart .buttons,
.site-header-cart .widget_shopping_cart .total {
background-color: #1b2888;
}
.site-header-cart .cart-contents {
padding: 0 !important;
color: #000;
}
.site-header-cart .cart-contents .amount {
margin-right: .327em;
font-size: 14px;
border-right: 1px solid #ddd;
padding-right: 6px;
}
}
/**/
.header-widgets-left .widget-area,
.header-widgets-left .widget {
margin-bottom: 0 !important;
}
.header-widgets-left {
display: flex;
}
.header-left {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.header-widgets-left {
display: flex;
padding: 0 24px;
}
.header-right {
display: flex;
justify-content: space-between;
flex-direction: row;
align-content: center;
align-items: center;
}
.custom-header .site-logo img {
max-height: 38px;
width: auto;
}
.header-inner {
padding: 0;
}
.widget-aream {
display: flex;
align-items: center;
}
.header-desktop {
margin: 15px 0 0 0;
}
.header-widgets-left>div a {
color: #14273b;
}
.header-widgets-left>div {
border-left: 1px solid #ddd;
padding: 0 24px;
height: 65px;
font-weight: 700;
font-size: 14px;
}
.header-widgets-left>div:not(:first-child) {
border-right: 1px solid #ddd;
}
.header-widgets-left p {
margin: 0;
}
/**/
/* WooCommerce detay tab menüsünü kutu kutu hale getir */
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex !important;
flex-direction: row !important;
justify-content: flex-start;
padding: 0;
margin: 0;
border: none;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
display: inline-flex;
justify-content: center;
align-items: center;
list-style: none;
margin: 0 5px 0 0;
padding: 0px 20px;
cursor: pointer;
transition: all 0.2sease;
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #68c4cd;
border-bottom: 0;
color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff;
}
.homepage-text {
height: 240px;
overflow-y: auto;
scroll-behavior: smooth;
margin-top: 90px;
}
@media (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
flex-direction: column !important;
}
.storefront-breadcrumb {
margin-bottom: 20px !important;
}
.header-widgets-left {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
width: 100%;
margin-bottom: 5px;
}
.custom-header .col-full {
margin: 7px
}
.search-mobile {
padding: unset;
}
.desktop {
display: none !important;
}
.slide {
min-height: unset !important;
}
.mobil {
display: block !important;
margin-top: 15px;
}
.custom-header .site-logo img {
max-height: 22px;
width: auto;
z-index: 999;
}
.header-mobile-right svg,
.header-mobile-right i {
color: #213346;
}
.advantage-container {
padding: 15px;
}
.advantage-section {
padding: 10px 0;
}
}
.header-right {
gap: 15px
}
/* Breadcrumb container */
.woocommerce-breadcrumb {
display: block;
/* veya inline-block da olabilir */
white-space: nowrap;
/* tek satırda kalmasını sağlar */
overflow-x: auto;
/* taşan kısım kaydırılabilir */
-webkit-overflow-scrolling: touch;
/* mobilde yumuşak scroll */
padding: 10px 0;
scrollbar-width: thin;
/* Firefox scrollbar inceltme */
}
/* İç linkler arasına boşluk */
.woocommerce-breadcrumb a {
display: inline-block;
margin-right: 5px;
text-decoration: none;
}
/* Separator da inline */
.woocommerce-breadcrumb .breadcrumb-separator {
display: inline-block;
margin: 0 5px;
}
input#woocommerce-product-search-field-1 {
background: transparent;
box-shadow: unset;
border-radius: .4rem;
}
@media (max-width: 768px) {
.header-search {
border-right: 1px solid #ddd;
padding-right: 18px;
}
.woocommerce-tabs .panel {
width: 100%;
float: unset;
margin-right: 0;
margin-top: 0;
}
.woocommerce-tabs ul.tabs {
width: 100%;
float: unset;
margin-right: unset;
}
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child) {
margin: 0 5px 0 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin: 0;
background: #f6f6f6;
border-radius: .4rem;
border: unset !important;
}
.woocommerce-tabs.wc-tabs-wrapper {
border-top: 1px solid #f6f6f6;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
width: 100%;
text-align: center;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: unset !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 20px;
border: 1px solid #eee;
margin-top: 5px;
}
.header-search .woocommerce-product-search button {
display: none !important;
}
.header-search form {
margin: 0 !important;
}
#yeksoftsearch-input {
width: 100%;
padding: 10px;
font-size: 14px;
border: unset;
border-radius: .4rem;
background: #f6f6f6;
box-shadow: unset !important;
}
/*# sourceMappingURL=style.css.map */
@media only screen and (max-width: 768px) {
#yeksoftsearch-input-mobil {
border-radius: 0.4rem;
border: 1px solid #ddd;
width: 100%;
}
#yeksoftsearch-form {
position: relative;
width: 100% !important;
margin: 0 auto;
padding: 0 26px;
}
div#yeksoftsearch-results-mobil {
border: 1px solid #ddd;
border-radius: 0.4rem;
position: absolute;
z-index: 999;
background: #fff;
left: 0;
right: 0;
margin: 0 26px;
}
#yeksoftsearch-results-mobil {
display: none;
}
}
.yeksoftsearch-item {
padding: 10px;
border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.yeksoftsearch-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
max-height: 300px;
overflow-y: auto;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
z-index: 9999;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.yeksoftsearch-item a {
display: flex;
align-items: center;
text-decoration: none;
}
.yeksoftsearch-item img {
width: 40px;
height: 40px;
object-fit: cover;
margin-right: 10px;
}
.yeksoftsearch-item span {
font-size: 14px;
color: #333;
text-decoration: none;
}
.yeksoftsearch-item:last-child {
border-bottom: none;
}
div#yeksoftsearch-results {
display: none;
}
.custom-quantity-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 160px;
margin-right: 20px;
/* butonlara yapışmasını önler */
}
.custom-quantity-wrapper .qty-btn {
all: unset;
font-size: 22px;
font-weight: bold;
cursor: pointer;
user-select: none;
line-height: 1;
}
.custom-quantity-wrapper input.qty {
width: 45px;
height: 45px;
text-align: center;
font-size: 18px;
border-radius: 50%;
border: 2px solid #ccc;
line-height: 45px;
padding: 0;
margin: 0;
appearance: textfield;
}
/* Chrome/Safari için okları kaldır */
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox için */
input.qty[type=number] {
-moz-appearance: textfield;
}
a.added_to_cart.wc-forward {
display: none;
}
form.cart {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
/*SEPET*/
.widget_shopping_cart_content {
width: 450px;
right: 0;
position: absolute;
padding: 19px;
}
p.woocommerce-mini-cart__buttons.buttons {
padding: 0 1em 1.41575em 1em;
}
#custom-side-cart {
position: fixed;
top: 0;
right: -400px;
width: 400px;
height: 100%;
background: white;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
transition: right 0.3s ease;
}
#custom-side-cart.open {
right: 0;
}
.custom-cart-header {
padding: 20px;
background: #f8f8f8;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: space-between;
align-items: center;
}
#close-cart {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
}
.custom-cart-content {
padding: 20px;
height: calc(100% - 80px);
overflow-y: auto;
}
/*SEPET*/
.main-navigation {
position: relative !important;
}
.main-navigation ul.nav-menu>li>a {
color: #808080;
font-size: 14px;
line-height: 16px;
display: flex;
align-items: center;
}
.py-1 {
padding-top: 10px;
padding-bottom: 10px;
}
.border-bottom {
border-bottom: 1px solid var(--border-secondary);
}
.border-top {
border-top: 1px solid var(--border-secondary);
}
ul#menu-ust_menu {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
/* Alt menüyü üst menüye sabitle */
.main-navigation .sub-menu {
position: absolute;
left: 0;
top: 100%;
z-index: 999;
background: #fff;
min-width: 200px;
opacity: 0;
/* görünmez */
visibility: hidden;
/* tıklanamaz */
transform: translateY(10px);
/* hafif aşağıdan gelsin */
transition: all 0.3s ease;
/* animasyon */
}
/* Hover olduğunda sub menüyü göster */
.main-navigation li:hover>.sub-menu {
display: block;
}
.mobile-menu-container .menu-item>.sub-menu {
padding: 0 0 0 8px;
}
.mobile-nav .sub-menu {
max-height: 0;
/* başta kapalı */
overflow: hidden;
/* taşmayı gizle */
transition: max-height 0.3s ease;
/* yumuşak açılır */
flex-direction: column;
width: 100%;
padding-left: 0;
margin: 0;
}
.mobile-nav li.open>.sub-menu {
max-height: 1000px;
/* yeterince büyük bir değer, menü uzunluğu kadar */
}
.mobile-menu-container .menu-item>.sub-menu li:before {
content: '>';
margin-right: 5px;
font-family: 'Font Awesome 6 Free';
}
/* Alt menü itemleri */
.main-navigation .sub-menu li a {
display: block;
padding: 8px 15px;
white-space: nowrap;
}
/* Alt menü ana li’den kopmasın */
.main-navigation li {
position: relative;
}
.main-navigation li:hover>.sub-menu {
margin-top: 0;
/* boşluk bırakma */
/* görünürde boşluk olsun */
}
/* Hover olduğunda görünür yap */
.main-navigation li:hover>.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* Ana menü ve alt menü linkleri için ortak stil */
.main-navigation .nav-menu li a {
position: relative;
}
/* Hover alanını büyütmek için before */
.main-navigation .nav-menu li:hover>a::before {
content: "";
background: transparent;
width: 100px;
height: 30px;
display: block;
position: absolute;
z-index: 333;
bottom: -20px;
left: 0;
right: 0;
opacity: 1;
}
.main-navigation .nav-menu li:not(.sub-menu li)>a::after {
content: "" !important;
position: absolute;
left: 50%;
bottom: -21px;
transform: translateX(-50%) scaleX(0);
width: 24px;
height: 2px;
background: #68c4cd;
opacity: 0;
transition: transform 0.3s ease, opacity 0.3s ease;
z-index: 999999;
margin-left: 0 !important;
}
/* Hover olduğunda çizgi görünür ve büyür */
.main-navigation .nav-menu li:not(.sub-menu li):hover>a::after {
transform: translateX(-50%) scaleX(1);
opacity: 1;
}
.products .woosw-btn-has-icon {
display: inline-flex;
align-items: center;
position: absolute;
top: 12px;
right: 12px;
}
.products button.woosw-btn.woosw-btn-has-icon.woosw-btn-icon-only {
border-radius: 100%;
padding: 12px !important;
text-align: center;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
color: #68c4cd;
box-shadow: 2px 3px 7px #d7d7d7;
z-index: 5;
}
.woocommerce-loop-product__title {
display: -webkit-box;
-webkit-line-clamp: 2;
/* satır sayısı */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
/* kutu boyunu sabitler */
}
span.onsale {
position: absolute;
top: 12px;
left: 12px;
background: #68c4cd;
color: #fff;
border: 0;
font-size: 15px;
text-align: center;
vertical-align: middle;
padding: 3px 10px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
}
h2.woocommerce-loop-product__title {
color: #808080;
}
.products bdi:not(del):not(del span) {
font-weight: 600;
color: #68c4cd;
}
.products del bdi {
font-weight: 400 !important;
color: unset !important;
}
.woosw-btn span {
color: #68c4cd !important;
}
.woosw-btn:hover {
color: #fff !important;
}
.woosw-btn span:hover {
color: #fff !important;
}
.woosw-btn:hover span {
color: #fff !important;
}
.ust-item a {
font-size: 14px;
display: inline-block;
}
.header-fav li {
list-style: none !important;
padding: unset;
margin: unset;
}
.hr {
width: 1px;
height: 20px;
background: #b1b1b1;
}
.woosw-menu-item .woosw-menu-item-inner:after {
content: " (" attr(data-count) ")" !important;
position: static !important;
/* absolute değil */
margin-left: 2px;
/* biraz boşluk */
color: inherit;
/* yazı rengiyle aynı olsun */
font-size: inherit;
font-weight: inherit;
background: unset !important;
display: unset;
}
.hesabim {
position: relative;
}
.hesabim a {
display: flex;
justify-content: space-between;
gap: 7px;
}
.woosw-menu-item-inner:before {
content: "" !important;
position: absolute !important;
top: -3px;
left: -37%;
width: 23px;
height: 23px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center;
-webkit-mask-size: contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center;
mask-size: contain;
}
.woosw-menu-item .woosw-menu-item-inner[data-count="0"]:after {
content: "";
}
.product-image-slider {
width: 100%;
height: auto;
overflow: hidden;
}
.product-image-slider img {
width: 100%;
height: auto;
object-fit: cover;
}
.product-image-slider {
position: relative;
}
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .yith-wcwl-add-button,
.woocommerce ul.products li.product .wishlist-button {
position: absolute;
z-index: 5;
}
.product-image-slider.swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
z-index: 0;
}
button.slider-nav.prev,
button.slider-nav.next {
display: flex;
justify-content: center;
align-items: center;
font-family: "Font Awesome 5 Free";
}
.carousel-type ul.products li.product {
width: 99% !important;
float: unset;
margin: unset;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: #fff;
}
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-category__title,
ul.products li.product .wc-block-grid__product-title,
ul.products li.product .wc-block-grid__product-title>a,
ul.products .wc-block-grid__product .woocommerce-loop-product__title,
ul.products .wc-block-grid__product .woocommerce-loop-category__title,
ul.products .wc-block-grid__product .wc-block-grid__product-title,
ul.products .wc-block-grid__product .wc-block-grid__product-title>a,
.wc-block-grid__products li.product .woocommerce-loop-product__title,
.wc-block-grid__products li.product .woocommerce-loop-category__title,
.wc-block-grid__products li.product .wc-block-grid__product-title,
.wc-block-grid__products li.product .wc-block-grid__product-title>a,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product .woocommerce-loop-category__title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title>a {
font-weight: 400;
margin-bottom: .5407911001em;
margin-top: .5407911001em;
}
.woocommerce-loop-product__title {
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* --- Carousel özel düzenleme --- */
.woo-showcase-carousel .swiper-wrapper {
display: flex;
align-items: stretch;
/* Yükseklikleri eşitle */
justify-content: flex-start;
/* Ortalamak istersen center yap */
}
.woo-showcase-carousel .swiper-slide {
display: flex;
justify-content: center;
/* Ürünü yatayda ortala */
align-items: flex-start;
/* Ürünü yukarıdan başlat */
height: auto !important;
/* Swiper’ın sabit yükseklik hatasını önler */
box-sizing: border-box;
}
.woo-showcase-carousel .swiper-slide .product {
width: 100%;
/* Her slide içinde ürün tam otursun */
max-width: 100%;
/* Taşmayı engelle */
margin: 0 auto;
/* Ortala */
}
.carousel-type li.product.type-product {
border: 1px solid #ddd;
border-radius: 5px;
}
.quantity-wrapper {
display: flex;
align-items: center;
gap: 5px;
}
.quantity-wrapper .qty {
text-align: center;
}
.quantity-wrapper .qty-btn {
border: 0;
background: transparent;
cursor: pointer;
color: rgb(29, 28, 28);
}
.quantity-wrapper {
border: 1px solid #ddd;
border-radius: 5px;
display: flex;
flex-direction: row;
justify-content: space-between !important;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
/* Genel düzen - masaüstü */
.cart-buttons {
display: flex;
align-items: center;
gap: 12px;
margin-top: 0;
}
/* Sepete Ekle butonu büyük ve baskın */
.cart-buttons .single_add_to_cart_button {
flex: 1;
padding: 14px 20px;
font-size: 16px;
font-weight: 600;
border-radius: 8px;
}
/* Favori butonu yuvarlak */
.cart-buttons .woosw-btn {
width: 51px;
height: 51px;
min-width: unset;
padding: 0;
border-radius: 50%;
display: flex !important;
align-items: center;
justify-content: center;
background: #f5f5f5;
border: 1px solid #ddd;
cursor: pointer;
transition: background 0.3s ease;
}
button.woosw-btn.woosw-btn-has-icon.woosw-btn-icon-only {
display: none;
}
.cart .cart-buttons .woosw-btn {
width: 44px;
height: 44px;
min-width: unset;
padding: 0;
border-radius: 5px;
display: flex !important;
align-items: center;
justify-content: center;
background: #ffffff;
border: 1px solid #68c4cd;
cursor: pointer;
transition: background 0.3s ease;
}
/* Mobil görünüm */
@media (max-width: 768px) {
.quantity-wrapper {
justify-content: center;
}
.type-product form.cart>* {
min-width: 100px;
text-align: center;
width: 100%;
}
.cart-buttons {
flex-direction: row;
justify-content: space-between;
}
.cart-buttons .single_add_to_cart_button {
flex: 1;
}
}
/* Ürün görsel alanını genişletme */
.single-product .summary {
width: 41%;
/* İçerik alanını daraltma */
}
/* Mobil uyumluluk için */
@media (max-width: 768px) {
.single-product .summary,
.single-product .woocommerce-product-gallery {
width: 100%;
}
.single-product .summary {
width: 100% !important;
}
.footer-accordion__header {
padding: 0 6px 10px 6px;
border-bottom: 1px solid #c5c5c5;
}
.footer-accordion__inner ul {
margin-left: 7px !important;
}
}
.woocommerce-product-gallery__image a {
display: flex;
justify-content: center;
}
.woofc-menu-item .woofc-menu-item-inner i {
margin-right: -5px;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images {
background: #f5f5f5;
padding: 25px;
border: 1px solid #ddd;
border-radius: 5px;
}
span.woosw-menu-item-inner:before {
content: "\e90c";
font-family: 'woosw' !important;
margin-right: 4px;
position: relative;
}
.woofc-menu-item .woofc-menu-item-inner:after {
content: "(" attr(data-count) ")" !important;
display: unset !important;
background-color: unset !important;
color: unset !important;
font-size: inherit !important;
font-weight: inherit !important;
width: unset !important;
height: unset !important;
line-height: unset !important;
text-align: unset !important;
border-radius: unset !important;
position: relative;
right: 0;
top: unset !important;
left: 2px;
}
li.menu-item.woofc-menu-item.menu-item-type-woofc {
list-style: none !important;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.square-fill {
aspect-ratio: 1 / 1;
object-fit: cover;
}
.square-thumb {
aspect-ratio: 1/1;
/* kare alan */
width: 100%;
overflow: hidden;
}
.product-image-slider img {
aspect-ratio: 1 / 1;
object-fit: cover;
}
header.woocommerce-products-header {
padding-bottom: 0 !important;
margin-bottom: 2% !important;
background: aliceblue;
border-bottom: unset !important;
padding: 25px 0 !important;
text-transform: capitalize;
font-weight: 800 !important;
border: unset !important;
letter-spacing: 4px !important;
border-radius: .4rem;
text-align: center;
}
header.woocommerce-products-header h1 {
font-weight: 400;
font-size: 23px;
letter-spacing: 3px;
}
.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
color: gray;
text-decoration: unset !important;
}
.archive select.orderby {
border: 1px solid #ddd;
border-radius: .4rem;
padding: 11px 5px;
width: 100%;
}
.summary.entry-summary .woocommerce-Price-amount.amount bdi {
font-size: 27px !important;
font-weight: 500;
color: #3260ab;
}
.w-100.brand-info {
margin-bottom: .4rem;
width: 100%;
padding: 0 20px;
}
.w-100.brand-info a {
color: #808080;
}
.summary.entry-summary .price {
border-top: 1px solid #ddd;
margin: 0;
padding: 4px 0;
}
.single-product div.product .product_meta {
border-top: 1px solid #ddd;
}
.single-product div.product p.price {
margin: .7em 0 0 0;
}
.price del[aria-hidden="true"],
.price del[aria-hidden="true"] *,
.price del[aria-hidden="true"]>bdi {
color: #444 !important;
font-weight: 400 !important;
}
.price del[aria-hidden="true"] {
margin-right: 15px;
}
.site-footer a {
text-decoration: unset !important;
text-transform: capitalize;
font-size: 13px;
}
.site-footer {
padding: 1.618em 0 1.706326em;
}
.site-footer {
background-color: #ffffff !important;
color: #808080 !important;
text-decoration: unset !important;
}
.footer-widgets .widget_block {
margin: unset !important;
}
.footer-accordion__inner ul li {
list-style: none !important;
}
.footer-accordion__inner ul {
margin-left: 1px;
margin-top: 7px;
}
.site-footer .footer-accordion__title {
margin: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 600;
}
h2.wp-block-heading {
font-size: 19px;
font-weight: 600;
line-height: 1.3;
padding: 0 6px 6px 6px;
}
.mt-4 {
margin-top: 10px;
}
.textwidget.custom-html-widget ul {
padding: 0 6px 10px 6px;
}
.site-footer a:not(.button):not(.components-button) {
color: #808080;
}
p#billing_country_field,
p#shipping_country_field {
display: none;
}
form.checkout.woocommerce-checkout input {
background: unset !important;
border: 1px solid #ddd;
box-shadow: unset;
padding: 16px;
font-size: 14px;
}
span.select2-selection.select2-selection--single {
line-height: unset !important;
border: 1px solid #ddd;
height: unset !important;
padding: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100% !important;
position: absolute;
top: 1px;
right: 16px;
width: 20px;
display: flex;
align-items: center;
align-content: center;
}
@media (min-width: 768px) {
.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last {
width: 48%;
}
.woocommerce-billing-fields .form-row-first {
margin-right: 4%;
}
.custom-footer-credit {
display: flex;
justify-content: space-between;
margin-top: 45px;
}
.woocommerce-shipping-fields .form-row-first,
.woocommerce-shipping-fields .form-row-last {
width: 48%;
}
.woocommerce-shipping-fields .form-row-first {
margin-right: 4%;
}
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 18.111111%;
float: left;
margin-right: 2.3%;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
margin-bottom: unset !important;
}
ul.sub-menu {
margin-top: 1.3pc !important;
border: 1px solid #ddd;
}
}
p#order_comments_field {
float: left;
width: 100%;
}
.checkout textarea#order_comments {
box-shadow: unset !important;
margin-top: 15px;
font-size: 13px;
border-radius: .4rem;
padding: 16px;
}
h3#ship-to-different-address span {
font-size: 17px;
font-weight: 600;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
border-bottom: 1px dashed #ddd;
padding: 0;
}
.woocommerce-additional-fields__field-wrapper label {
display: none;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-noreviews::before,
p.no-comments::before {
font-family: "Font Awesome 6 Free" !important;
content: "\f05a";
display: inline-block;
position: absolute;
top: 1.05em;
left: 1.5em;
color: #fff;
font-weight: 900;
}
.page-id-9 .storefront-breadcrumb,
.page-id-9 .entry-header {
display: none;
}
.page-id-9 .site-content {
margin-top: 35px;
}
a.woofc-action-cart {
background: #fff !important;
color: #68c4cd !important;
box-shadow: unset !important;
border: 2px solid #68c4cd !important;
line-height: 40px !important;
}
a.woofc-action-checkout {
border: unset !important;
background: #68c4cd !important;
line-height: 40px !important;
color: #fff !important;
}
a.woofc-action-checkout:hover {
background: #214b91 !important;
color: #fff !important;
}
div.woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
padding: 14px;
line-height: unset;
}
p#shipping_phone_field {
width: 100% !important;
}
.woocommerce-product-gallery__image {
background: #fff;
}
.woocommerce-product-details__short-description p {
font-size: 14px;
text-align: justify;
font-family: Rubik, sans-serif;
/* background: #e2edff69; */
padding: 20px;
border-top: 1px solid #ddd;
/* border-bottom: 1px solid #ddd; */
}
.woocommerce-product-details__short-description p {
font-size: 14px;
text-align: justify;
font-family: Rubik, sans-serif;
/* background: #e2edff69; */
padding: 20px;
border-top: 1px solid #ddd;
/* border-bottom: 1px solid #ddd; */
margin: 0 !important;
}
p.stock.in-stock {
display: none;
}
span.posted_in {
display: none !important;
}
.description-button a {
margin: 0 auto;
width: 100%;
text-align: center;
border-radius: 5px;
border: 1px solid #e5e7eb;
color: #808080;
background-color: #fff !important;
font-weight: 400;
font-size: 14px;
transition: .2s ease-in-out;
}
.description-button a:hover {
background: #68c4cd !important;
color: #fff !important;
border: 1px solid #68c4cd !important;
}
.description-button {
padding: 0 20px;
margin-top: 13px;
border-radius: 5px !important;
}
.custom-rating-box {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 15px;
width: 100%;
}
.custom-rating-box .left-part {
display: flex;
align-items: center;
gap: 6px;
}
.custom-rating-box .average-rating {
font-weight: bold;
font-size: 15px;
}
.custom-rating-box .star-rating {
margin-top: -1px;
/* yıldızlar biraz aşağı kayıyorsa */
}
.custom-rating-box .right-part {
color: #555;
font-size: 14px;
}
.custom-rating-box .review-count {
color: #555;
font-size: 14px;
}
.summary.entry-summary.test>* {
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 15px;
}
.arama-button {
color: #fff;
border: 0;
background: #68c4cd;
border-radius: 5px;
margin-left: 9px;
font-weight: 400;
padding: unset !important;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
min-width: 2.75rem;
}
button.button.arama-button svg {
max-width: 23px;
}
.summary.entry-summary.test ul {
list-style: none;
padding: 0;
margin: 0;
}
.summary.entry-summary.test li {
display: flex;
align-items: center;
/* dikey ortala */
}
.summary.entry-summary.test li .icon {
width: 25px;
/* veya kendi ihtiyacına göre */
margin-right: 10px;
flex-shrink: 0;
/* küçülmesini engelle */
display: block;
/* flex içinde düzgün ortalamak için */
}
.woocommerce-tabs ul.tabs li::after {
right: 1.3em !important;
}
.icon-text img {
width: 24px !important;
height: auto !important;
max-width: unset !important;
}
.icon-text {
margin-right: 15px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.sku_wrapper {
font-weight: bold;
/* Barkod: kısmı için */
}
.sku_wrapper .sku {
font-weight: normal;
/* Sadece sayıyı normale döndür */
}
button.woosw-btn.woosw-btn-121.woosw-btn-has-icon.woosw-btn-icon-only {
width: 51px;
height: 51px;
}
.woocommerce-product-rating {
display: none;
}
.woofc-icon-cart7:before {
content: "";
display: inline-block;
width: 23px;
height: 23px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center !important;
-webkit-mask-size: contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center !important;
mask-size: contain !important;
position: absolute;
top: -4px;
left: 0;
}
span.woofc-menu-item-inner-subtotal {
margin-left: 10px;
}
.woocommerce ul.products.woo-showcase-grid li.product:after {
content: unset !important;
}
.woocommerce ul.products.woo-showcase-grid li.product::before {
content: unset !important;
}
.woo-showcase-grid li {
border: 1px solid #ddd !important;
border-radius: 5px;
}
.woo-showcase-grid h2.woocommerce-loop-product__title {
padding: 0 15px;
}
.square-thumb {
border-bottom: 1px solid #ddd;
}
.square-thumb img {
border-radius: 5px !important;
position: relative;
}
.product-brand {
margin-top: 15px;
}
h2.woocommerce-loop-product__title {
margin-top: 3px !important;
}
.storefront-wc-brands-single-product {
display: none;
}
.fullwidth-section {
width: 100%;
background-color: #d62c2d;
background: url(https://www.evdeestetik.com/wp-content/uploads/2025/09/evde-bg.jpg);
height: 785px;
padding: 188px 40px;
}
.section-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 1200px;
margin: 0 auto;
gap: 30px;
}
.section-left img {
width: 100%;
max-width: 400px;
/* ihtiyaca göre ayarlayabilirsin */
height: auto;
display: block;
}
.section-right {
width: 55%;
}
/* Mobilde görsel üstte, ürünler altta */
@media (max-width: 768px) {
.section-container {
flex-direction: column;
align-items: center;
}
.section-right {
grid-template-columns: 1fr 1fr;
width: 100%;
margin-top: 20px;
}
.section-left img {
max-width: 100%;
}
.custom-footer-credit {
display: flex;
margin-top: 45px;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: space-between;
}
.ifade {
margin-bottom: 15px;
}
.fullwidth-section {
width: 100%;
background-color: #d62c2d;
background: url(https://www.evdeestetik.com/wp-content/uploads/2025/09/evde-bg.jpg);
height: 785px;
padding: 188px 40px;
background-position: 16% 100%;
}
span.woofc-menu-item-inner-subtotal {
display: none;
}
}
.center-image img {
margin: 0 auto;
width: 20%;
}
.center-image {
width: 100%;
margin: 0 auto;
margin-bottom: 47px;
}
.fullwidth-section a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
background: #d62c2d;
}
.fullwidth-section .products bdi:not(del):not(del span) {
color: #d62c2d;
}
.fullwidth-section span.onsale {
background: #d62c2d;
}
h2.woocommerce-loop-product__title {
padding: 0 5px;
}
ul.order_details {
list-style: none;
position: relative;
margin: 3.706325903em 0;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 70%;
margin: 50px auto;
}
.order_details>li:not(:last-child)::after {
content: '';
width: 4px;
height: 4px;
position: absolute;
background: #6d6d6d;
top: 50%;
right: -50%;
border-radius: 150px;
}
ul.order_details li {
position: relative
}
div#paytr_taksit_tablosu {
margin: 0 auto;
}
.order_details>li {
border-bottom: 0;
}
/* Storefront teması için Flexbox kullanarak grid düzeltmesi */
.woo-showcase-grid,
ul.products.woo-showcase-grid {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
margin-bottom: 30px !important;
justify-content: flex-start !important;
align-items: stretch !important;
/* tüm li'leri aynı hizada tutar */
box-sizing: border-box !important;
padding-right: 0;
/* gerekiyorsa medya sorgusunda override edilir */
}
/* Grid içindeki li elemantları */
.woo-showcase-grid li {
list-style: none !important;
padding: 0 !important;
float: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
/* Sütun genişlikleri - gap ile hesaplanmış */
.woo-showcase-grid.columns-1 li {
width: 100% !important;
}
.woo-showcase-grid.columns-2 li {
width: calc((100% - 20px) / 2) !important;
}
.woo-showcase-grid.columns-3 li {
width: calc((100% - 40px) / 3) !important;
}
.woo-showcase-grid.columns-4 li {
width: calc((100% - 60px) / 4) !important;
}
.woo-showcase-grid.columns-5 li {
width: calc((100% - 80px) / 5) !important;
}
.woo-showcase-grid.columns-6 li {
width: calc((100% - 100px) / 6) !important;
}
/* 7+ sütun için ek */
.woo-showcase-grid.columns-7 li {
width: calc((100% - 120px) / 7) !important;
}
.woo-showcase-grid.columns-8 li {
width: calc((100% - 140px) / 8) !important;
}
/* Storefront clearfix problemini çöz */
.woo-showcase-grid::before,
.woo-showcase-grid::after {
display: none !important;
}
.site-main ul.products.columns-4.woo-showcase-grid li.product {
margin-right: unset !important;
}
/* Carousel Stilleri - Sadece showcase için */
.woo-showcase-carousel.showcase-swiper {
margin-bottom: 30px;
position: relative;
opacity: 0;
visibility: hidden;
}
.woo-showcase-carousel.swiper-initialized {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease;
}
.woo-showcase-carousel .showcase-slide {
height: auto;
}
.woo-showcase-carousel .showcase-slide li {
list-style: none;
margin: 0 !important;
width: 100% !important;
float: none !important;
}
/* Showcase Swiper Navigation - Özel seçiciler */
.woo-showcase-carousel .showcase-next,
.woo-showcase-carousel .showcase-prev {
color: #ffffffff;
}
.woo-showcase-carousel .showcase-pagination .swiper-pagination-bullet-active {
background: #0073aa;
}
/* Ürün içi swiper'ları etkilemesin */
.woo-showcase-carousel .product-image-slider {
z-index: 1;
}
.woo-showcase-carousel .product-image-slider .swiper-pagination {
z-index: 2;
}
.woo-showcase-carousel .product-image-slider .hover-zones {
z-index: 3;
}
/* Admin kontrolü ile ok ve pagination gizleme */
.woo-showcase-carousel.hide-arrows .showcase-next,
.woo-showcase-carousel.hide-arrows .showcase-prev {
display: none !important;
}
.woo-showcase-carousel.hide-pagination .showcase-pagination {
display: none !important;
}
/* Responsive tasarım - mobil ayara göre */
@media (max-width: 768px) {
/* Desktop 3+ sütunlarda mobil ayarı uygula */
.woo-showcase-grid.columns-3 li,
.woo-showcase-grid.columns-4 li,
.woo-showcase-grid.columns-5 li,
.woo-showcase-grid.columns-6 li,
.woo-showcase-grid.columns-7 li,
.woo-showcase-grid.columns-8 li {
width: calc((100% - 20px) / 2) !important;
/* 2 sütun */
}
:root {
--swiper-navigation-size: 20px !important;
}
}
.products .excerptproducts .swiper-button-next,
.swiper-button-prev {
width: 30px;
height: 30px;
border-radius: 50%;
}
.products .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
font-size: 14px;
font-weight: 600;
}
.fullwidth-section .woo-showcase-carousel .showcase-pagination .swiper-pagination-bullet-active {
background: #fff;
}
.products .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
font-size: 14px;
font-weight: 600;
}
@media (max-width: 480px) {
/* Çok küçük ekranlarda her zaman 1 sütun */
.woo-showcase-grid li {
width: 100% !important;
}
}
/* Ürün yüksekliklerini eşitleme */
.woo-showcase-grid li {
display: flex !important;
flex-direction: column !important;
}
.woo-showcase-grid li>* {
flex-grow: 1;
}
/* İçerik sarmalayıcıyı (image + title + excerpt) esnek yap */
ul.products.woo-showcase-grid li.product .woocommerce-LoopProduct-link,
ul.products.woo-showcase-grid li.product .product-inner,
ul.products.woo-showcase-grid li.product .product-details {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
/* kart iç boşluk, isteğe göre azalt */
gap: 8px;
}
ul.products.woo-showcase-grid li.product .product-details {
flex-grow: 1 !important;
}
/* Resim alanı sabitleme - tutarlı görsel hizalama */
ul.products.woo-showcase-grid li.product .product-thumb,
ul.products.woo-showcase-grid li.product .attachment-woocommerce_thumbnail,
ul.products.woo-showcase-grid li.product .woocommerce-LoopProduct-link img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
object-fit: contain;
}
/* Görsel wrapper varsa ona kesin yükseklik ver (isteğe göre değiştir) */
ul.products.woo-showcase-grid li.product .product-thumb {
height: 170px;
display: flex;
align-items: center;
justify-content: center;
}
/* Başlık / excerpt taşmasını önle (satır limiti) */
ul.products.woo-showcase-grid li.product .woocommerce-loop-product__title,
ul.products.woo-showcase-grid li.product .excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
min-height: 34px;
/* başlık+özet için 3 satır (isteğe göre 2 yapabilirsin) */
}
/* Fiyat alanı yerleşimi */
ul.products.woo-showcase-grid li.product .price {
flex: none !important;
margin-top: 8px;
padding: 0 4px;
}
/* Butonu kesin olarak altta sabitle ve genişlet */
ul.products.woo-showcase-grid li.product .button,
ul.products.woo-showcase-grid li.product .add_to_cart_button,
ul.products.woo-showcase-grid li.product .product-buttons,
ul.products.woo-showcase-grid li.product .product-meta {
flex: none !important;
margin-top: auto !important;
/* boş alan varsa alta it */
align-self: stretch !important;
padding: 10px 12px !important;
box-sizing: border-box !important;
}
/* Fiyat alanı yerleşimi */
ul.products.woo-showcase-grid li.product .price {
margin-top: 8px;
padding: 0 4px;
}
/* Butonu kesin olarak altta sabitle ve genişlet */
ul.products.woo-showcase-grid li.product .button,
ul.products.woo-showcase-grid li.product .add_to_cart_button,
ul.products.woo-showcase-grid li.product .product-buttons,
ul.products.woo-showcase-grid li.product .product-meta {
margin-top: auto !important;
/* butonu en alta iter */
align-self: stretch !important;
/* buton genişliğini karta uydurur */
padding: 10px 12px !important;
box-sizing: border-box !important;
}
ul.products.woo-showcase-grid li.product .product-bottom {
margin-top: 15px auto !important;
display: flex !important;
flex-direction: column !important;
gap: 8px;
/* fiyat ile buton arasına mesafe */
}
.fullwidth-section .woo-showcase-carousel .showcase-next,
.fullwidth-section .woo-showcase-carousel .showcase-prev {
color: #d62c2d;
background: unset !important;
}
# {
display: flex;
justify-content: center;
/* ortala */
align-items: center;
gap: 10px;
/* bullet ile oklar arası boşluk */
margin-top: 10px;
}
#.showcase-prev,
#.showcase-next {
width: 30px;
height: 30px;
background-color: #000;
/* isteğe göre */
color: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
/* Flex sırasını ayarla */
#.showcase-prev {
order: 1;
/* solda */
}
#.showcase-pagination {
order: 2;
/* ortada */
}
#.showcase-next {
order: 3;
/* sağda */
}
.grecaptcha-badge {
display: none !important;
}
/* Ürün kartını dikey flex container yap */
ul.products li.product {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
/* İçerik ve buton arasında boşluk bırak */
ul.products li.product a.button {
margin-top: auto !important;
/* butonu en alta iter */
align-self: flex-start !important;
/* sola hizalamak istersen */
}
/* İstersen butonları ortala */
ul.products li.product a.button {
align-self: center !important;
/* buton ortada olur */
}
.woocommerce-Tabs-panel p+h2,
.woocommerce-Tabs-panel p+header h2,
.woocommerce-Tabs-panel p+h3,
.woocommerce-Tabs-panel p+h4,
.woocommerce-Tabs-panel ul+h2,
.woocommerce-Tabs-panel ul+header h2,
.woocommerce-Tabs-panel ul+h3,
.woocommerce-Tabs-panel ul+h4,
.woocommerce-Tabs-panel ol+h2,
.woocommerce-Tabs-panel ol+header h2,
.woocommerce-Tabs-panel ol+h3,
.woocommerce-Tabs-panel ol+h4,
.woocommerce-Tabs-panel table+h2,
.woocommerce-Tabs-panel table+header h2,
.woocommerce-Tabs-panel table+h3,
.woocommerce-Tabs-panel table+h4,
.woocommerce-Tabs-panel blockquote+h2,
.woocommerce-Tabs-panel blockquote+header h2,
.woocommerce-Tabs-panel blockquote+h3,
.woocommerce-Tabs-panel blockquote+h4,
.woocommerce-Tabs-panel form+h2,
.woocommerce-Tabs-panel form+header h2,
.woocommerce-Tabs-panel form+h3,
.woocommerce-Tabs-panel form+h4 {
margin-top: 2px !important;
}
.woocommerce-Tabs-panel h1 {
font-size: 2em;
line-height: 1.214;
letter-spacing: -1px;
font-weight: 600;
}
.woocommerce-Tabs-panel h2 {
font-size: 1.5em;
}
.category-description-wrapper {
margin-top: 100px;
padding: 15px;
border-radius: 5px;
margin-bottom: 50px;
background-color: #f0f8ff;
position: relative;
}
div#password_strength {
display: none;
}
.category-description-full {
max-height: 250px;
/* başlangıçta görünür kısmı belirler */
overflow: hidden;
transition: max-height 1s ease-in-out;
/* orta hızda geçiş */
}
.category-description-wrapper.open .category-description-full {
max-height: 100%;
/* yeterince büyük bir değer, tüm içerik görünür */
}
.category-description-toggle {
background: none;
border: none;
color: #0071a1;
cursor: pointer;
font-weight: bold;
margin-top: 5px;
display: block;
}
.category-description-toggle {
position: relative;
display: flex;
justify-content: center;
width: 100%;
align-content: center;
align-items: center;
border-radius: 5px;
background: 0 0;
color: #59a4e7;
font-weight: 400;
padding-top: 22px;
transition: .2s ease-in-out;
}
button.category-description-toggle.buton-kapat:hover {
transform: translateY(-5px);
}
.category-description-toggle:hover {
background: unset;
border-color: inherit;
color: #59a4e7;
transform: translateY(5px);
}
.sorumluluk-reddi {
padding: 14px;
font-size: 12px;
text-align: center;
background: #ecf3ff;
color: #68c4cd;
border: unset !important;
cursor: pointer;
border-radius: 5px;
}
.banner-section {
display: flex;
gap: 45px;
margin: 60px auto 10px auto;
}
.banner-section img {
border-radius: 5px;
transition: .2s ease-in-out;
}
.banner-section img:hover {
transform: scale(1.01) !important;
}
.cart .cart-buttons .woosw-btn:hover {
background: red !important;
color: #fff !important;
border-color: red;
}
.alert {
background: #68c4cd;
color: #fff;
padding: 5px;
}
.kapsam {
max-width: 1400px;
/* padding: 0 2.617924em; */
margin: 0 auto;
width: 100%;
}
.kapsam {
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: center;
align-items: center;
}
.btn-primary {
background: #14273b;
color: #fff;
border-radius: 5px;
transition: .2s ease-in-out;
}
.btn-primary:hover {
background: #0e1d2c;
color: #fff;
}