*{ margin: 0px; padding: 0px; } body{ font-size: 14px; font-family: sans-serif; color: #000; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } ::-webkit-scrollbar-thumb { background-color: rgb(173, 173, 173); outline: 1px solid rgb(216, 216, 216); } #preloader{ width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 999999999; background: rgba(255, 255, 255, 0.8); text-align:center; } .loaded{display:none !important;} .pre{ width:210px; margin-top:15% } #header{ position: relative; top: 0px; left: 0px; width: 100%; height: 70px; background-color: rgb(199, 0, 0); z-index: 2; } .nav-fix{ position: fixed; top: 0px; left: 0px; z-index: 99; width: 100%; background: #fff; } .container{ margin: 0 auto; width: 90%; } .logo{float: left;} .logo h1{ color: #fff; position: relative; top: 18px; }.logo a{text-decoration: none; color: #fff;} .menu-nav{ float: right; } .menu-nav ul{list-style: none; line-height: 70px;} .menu-nav li{display: inline-block;} .menu-nav a{text-decoration: none;color: #fff; padding: 15px;} #billing_customer_id_field, #billing_seller_name_field{display: none;} #musteriler{display: none;} #musteri-sec{ padding: 10px; width: 280px; background: #f8f8f8; border: 1px solid #e6e6e6; } .cubuk{ height: 80px; padding: 23.5px; text-align: right; box-sizing:border-box; border-bottom: 2px solid #cccccc; padding-bottom: 30px; } .cubuk form{display: inline-flex;} .cubuk input{ padding: 10px; border-radius: 10px; background-color: #f2f2f2; border: 1px solid #ddd; } .cubuk button{ padding: 10px; border-radius: 0px 10px 10px 0px; border: 0px; margin-left: -40px; } .alan{ display: inline-flex; padding: 10px; padding-left: 13px; border-radius: 10px; background-color: #f2f2f2; border: 1px solid #ddd; margin-left: 10px; font-weight: 600; transition: 0.5s; } .no-pad{padding: 0px;} .alan a{padding: 10px 15px;} .giris a{color: #111; text-decoration: none; border-left: 1px solid #c5c5c5; }.giris a:first-child{border-left: 0px;} .sepetim{ background-color: rgb(199, 0, 0); color: #fff; border: 1px solid rgb(199, 0, 0); text-decoration: none; } .renkle{ background-color: rgb(22, 22, 22) !important; color: #fff; transition: 0.5s; } .sepetim .fa{margin-right: 5px;} /**/ .wrap{ width: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .woocommerce-form-register__submit{margin-bottom: 60px;} aside{ position: fixed; left: 0px; top: 70px; width: 13%; height: 100vh; overflow: scroll; z-index: 5; border: 1px solid #e6e6e6; background-color: #fff; transition: 0.5s; } .tepe{font-size: 10px; color: #9b9b9b; padding: 0px 25px; margin-top: 27px; border-bottom: 2px solid #cccccc; position: relative;} .tepe span{display: block; font-size: 13px; color: #111; font-weight: 600;margin-top: 10px; margin-bottom: 10px;} .side-ac{ font-size: 23px; color: rgb(17, 17, 17); width: 25px; height: 25px; border: 1px solid rgb(230, 230, 230); line-height: 25px; text-align: center; border-radius: 25px; cursor: pointer; position: absolute; padding: 3px; right: 5px; top: 29px; z-index: 2; background: #fff; } aside ul{list-style: none; padding-bottom: 80px;} aside ul li a{ text-decoration: none; color: #111; display: block; padding: 10px 25px; border-bottom: 1px solid #e6e6e6; white-space: pre-line; font-size: 13px; position: relative; left: 0px; } aside ul li a:hover{ background-color: #f1f1f1; } main{ position: relative; display: block; margin-bottom: 70px; left: 13%; width: 87%; transition: 0.5s; } .icerik{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1em; grid-auto-rows: 1fr; padding: 23px; margin-top: -5px; transition: 0.5s; } .aside-kapa{ width: 0%; transition: 0.5s; } .aside-kapa a{opacity: 0;} .main-ac{ left: 0%; width: 100%; transition: 0.5s; } .icerik-arttir{ grid-template-columns: repeat(5, 1fr); transition: 0.5s; } .site-duzelt{ position: absolute; top: 87px; left: 25px; cursor: pointer; font-size: 20px; background-color: #f2f2f2; border: 1px solid #ddd; border-radius: 35px; padding: 10px 12px; line-height: 18px; color: #333; z-index: 1; text-align: center; } .site-duzelt:hover{ background-color: #d6d6d6; } .icerik > div{ border: 1px solid #e6e6e6; border-radius: 15px; background-color: #fff; } .icerik > div:hover .aciklama{ background-color: #f0f0f0; } .gorsel{position: relative;} .icerik img{width: 100%; padding: 20px 0px; height: 170px; object-fit: contain; cursor: pointer;} .icerik ul{list-style: none;} .aciklama{ padding: 20px; font-size: 12px; } .aciklama > ul > li > span{font-size: 10px; color: #8d8d8d;} .aciklama > ul > li{ margin-bottom: 15px; }.aciklama ul li:nth-child(2){line-height: 20px;} .cift{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1em; grid-auto-rows: 1fr; } .sepete{ margin-top: 25px; } .number span {cursor:pointer; } .minus, .plus{ width:31px; height:31px; line-height: 31px; background:#f2f2f2; border-radius:4px; border:1px solid #ddd; display: inline-block; vertical-align: middle; text-align: center; color: #111 !important; font-size: 19px !important; } .number span:hover{ background-color: #666; color: #fff !important; } .number input{ height:31px; width: 70px; text-align: center; font-size: 14px; border:1px solid #ddd; border-radius:4px; display: inline-block; vertical-align: middle; } .sepete{ display: grid; grid-template-columns: 60% 1fr; grid-gap: 1em; grid-auto-rows: 1fr; } .ekle{ background-color: rgb(199, 0, 0); color: #fff; padding: 9px 15px; float: right; border-radius: 5px; display: inline-block; cursor: pointer; font-size: 12px; border: 0px; margin-top: 0px; text-decoration: none; } .sepete .fa{font-size: 15px !important;} .ekle:hover{ background-color: rgb(238, 25, 25); } .arti{ position: absolute; top: 20px; left: 20px; height: 24px; border: 1px solid #ddd; width: 24px; text-align: center; line-height: 24px; color: #000; border-radius: 5px; font-size: 20px; background-color: #f2f2f2; } .bf-overlay{ position: fixed; top: 0px; left: 0px; width: 100%; display: none; height: 100vh; background-color: rgba(0, 0, 0, 0.8); z-index: 10; text-align: center; } .bf-overlay img{ width: 300px; margin-top: 11%; padding: 20px; height:420px; object-fit:contain; background-color: #fff; border-radius: 20px; } .show{display: block !important;} .baslik{ margin-left: 1.5%; margin-top: 1.5%; } .konten{ margin: 0 auto; width: 95%; margin-top: 2%; } /**/ /**/ /**/ .pagina, .pagination{ padding-left: 23px; margin-top: 20px; } .pagina a, .page-numbers{ padding: 5px 8px; border-radius: 4px; background-color: rgb(199, 0, 0); color: #fff; text-decoration: none; } .actix{background-color:#111 !important;} .page-numbers:hover, .pagina a:hover{ background-color: #222; } .buldu{ display: inline-flex; font-weight: 600; margin-right: 20px; }.buldu span{padding-right:5px; color:#0bcb00 !important;} #musteri-input{ width: 280px; padding: 10px; border: 1px solid #e6e6e6; } .woocommerce-order-received .musteri-filtre{ display: none; } .woocommerce-message { display: none; } .woocommerce-cart.full-width-content .content, .woocommerce-checkout.full-width-content .content { max-width: 100%; } .woocommerce-cart .woocommerce table.shop_table td.actions { border-top: 1px solid #e6e6e6; background: #f7f7f7; border-bottom: 0px solid #e6e6e6; } .woocommerce-cart .entry-content form { width: 60%; float: left; } .woocommerce-cart .woocommerce .cart-collaterals { width: 33%; float: right; } .woocommerce-cart .woocommerce .cart-collaterals h2 { display: none; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals { width: 100%; } #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr th, #add_payment_method table.cart th, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart th, .woocommerce-checkout table.shop_table th { color: rgb(199, 0, 0); font-size: 14px; font-size: 0.8rem; } #add_payment_method .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr td, #add_payment_method table.cart td, .woocommerce-cart table.cart td, .woocommerce-checkout table.cart td, .woocommerce-checkout table.shop_table td { color: #555; font-size: 16px; font-size: 0.8rem; } .woocommerce-cart .woocommerce table.shop_table th { border-bottom: 2px solid rgb(199, 0, 0); } .woocommerce-cart .woocommerce table.shop_table, .woocommerce-checkout .woocommerce table.shop_table { border: 1px solid #e6e6e6; margin: 0; text-align: left; width: 100%; border-collapse: separate; border-radius: 0; border-bottom: none; border-right: none; margin-bottom: 35px; border-bottom: 1px solid #e6e6e6; } body #add_payment_method #payment ul.payment_methods li input, body.woocommerce-cart #payment ul.payment_methods li input, body.woocommerce-checkout #payment ul.payment_methods li input { width: auto; margin: -2px .5em 0 0; } body .woocommerce form .form-row .input-checkbox { width: auto; margin: -2px 5px 0 0; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, body.woocommerce-cart .cart-collaterals .cart_totals tr td, body.woocommerce-cart .cart-collaterals .cart_totals tr th, body.woocommerce-checkout .cart-collaterals .cart_totals tr td, body.woocommerce-checkout .cart-collaterals .cart_totals tr th, body .woocommerce table.shop_table th { border-top: none; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; text-align: right; padding: 10px 20px; } body #add_payment_method table.cart td, body #add_payment_method table.cart th, body.woocommerce-cart table.cart td, body.woocommerce-cart table.cart th, body.woocommerce-checkout table.cart td, body.woocommerce-checkout table.cart th { border-right: 1px solid #e6e6e6; } #add_payment_method .cart-collaterals .cart_totals tr th, body.woocommerce-cart .cart-collaterals .cart_totals tr th, body.woocommerce-checkout .cart-collaterals .cart_totals tr th { } .woocommerce-cart .cart-collaterals .cart_totals table th { border-bottom: 1px solid #e6e6e6; } body .woocommerce #respond input#submit.alt, body .woocommerce a.button.alt, body .woocommerce button.button.alt, body .woocommerce input.button.alt { background: #222 !important; text-decoration: none; padding: 10px; border-radius: 10px !important; font-weight: 500; } #shipping_method{list-style: none;} .shipping-calculator-button{display: none;} .woocommerce a.remove{font-size: 20px; text-decoration: none; color: #222;} body .woocommerce #respond input#submit.alt:hover, body .woocommerce a.button.alt:hover, body .woocommerce button.button.alt:hover, body .woocommerce input.button.alt:hover { background: rgb(199, 0, 0) !important; } body .woocommerce .cart .button, body .woocommerce .cart input.button, body .woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button { background: rgb(199, 0, 0) !important; cursor: pointer;color: #fff; font-weight: 500; padding: 10px; border: 0px; border-radius: 10px; } body .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right; width: 120px; display: block; text-align: center; margin-bottom: 0; font-size: 1em; padding: 1em; border-radius: 10px; margin-top: 1.5em; } .woocommerce-form-coupon-toggle{display: none;} body .woocommerce form .form-row-first, body .woocommerce form .form-row-last, body .woocommerce-page form .form-row-first, body .woocommerce-page form .form-row-last { width: 49%; } body .woocommerce #respond input#submit.disabled, body .woocommerce #respond input#submit:disabled, body .woocommerce #respond input#submit:disabled[disabled], body .woocommerce a.button.disabled, body .woocommerce a.button:disabled, body .woocommerce a.button:disabled[disabled], body .woocommerce button.button.disabled, body .woocommerce button.button:disabled, body .woocommerce button.button:disabled[disabled], body .woocommerce input.button.disabled, body .woocommerce input.button:disabled, body .woocommerce input.button:disabled[disabled] { background: #ccc; } body .woocommerce a.checkout-button.button.alt { border-radius: 40px; } body .woocommerce #content table.cart td.actions .coupon, body .woocommerce table.cart td.actions .coupon { width: 68%; } body #add_payment_method table.cart td.actions .coupon .input-text, body.woocommerce-cart table.cart td.actions .coupon .input-text, body.woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 8px 6px 7px; width: auto; } body .woocommerce table.shop_table td { padding: 15px; } body .woocommerce-checkout table.shop_table td { text-align: right; border-right: 1px solid #e6e6e6; border-top: 0; } .woocommerce a.remove { margin: 0 auto; } .woocommerce-cart .woocommerce table.shop_table th.product-remove, .woocommerce-cart .woocommerce table.shop_table th.product-name { text-align: center; } .woocommerce-cart .woocommerce table.shop_table th.product-price, .woocommerce-cart .woocommerce table.shop_table th.product-quantity, .woocommerce-cart .woocommerce table.shop_table th.product-subtotal { text-align: right; } .woocommerce-cart .woocommerce table.shop_table .cart_item td.product-price, .woocommerce-cart .woocommerce table.shop_table .cart_item td.product-quantity, .woocommerce-cart .woocommerce table.shop_table .cart_item td.product-subtotal { text-align: right; } .woocommerce-checkout #add_payment_method #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { list-style: none; } .woocommerce-checkout .woocommerce .col2-set { width: 47.8260869565%; float: left; margin-right: 4.347826087%; } .woocommerce-checkout .woocommerce .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2 { margin-bottom: 2em; width: 100%; float: none; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { background: #fff; width: 47.8260869565%; float: right; margin-right: 0; } .woocommerce-checkout #ship-to-different-address-checkbox { width: auto; margin-top: 10px; opacity: 1; position: static; } .woocommerce-checkout #ship-to-different-address label { font-size: 16px; font-weight: 700; line-height: 1; margin: 0; margin-bottom: 1em; padding: 0; text-transform: uppercase; color: #000; } .woocommerce-checkout .woocommerce form .form-row.create-account label { padding-top: 2px; font-weight: bold; } .woocommerce-checkout .payment-fixed { position: fixed; z-index: 9; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 2em; left: 52%; margin-left: 0; padding: 20px; top: 0; width: 45.5% !important; -webkit-transition: padding .1s ease-in; -moz-transition: padding .1s ease-in; -o-transition: padding .1s ease-in; -ms-transition: padding .1s ease-in; transition: padding .1s ease-in; } .product-shipping-message { font-size: 16px; text-align: center; text-transform: uppercase; padding: 10px 0px; border-top: 1px solid #139248; border-bottom: 1px solid #139248; } body .woocommerce table.shop_table tbody th, body .woocommerce table.shop_table tfoot td, body .woocommerce table.shop_table tfoot th { border-bottom: none; } body .woocommerce form .form-row input.input-text, body .woocommerce form .form-row textarea { max-width: 100%; } body .woocommerce .product-name a { color: #000; pointer-events: none; cursor: default; } .woocommerce-cart-form{margin-top: 20px;} .cart_item img{ width: 100px; height: 100px; object-fit: contain; } .quantity .screen-reader-text{display: none;} .quantity .input-text{padding: 10px;} button[name="update_cart"] { float: right; } .coupon{float: left; width: auto !important;} @media only screen and (max-width: 1139px) { .woocommerce-cart .entry-content form { width: 64%; } } @media only screen and (max-width: 980px) { .woocommerce-cart .entry-content form { width: 80%; float: none; margin: 0 auto; } .woocommerce-cart .woocommerce .cart-collaterals { width: 80%; float: None; margin: auto; } body .woocommerce #content table.cart td.actions .coupon, body .woocommerce table.cart td.actions .coupon { width: 100%; } body #add_payment_method table.cart td.actions .coupon .input-text, body.woocommerce-cart table.cart td.actions .coupon .input-text, body.woocommerce-checkout table.cart td.actions .coupon .input-text { width: auto; } .pre{ width:210px; margin-top:35% } #header{margin-bottom:5px;} } @media only screen and (max-width: 650px) { .cubuk{ padding-bottom:15px !important; } .woocommerce-cart .entry-content form { width: 100%; } .woocommerce-cart .woocommerce .cart-collaterals { width: 100%; } .woocommerce-checkout .woocommerce .col2-set { width: 100%; float: none; margin-right: 0; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { width: 100%; float: none; } } .shop_table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } .shop_table caption { font-size: 1.5em; margin: .5em 0 .75em; } .shop_table tr { background-color: #f8f8f8; border: 1px solid #ddd; padding: .35em; } .shop_table th, .shop_table td { padding: .625em; text-align: center; } .shop_table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; } @media screen and (max-width: 600px) { .shop_table { border: 0; } .shop_table caption { font-size: 1.3em; } .shop_table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .shop_table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } .shop_table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } .shop_table td::before { /**/ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .shop_table td:last-child { border-bottom: 0; } button[name="update_cart"]{float: none; margin-top: 20px;} .checkout-button{margin-bottom: 40px; display: inline-block;} .coupon{float: none;} .coupon button{margin-top: 12px;} } .woocommerce-billing-fields, .woocommerce-shipping-fields__field-wrapper, .woocommerce-EditAccountForm{ padding: 15px; background-color: #f8f8f8; border: 1px solid #e6e6e6; margin-top: 32px; } .woocommerce-billing-fields__field-wrapper{display: none; margin-top: 15px;} .woocommerce-shipping-fields__field-wrapper{display: none; margin-top: 15px;} article .woocommerce form label{ display: block; margin-bottom: 5px; color: rgb(199, 0, 0); font-weight: 600;} article .woocommerce input, article .woocommerce textarea, article .woocommerce select{ width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #e6e6e6; margin-bottom: 15px; } .woocommerce-form-register, .woocommerce-form-login{ width: 600px; } p{line-height: 22px;} /**/ .woocommerce-orders-table__cell a.invoice{display: none;} .woocommerce-Addresses address{line-height: 25px;} .woocommerce-Address-title{margin: 10px 0px;} fieldset {padding: 15px;} .woocommerce-Button{margin-top: 15px;} h1{margin-bottom: 15px;} .woocommerce h2{margin-top: 30px; margin-bottom: 10px;} .woocommerce-form-login__rememberme input{width: auto !important;} .woocommerce-LostPassword{margin-top: 10px;} #order_review_heading{margin-bottom: 15px;} .woocommerce-additional-fields{margin-top: 20px;} .woocommerce-order-overview{list-style: none;} .woocommerce-order-overview li, .woocommerce-notice--success{margin-top: 10px;} .woocommerce-order-details__title{margin-top: 20px;} .wc-backward{margin-top: 30px; display: inline-block;} .cart-empty{margin-top: 15px;} .woocommerce-MyAccount-navigation ul{list-style: none; margin-top: 30px; margin-bottom: 45px;} .woocommerce-MyAccount-navigation li {display: inline-block; margin-bottom: 30px;} .woocommerce-MyAccount-navigation a {padding: 10px; color:#fff; background-color: rgb(199, 0, 0); text-decoration: none; border-radius: 5px;} .woocommerce-MyAccount-navigation-link--downloads{display: none !important;} .product-categories .genel, .product-categories .alle-artikel{display: none;} @media only screen and (max-width: 1400px) { aside{ width: 22%; } main { left: 22%; width: 78%; } .icerik{ grid-template-columns: repeat(3, 1fr); grid-gap: 1em; grid-auto-rows: 1fr; padding: 23px; } .ekle{font-size: 11px;} .sepete .fa { font-size: 14px !important; } } @media only screen and (max-width: 1200px) { main{ left: 0%; width: 100%; } .ekle span{display: none;} } @media only screen and (max-width: 950px) { .menu-nav nav{position: absolute; background-color: orange; top: 145px; left: 0px; width: 100%; z-index: 310; display: none;} .show{display: block !important;} .menu-nav li{display: block;} .menu-nav a{text-decoration: none;color: #fff; padding: 0px 20px; background-color: rgb(199, 0, 0); border-bottom: 1px solid rgb(131, 0, 0); display: flex;} .mobil-nav{ position: absolute; top: 17px; right: 5%; z-index: 3; } .mobil-nav span{ display: block; width: 35px; height: 4px; margin-top: 5px; background-color: #fff; } .logo h1{ top: 0px; } .icerik{ grid-template-columns: repeat(2, 1fr); } aside{width: 40%;} .cubuk{height: auto; padding: 26px 0px; padding-right: 5%;} .site-duzelt{top: 111px;} .baslik{ margin-left: 5%; margin-top: 3%; } h1{margin-top: 20px;} .bf-overlay img{ width: 85%; margin-top: 15%; padding: 15px; } } @media only screen and (max-width: 650px) { .icerik{ grid-template-columns: repeat(1, 1fr); } .cubuk input {width: 120px;} aside{width: 55%;} .buldu{margin-right:10px;} } @media only screen and (max-width: 440px) { .site-duzelt { top: 85px; padding: 1px 5px; left: 4%; font-size: 11px; } .cubuk .giris{margin-top:10px;} } @media only screen and (max-width: 390px) { .mb-asa{margin-top: 20px;} } /**/ :root { --kayi-brand: #c70000; --kayi-brand-dark: #9f1018; --kayi-brand-soft: #fff1f1; --kayi-ink: #172033; --kayi-muted: #667085; --kayi-line: #e4e8ef; --kayi-surface: #ffffff; --kayi-canvas: #f5f7fb; --kayi-success: #15803d; --kayi-radius-sm: 8px; --kayi-radius: 12px; --kayi-radius-lg: 16px; --kayi-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05); --kayi-shadow: 0 8px 24px rgba(16, 24, 40, 0.08); --kayi-shadow-lg: 0 18px 45px rgba(16, 24, 40, 0.14); } html { background: var(--kayi-canvas); } body { background: var(--kayi-canvas); color: var(--kayi-ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } button, input, select, textarea { font: inherit; } ::selection { color: #fff; background: var(--kayi-brand); } ::-webkit-scrollbar-track { background: #eef1f5; box-shadow: none; } ::-webkit-scrollbar-thumb { background: #b8c0cc; border: 2px solid #eef1f5; border-radius: 999px; outline: 0; } /**/ #header { background: linear-gradient(135deg, #a60f18 0%, var(--kayi-brand) 58%, #d3212a 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 5px 18px rgba(124, 10, 18, 0.2); } .container { width: min(92%, 1680px); } .logo h1 { margin: 0; font-size: 23px; font-weight: 800; letter-spacing: -0.04em; } .menu-nav a { border-radius: var(--kayi-radius-sm); font-weight: 650; transition: background-color 0.2s ease; } .menu-nav a:hover, .menu-nav a:focus-visible { background: rgba(255, 255, 255, 0.14); } /**/ .cubuk { display: flex; min-height: 78px; height: auto; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 24px; background: rgba(255, 255, 255, 0.96); border-bottom: 1px solid var(--kayi-line); box-shadow: var(--kayi-shadow-sm); } .cubuk .buldu { margin-right: auto; } .buldu { align-items: center; color: var(--kayi-muted); font-size: 13px; font-weight: 650; } .buldu span { color: var(--kayi-success) !important; font-size: 15px; } .cubuk form { min-width: 250px; } .cubuk input, #musteri-input, #musteri-sec { min-height: 42px; box-sizing: border-box; color: var(--kayi-ink); background: var(--kayi-surface); border: 1px solid #d6dce5; border-radius: 10px; outline: 0; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .cubuk input { width: 100%; padding: 10px 46px 10px 14px; } .cubuk input::placeholder { color: #98a2b3; } .cubuk input:focus, #musteri-input:focus, #musteri-sec:focus { border-color: var(--kayi-brand); box-shadow: 0 0 0 3px rgba(199, 0, 0, 0.1); } .cubuk button { width: 40px; min-height: 40px; padding: 0; color: var(--kayi-muted); background: transparent; border-radius: 9px; cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease; } .cubuk button:hover, .cubuk button:focus-visible { color: var(--kayi-brand); background: var(--kayi-brand-soft); } .alan { min-height: 42px; box-sizing: border-box; align-items: center; justify-content: center; padding: 10px 14px; color: #344054; background: #f8fafc; border-color: #dfe4eb; border-radius: 10px; box-shadow: var(--kayi-shadow-sm); font-size: 13px; } .odemem { font-variant-numeric: tabular-nums; } .odemem span { margin-left: 5px; color: var(--kayi-ink); font-weight: 800; } .sepetim { background: var(--kayi-brand); border-color: var(--kayi-brand); box-shadow: 0 5px 14px rgba(199, 0, 0, 0.2); font-weight: 750; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .sepetim:hover, .sepetim:focus-visible { color: #fff; background: var(--kayi-brand-dark); border-color: var(--kayi-brand-dark); box-shadow: 0 7px 18px rgba(159, 16, 24, 0.25); } .giris { background: var(--kayi-surface); } .giris a { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 40px; box-sizing: border-box; color: #475467; transition: color 0.2s ease, background-color 0.2s ease; } .giris a:hover, .giris a:focus-visible { color: var(--kayi-brand); background: var(--kayi-brand-soft); } /**/ aside { height: calc(100vh - 70px); overflow-x: hidden; overflow-y: auto; background: #fbfcfe; border-color: var(--kayi-line); box-shadow: 5px 0 20px rgba(16, 24, 40, 0.04); } .tepe { margin-top: 0; padding: 22px 22px 14px; color: #98a2b3; border-bottom: 1px solid var(--kayi-line); font-size: 10px; font-weight: 750; letter-spacing: 0.09em; text-transform: uppercase; } .tepe span { margin: 7px 0 0; color: var(--kayi-ink); font-size: 14px; letter-spacing: 0; text-transform: none; } .tepe span a { color: inherit; text-decoration: none; } aside ul { padding: 10px 10px 88px; } aside ul li { margin-bottom: 3px; } aside ul li a { padding: 10px 12px; color: #475467; border: 0; border-radius: 9px; font-size: 12px; font-weight: 550; line-height: 1.4; transition: color 0.2s ease, background-color 0.2s ease, padding-left 0.2s ease; } aside ul li a:hover, aside ul li a:focus-visible { padding-left: 15px; color: var(--kayi-brand-dark); background: var(--kayi-brand-soft); } /**/ main { min-height: calc(100vh - 148px); background: var(--kayi-canvas); } .icerik { gap: 16px; padding: 24px; align-items: stretch; } .icerik > div { overflow: hidden; border: 1px solid var(--kayi-line); border-radius: var(--kayi-radius-lg); box-shadow: var(--kayi-shadow-sm); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .icerik > div:hover { border-color: #d2d8e1; box-shadow: var(--kayi-shadow); transform: translateY(-2px); } .icerik > div:hover .aciklama { background: var(--kayi-surface); } .urun { display: flex; min-width: 0; flex-direction: column; } .gorsel { overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%); border-bottom: 1px solid #edf0f4; } .icerik img { height: 184px; box-sizing: border-box; padding: 22px; transition: transform 0.25s ease; } .icerik > div:hover .gorsel > img { transform: scale(1.025); } .arti { top: 14px; left: 14px; width: 29px; height: 29px; color: #475467; background: rgba(255, 255, 255, 0.94); border-color: #dce1e8; border-radius: 8px; box-shadow: 0 3px 9px rgba(16, 24, 40, 0.1); font-size: 18px; line-height: 28px; } .aciklama { display: flex; flex: 1; flex-direction: column; padding: 18px; color: #344054; background: var(--kayi-surface); font-size: 12px; transition: background-color 0.2s ease; } .aciklama > ul { flex: 1; } .aciklama > ul > li { margin-bottom: 11px; overflow-wrap: anywhere; } .aciklama > ul > li > span, .cift span { color: #98a2b3; font-size: 10px; font-weight: 650; letter-spacing: 0.015em; } .aciklama > ul > li:nth-child(2) { min-height: 42px; color: var(--kayi-ink); font-size: 14px; font-weight: 750; line-height: 1.45; } .aciklama > ul > li:nth-child(3) { color: var(--kayi-brand-dark); font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums; } .cift { gap: 8px; } .cift > li { min-width: 0; padding: 8px 9px; background: #f7f9fc; border: 1px solid #edf0f4; border-radius: 8px; } .adet, .adet-fiyat, .fiyat, .kdv { font-variant-numeric: tabular-nums; } .urun form.cart { margin-top: auto; } .sepete { grid-template-columns: minmax(132px, 1fr) minmax(92px, 0.72fr); gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #edf0f4; } .number { display: grid; min-width: 0; grid-template-columns: 36px minmax(46px, 1fr) 36px; align-items: center; } .minus, .plus { width: 36px; height: 38px; box-sizing: border-box; color: #344054 !important; background: #f7f8fa; border-color: #d8dee7; border-radius: 9px; font-size: 18px !important; font-weight: 700; line-height: 36px; transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; user-select: none; } .number span:hover { color: var(--kayi-brand-dark) !important; background: var(--kayi-brand-soft); border-color: #efb4b8; box-shadow: 0 0 0 3px rgba(199, 0, 0, 0.07); } .number input { width: 100%; height: 38px; box-sizing: border-box; color: var(--kayi-ink); background: #fff; border-color: #d8dee7; border-right: 0; border-left: 0; border-radius: 0; font-size: 13px; font-weight: 750; font-variant-numeric: tabular-nums; outline: 0; } .number input:focus { border-color: var(--kayi-brand); box-shadow: inset 0 0 0 1px var(--kayi-brand); } .number input::-webkit-inner-spin-button, .number input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ekle { width: 100%; min-height: 38px; box-sizing: border-box; padding: 9px 12px; background: var(--kayi-brand); border: 1px solid var(--kayi-brand); border-radius: 9px; box-shadow: 0 5px 12px rgba(199, 0, 0, 0.18); font-size: 11px; font-weight: 750; line-height: 18px; transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease; } .ekle:hover, .ekle:focus-visible { background: var(--kayi-brand-dark); border-color: var(--kayi-brand-dark); box-shadow: 0 7px 16px rgba(159, 16, 24, 0.25); transform: translateY(-1px); } .ekle:active { box-shadow: 0 2px 7px rgba(159, 16, 24, 0.2); transform: translateY(0); } .baslik { margin: 24px 24px 6px; color: var(--kayi-ink); font-size: clamp(22px, 2vw, 30px); font-weight: 800; letter-spacing: -0.035em; } .pagina, .pagination { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 24px 24px; } .pagina a, .page-numbers { display: inline-flex; min-width: 34px; min-height: 34px; box-sizing: border-box; align-items: center; justify-content: center; padding: 6px 10px; background: #fff; color: #475467; border: 1px solid var(--kayi-line); border-radius: 8px; box-shadow: var(--kayi-shadow-sm); font-size: 12px; font-weight: 700; } .page-numbers:hover, .pagina a:hover { background: var(--kayi-brand); border-color: var(--kayi-brand); color: #fff; } /**/ body .sepet-satir { align-items: center; padding: 13px 14px; border-bottom-color: var(--kayi-line); } body .sepet-satir:hover { background: #f8fafc; } body .sepet-img img { width: 42px; height: 42px; padding: 3px; background: #fff; border-color: var(--kayi-line); border-radius: 9px; } body .sepet-title { color: var(--kayi-ink); font-weight: 650; } body .sepet-adet { color: var(--kayi-muted); font-weight: 700; } body .urun-sil a { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; padding: 0; background: var(--kayi-brand-soft); border-radius: 50%; font-weight: 800; line-height: 1; } body .tum-sepet { box-sizing: border-box; padding: 13px 16px; background: var(--kayi-brand); font-weight: 750; transition: background-color 0.2s ease; } body .tum-sepet:hover, body .tum-sepet:focus-visible { background: var(--kayi-brand-dark); } /**/ .konten { width: min(94%, 1500px); } .woocommerce-cart-form, .woocommerce-cart .cart-collaterals, .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout #order_review, .woocommerce-MyAccount-content { box-sizing: border-box; } .woocommerce-cart .woocommerce table.shop_table, .woocommerce-checkout .woocommerce table.shop_table { overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-radius: var(--kayi-radius); box-shadow: var(--kayi-shadow-sm); } .shop_table tr { background: #fff; border-color: var(--kayi-line); } .shop_table tbody tr:nth-child(even) { background: #fbfcfd; } .shop_table th { color: #475467; background: #f7f9fc; letter-spacing: 0.045em; } .woocommerce-cart .woocommerce table.shop_table td.actions { background: #f7f9fc; border-color: var(--kayi-line); } .cart_item img { padding: 6px; background: #fff; border: 1px solid var(--kayi-line); border-radius: 10px; } body .woocommerce .cart .button, body .woocommerce .cart input.button, body .woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button, body .woocommerce #respond input#submit.alt, body .woocommerce a.button.alt, body .woocommerce button.button.alt, body .woocommerce input.button.alt { min-height: 40px; box-sizing: border-box; padding: 10px 15px; background: var(--kayi-brand) !important; border-radius: 9px !important; box-shadow: 0 4px 11px rgba(199, 0, 0, 0.16); font-weight: 700; transition: background-color 0.2s ease, box-shadow 0.2s ease; } body .woocommerce #respond input#submit.alt:hover, body .woocommerce a.button.alt:hover, body .woocommerce button.button.alt:hover, body .woocommerce input.button.alt:hover, body .woocommerce #respond input#submit:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover, body .woocommerce input.button:hover { background: var(--kayi-brand-dark) !important; box-shadow: 0 6px 15px rgba(159, 16, 24, 0.22); } body .woocommerce a.checkout-button.button.alt { border-radius: 10px !important; } .woocommerce-billing-fields, .woocommerce-shipping-fields__field-wrapper, .woocommerce-EditAccountForm { background: #fff; border-color: var(--kayi-line); border-radius: var(--kayi-radius); box-shadow: var(--kayi-shadow-sm); } article .woocommerce form label { color: #344054; font-size: 12px; font-weight: 700; } article .woocommerce input, article .woocommerce textarea, article .woocommerce select { min-height: 42px; color: var(--kayi-ink); background: #fff; border-color: #d6dce5; border-radius: 9px; outline: 0; transition: border-color 0.2s ease, box-shadow 0.2s ease; } article .woocommerce input:focus, article .woocommerce textarea:focus, article .woocommerce select:focus { border-color: var(--kayi-brand); box-shadow: 0 0 0 3px rgba(199, 0, 0, 0.1); } .woocommerce-MyAccount-navigation a { background: var(--kayi-brand); border-radius: 9px; box-shadow: 0 4px 10px rgba(199, 0, 0, 0.14); font-weight: 700; } /**/ a:focus-visible, button:focus-visible, .minus:focus-visible, .plus:focus-visible { outline: 3px solid rgba(199, 0, 0, 0.2); outline-offset: 2px; } @media only screen and (max-width: 1400px) { .icerik { gap: 14px; padding: 20px; } .aciklama { padding: 16px; } .sepete { grid-template-columns: minmax(132px, 1fr) minmax(48px, 0.55fr); } } @media only screen and (max-width: 950px) { .cubuk { padding: 14px 5%; } .cubuk .buldu { order: -2; } .cubuk form { min-width: min(280px, 44vw); } .icerik { padding: 18px; } .baslik { margin: 22px 5% 6px; } .pagina, .pagination { padding: 0 18px 22px; } } @media only screen and (max-width: 650px) { #header { height: 64px; } .logo h1 { font-size: 20px; line-height: 64px; } .mobil-nav { top: 14px; } .cubuk { gap: 8px; padding: 12px 14px; } .cubuk .buldu { width: 100%; margin: 0; } .cubuk form { width: 100%; min-width: 0; order: -1; } .cubuk input { width: 100%; } .alan { flex: 1; margin-left: 0; } .giris { flex: 0 0 auto; } .icerik { gap: 14px; padding: 14px; } .icerik img { height: 210px; } .aciklama { padding: 16px; } .aciklama > ul > li:nth-child(2) { min-height: auto; } .sepete { grid-template-columns: minmax(142px, 1fr) minmax(92px, 0.7fr); } .ekle span { display: inline; } .baslik { margin: 20px 14px 4px; } .konten { width: calc(100% - 28px); } .woocommerce-cart .entry-content form, .woocommerce-cart .woocommerce .cart-collaterals { width: 100%; } } @media only screen and (max-width: 420px) { .odemem { min-width: calc(50% - 4px); } .sepetim { min-width: calc(50% - 4px); } .sepete { grid-template-columns: 1fr; } .ekle { min-height: 42px; } .cift { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { .icerik > div, .icerik img, .ekle, .menu-nav a, .cubuk input, .alan, aside ul li a { transition-duration: 0.01ms; } } /**/ :root { --kayi-brand: #d20f20; --kayi-brand-dark: #a70b18; --kayi-brand-soft: #fff0f2; --kayi-ink: #101828; --kayi-muted: #667085; --kayi-line: #e2e7ef; --kayi-surface: #ffffff; --kayi-canvas: #eef2f7; --kayi-shell: #101828; --kayi-shell-soft: #1d2939; --kayi-success: #15803d; --kayi-radius-sm: 9px; --kayi-radius: 13px; --kayi-radius-lg: 17px; --kayi-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06); --kayi-shadow: 0 10px 28px rgba(16, 24, 40, 0.09); --kayi-shadow-lg: 0 24px 60px rgba(16, 24, 40, 0.18); } body { background: radial-gradient(circle at 85% 0%, rgba(210, 15, 32, 0.035), transparent 26rem), var(--kayi-canvas); color: var(--kayi-ink); } body * { font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } /**/ #header { height: 72px; background: linear-gradient(110deg, #0b1220 0%, #101828 56%, #1d2939 100%); border-bottom: 3px solid var(--kayi-brand); box-shadow: 0 8px 24px rgba(4, 11, 24, 0.22); } #header::after { position: absolute; right: 0; bottom: -3px; width: min(36vw, 520px); height: 3px; content: ""; background: linear-gradient(90deg, transparent, #ff5a65); } .logo h1 { top: 17px; font-size: 24px; font-weight: 850; letter-spacing: -0.045em; } .logo h1::after { display: inline-block; width: 7px; height: 7px; margin-left: 7px; content: ""; background: var(--kayi-brand); border-radius: 50%; box-shadow: 0 0 0 4px rgba(210, 15, 32, 0.16); vertical-align: middle; } .menu-nav ul { line-height: 69px; } .menu-nav a { padding: 10px 13px; color: #e4e7ec; font-size: 12px; font-weight: 650; letter-spacing: 0.015em; } .menu-nav a:hover, .menu-nav a:focus-visible { color: #fff; background: rgba(255, 255, 255, 0.08); } /**/ aside { top: 72px; height: calc(100vh - 72px); background: linear-gradient(180deg, #101828 0%, #0c1423 100%); border: 0; box-shadow: 8px 0 28px rgba(4, 11, 24, 0.14); } .tepe { padding: 24px 20px 16px; color: #667085; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-size: 9px; letter-spacing: 0.14em; } .tepe span { margin-top: 9px; color: #f2f4f7; font-size: 14px; font-weight: 750; } .tepe span a { display: inline-flex; align-items: center; } .tepe span a::before { width: 7px; height: 7px; margin-right: 8px; content: ""; background: var(--kayi-brand); border-radius: 50%; box-shadow: 0 0 0 4px rgba(210, 15, 32, 0.13); } .side-ac { top: 27px; color: #e4e7ec; background: #1d2939; border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 5px 14px rgba(0, 0, 0, 0.22); } .side-ac:hover { color: #fff; background: var(--kayi-brand); border-color: var(--kayi-brand); } aside ul { padding: 12px 10px 90px; } aside ul li { margin-bottom: 4px; } aside ul li a { padding: 10px 12px; color: #98a2b3; border: 1px solid transparent; border-radius: 9px; font-size: 11px; font-weight: 560; } aside ul li a::before { display: inline-block; width: 4px; height: 4px; margin-right: 9px; content: ""; background: #475467; border-radius: 50%; vertical-align: 2px; transition: background-color 0.2s ease, transform 0.2s ease; } aside ul li a:hover, aside ul li a:focus-visible { padding-left: 12px; color: #fff; background: rgba(255, 255, 255, 0.065); border-color: rgba(255, 255, 255, 0.07); } aside ul li a:hover::before, aside ul li a:focus-visible::before { background: #ff5a65; transform: scale(1.45); } .site-duzelt { width: 38px; height: 38px; box-sizing: border-box; padding: 0; color: #fff; background: var(--kayi-shell); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; box-shadow: 0 8px 22px rgba(16, 24, 40, 0.22); line-height: 36px; } .site-duzelt:hover { background: var(--kayi-brand); border-color: var(--kayi-brand); } /**/ .cubuk { min-height: 82px; padding: 16px 24px; background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid #dde3ec; box-shadow: 0 4px 18px rgba(16, 24, 40, 0.055); } .cubuk .buldu { padding: 8px 11px; color: #475467; background: #f8fafc; border: 1px solid #e4e7ec; border-radius: 9px; font-size: 11px; letter-spacing: 0.02em; text-transform: uppercase; } .buldu span { margin-right: 2px; color: var(--kayi-success) !important; } .cubuk form { min-width: 300px; } .cubuk input, #musteri-input, #musteri-sec { min-height: 44px; color: #101828; background: #f9fafb; border-color: #d0d5dd; border-radius: 11px; box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.025); } .cubuk input { padding-left: 15px; } .cubuk input:hover, #musteri-input:hover, #musteri-sec:hover { border-color: #98a2b3; } .cubuk input:focus, #musteri-input:focus, #musteri-sec:focus { background: #fff; border-color: var(--kayi-brand); box-shadow: 0 0 0 4px rgba(210, 15, 32, 0.1); } .cubuk button { min-height: 42px; color: #475467; } .alan { min-height: 44px; padding: 10px 15px; color: #344054; background: #fff; border-color: #d8dee7; border-radius: 11px; box-shadow: 0 2px 6px rgba(16, 24, 40, 0.05); } .odemem { color: #667085; font-size: 11px; letter-spacing: 0.035em; } .odemem span { color: #101828; font-size: 14px; letter-spacing: 0; } .sepetim { min-width: 86px; color: #fff; background: linear-gradient(135deg, #d20f20, #b70d1b); border-color: #bd0d1c; box-shadow: 0 7px 18px rgba(183, 13, 27, 0.23); } .sepetim:hover, .sepetim:focus-visible { background: linear-gradient(135deg, #b70d1b, #970914); box-shadow: 0 9px 22px rgba(151, 9, 20, 0.28); transform: translateY(-1px); } .giris { border-color: #d8dee7; } .giris a { color: #475467; } /**/ main { background: transparent; } .baslik { position: relative; margin: 26px 24px 10px; padding-left: 15px; color: #101828; font-size: clamp(23px, 2vw, 31px); font-weight: 850; letter-spacing: -0.045em; line-height: 1.25; } .baslik::before { position: absolute; top: 12%; bottom: 12%; left: 0; width: 4px; content: ""; background: linear-gradient(180deg, #ef3443, var(--kayi-brand-dark)); border-radius: 999px; } .icerik { gap: 18px; padding: 22px 24px 28px; } .icerik > div { position: relative; overflow: hidden; background: #fff; border: 1px solid rgba(208, 213, 221, 0.78); border-radius: 16px; box-shadow: 0 5px 16px rgba(16, 24, 40, 0.055); isolation: isolate; } .icerik > div::after { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ""; background: linear-gradient(90deg, var(--kayi-brand), #f85b67); opacity: 0; transition: opacity 0.22s ease; } .icerik > div:hover { border-color: #c8d0dc; box-shadow: 0 16px 38px rgba(16, 24, 40, 0.11); transform: translateY(-4px); } .icerik > div:hover::after { opacity: 1; } .gorsel { background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f8fafc 64%, #f2f4f7 100%); border-bottom-color: #e8ecf2; } .icerik img { height: 190px; padding: 24px 22px 20px; filter: saturate(0.96) contrast(1.02); } .icerik > div:hover .gorsel > img { transform: scale(1.04); } .arti { top: 13px; left: 13px; width: 30px; height: 30px; color: #344054; background: rgba(255, 255, 255, 0.96); border: 1px solid #d0d5dd; border-radius: 9px; box-shadow: 0 6px 14px rgba(16, 24, 40, 0.11); font-size: 18px; line-height: 28px; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; } .gorsel:hover .arti { color: #fff; background: var(--kayi-shell); border-color: var(--kayi-shell); } .aciklama { padding: 18px 18px 17px; color: #475467; background: #fff; } .aciklama > ul > li { margin-bottom: 10px; } .aciklama > ul > li:first-child { display: inline-flex; width: fit-content; max-width: 100%; align-items: center; padding: 5px 8px; color: #475467; background: #f2f4f7; border: 1px solid #e4e7ec; border-radius: 7px; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; } .aciklama > ul > li:first-child > span { margin-right: 4px; color: #98a2b3; font-size: 9px; } .aciklama > ul > li:nth-child(2) { min-height: 44px; margin-bottom: 12px; color: #101828; font-size: 14px; font-weight: 780; letter-spacing: -0.012em; line-height: 1.48; } .aciklama > ul > li:nth-child(3) { margin: 0 -18px 12px; padding: 10px 18px; color: var(--kayi-brand-dark); background: linear-gradient(90deg, #fff1f2, rgba(255, 241, 242, 0.25)); border-top: 1px solid #ffe0e3; border-bottom: 1px solid #ffe0e3; font-size: 15px; font-weight: 850; } .aciklama > ul > li:nth-child(3) > span { display: block; margin-bottom: 2px; color: #8f3440; font-size: 8px; font-weight: 750; letter-spacing: 0.075em; text-transform: uppercase; } .cift { gap: 7px; } .cift > li { padding: 8px 9px; color: #344054; background: #f8fafc; border: 1px solid #e8ecf2; border-radius: 9px; font-weight: 700; } .cift span { display: block; margin-bottom: 1px; color: #98a2b3; font-size: 8px; letter-spacing: 0.055em; text-transform: uppercase; } .cift .kdv { margin: 0; color: #344054; font-size: 11px; font-weight: 750; letter-spacing: 0; text-transform: none; } .aciklama > ul > li:last-child { color: #344054; font-size: 11px; font-weight: 700; } .aciklama > ul > li:last-child > span { color: #98a2b3; font-size: 9px; } .sepete { grid-template-columns: minmax(130px, 1fr) minmax(94px, 0.72fr); gap: 9px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e8ecf2; } .number { grid-template-columns: 38px minmax(42px, 1fr) 38px; overflow: hidden; background: #fff; border: 1px solid #cfd6e0; border-radius: 10px; box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.025); } .minus, .plus { width: 38px; height: 40px; background: #f8fafc; border: 0; border-radius: 0; font-size: 17px !important; line-height: 40px; } .minus { border-right: 1px solid #e4e7ec; } .plus { border-left: 1px solid #e4e7ec; } .number span:hover { color: #fff !important; background: var(--kayi-shell); border-color: var(--kayi-shell); box-shadow: none; } .number input { height: 40px; background: #fff; border: 0; font-size: 14px; font-weight: 850; } .number input:focus { background: #fff8f8; box-shadow: inset 0 0 0 2px rgba(210, 15, 32, 0.35); } .ekle { position: relative; min-height: 42px; padding: 10px 12px; overflow: hidden; background: linear-gradient(135deg, #d20f20 0%, #b70d1b 100%); border-color: #b70d1b; border-radius: 10px; box-shadow: 0 7px 16px rgba(183, 13, 27, 0.22); font-size: 11px; font-weight: 800; letter-spacing: 0.01em; } .ekle::before { position: absolute; top: 0; bottom: 0; left: -55%; width: 36%; content: ""; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent); transform: skewX(-18deg); transition: left 0.42s ease; } .ekle:hover::before { left: 120%; } .ekle:hover, .ekle:focus-visible { background: linear-gradient(135deg, #b70d1b 0%, #970914 100%); border-color: #970914; box-shadow: 0 10px 21px rgba(151, 9, 20, 0.28); } .urun form[aria-busy="true"] .ekle { color: rgba(255, 255, 255, 0.58); cursor: progress; box-shadow: 0 3px 9px rgba(151, 9, 20, 0.18); } .urun form[aria-busy="true"] .ekle::before { left: 120%; animation: kayi-cart-progress 0.85s linear infinite; } @keyframes kayi-cart-progress { from { left: -55%; } to { left: 120%; } } /**/ .pagina, .pagination { gap: 7px; padding: 0 24px 28px; } .pagina a, .page-numbers { min-width: 36px; min-height: 36px; color: #475467; background: #fff; border-color: #d8dee7; border-radius: 9px; box-shadow: 0 2px 6px rgba(16, 24, 40, 0.045); } .page-numbers:hover, .pagina a:hover { background: var(--kayi-shell); border-color: var(--kayi-shell); } /**/ body .sepet-fix { background: #fff; border: 1px solid #d8dee7; border-right: 0; box-shadow: -16px 20px 48px rgba(16, 24, 40, 0.22); } body .sepeti-ac { background: linear-gradient(180deg, #d20f20, #a70b18); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: -8px 12px 30px rgba(151, 9, 20, 0.28); } body .sepeti-ac:hover { background: var(--kayi-shell); } body .sepet-satir { grid-template-columns: 16% 44% 14% 10%; gap: 12px; padding: 13px 14px; background: #fff; border-bottom: 1px solid #e8ecf2; } body .sepet-satir:hover { background: #f8fafc; } body .sepet-title { color: #101828; font-size: 11px; font-weight: 700; line-height: 1.45; } body .sepet-adet { color: #475467; font-size: 11px; font-weight: 800; } body .tum-sepet { background: linear-gradient(135deg, #d20f20, #a70b18); font-size: 12px; font-weight: 800; letter-spacing: 0.025em; } body .tum-sepet:hover, body .tum-sepet:focus-visible { background: var(--kayi-shell); } /**/ .konten { margin-top: 26px; } .woocommerce-cart-form, .woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout #order_review, .woocommerce-MyAccount-content { border-radius: 15px; } .woocommerce-cart .woocommerce table.shop_table, .woocommerce-checkout .woocommerce table.shop_table { border-color: #d8dee7; border-radius: 14px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.065); } .shop_table th { color: #344054; background: #f2f4f7; font-size: 10px; font-weight: 800; letter-spacing: 0.075em; } .shop_table td { color: #475467; } .shop_table tbody tr:hover { background: #f9fafb; } .cart_item img { background: #fff; border-color: #d8dee7; border-radius: 11px; box-shadow: 0 3px 10px rgba(16, 24, 40, 0.06); } body .woocommerce .cart .button, body .woocommerce .cart input.button, body .woocommerce #respond input#submit, body .woocommerce a.button, body .woocommerce button.button, body .woocommerce input.button, body .woocommerce #respond input#submit.alt, body .woocommerce a.button.alt, body .woocommerce button.button.alt, body .woocommerce input.button.alt { min-height: 42px; background: linear-gradient(135deg, #d20f20, #a70b18) !important; border-radius: 10px !important; box-shadow: 0 6px 15px rgba(167, 11, 24, 0.2); font-size: 12px; font-weight: 800; } body .woocommerce #respond input#submit.alt:hover, body .woocommerce a.button.alt:hover, body .woocommerce button.button.alt:hover, body .woocommerce input.button.alt:hover, body .woocommerce #respond input#submit:hover, body .woocommerce a.button:hover, body .woocommerce button.button:hover, body .woocommerce input.button:hover { background: var(--kayi-shell) !important; box-shadow: 0 8px 19px rgba(16, 24, 40, 0.2); } .woocommerce-billing-fields, .woocommerce-shipping-fields__field-wrapper, .woocommerce-EditAccountForm { padding: 20px; background: #fff; border-color: #d8dee7; border-radius: 14px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.055); } article .woocommerce form label { margin-bottom: 7px; color: #344054; font-size: 11px; letter-spacing: 0.02em; } article .woocommerce input, article .woocommerce textarea, article .woocommerce select { min-height: 44px; background: #f9fafb; border-color: #d0d5dd; border-radius: 10px; } article .woocommerce input:focus, article .woocommerce textarea:focus, article .woocommerce select:focus { background: #fff; border-color: var(--kayi-brand); box-shadow: 0 0 0 4px rgba(210, 15, 32, 0.09); } .woocommerce-MyAccount-navigation a { background: var(--kayi-shell); box-shadow: 0 5px 13px rgba(16, 24, 40, 0.16); } .woocommerce-MyAccount-navigation a:hover, .woocommerce-MyAccount-navigation a:focus-visible { background: var(--kayi-brand); } @supports (backdrop-filter: blur(14px)) { .cubuk { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(14px); } } @media only screen and (max-width: 1400px) { .icerik { gap: 16px; padding: 20px; } .aciklama { padding: 16px; } .aciklama > ul > li:nth-child(3) { margin-right: -16px; margin-left: -16px; padding-right: 16px; padding-left: 16px; } .sepete { grid-template-columns: minmax(130px, 1fr) minmax(46px, 0.52fr); } } @media only screen and (max-width: 1200px) { .cubuk form { min-width: 270px; } .ekle { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 950px) { #header { height: 66px; } aside { top: 66px; height: calc(100vh - 66px); } .logo h1 { top: 0; font-size: 21px; line-height: 66px; } .menu-nav nav { top: 66px; background: var(--kayi-shell); box-shadow: 0 16px 28px rgba(4, 11, 24, 0.24); } .menu-nav a { color: #e4e7ec; background: var(--kayi-shell-soft); border-bottom-color: rgba(255, 255, 255, 0.08); } .menu-nav a:hover, .menu-nav a:focus-visible { color: #fff; background: var(--kayi-brand); } .cubuk { padding: 14px 5%; } .icerik { padding: 18px; } } @media only screen and (max-width: 650px) { #header { height: 62px; } aside { top: 62px; height: calc(100vh - 62px); } .logo h1 { font-size: 20px; line-height: 62px; } .logo h1::after { width: 6px; height: 6px; } .mobil-nav { top: 13px; } .menu-nav nav { top: 62px; } .cubuk { padding: 12px 14px 14px; } .cubuk .buldu { box-sizing: border-box; padding: 7px 10px; } .cubuk form { min-width: 100%; } .icerik { gap: 15px; padding: 14px; } .icerik > div:hover { transform: none; } .icerik img { height: 220px; } .aciklama { padding: 17px; } .aciklama > ul > li:nth-child(3) { margin-right: -17px; margin-left: -17px; padding-right: 17px; padding-left: 17px; } .sepete { grid-template-columns: minmax(145px, 1fr) minmax(112px, 0.72fr); } .ekle span { display: inline; } .baslik { margin: 21px 14px 7px; } .pagina, .pagination { padding-right: 14px; padding-bottom: 24px; padding-left: 14px; } } @media only screen and (max-width: 420px) { .alan { min-height: 42px; } .icerik img { height: 205px; } .sepete { grid-template-columns: 1fr; } .ekle { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { .icerik > div::after, .arti, .side-ac, .site-duzelt, .sepetim, .ekle::before, aside ul li a::before { animation: none; transition-duration: 0.01ms; } } /**/ :root { --kayi-ink: #1c191b; --kayi-canvas: #f5f3f4; --kayi-shell: #8f0a17; --kayi-shell-soft: #ad0d1c; } #header { background: linear-gradient(112deg, #700610 0%, #950916 48%, #c40e1e 100%); border-bottom-color: #ef4a57; box-shadow: 0 8px 25px rgba(99, 5, 15, 0.28); } #header::after { background: linear-gradient(90deg, transparent, #ff9aa2); } .logo h1::after { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.16); } .menu-nav a { color: #ffecef; } .menu-nav a:hover, .menu-nav a:focus-visible { color: #fff; background: rgba(255, 255, 255, 0.12); } aside { background: linear-gradient(180deg, #8f0a17 0%, #760711 58%, #5d050d 100%); box-shadow: 8px 0 28px rgba(91, 4, 13, 0.18); } .tepe { color: rgba(255, 255, 255, 0.55); border-bottom-color: rgba(255, 255, 255, 0.13); } .tepe span { color: #fff; } .tepe span a::before { background: #fff; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.13); } .side-ac { color: #fff; background: rgba(255, 255, 255, 0.11); border-color: rgba(255, 255, 255, 0.18); box-shadow: 0 6px 16px rgba(80, 3, 11, 0.25); } .side-ac:hover { color: #8f0a17; background: #fff; border-color: #fff; } aside ul li a { color: rgba(255, 255, 255, 0.72); } aside ul li a::before { background: rgba(255, 255, 255, 0.42); } aside ul li a:hover, aside ul li a:focus-visible { color: #fff; background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.12); } aside ul li a:hover::before, aside ul li a:focus-visible::before { background: #fff; } .site-duzelt { background: linear-gradient(135deg, #9d0b19, #750711); border-color: rgba(255, 255, 255, 0.18); box-shadow: 0 8px 22px rgba(117, 7, 17, 0.25); } .site-duzelt:hover { background: #c40e1e; border-color: #c40e1e; } .page-numbers:hover, .pagina a:hover, .number span:hover, .gorsel:hover .arti, .woocommerce-MyAccount-navigation a { background: var(--kayi-shell); border-color: var(--kayi-shell); } body .sepeti-ac:hover, body .tum-sepet:hover, body .tum-sepet:focus-visible { background: #750711; } @media only screen and (max-width: 950px) { .menu-nav nav { background: #760711; box-shadow: 0 16px 28px rgba(91, 4, 13, 0.28); } .menu-nav a { color: #ffecef; background: #8f0a17; border-bottom-color: rgba(255, 255, 255, 0.11); } .menu-nav a:hover, .menu-nav a:focus-visible { color: #fff; background: #c40e1e; } } /**/ html { width: 100%; max-width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; } body { width: 100%; min-width: 320px; max-width: 100%; overflow-x: hidden; } *, *::before, *::after { box-sizing: border-box; } img, svg, video, canvas, iframe { max-width: 100%; } img { height: auto; } button, input, select, textarea, a, .minus, .plus, .side-ac, .site-duzelt, .sepeti-ac { touch-action: manipulation; -webkit-tap-highlight-color: rgba(210, 15, 32, 0.12); } button, input, select, textarea { max-width: 100%; } .container { width: 92%; max-width: 1680px; } .konten { width: 94%; max-width: 1500px; } #preloader, .bf-overlay { height: 100vh; } aside { height: calc(100vh - 72px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } @supports (height: 100dvh) { #preloader, .bf-overlay { height: 100dvh; } aside { height: calc(100dvh - 72px); } } .cubuk { display: flex; width: 100%; flex-wrap: wrap; align-items: center; } .cubuk > *, .icerik > *, .sepete > *, .cift > * { min-width: 0; } .cubuk form { flex: 0 1 320px; } .cubuk form input { min-width: 0; flex: 1 1 auto; } .icerik { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 1fr; } .icerik > .urun, main > section > .urun { position: relative; display: flex; min-width: 0; flex-direction: column; overflow: hidden; background: var(--kayi-surface); border: 1px solid rgba(208, 213, 221, 0.78); border-radius: 16px; box-shadow: 0 5px 16px rgba(16, 24, 40, 0.055); vertical-align: top; isolation: isolate; } .icerik > .urun .aciklama, main > section > .urun .aciklama { display: flex; flex: 1 1 auto; flex-direction: column; } .icerik > .urun form.cart, main > section > .urun form.cart { margin-top: auto; } /**/ main > section > .urun { width: calc(25% - 30px); margin: 20px 0 0 20px; } main > section > .urun::after { position: absolute; top: 0; right: 0; left: 0; height: 3px; content: ""; background: linear-gradient(90deg, var(--kayi-brand), #f85b67); opacity: 0; transition: opacity 0.2s ease; } main > section > .urun:hover::after { opacity: 1; } main > section > .urun .gorsel { background: radial-gradient(circle at 50% 30%, #fff 0%, #f8fafc 64%, #f2f4f7 100%); border-bottom: 1px solid #e8ecf2; } main > section > .urun .gorsel > img { display: block; width: 100%; height: 190px; padding: 24px 22px 20px; object-fit: contain; } main > section > h1 { margin: 26px 24px 10px; color: var(--kayi-ink); overflow-wrap: anywhere; } .pagina, .pagination { width: 100%; align-items: center; } .pagina a, .page-numbers { min-width: 40px; min-height: 40px; } .pagina a.actix, .page-numbers.current { color: #fff; background: var(--kayi-shell) !important; border-color: var(--kayi-shell) !important; } .number { width: 100%; min-width: 0; } .minus, .plus { min-width: 38px; user-select: none; -webkit-user-select: none; } .number input { min-width: 0; max-width: 100%; appearance: textfield; -moz-appearance: textfield; } .number input::-webkit-inner-spin-button, .number input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .woocommerce-form-register, .woocommerce-form-login { width: 100%; max-width: 600px; } .woocommerce-cart-form, .shop_table_responsive { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } .shop_table { max-width: 100%; } body .sepet-fix { max-width: calc(100vw - 56px); max-height: 72vh; max-height: min(560px, 72vh); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } body .sepet-satir { grid-template-columns: 48px minmax(0, 1fr) 42px 30px; align-items: center; } body .sepet-title { min-width: 0; overflow-wrap: anywhere; } .menu-nav a, aside ul li a, .sepet-title, .aciklama > ul > li { overflow-wrap: anywhere; } @supports (content-visibility: auto) { body.kayi-v2-content-visibility .icerik > .urun, body.kayi-v2-content-visibility main > section > .urun { content-visibility: auto; contain-intrinsic-size: 440px; } } @media only screen and (min-width: 1800px) { .icerik { grid-template-columns: repeat(5, minmax(0, 1fr)); } main > section > .urun { width: calc(20% - 25px); } } @media only screen and (max-width: 1400px) { .icerik { grid-template-columns: repeat(3, minmax(0, 1fr)); } main > section > .urun { width: calc(33.333% - 27px); } } @media only screen and (max-width: 1200px) { main { left: 0; width: 100%; } aside { width: 320px; max-width: 86vw; box-shadow: 14px 0 38px rgba(91, 4, 13, 0.24); } aside.aside-kapa { width: 0; border: 0; box-shadow: none; } .cubuk { justify-content: flex-start; } .cubuk .buldu { flex: 1 1 100%; } .cubuk form { flex: 1 1 300px; } } /**/ @media only screen and (max-width: 1024px) { .icerik { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 18px; } main > section > .urun { width: calc(50% - 29px); } .sepete { grid-template-columns: minmax(138px, 1fr) minmax(104px, 0.62fr); } .ekle span { display: inline; } .woocommerce-checkout .woocommerce .col2-set, .woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_review { width: 100%; float: none; margin-right: 0; } .woocommerce-checkout .payment-fixed { position: static; width: 100% !important; margin-left: 0; } } @media only screen and (max-width: 950px) { aside { top: 66px; } @supports (height: 100dvh) { aside { height: calc(100dvh - 66px); } } .menu-nav nav { right: 0; max-height: calc(100vh - 66px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; } .menu-nav a { min-height: 46px; align-items: center; line-height: 1.35; } .logo { max-width: calc(100% - 72px); } .logo h1 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body .sepet-fix { top: 80px; height: auto; max-height: calc(100vh - 100px); } } @media only screen and (max-width: 768px) { .cubuk { gap: 9px; padding: 12px 16px 14px; } .cubuk .buldu, .cubuk form { width: 100%; flex-basis: 100%; } .cubuk form { min-width: 0; } .alan { min-width: 0; flex: 1 1 auto; justify-content: center; } .odemem, .sepetim { flex: 1 1 calc(50% - 6px); } .giris { flex: 0 1 auto; } .baslik, main > section > h1 { margin-right: 18px; margin-left: 18px; } } @media only screen and (max-width: 680px) { #header { height: 62px; } aside { top: 62px; width: 300px; max-width: 88vw; } @supports (height: 100dvh) { aside { height: calc(100dvh - 62px); } } .icerik { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 14px; } main > section > .urun { display: flex; width: calc(100% - 28px); margin: 14px 14px 0; } main > section > .urun .gorsel > img, .icerik img { height: 220px; } .sepete { grid-template-columns: minmax(150px, 1fr) minmax(118px, 0.74fr); } .number { grid-template-columns: 44px minmax(42px, 1fr) 44px; } .minus, .plus { width: 44px; min-width: 44px; height: 44px; line-height: 44px; } .number input, .ekle { min-height: 44px; } body .sepet-fix { top: 70px; right: -280px; width: 280px; max-width: calc(100vw - 54px); max-height: calc(100vh - 84px); } body .sepet-fix.sepet-fix-fix { right: 0 !important; } body .sepeti-ac.sepeti-ac-fix { right: 280px; } body .sepet-satir { grid-template-columns: 42px minmax(0, 1fr) 34px 24px; gap: 8px; padding: 11px; } body .sepet-adet, body .urun-sil a { top: 0; padding-left: 0; } } @media only screen and (max-width: 480px) { .container { width: calc(100% - 28px); } .cubuk { padding-right: 12px; padding-left: 12px; } .cubuk input, article .woocommerce input, article .woocommerce textarea, article .woocommerce select { font-size: 16px; } .giris { width: 100%; flex: 1 1 100%; justify-content: center; } .giris a { min-height: 44px; flex: 1 1 auto; text-align: center; } .icerik { padding: 11px; } main > section > .urun { width: calc(100% - 22px); margin-right: 11px; margin-left: 11px; } .aciklama { padding: 15px; } .sepete { grid-template-columns: 1fr; gap: 10px; } .ekle { width: 100%; } .pagina, .pagination { justify-content: center; padding-right: 11px; padding-left: 11px; } .pagina a, .page-numbers { min-width: 44px; min-height: 44px; } .woocommerce-billing-fields, .woocommerce-shipping-fields__field-wrapper, .woocommerce-EditAccountForm { padding: 15px; } } /**/ :root { --kayi-canvas: #f3f5f8; --kayi-line-strong: #d7dde6; --kayi-card-shadow: 0 8px 24px rgba(16, 24, 40, 0.075); --kayi-card-shadow-hover: 0 20px 46px rgba(16, 24, 40, 0.13); } body { background: radial-gradient(circle at 84% 2%, rgba(210, 15, 32, 0.045), transparent 31rem), linear-gradient(180deg, #f8f9fb 0, var(--kayi-canvas) 340px); } #header { border-bottom-width: 2px; box-shadow: 0 10px 30px rgba(91, 4, 13, 0.24); } aside { border-right: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 10px 0 32px rgba(91, 4, 13, 0.18); } .cubuk { gap: 11px; padding: 15px 24px; background: rgba(255, 255, 255, 0.98); border-bottom: 1px solid #dde2e9; box-shadow: 0 7px 24px rgba(16, 24, 40, 0.065); } @supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) { .cubuk { background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(12px) saturate(130%); backdrop-filter: blur(12px) saturate(130%); } } .cubuk .buldu { min-height: 42px; padding: 10px 13px 10px 12px; color: #475467; background: #fff; border: 1px solid #e0e5ec; border-left: 3px solid var(--kayi-brand); box-shadow: 0 2px 7px rgba(16, 24, 40, 0.045); } .cubuk input, #musteri-input, #musteri-sec, .alan { border-color: var(--kayi-line-strong); box-shadow: 0 2px 8px rgba(16, 24, 40, 0.045); } .cubuk input:hover, #musteri-input:hover, #musteri-sec:hover, .alan:hover { border-color: #b8c0cc; } .odemem { min-width: 132px; justify-content: space-between; gap: 10px; } .odemem span { font-variant-numeric: tabular-nums; } .sepetim { padding-right: 17px; padding-left: 17px; border-color: #a90b18; box-shadow: 0 9px 20px rgba(167, 11, 24, 0.24); } .baslik { margin-top: 30px; margin-bottom: 12px; font-size: clamp(24px, 2vw, 32px); letter-spacing: -0.035em; } .icerik { gap: 21px; padding-top: 22px; padding-bottom: 34px; } .icerik > .urun, main > section > .urun { border-color: #dfe4eb; border-radius: 19px; box-shadow: var(--kayi-card-shadow); } .icerik > .urun::after, main > section > .urun::after { height: 4px; background: linear-gradient(90deg, #920914 0%, var(--kayi-brand) 55%, #ef4a57 100%); } .icerik > .urun:hover, main > section > .urun:hover { border-color: #cbd2dc; box-shadow: var(--kayi-card-shadow-hover); transform: translateY(-3px); } .gorsel, main > section > .urun .gorsel { position: relative; min-height: 218px; background: radial-gradient(circle at 50% 35%, #fff 0%, #fafbfc 58%, #f1f3f6 100%); border-bottom: 1px solid #e5e9ef; } .gorsel::after { position: absolute; right: 16px; bottom: 0; left: 16px; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(143, 10, 23, 0.18), transparent); } .icerik img, main > section > .urun .gorsel > img { height: 216px; padding: 25px 24px 22px; filter: saturate(0.98) contrast(1.025); } .arti { top: 15px; left: 15px; width: 32px; height: 32px; color: #7b111b; border-color: #d8dee7; border-radius: 10px; box-shadow: 0 7px 18px rgba(16, 24, 40, 0.11); line-height: 30px; } .aciklama { padding: 19px 20px 18px; } .aciklama > ul > li:first-child { padding: 6px 9px; color: #475467; background: #f5f6f8; border-color: #e1e5eb; border-radius: 8px; } .aciklama > ul > li:nth-child(2) { min-height: 48px; margin-top: 1px; margin-bottom: 13px; color: #17191d; font-size: 15px; font-weight: 800; line-height: 1.45; } .aciklama > ul > li:nth-child(3) { margin: 0 0 13px; padding: 11px 13px; background: linear-gradient(100deg, #fff2f3 0%, #fff9fa 100%); border: 1px solid #f5d5d8; border-radius: 10px; font-size: 16px; box-shadow: inset 3px 0 0 var(--kayi-brand); } .cift { gap: 9px; } .cift > li { padding: 9px 10px; background: #f8f9fb; border-color: #e3e7ed; border-radius: 10px; } .sepete { gap: 10px; margin: 16px -4px -3px; padding: 12px; background: #f8f9fb; border: 1px solid #e3e7ed; border-radius: 13px; } .number { min-height: 44px; border-color: #cbd2dc; border-radius: 11px; box-shadow: 0 2px 6px rgba(16, 24, 40, 0.045); } .minus, .plus, .number input { height: 42px; line-height: 42px; } .minus, .plus { color: #344054; background: #fff; } .number input { color: #17191d; font-variant-numeric: tabular-nums; } .ekle { min-height: 44px; border-radius: 11px; box-shadow: 0 8px 18px rgba(167, 11, 24, 0.22); } body .sepet-fix { border-color: #d7dde6; border-radius: 17px 0 0 17px; box-shadow: -20px 24px 56px rgba(16, 24, 40, 0.24); } body .sepet-satir { padding: 14px; border-bottom-color: #e4e8ee; } body .sepet-img img { padding: 3px; background: #fff; border: 1px solid #e4e8ee; border-radius: 9px; } body .tum-sepet { min-height: 48px; padding: 15px; box-shadow: 0 -5px 18px rgba(16, 24, 40, 0.08); } .pagina a, .page-numbers { border-color: #d7dde6; border-radius: 10px; box-shadow: 0 3px 9px rgba(16, 24, 40, 0.055); } @media only screen and (max-width: 1024px) { .icerik { gap: 17px; } .gorsel, main > section > .urun .gorsel { min-height: 205px; } .icerik img, main > section > .urun .gorsel > img { height: 204px; } } @media only screen and (max-width: 680px) { .cubuk { padding: 12px 14px 14px; } .icerik > .urun, main > section > .urun { border-radius: 16px; } .gorsel, main > section > .urun .gorsel { min-height: 218px; } .icerik img, main > section > .urun .gorsel > img { height: 218px; } .aciklama { padding: 17px; } .sepete { margin-right: 0; margin-left: 0; } } @media only screen and (max-width: 480px) { .odemem { min-width: 0; } .icerik { gap: 13px; } .aciklama > ul > li:nth-child(2) { min-height: 0; font-size: 14px; } .sepete { padding: 10px; } } @media (hover: none) and (pointer: coarse) { .icerik > .urun:hover, main > section > .urun:hover { box-shadow: var(--kayi-card-shadow); transform: none; } } @media only screen and (max-width: 360px) { .logo h1 { font-size: 18px; } .odemem, .sepetim { flex-basis: 100%; } main > section > .urun .gorsel > img, .icerik img { height: 195px; } } @media only screen and (max-width: 334px) { body .sepeti-ac.sepeti-ac-fix { right: calc(100vw - 54px); } } /**/ @media only screen and (max-height: 600px) and (orientation: landscape) { body .sepet-fix { top: 12px; max-height: calc(100vh - 24px); } .menu-nav nav { max-height: calc(100vh - 62px); } aside ul { padding-bottom: 28px; } } @media (hover: none) and (pointer: coarse) { .icerik > div:hover, main > section > .urun:hover, .sepetim:hover { transform: none; } .icerik > div:hover .gorsel > img, main > section > .urun:hover .gorsel > img { transform: none; } .menu-nav a, aside ul li a, .alan, .ekle, .minus, .plus { min-height: 44px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } /**/ .alan.odemem.renkle { color: #667085 !important; background-color: #fff !important; border-color: #d8dee7 !important; box-shadow: 0 2px 6px rgba(16, 24, 40, 0.05) !important; } .alan.odemem.renkle span { color: #101828 !important; } /**/ body.woocommerce-order-received .konten { width: calc(100% - 40px); max-width: 1220px; margin-top: 30px; margin-bottom: 54px; } body.woocommerce-order-received .konten > h1 { position: relative; margin: 0 0 22px; padding-left: 17px; color: var(--kayi-ink); font-size: 30px; font-size: clamp(25px, 3vw, 34px); font-weight: 850; letter-spacing: -0.04em; line-height: 1.2; } body.woocommerce-order-received .konten > h1::before { position: absolute; top: 10%; bottom: 10%; left: 0; width: 4px; content: ""; background: linear-gradient(180deg, var(--kayi-brand), var(--kayi-brand-dark)); border-radius: 999px; } body.woocommerce-order-received article.woocommerce { width: 100%; max-width: none; } body.woocommerce-order-received .woocommerce-order { display: grid; width: 100%; gap: 20px; } body.woocommerce-order-received .woocommerce-notice--success, body.woocommerce-order-received .woocommerce-thankyou-order-received { position: relative; min-height: 72px; margin: 0; padding: 20px 22px 20px 70px; color: var(--kayi-success); background: linear-gradient(100deg, rgba(21, 128, 61, 0.09), #fff 62%); border: 1px solid rgba(21, 128, 61, 0.22); border-left: 4px solid var(--kayi-success); border-radius: 15px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06); font-size: 15px; font-weight: 750; line-height: 1.55; } body.woocommerce-order-received .woocommerce-notice--success::before, body.woocommerce-order-received .woocommerce-thankyou-order-received::before { position: absolute; top: 50%; left: 20px; display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; content: "✓"; color: #fff; background: var(--kayi-success); border-radius: 50%; box-shadow: 0 0 0 6px rgba(21, 128, 61, 0.09); font-size: 18px; line-height: 1; transform: translateY(-50%); } body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-notice), body.woocommerce-order-received .woocommerce-order > .woocommerce-thankyou-order-failed-actions { margin: 0; padding: 17px 19px; color: var(--kayi-muted); background: #fff; border: 1px solid var(--kayi-line); border-radius: 13px; } body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-thankyou-order-details { display: grid; width: 100%; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } body.woocommerce-order-received .woocommerce-order-overview::before, body.woocommerce-order-received .woocommerce-order-overview::after, body.woocommerce-order-received .woocommerce-thankyou-order-details::before, body.woocommerce-order-received .woocommerce-thankyou-order-details::after { display: none; } body.woocommerce-order-received .woocommerce-order-overview li, body.woocommerce-order-received .woocommerce-thankyou-order-details li { width: auto; min-width: 0; min-height: 92px; margin: 0 !important; padding: 17px 18px; float: none; color: var(--kayi-muted); background: #fff; border: 1px solid var(--kayi-line); border-top: 3px solid var(--kayi-brand); border-right: 1px solid var(--kayi-line); border-radius: 13px; box-shadow: 0 5px 16px rgba(16, 24, 40, 0.05); font-size: 9px; font-weight: 750; letter-spacing: 0.085em; line-height: 1.45; text-transform: uppercase; } body.woocommerce-order-received .woocommerce-order-overview li strong, body.woocommerce-order-received .woocommerce-thankyou-order-details li strong { display: block; margin-top: 8px; color: var(--kayi-ink); font-size: 14px; font-weight: 850; letter-spacing: -0.01em; line-height: 1.35; overflow-wrap: anywhere; text-transform: none; } body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details, body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .woocommerce-order-downloads { width: 100%; margin: 0; padding: 22px; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-radius: 16px; box-shadow: 0 9px 28px rgba(16, 24, 40, 0.065); } body.woocommerce-order-received .woocommerce-order-details__title, body.woocommerce-order-received .woocommerce-customer-details > h2, body.woocommerce-order-received .woocommerce-column__title, body.woocommerce-order-received .wc-bacs-bank-details-heading, body.woocommerce-order-received .woocommerce-order-downloads__title { position: relative; margin: 0 0 18px; padding: 0 0 12px 14px; color: var(--kayi-ink); border-bottom: 1px solid var(--kayi-line); font-size: 18px; font-weight: 850; letter-spacing: -0.025em; line-height: 1.3; } body.woocommerce-order-received .woocommerce-order-details__title::before, body.woocommerce-order-received .woocommerce-customer-details > h2::before, body.woocommerce-order-received .woocommerce-column__title::before, body.woocommerce-order-received .wc-bacs-bank-details-heading::before, body.woocommerce-order-received .woocommerce-order-downloads__title::before { position: absolute; top: 2px; bottom: 14px; left: 0; width: 4px; content: ""; background: var(--kayi-brand); border-radius: 999px; } body.woocommerce-order-received .woocommerce-order-details .shop_table, body.woocommerce-order-received .woocommerce-order-downloads .shop_table { margin: 0; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-radius: 12px; box-shadow: none; table-layout: auto; } body.woocommerce-order-received .woocommerce-order-details .shop_table th, body.woocommerce-order-received .woocommerce-order-details .shop_table td, body.woocommerce-order-received .woocommerce-order-downloads .shop_table th, body.woocommerce-order-received .woocommerce-order-downloads .shop_table td { padding: 14px 16px; border-color: var(--kayi-line); text-align: left; vertical-align: middle; } body.woocommerce-order-received .woocommerce-order-details .shop_table thead th, body.woocommerce-order-received .woocommerce-order-downloads .shop_table thead th { color: var(--kayi-muted); background: #f8fafc; font-size: 10px; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; } body.woocommerce-order-received .woocommerce-order-details .shop_table tbody td, body.woocommerce-order-received .woocommerce-order-downloads .shop_table tbody td { color: var(--kayi-ink); background: #fff; font-size: 12px; line-height: 1.5; } body.woocommerce-order-received .woocommerce-order-details .shop_table tbody tr:hover td, body.woocommerce-order-received .woocommerce-order-downloads .shop_table tbody tr:hover td { background: #f9fafb; } body.woocommerce-order-received .woocommerce-order-details .shop_table tfoot th, body.woocommerce-order-received .woocommerce-order-details .shop_table tfoot td { padding: 12px 16px; color: var(--kayi-muted); background: #f8fafc; border-top: 1px solid var(--kayi-line); font-size: 11px; font-weight: 750; } body.woocommerce-order-received .woocommerce-order-details .shop_table tfoot tr:last-child th, body.woocommerce-order-received .woocommerce-order-details .shop_table tfoot tr:last-child td { color: var(--kayi-ink); background: var(--kayi-brand-soft); border-top: 2px solid rgba(210, 15, 32, 0.18); font-size: 14px; font-weight: 900; } body.woocommerce-order-received .woocommerce-order-details .product-name, body.woocommerce-order-received .woocommerce-order-details .product-total { overflow-wrap: anywhere; } body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns, body.woocommerce-order-received .woocommerce-customer-details .col2-set { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column, body.woocommerce-order-received .woocommerce-customer-details .col-1, body.woocommerce-order-received .woocommerce-customer-details .col-2 { width: 100%; margin: 0; padding: 17px; float: none; background: #f8fafc; border: 1px solid var(--kayi-line); border-radius: 12px; } body.woocommerce-order-received .woocommerce-customer-details address { margin: 0; padding: 0; color: var(--kayi-muted); background: transparent; border: 0; font-size: 12px; font-style: normal; line-height: 1.8; overflow-wrap: anywhere; } body.woocommerce-order-received .woocommerce-customer-details address p { margin-top: 8px; } body.woocommerce-order-received .woocommerce-bacs-bank-details ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; } body.woocommerce-order-received .woocommerce-bacs-bank-details li { margin: 0; padding: 14px; background: #f8fafc; border: 1px solid var(--kayi-line); border-radius: 11px; } body.woocommerce-order-received .woocommerce a.button, body.woocommerce-order-received .woocommerce .button, body.woocommerce-order-received a.invoice, body.woocommerce-order-received a.woocommerce-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 10px 15px; color: #fff !important; background: linear-gradient(135deg, var(--kayi-brand), var(--kayi-brand-dark)) !important; border: 0; border-radius: 10px; box-shadow: 0 6px 15px rgba(167, 11, 24, 0.2); font-size: 11px; font-weight: 800; line-height: 1.3; text-decoration: none; } body.woocommerce-order-received .woocommerce a.button:hover, body.woocommerce-order-received .woocommerce .button:hover, body.woocommerce-order-received a.invoice:hover, body.woocommerce-order-received a.woocommerce-button:hover { background: var(--kayi-shell) !important; transform: translateY(-1px); } @media only screen and (max-width: 768px) { body.woocommerce-order-received .konten { width: calc(100% - 28px); margin-top: 22px; margin-bottom: 36px; } body.woocommerce-order-received .woocommerce-order { gap: 15px; } body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-thankyou-order-details { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details, body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .woocommerce-order-downloads { padding: 17px; } body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns, body.woocommerce-order-received .woocommerce-customer-details .col2-set { grid-template-columns: 1fr; } } @media only screen and (max-width: 600px) { body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-order-downloads { overflow-x: auto; -webkit-overflow-scrolling: touch; } body.woocommerce-order-received .woocommerce-order-details .shop_table tr, body.woocommerce-order-received .woocommerce-order-downloads .shop_table tr { margin: 0 0 12px; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-radius: 10px; } body.woocommerce-order-received .woocommerce-order-details .shop_table td, body.woocommerce-order-received .woocommerce-order-downloads .shop_table td { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 16px; text-align: right; } body.woocommerce-order-received .woocommerce-order-details .shop_table td::before, body.woocommerce-order-received .woocommerce-order-downloads .shop_table td::before { color: var(--kayi-muted); text-align: left; } } /**/ body.woocommerce-account main.main { min-width: 0; padding-bottom: 64px; color: #18202b; background: radial-gradient(circle at 92% 4%, rgba(199, 0, 0, 0.055), transparent 26%), #f5f6f8; } body.woocommerce-account .konten { width: calc(100% - 48px); max-width: 1240px; margin: 0 auto; padding-top: 34px; } body.woocommerce-account .konten > h1 { position: relative; margin: 0 0 24px; padding: 0 0 15px 18px; color: #151a22; font-size: clamp(26px, 2.4vw, 36px); font-weight: 850; letter-spacing: -0.04em; line-height: 1.15; } body.woocommerce-account .konten > h1::before { position: absolute; top: 2px; bottom: 16px; left: 0; width: 5px; content: ""; background: var(--kayi-brand, #c70000); border-radius: 999px; } body.woocommerce-account .konten > h1::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ""; background: linear-gradient(90deg, #d8dce2, rgba(216, 220, 226, 0)); } body.woocommerce-account article, body.woocommerce-account article .woocommerce, body.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account .woocommerce-MyAccount-content > * { min-width: 0; box-sizing: border-box; } /**/ body.logged-in.woocommerce-account article .woocommerce { display: grid; grid-template-columns: 252px minmax(0, 1fr); grid-template-rows: auto auto; gap: 22px; align-items: start; } body.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper, body.logged-in.woocommerce-account .woocommerce > .woocommerce-error, body.logged-in.woocommerce-account .woocommerce > .woocommerce-message, body.logged-in.woocommerce-account .woocommerce > .woocommerce-info { grid-column: 1 / -1; grid-row: 1; } body.woocommerce-account .woocommerce-MyAccount-navigation { position: sticky; top: 92px; width: auto; margin: 0; float: none; grid-column: 1; grid-row: 2; } body.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; gap: 4px; margin: 0; padding: 10px; overflow: hidden; list-style: none; background: #fff; border: 1px solid #dfe3e9; border-radius: 18px; box-shadow: 0 12px 34px rgba(23, 31, 43, 0.075); } body.woocommerce-account .woocommerce-MyAccount-navigation li { display: block; min-width: 0; margin: 0; } body.woocommerce-account .woocommerce-MyAccount-navigation a { position: relative; display: flex; min-height: 46px; box-sizing: border-box; align-items: center; gap: 11px; padding: 10px 12px; color: #46505f; background: transparent; border: 1px solid transparent; border-radius: 11px; box-shadow: none; font-size: 12px; font-weight: 750; line-height: 1.3; text-decoration: none; transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease; } body.woocommerce-account .woocommerce-MyAccount-navigation a::before { width: 8px; height: 8px; flex: 0 0 8px; content: ""; background: #d3d7de; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #c9ced6; } body.woocommerce-account .woocommerce-MyAccount-navigation a:hover, body.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible { color: var(--kayi-brand-dark, #9f1018); background: #fcf5f6; border-color: #ecd8db; box-shadow: none; transform: translateX(2px); } body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a { color: #fff; background: linear-gradient(135deg, var(--kayi-brand, #c70000), var(--kayi-brand-dark, #9f1018)); border-color: var(--kayi-brand-dark, #9f1018); box-shadow: 0 8px 18px rgba(159, 16, 24, 0.2); } body.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a::before { background: #fff; border-color: rgba(255, 255, 255, 0.35); box-shadow: none; } body.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads { display: none !important; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content { width: auto; min-height: 390px; margin: 0; padding: clamp(22px, 3vw, 34px); float: none; grid-column: 2; grid-row: 2; color: #485363; background: #fff; border: 1px solid #dfe3e9; border-radius: 20px; box-shadow: 0 14px 40px rgba(23, 31, 43, 0.075); } body.woocommerce-account .woocommerce-MyAccount-content > :first-child { margin-top: 0; } body.woocommerce-account .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; } body.woocommerce-account .woocommerce-MyAccount-content p { margin: 0 0 15px; color: #566171; line-height: 1.7; } body.woocommerce-account .woocommerce-MyAccount-content > p:first-child { padding: 14px 16px; background: #f8f9fb; border: 1px solid #e5e8ed; border-radius: 12px; } body.woocommerce-account .woocommerce-MyAccount-content strong { color: #202734; font-weight: 800; } body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.edit) { color: var(--kayi-brand-dark, #9f1018); font-weight: 700; text-decoration-color: rgba(159, 16, 24, 0.32); text-underline-offset: 3px; } body.woocommerce-account .woocommerce-MyAccount-content h2, body.woocommerce-account .woocommerce-MyAccount-content h3, body.woocommerce-account .woocommerce-MyAccount-content legend { color: #202734; font-weight: 850; letter-spacing: -0.025em; } body.woocommerce-account .woocommerce-MyAccount-content h2, body.woocommerce-account .woocommerce-MyAccount-content h3 { margin: 0 0 17px; line-height: 1.25; } /**/ body.woocommerce-account .woocommerce-error, body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-message { box-sizing: border-box; margin: 0 0 20px; padding: 15px 18px 15px 48px; color: #3e4857; background: #fff; border: 1px solid #dfe3e9; border-top: 1px solid #dfe3e9; border-left: 4px solid var(--kayi-brand, #c70000); border-radius: 13px; box-shadow: 0 8px 22px rgba(23, 31, 43, 0.06); line-height: 1.55; } body.woocommerce-account .woocommerce-error::before, body.woocommerce-account .woocommerce-info::before, body.woocommerce-account .woocommerce-message::before { top: 15px; left: 18px; color: var(--kayi-brand, #c70000); } body.woocommerce-account .woocommerce-error li { margin: 3px 0; } /**/ body.woocommerce-account article .woocommerce form .form-row { box-sizing: border-box; margin: 0 0 16px; padding: 0; } body.woocommerce-account article .woocommerce form label { display: block; margin: 0 0 7px; color: #353f4d; font-size: 11px; font-weight: 800; letter-spacing: 0.015em; line-height: 1.4; } body.woocommerce-account article .woocommerce form .required { color: var(--kayi-brand, #c70000); } body.woocommerce-account article .woocommerce input.input-text, body.woocommerce-account article .woocommerce input[type="email"], body.woocommerce-account article .woocommerce input[type="password"], body.woocommerce-account article .woocommerce input[type="tel"], body.woocommerce-account article .woocommerce input[type="text"], body.woocommerce-account article .woocommerce select, body.woocommerce-account article .woocommerce textarea { width: 100%; min-height: 48px; box-sizing: border-box; margin: 0; padding: 11px 13px; color: #202734; background: #fafbfc; border: 1px solid #d7dce4; border-radius: 11px; box-shadow: inset 0 1px 2px rgba(23, 31, 43, 0.025); font-size: 13px; line-height: 1.35; outline: 0; transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } body.woocommerce-account article .woocommerce textarea { min-height: 110px; resize: vertical; } body.woocommerce-account article .woocommerce input.input-text:hover, body.woocommerce-account article .woocommerce select:hover, body.woocommerce-account article .woocommerce textarea:hover { border-color: #bdc4cf; } body.woocommerce-account article .woocommerce input.input-text:focus, body.woocommerce-account article .woocommerce input[type="email"]:focus, body.woocommerce-account article .woocommerce input[type="password"]:focus, body.woocommerce-account article .woocommerce input[type="tel"]:focus, body.woocommerce-account article .woocommerce input[type="text"]:focus, body.woocommerce-account article .woocommerce select:focus, body.woocommerce-account article .woocommerce textarea:focus { background: #fff; border-color: var(--kayi-brand, #c70000); box-shadow: 0 0 0 4px rgba(199, 0, 0, 0.09); } body.woocommerce-account article .woocommerce .password-input { display: block; width: 100%; } body.woocommerce-account article .woocommerce .show-password-input { top: 50%; right: 13px; transform: translateY(-50%); } body.woocommerce-account article .woocommerce input[type="checkbox"], body.woocommerce-account article .woocommerce input[type="radio"] { width: 17px; min-height: 17px; margin: 0 7px 0 0; accent-color: var(--kayi-brand, #c70000); } body.woocommerce-account .select2-container { width: 100% !important; } body.woocommerce-account .select2-container .select2-selection--single { height: 48px; background: #fafbfc; border-color: #d7dce4; border-radius: 11px; } body.woocommerce-account .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 13px; line-height: 46px; } body.woocommerce-account .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; } body.woocommerce-account article .woocommerce button.button, body.woocommerce-account article .woocommerce a.button, body.woocommerce-account article .woocommerce input.button { display: inline-flex; min-height: 46px; box-sizing: border-box; align-items: center; justify-content: center; padding: 11px 18px; color: #fff !important; background: linear-gradient(135deg, var(--kayi-brand, #c70000), var(--kayi-brand-dark, #9f1018)) !important; border: 1px solid var(--kayi-brand-dark, #9f1018) !important; border-radius: 11px !important; box-shadow: 0 7px 16px rgba(159, 16, 24, 0.18); font-size: 12px; font-weight: 800; line-height: 1.2; text-decoration: none; } body.woocommerce-account article .woocommerce button.button:hover, body.woocommerce-account article .woocommerce button.button:focus-visible, body.woocommerce-account article .woocommerce a.button:hover, body.woocommerce-account article .woocommerce a.button:focus-visible, body.woocommerce-account article .woocommerce input.button:hover, body.woocommerce-account article .woocommerce input.button:focus-visible { background: var(--kayi-brand-dark, #9f1018) !important; box-shadow: 0 9px 20px rgba(159, 16, 24, 0.24); transform: translateY(-1px); } /**/ body.woocommerce-account:not(.logged-in) .konten { max-width: 1120px; } body.woocommerce-account #customer_login { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; width: 100%; margin: 0; } body.woocommerce-account #customer_login::before, body.woocommerce-account #customer_login::after { display: none; } body.woocommerce-account #customer_login > .u-column1, body.woocommerce-account #customer_login > .u-column2 { width: auto; min-width: 0; box-sizing: border-box; padding: clamp(22px, 3vw, 32px); float: none; background: #fff; border: 1px solid #dfe3e9; border-radius: 20px; box-shadow: 0 14px 40px rgba(23, 31, 43, 0.075); } body.woocommerce-account #customer_login h2 { position: relative; margin: 0 0 22px; padding-bottom: 14px; color: #202734; font-size: 21px; font-weight: 850; letter-spacing: -0.03em; } body.woocommerce-account #customer_login h2::after { position: absolute; bottom: 0; left: 0; width: 44px; height: 3px; content: ""; background: var(--kayi-brand, #c70000); border-radius: 999px; } body.woocommerce-account form.woocommerce-form-login, body.woocommerce-account form.woocommerce-form-register { width: 100%; max-width: none; box-sizing: border-box; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; } body.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex; min-height: 32px; align-items: center; margin: 0 12px 12px 0; color: #566171; } body.woocommerce-account .woocommerce-form-login__rememberme input { width: 17px !important; margin: 0 7px 0 0 !important; } body.woocommerce-account .woocommerce-LostPassword { margin: 14px 0 0; padding-top: 14px; border-top: 1px solid #eceef2; } body.woocommerce-account .woocommerce-privacy-policy-text { margin: 2px 0 18px; padding: 12px 14px; color: #677181; background: #f7f8fa; border-radius: 10px; font-size: 11px; line-height: 1.6; } body.woocommerce-account .woocommerce-form-register__submit { margin-bottom: 0; } body.woocommerce-account form.lost_reset_password { width: min(100%, 680px); box-sizing: border-box; margin: 0 auto; padding: clamp(22px, 3vw, 32px); background: #fff; border: 1px solid #dfe3e9; border-radius: 20px; box-shadow: 0 14px 40px rgba(23, 31, 43, 0.075); } /**/ body.woocommerce-account form.woocommerce-EditAccountForm, body.woocommerce-account form.woocommerce-address-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } body.woocommerce-account form.woocommerce-EditAccountForm > .form-row-wide, body.woocommerce-account form.woocommerce-EditAccountForm > fieldset, body.woocommerce-account form.woocommerce-EditAccountForm > p:last-child, body.woocommerce-account form.woocommerce-address-fields > .woocommerce-address-fields__field-wrapper, body.woocommerce-account form.woocommerce-address-fields > p:last-child { grid-column: 1 / -1; } body.woocommerce-account form.woocommerce-EditAccountForm fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; min-width: 0; margin: 10px 0 20px; padding: 22px 20px 4px; background: #f8f9fb; border: 1px solid #e2e5ea; border-radius: 14px; } body.woocommerce-account form.woocommerce-EditAccountForm fieldset legend { padding: 0 8px; font-size: 14px; } body.woocommerce-account form.woocommerce-EditAccountForm fieldset .form-row-wide { grid-column: 1 / -1; } body.woocommerce-account .woocommerce-address-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; } body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide { grid-column: 1 / -1; } /**/ body.woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; } body.woocommerce-account .woocommerce-Addresses::before, body.woocommerce-account .woocommerce-Addresses::after { display: none; } body.woocommerce-account .woocommerce-Addresses .woocommerce-Address { position: relative; width: auto; min-width: 0; box-sizing: border-box; margin: 0; padding: 20px; float: none; background: #f9fafb; border: 1px solid #e1e5ea; border-radius: 15px; } body.woocommerce-account .woocommerce-Address-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid #e3e6eb; } body.woocommerce-account .woocommerce-Address-title::before, body.woocommerce-account .woocommerce-Address-title::after { display: none; } body.woocommerce-account .woocommerce-Address-title h3 { margin: 0; font-size: 15px; } body.woocommerce-account .woocommerce-Address-title a.edit { display: inline-flex; min-height: 32px; align-items: center; padding: 5px 10px; color: var(--kayi-brand-dark, #9f1018); background: #fff; border: 1px solid #e2c8cc; border-radius: 9px; font-size: 10px; font-weight: 800; text-decoration: none; } body.woocommerce-account .woocommerce-Addresses address { margin: 0; color: #596474; font-style: normal; line-height: 1.75; } /**/ body.woocommerce-account .woocommerce-MyAccount-content table.shop_table { width: 100%; margin: 0 0 18px; overflow: hidden; background: #fff; border: 1px solid #dfe3e9; border-collapse: separate; border-spacing: 0; border-radius: 14px; box-shadow: none; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th { padding: 13px 14px; color: #475160; background: #f5f6f8; border-bottom: 1px solid #dfe3e9; font-size: 10px; font-weight: 850; letter-spacing: 0.055em; line-height: 1.35; text-transform: uppercase; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td { padding: 14px; color: #535e6d; background: #fff; border-bottom: 1px solid #eceef2; font-size: 12px; line-height: 1.5; vertical-align: middle; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table tr:last-child td { border-bottom: 0; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button { min-height: 35px; padding: 8px 11px; font-size: 10px; box-shadow: none; } body.woocommerce-account .woocommerce-order-details, body.woocommerce-account .woocommerce-customer-details { margin: 28px 0 0; } body.woocommerce-account .woocommerce-order-details__title, body.woocommerce-account .woocommerce-column__title { margin: 0 0 15px; color: #202734; font-size: 18px; font-weight: 850; letter-spacing: -0.025em; } body.woocommerce-account .woocommerce-customer-details .woocommerce-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body.woocommerce-account .woocommerce-customer-details .woocommerce-column { width: auto; min-width: 0; margin: 0; float: none; } body.woocommerce-account .woocommerce-customer-details address { box-sizing: border-box; margin: 0; padding: 18px; color: #596474; background: #f9fafb; border: 1px solid #e1e5ea; border-radius: 14px; font-style: normal; line-height: 1.75; } body.woocommerce-account mark { padding: 2px 6px; color: var(--kayi-brand-dark, #9f1018); background: #fbecef; border-radius: 6px; font-weight: 800; } body.woocommerce-account .woocommerce-PaymentMethods, body.woocommerce-account .woocommerce-MyAccount-paymentMethods { margin: 0 0 18px; padding: 0; overflow: hidden; list-style: none; background: #fff; border: 1px solid #dfe3e9; border-radius: 14px; } body.woocommerce-account .woocommerce-PaymentMethods li, body.woocommerce-account .woocommerce-MyAccount-paymentMethods li { padding: 14px 16px; border-bottom: 1px solid #eceef2; } body.woocommerce-account .woocommerce-PaymentMethods li:last-child, body.woocommerce-account .woocommerce-MyAccount-paymentMethods li:last-child { border-bottom: 0; } body.woocommerce-account .woocommerce-pagination { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; } /**/ @media only screen and (max-width: 1024px) { body.woocommerce-account .konten { width: calc(100% - 36px); padding-top: 28px; } body.logged-in.woocommerce-account article .woocommerce { grid-template-columns: 220px minmax(0, 1fr); gap: 18px; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content { padding: 24px; } } @media only screen and (max-width: 900px) { body.woocommerce-account main.main { padding-bottom: 44px; } body.logged-in.woocommerce-account article .woocommerce { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 16px; } body.woocommerce-account .woocommerce-MyAccount-navigation { position: static; grid-column: 1; grid-row: 2; } body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 8px; border-radius: 16px; } body.woocommerce-account .woocommerce-MyAccount-navigation a { min-height: 44px; justify-content: flex-start; padding: 9px 10px; } body.woocommerce-account .woocommerce-MyAccount-navigation a:hover, body.woocommerce-account .woocommerce-MyAccount-navigation a:focus-visible { transform: none; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content { grid-column: 1; grid-row: 3; } body.woocommerce-account #customer_login { grid-template-columns: minmax(0, 1fr); } } @media only screen and (max-width: 680px) { body.woocommerce-account .konten { width: calc(100% - 24px); padding-top: 22px; } body.woocommerce-account .konten > h1 { margin-bottom: 18px; padding-left: 14px; font-size: 27px; } body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { grid-column: 1 / -1; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account #customer_login > .u-column1, body.woocommerce-account #customer_login > .u-column2, body.woocommerce-account form.lost_reset_password { padding: 19px; border-radius: 16px; } body.woocommerce-account form.woocommerce-EditAccountForm, body.woocommerce-account form.woocommerce-address-fields, body.woocommerce-account form.woocommerce-EditAccountForm fieldset, body.woocommerce-account .woocommerce-address-fields__field-wrapper, body.woocommerce-account .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); } body.woocommerce-account .woocommerce-customer-details .woocommerce-columns { grid-template-columns: minmax(0, 1fr); } body.woocommerce-account form.woocommerce-EditAccountForm > .form-row, body.woocommerce-account form.woocommerce-EditAccountForm fieldset .form-row, body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row { grid-column: 1; } body.woocommerce-account form.woocommerce-EditAccountForm fieldset { padding: 19px 16px 2px; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive, body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tbody, body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tr, body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td { display: block; width: 100%; box-sizing: border-box; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tr { margin: 0 0 12px; overflow: hidden; background: #fff; border: 1px solid #dfe3e9; border-radius: 12px; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive tr:last-child { margin-bottom: 0; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td { min-height: 44px; padding: 11px 12px; text-align: right; border-bottom: 1px solid #eceef2; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td::before { max-width: 48%; color: #3e4857; font-size: 9px; font-weight: 850; letter-spacing: 0.045em; text-align: left; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td:last-child { border-bottom: 0; } body.woocommerce-account .woocommerce-MyAccount-content table.shop_table_responsive td .button { width: 100%; margin: 4px 0; } } @media only screen and (max-width: 420px) { body.woocommerce-account .konten { width: calc(100% - 20px); } body.woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: minmax(0, 1fr); } body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout { grid-column: 1; } body.logged-in.woocommerce-account .woocommerce-MyAccount-content, body.woocommerce-account #customer_login > .u-column1, body.woocommerce-account #customer_login > .u-column2, body.woocommerce-account form.lost_reset_password { padding: 16px; } body.woocommerce-account article .woocommerce button.button, body.woocommerce-account article .woocommerce a.button, body.woocommerce-account article .woocommerce input.button { width: 100%; } body.woocommerce-account .woocommerce-form-login__rememberme { width: 100%; margin-right: 0; } } @media (prefers-reduced-motion: reduce) { body.woocommerce-account .woocommerce-MyAccount-navigation a, body.woocommerce-account article .woocommerce button.button, body.woocommerce-account article .woocommerce a.button, body.woocommerce-account article .woocommerce input.button { transition-duration: 0.01ms !important; } } /**/ body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { position: fixed !important; top: 70px; bottom: 0; height: auto; max-height: none; } .kayi-global-search-form { position: relative; z-index: 95; } .kayi-product-search-results { display: grid; min-width: 0; max-height: min(420px, 62vh); align-content: start; gap: 3px; padding: 7px; overflow-x: hidden; overflow-y: auto; color: var(--kayi-ink); background: #fff; border: 1px solid #ded2d5; border-radius: 14px; box-shadow: 0 18px 44px rgba(8, 16, 25, 0.16); scrollbar-width: thin; scrollbar-color: #d4c7ca transparent; } .kayi-product-search-results[hidden] { display: none !important; } .kayi-product-search-results-global { position: absolute; z-index: 1010; top: calc(100% + 7px); left: 0; width: min(440px, 86vw); } .kayi-product-search-results-sidebar { z-index: 2; flex: 0 1 auto; max-height: 330px; margin: 0 10px 10px; border-radius: 13px; box-shadow: 0 12px 28px rgba(8, 16, 25, 0.11); } .kayi-product-search-item { display: grid; min-width: 0; min-height: 68px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; padding: 5px; color: var(--kayi-ink); background: #fff; border: 1px solid transparent; border-radius: 11px; transition: background-color 0.14s ease, border-color 0.14s ease; } .kayi-product-search-item:hover, .kayi-product-search-item:focus-within { color: var(--kayi-brand-dark); background: #fbf6f7; border-color: #e3cfd3; } .kayi-product-search-item.is-in-cart { border-color: rgba(170, 29, 43, 0.2); } .kayi-product-search-link { display: grid; min-width: 0; min-height: 56px; grid-template-columns: 50px minmax(0, 1fr); align-items: center; gap: 11px; padding: 2px; color: inherit; border-radius: 9px; text-decoration: none; } .kayi-product-search-link:hover { color: var(--kayi-brand-dark); } .kayi-product-search-link:focus-visible { color: var(--kayi-brand-dark); outline: 2px solid rgba(170, 29, 43, 0.36); outline-offset: 1px; } .kayi-product-search-image { display: grid; width: 50px; height: 50px; place-items: center; overflow: hidden; background: #fff; border: 1px solid #ebe3e5; border-radius: 10px; } .kayi-product-search-image img { display: block; width: 100%; height: 100%; padding: 3px; object-fit: contain; object-position: center; } .kayi-product-search-image.is-empty::before { color: #b2a8ab; content: "□"; font-size: 17px; } .kayi-product-search-copy { display: grid; min-width: 0; gap: 4px; } .kayi-product-search-copy strong { min-width: 0; color: inherit; font-size: 12px; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; } .kayi-product-search-copy small { color: var(--kayi-brand); font-size: 10px; font-weight: 850; line-height: 1.3; } .kayi-product-search-cart { position: relative; display: grid; min-width: 98px; grid-template-columns: 34px 28px 34px; align-items: center; justify-content: end; overflow: hidden; background: #fff; border: 1px solid #dfd3d6; border-radius: 10px; box-shadow: 0 3px 10px rgba(26, 17, 20, 0.06); } .kayi-product-search-cart button { width: 34px; min-width: 34px; height: 38px; min-height: 38px; margin: 0; padding: 0; color: var(--kayi-brand-dark); background: #fff; border: 0; border-radius: 0; box-shadow: none; font: 800 19px/1 Arial, sans-serif; cursor: pointer; touch-action: manipulation; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; } .kayi-product-search-cart .kayi-search-cart-plus { color: #fff; background: var(--kayi-brand); } .kayi-product-search-cart button:hover, .kayi-product-search-cart button:focus-visible { color: #fff; background: var(--kayi-brand-dark); outline: 0; } .kayi-product-search-cart button:focus-visible { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.72); } .kayi-product-search-cart button:disabled { color: #b8afb1; background: #f3eff0; cursor: default; opacity: 1; } .kayi-search-cart-quantity { display: grid; min-width: 28px; height: 38px; place-items: center; color: var(--kayi-ink); background: #fff; border-right: 1px solid #eee6e8; border-left: 1px solid #eee6e8; font-size: 12px; font-weight: 850; line-height: 1; text-align: center; } .kayi-product-search-cart.is-syncing::after { position: absolute; right: 3px; bottom: 2px; width: 5px; height: 5px; content: ""; background: #fff; border: 1px solid var(--kayi-brand-dark); border-radius: 50%; pointer-events: none; } .kayi-product-search-choice { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; padding: 0 10px; color: var(--kayi-brand-dark); background: #fbf2f3; border: 1px solid #ead6da; border-radius: 9px; font-size: 10px; font-weight: 800; white-space: nowrap; } .kayi-product-search-message { margin: 0; padding: 14px 12px; color: var(--kayi-muted); background: #faf8f8; border-radius: 9px; font-size: 11px; line-height: 1.45; text-align: center; } .kayi-product-search-message.is-loading::before { display: inline-block; width: 12px; height: 12px; margin: 0 7px -2px 0; content: ""; border: 2px solid #dfc8cc; border-top-color: var(--kayi-brand); border-radius: 999px; animation: kayi-product-search-spin 0.7s linear infinite; } .kayi-product-search-message.is-error { color: var(--kayi-brand-dark); background: #fbf1f2; } @keyframes kayi-product-search-spin { to { transform: rotate(360deg); } } @media only screen and (max-width: 900px) { body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { top: 68px; } } @media only screen and (max-width: 640px) { .kayi-product-search-results-global { width: 100%; max-width: calc(100vw - 24px); } .kayi-product-search-results-sidebar { max-height: min(300px, 45vh); margin-right: 8px; margin-left: 8px; } .kayi-product-search-item { gap: 4px; } .kayi-product-search-link { grid-template-columns: 46px minmax(0, 1fr); gap: 8px; } .kayi-product-search-image { width: 46px; height: 46px; } .kayi-product-search-cart { min-width: 106px; grid-template-columns: 38px 30px 38px; } .kayi-product-search-cart button { width: 38px; min-width: 38px; height: 42px; min-height: 42px; } .kayi-search-cart-quantity { min-width: 30px; height: 42px; } } @media only screen and (max-width: 390px) { .kayi-product-search-item { grid-template-columns: minmax(0, 1fr); } .kayi-product-search-cart, .kayi-product-search-choice { justify-self: end; } } @media (prefers-reduced-motion: reduce) { .kayi-product-search-message.is-loading::before { animation-duration: 1.4s; } } @media only screen and (max-width: 480px) { body.woocommerce-order-received .konten { width: calc(100% - 22px); } body.woocommerce-order-received .konten > h1 { margin-bottom: 17px; font-size: 24px; } body.woocommerce-order-received .woocommerce-notice--success, body.woocommerce-order-received .woocommerce-thankyou-order-received { padding: 18px 16px 18px 58px; font-size: 13px; } body.woocommerce-order-received .woocommerce-notice--success::before, body.woocommerce-order-received .woocommerce-thankyou-order-received::before { left: 15px; width: 30px; height: 30px; } body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-thankyou-order-details { grid-template-columns: 1fr; } body.woocommerce-order-received .woocommerce-order-overview li, body.woocommerce-order-received .woocommerce-thankyou-order-details li { min-height: 78px; padding: 14px 15px; } body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details, body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .woocommerce-order-downloads { padding: 14px; border-radius: 13px; } } @media print { body.woocommerce-order-received .woocommerce-order { display: block; } body.woocommerce-order-received .woocommerce-order > * { margin-bottom: 14px; box-shadow: none; } body.woocommerce-order-received .woocommerce-notice--success, body.woocommerce-order-received .woocommerce-thankyou-order-received, body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details { break-inside: avoid; } } /**/ body.woocommerce-cart .konten, body.woocommerce-checkout:not(.woocommerce-order-received) .konten, body.woocommerce-order-pay .konten { width: calc(100% - 40px); max-width: 1340px; margin-top: 30px; margin-bottom: 54px; } body.woocommerce-cart .konten > h1, body.woocommerce-checkout:not(.woocommerce-order-received) .konten > h1, body.woocommerce-order-pay .konten > h1 { position: relative; margin: 0 0 24px; padding-left: 17px; color: var(--kayi-ink); font-size: 30px; font-size: clamp(25px, 3vw, 34px); font-weight: 850; letter-spacing: -0.04em; line-height: 1.2; } body.woocommerce-cart .konten > h1::before, body.woocommerce-checkout:not(.woocommerce-order-received) .konten > h1::before, body.woocommerce-order-pay .konten > h1::before { position: absolute; top: 10%; bottom: 10%; left: 0; width: 4px; content: ""; background: linear-gradient(180deg, var(--kayi-brand), var(--kayi-brand-dark)); border-radius: 999px; } body.woocommerce-cart article.woocommerce, body.woocommerce-checkout:not(.woocommerce-order-received) article.woocommerce, body.woocommerce-order-pay article.woocommerce { width: 100%; max-width: none; } body.woocommerce-cart article.woocommerce::after, body.woocommerce-checkout:not(.woocommerce-order-received) article.woocommerce::after, body.woocommerce-order-pay article.woocommerce::after { display: table; clear: both; content: ""; } /**/ body.woocommerce-cart .woocommerce-cart-form { width: calc(66% - 12px); margin: 0; float: left; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-radius: 16px; box-shadow: 0 9px 28px rgba(16, 24, 40, 0.065); } body.woocommerce-cart .woocommerce-cart-form .shop_table { margin: 0; overflow: hidden; border: 0; border-radius: 0; box-shadow: none; table-layout: auto; } body.woocommerce-cart .woocommerce-cart-form .shop_table thead th { padding: 14px 13px; color: var(--kayi-muted); background: #f8fafc; border: 0; border-bottom: 1px solid var(--kayi-line); font-size: 9px; font-weight: 850; letter-spacing: 0.075em; text-align: left; text-transform: uppercase; } body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td { padding: 15px 13px; color: var(--kayi-ink); background: #fff; border: 0; border-bottom: 1px solid var(--kayi-line); font-size: 12px; vertical-align: middle; } body.woocommerce-cart .woocommerce-cart-form .shop_table tbody tr.cart_item:hover td { background: #f9fafb; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail { width: 92px; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img { display: block; width: 72px; height: 72px; margin: 0 auto; padding: 6px; object-fit: contain; background: #fff; border: 1px solid var(--kayi-line); border-radius: 11px; box-shadow: 0 3px 10px rgba(16, 24, 40, 0.055); } body.woocommerce-cart .woocommerce-cart-form .product-name { min-width: 170px; font-weight: 750; line-height: 1.5; overflow-wrap: anywhere; } body.woocommerce-cart .woocommerce-cart-form .product-price, body.woocommerce-cart .woocommerce-cart-form .product-subtotal { white-space: nowrap; font-weight: 800; } body.woocommerce-cart .woocommerce-cart-form .product-subtotal { color: var(--kayi-brand-dark); } body.woocommerce-cart .woocommerce-cart-form .quantity { display: inline-flex; align-items: center; } body.woocommerce-cart .woocommerce-cart-form .quantity .qty { width: 72px; min-height: 40px; margin: 0; padding: 7px 8px; color: var(--kayi-ink); background: #f8fafc; border: 1px solid #d0d5dd; border-radius: 9px; font-size: 13px; font-weight: 800; text-align: center; } body.woocommerce-cart .woocommerce-cart-form .quantity .qty:focus { background: #fff; border-color: var(--kayi-brand); box-shadow: 0 0 0 3px rgba(210, 15, 32, 0.1); outline: 0; } body.woocommerce-cart .woocommerce a.remove { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; margin: 0 auto; color: var(--kayi-brand) !important; background: var(--kayi-brand-soft); border: 1px solid rgba(210, 15, 32, 0.16); border-radius: 9px; font-size: 19px; font-weight: 500; line-height: 1; text-decoration: none; } body.woocommerce-cart .woocommerce a.remove:hover, body.woocommerce-cart .woocommerce a.remove:focus-visible { color: #fff !important; background: var(--kayi-brand); border-color: var(--kayi-brand); } body.woocommerce-cart .woocommerce-cart-form td.actions { padding: 15px !important; background: #f8fafc !important; border: 0 !important; } body.woocommerce-cart .woocommerce-cart-form td.actions::after { display: table; clear: both; content: ""; } body.woocommerce-cart .woocommerce-cart-form .coupon { display: flex; width: auto !important; max-width: 100%; align-items: center; gap: 8px; float: left; } body.woocommerce-cart .woocommerce-cart-form .coupon .input-text { width: 190px !important; min-height: 42px; margin: 0; padding: 9px 12px !important; color: var(--kayi-ink); background: #fff; border: 1px solid #d0d5dd; border-radius: 9px; } body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] { min-height: 42px; margin: 0; float: right; } /**/ body.woocommerce-cart .woocommerce .cart-collaterals { width: calc(34% - 12px); margin: 0; float: right; } body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals { width: 100%; padding: 21px; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-top: 4px solid var(--kayi-brand); border-radius: 16px; box-shadow: 0 12px 34px rgba(16, 24, 40, 0.09); } body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { display: block; margin: 0 0 16px; padding-bottom: 13px; color: var(--kayi-ink); border-bottom: 1px solid var(--kayi-line); font-size: 18px; font-weight: 850; letter-spacing: -0.025em; } body.woocommerce-cart .woocommerce .cart-collaterals .shop_table { margin: 0 0 17px; border: 1px solid var(--kayi-line); border-radius: 11px; box-shadow: none; table-layout: auto; } body.woocommerce-cart .woocommerce .cart-collaterals .shop_table th, body.woocommerce-cart .woocommerce .cart-collaterals .shop_table td { padding: 13px 12px; color: var(--kayi-muted); background: #fff; border: 0; border-bottom: 1px solid var(--kayi-line); font-size: 11px; text-align: left; vertical-align: top; } body.woocommerce-cart .woocommerce .cart-collaterals .shop_table td { color: var(--kayi-ink); font-weight: 800; text-align: right; } body.woocommerce-cart .woocommerce .cart-collaterals .order-total th, body.woocommerce-cart .woocommerce .cart-collaterals .order-total td { color: var(--kayi-ink); background: var(--kayi-brand-soft); border-bottom: 0; font-size: 14px; font-weight: 900; } body.woocommerce-cart .woocommerce .wc-proceed-to-checkout { margin: 0; padding: 0; } body.woocommerce-cart .woocommerce a.checkout-button.button.alt { display: flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; margin: 0; padding: 13px 16px; border-radius: 11px !important; font-size: 13px; font-weight: 850; line-height: 1.35; text-align: center; } body.woocommerce-cart .cart-empty.woocommerce-info { position: relative; margin: 0 0 16px; padding: 24px; color: var(--kayi-muted); background: #fff; border: 1px solid var(--kayi-line); border-left: 4px solid var(--kayi-brand); border-radius: 14px; box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06); font-size: 14px; font-weight: 700; } body.woocommerce-cart .return-to-shop { margin-top: 15px; } /**/ body.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre { width: 100%; margin: 0 0 18px; padding: 19px; background: #fff; border: 1px solid var(--kayi-line); border-left: 4px solid var(--kayi-brand); border-radius: 14px; box-shadow: 0 7px 22px rgba(16, 24, 40, 0.055); } body.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre h3 { margin: 0 0 12px !important; color: var(--kayi-ink) !important; font-size: 15px; font-weight: 850; } body.woocommerce-checkout:not(.woocommerce-order-received) #musteri-input { width: 100%; max-width: 520px; min-height: 44px; margin: 0; padding: 10px 13px; } body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout { width: 100%; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set { width: calc(56% - 12px); margin: 0; float: left; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2 { width: 100%; margin: 0 0 18px; padding: 21px; float: none; background: #fff; border: 1px solid var(--kayi-line); border-radius: 15px; box-shadow: 0 8px 25px rgba(16, 24, 40, 0.06); } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-shipping-fields__field-wrapper, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields > h3, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-shipping-fields > h3, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields > h3, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading, body.woocommerce-order-pay #order_review_heading { position: relative; margin: 0 0 18px; padding: 0 0 12px 14px; color: var(--kayi-ink); border-bottom: 1px solid var(--kayi-line); font-size: 18px; font-weight: 850; letter-spacing: -0.025em; line-height: 1.3; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-billing-fields > h3::before, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-shipping-fields > h3::before, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-additional-fields > h3::before, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading::before, body.woocommerce-order-pay #order_review_heading::before { position: absolute; top: 2px; bottom: 14px; left: 0; width: 4px; content: ""; background: var(--kayi-brand); border-radius: 999px; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row { margin: 0 0 13px; padding: 0 6px; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row label { margin: 0 0 6px; color: var(--kayi-muted); font-size: 10px; font-weight: 800; letter-spacing: 0.045em; line-height: 1.4; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row .required { color: var(--kayi-brand); } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row input.input-text, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row textarea, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row select, body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single { min-height: 44px; margin: 0; color: var(--kayi-ink); background: #f9fafb; border: 1px solid #d0d5dd; border-radius: 10px; box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.025); } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row input.input-text, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row textarea, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row select { padding: 10px 12px; } body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single .select2-selection__rendered { padding: 7px 35px 7px 12px; color: var(--kayi-ink); line-height: 28px; } body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container .select2-selection--single .select2-selection__arrow { top: 8px; right: 7px; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row input.input-text:focus, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row textarea:focus, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row select:focus, body.woocommerce-checkout:not(.woocommerce-order-received) .select2-container--focus .select2-selection--single { background: #fff; border-color: var(--kayi-brand); box-shadow: 0 0 0 3px rgba(210, 15, 32, 0.1); outline: 0; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row input[type="checkbox"], body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row input[type="radio"], body.woocommerce-checkout:not(.woocommerce-order-received) #payment input[type="radio"], body.woocommerce-order-pay #payment input[type="radio"] { width: 18px; min-height: 18px; margin: 0 7px 0 0; accent-color: var(--kayi-brand); vertical-align: -4px; } body.woocommerce-checkout:not(.woocommerce-order-received) #ship-to-different-address label { display: flex; align-items: center; color: var(--kayi-ink); font-size: 12px; font-weight: 800; line-height: 1.4; text-transform: none; } /**/ body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review { width: calc(44% - 12px); float: right; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading { margin: 0; padding: 18px 20px 15px 34px; background: #fff; border: 1px solid var(--kayi-line); border-bottom: 0; border-radius: 15px 15px 0 0; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading::before { top: 19px; bottom: 16px; left: 20px; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review, body.woocommerce-order-pay #order_review { margin: 0; padding: 0 20px 20px; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-top: 0; border-radius: 0 0 15px 15px; box-shadow: 0 12px 34px rgba(16, 24, 40, 0.09); } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table, body.woocommerce-order-pay #order_review .shop_table { margin: 0 0 17px; border: 1px solid var(--kayi-line); border-radius: 11px; box-shadow: none; table-layout: auto; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table th, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table td, body.woocommerce-order-pay #order_review .shop_table th, body.woocommerce-order-pay #order_review .shop_table td { padding: 12px; color: var(--kayi-muted); background: #fff; border: 0; border-bottom: 1px solid var(--kayi-line); font-size: 11px; line-height: 1.5; text-align: left; vertical-align: top; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table td, body.woocommerce-order-pay #order_review .shop_table td { color: var(--kayi-ink); text-align: right; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table .product-name, body.woocommerce-order-pay #order_review .shop_table .product-name { max-width: 230px; font-weight: 700; overflow-wrap: anywhere; text-align: left; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table .order-total th, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table .order-total td, body.woocommerce-order-pay #order_review .shop_table .order-total th, body.woocommerce-order-pay #order_review .shop_table .order-total td { color: var(--kayi-ink); background: var(--kayi-brand-soft); border-bottom: 0; font-size: 14px; font-weight: 900; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment, body.woocommerce-order-pay #payment { margin: 0; padding: 0; background: #f8fafc; border: 1px solid var(--kayi-line); border-radius: 11px; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods, body.woocommerce-order-pay #payment ul.payment_methods { margin: 0; padding: 8px; border: 0; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods li, body.woocommerce-order-pay #payment ul.payment_methods li { margin: 0; padding: 11px 12px; color: var(--kayi-ink); background: #fff; border: 1px solid var(--kayi-line); border-radius: 9px; font-size: 12px; font-weight: 750; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods li + li, body.woocommerce-order-pay #payment ul.payment_methods li + li { margin-top: 7px; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment div.payment_box, body.woocommerce-order-pay #payment div.payment_box { margin: 10px 0 0; padding: 11px 12px; color: var(--kayi-muted); background: #f8fafc; border-radius: 8px; font-size: 11px; font-weight: 500; line-height: 1.6; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment div.payment_box::before, body.woocommerce-order-pay #payment div.payment_box::before { border-bottom-color: #f8fafc; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment .place-order, body.woocommerce-order-pay #payment .place-order { margin: 0; padding: 14px; background: transparent; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment #place_order, body.woocommerce-order-pay #payment #place_order { width: 100%; min-height: 50px; margin: 13px 0 0; padding: 13px 17px; float: none; border-radius: 10px; font-size: 13px; font-weight: 850; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-privacy-policy-text, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper, body.woocommerce-order-pay .woocommerce-privacy-policy-text, body.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper { color: var(--kayi-muted); font-size: 10px; line-height: 1.65; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-privacy-policy-text a, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-terms-and-conditions-wrapper a, body.woocommerce-order-pay .woocommerce-privacy-policy-text a, body.woocommerce-order-pay .woocommerce-terms-and-conditions-wrapper a { color: var(--kayi-brand-dark); font-weight: 750; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-form-login, body.woocommerce-order-pay .woocommerce-form-login { max-width: 620px; margin: 0 0 18px; padding: 20px; background: #fff; border: 1px solid var(--kayi-line); border-radius: 14px; box-shadow: 0 7px 22px rgba(16, 24, 40, 0.055); } body.woocommerce-order-pay #order_review_heading, body.woocommerce-order-pay #order_review { width: 100%; max-width: 760px; margin-right: auto; margin-left: auto; float: none; } body.woocommerce-order-pay #order_review_heading { padding: 18px 20px 15px 34px; background: #fff; border: 1px solid var(--kayi-line); border-bottom: 0; border-radius: 15px 15px 0 0; } body.woocommerce-order-pay #order_review_heading::before { top: 19px; bottom: 16px; left: 20px; } @media only screen and (max-width: 1100px) { body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce .cart-collaterals, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review { width: 100%; margin-right: 0; margin-left: 0; float: none; } body.woocommerce-cart .woocommerce .cart-collaterals, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading { margin-top: 18px; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading { border-radius: 15px 15px 0 0; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review { border-radius: 0 0 15px 15px; } } @media only screen and (max-width: 768px) { body.woocommerce-cart .konten, body.woocommerce-checkout:not(.woocommerce-order-received) .konten, body.woocommerce-order-pay .konten { width: calc(100% - 28px); margin-top: 22px; margin-bottom: 36px; } body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2 { border-radius: 13px; } body.woocommerce-cart .woocommerce-cart-form { overflow-x: auto; -webkit-overflow-scrolling: touch; } body.woocommerce-cart .woocommerce-cart-form .shop_table { min-width: 700px; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2 { padding: 17px; } body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row-first, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce form .form-row-last { width: 100%; float: none; } } @media only screen and (max-width: 600px) { body.woocommerce-cart .woocommerce-cart-form { overflow: visible; } body.woocommerce-cart .woocommerce-cart-form .shop_table { min-width: 0; } body.woocommerce-cart .woocommerce-cart-form .shop_table tr.cart_item { margin: 0 12px 12px; overflow: hidden; background: #fff; border: 1px solid var(--kayi-line); border-radius: 11px; box-shadow: 0 4px 14px rgba(16, 24, 40, 0.045); } body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 15px; padding: 11px 13px; text-align: right; } body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td::before { color: var(--kayi-muted); text-align: left; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail { display: flex; width: 100%; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail::before { align-self: center; } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img { width: 64px; height: 64px; margin: 0 0 0 auto; } body.woocommerce-cart .woocommerce-cart-form .product-name { min-width: 0; } body.woocommerce-cart .woocommerce-cart-form td.actions { display: block !important; } body.woocommerce-cart .woocommerce-cart-form .coupon { width: 100% !important; margin: 0 0 9px; float: none; } body.woocommerce-cart .woocommerce-cart-form .coupon .input-text { width: 100% !important; flex: 1 1 auto; } body.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] { width: 100%; margin-top: 0; float: none; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review, body.woocommerce-order-pay #order_review { padding: 0 14px 14px; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table, body.woocommerce-order-pay #order_review .shop_table { display: table; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table thead, body.woocommerce-order-pay #order_review .shop_table thead { display: table-header-group; position: static; width: auto; height: auto; clip: auto; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table tr, body.woocommerce-order-pay #order_review .shop_table tr { display: table-row; margin: 0; border: 0; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table th, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table td, body.woocommerce-order-pay #order_review .shop_table th, body.woocommerce-order-pay #order_review .shop_table td { display: table-cell; padding: 10px; font-size: 10px; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table td::before, body.woocommerce-order-pay #order_review .shop_table td::before { display: none; } } @media only screen and (max-width: 480px) { body.woocommerce-cart .konten, body.woocommerce-checkout:not(.woocommerce-order-received) .konten, body.woocommerce-order-pay .konten { width: calc(100% - 22px); } body.woocommerce-cart .konten > h1, body.woocommerce-checkout:not(.woocommerce-order-received) .konten > h1, body.woocommerce-order-pay .konten > h1 { margin-bottom: 17px; font-size: 24px; } body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2, body.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre { padding: 14px; } body.woocommerce-cart .woocommerce-cart-form .coupon { flex-direction: column; } body.woocommerce-cart .woocommerce-cart-form .coupon .input-text, body.woocommerce-cart .woocommerce-cart-form .coupon .button { width: 100% !important; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading, body.woocommerce-order-pay #order_review_heading { padding: 16px 14px 13px 29px; font-size: 16px; } body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading::before, body.woocommerce-order-pay #order_review_heading::before { top: 17px; bottom: 14px; left: 15px; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment ul.payment_methods, body.woocommerce-order-pay #payment ul.payment_methods { padding: 6px; } body.woocommerce-checkout:not(.woocommerce-order-received) #payment .place-order, body.woocommerce-order-pay #payment .place-order { padding: 10px; } } /**/ :root { --kayi-minimal-red: #a20d1b; --kayi-minimal-red-dark: #850a15; --kayi-minimal-text: #20242a; --kayi-minimal-muted: #6b7280; --kayi-minimal-line: #e3e6eb; --kayi-minimal-bg: #f6f7f9; } body { color: var(--kayi-minimal-text); background: var(--kayi-minimal-bg); } #header { background: var(--kayi-minimal-red); border-bottom: 0; box-shadow: 0 2px 10px rgba(79, 7, 15, 0.16); } #header::after, .icerik > .urun::after, main > section > .urun::after, .gorsel::after, .ekle::before { display: none; } aside { background: var(--kayi-minimal-red-dark); border-right: 0; box-shadow: 4px 0 14px rgba(79, 7, 15, 0.12); } .side-ac, .site-duzelt { box-shadow: none; } .cubuk { gap: 9px; padding: 13px 22px; background: #fff; border-bottom: 1px solid var(--kayi-minimal-line); box-shadow: 0 1px 4px rgba(16, 24, 40, 0.04); -webkit-backdrop-filter: none; backdrop-filter: none; } .cubuk .buldu { min-height: 40px; padding: 9px 11px; color: var(--kayi-minimal-muted); background: #f8f9fa; border: 1px solid var(--kayi-minimal-line); border-left-width: 1px; border-radius: 9px; box-shadow: none; text-transform: none; } .cubuk input, #musteri-input, #musteri-sec, .alan { background: #fff; border-color: #d9dde3; border-radius: 9px; box-shadow: none; } .cubuk input:focus, #musteri-input:focus, #musteri-sec:focus { border-color: var(--kayi-minimal-red); box-shadow: 0 0 0 3px rgba(162, 13, 27, 0.08); } .odemem { min-width: 122px; gap: 8px; color: var(--kayi-minimal-muted); } .odemem span { color: var(--kayi-minimal-text); font-size: 14px; } .alan.odemem.renkle { color: var(--kayi-minimal-muted) !important; background: #fff !important; border-color: #d9dde3 !important; box-shadow: none !important; } .alan.odemem.renkle span { color: var(--kayi-minimal-text) !important; } .sepetim, .ekle, body .tum-sepet, body .sepeti-ac { color: #fff; background: var(--kayi-minimal-red); border-color: var(--kayi-minimal-red); box-shadow: none; } .sepetim:hover, .sepetim:focus-visible, .ekle:hover, .ekle:focus-visible, body .tum-sepet:hover, body .tum-sepet:focus-visible, body .sepeti-ac:hover { background: var(--kayi-minimal-red-dark); border-color: var(--kayi-minimal-red-dark); box-shadow: none; transform: none; } .baslik { margin-top: 25px; margin-bottom: 8px; padding-left: 12px; color: var(--kayi-minimal-text); font-size: clamp(22px, 1.8vw, 28px); font-weight: 760; letter-spacing: -0.025em; } .baslik::before { top: 18%; bottom: 18%; width: 3px; background: var(--kayi-minimal-red); } .icerik { gap: 16px; padding: 18px 22px 30px; } .icerik > .urun, main > section > .urun { background: #fff; border: 1px solid var(--kayi-minimal-line); border-radius: 13px; box-shadow: 0 2px 8px rgba(16, 24, 40, 0.045); } .icerik > .urun:hover, main > section > .urun:hover { border-color: #d4d8de; box-shadow: 0 5px 15px rgba(16, 24, 40, 0.07); transform: none; } .gorsel, main > section > .urun .gorsel { min-height: 190px; background: #fff; border-bottom: 1px solid #eceef1; } .icerik img, main > section > .urun .gorsel > img { height: 190px; padding: 19px 20px 16px; filter: none; } .icerik > .urun:hover .gorsel > img, main > section > .urun:hover .gorsel > img { transform: none; } .arti { top: 12px; left: 12px; width: 29px; height: 29px; color: var(--kayi-minimal-muted); background: #fff; border: 1px solid var(--kayi-minimal-line); border-radius: 8px; box-shadow: none; font-size: 16px; line-height: 27px; } .aciklama { padding: 16px; color: var(--kayi-minimal-muted); } .aciklama > ul > li { margin-bottom: 8px; } .aciklama > ul > li:first-child { padding: 0; color: #7a818c; background: transparent; border: 0; border-radius: 0; font-size: 10px; font-weight: 650; } .aciklama > ul > li:first-child > span { color: #9aa0a9; } .aciklama > ul > li:nth-child(2) { min-height: 42px; margin-bottom: 10px; color: var(--kayi-minimal-text); font-size: 14px; font-weight: 720; letter-spacing: -0.01em; line-height: 1.45; } .aciklama > ul > li:nth-child(3) { margin: 0 0 10px; padding: 9px 10px; color: var(--kayi-minimal-red-dark); background: #fafafa; border: 1px solid #eceef1; border-left: 2px solid var(--kayi-minimal-red); border-radius: 7px; box-shadow: none; font-size: 15px; } .cift { gap: 0; border-top: 1px solid #eceef1; border-bottom: 1px solid #eceef1; } .cift > li { padding: 8px 9px; background: transparent; border: 0; border-radius: 0; } .cift > li + li { border-left: 1px solid #eceef1; } .sepete { gap: 9px; margin: 13px 0 0; padding: 12px 0 0; background: transparent; border: 0; border-top: 1px solid #eceef1; border-radius: 0; } .number { min-height: 42px; background: #fff; border: 1px solid #d9dde3; border-radius: 9px; box-shadow: none; } .minus, .plus, .number input { height: 40px; line-height: 40px; } .minus, .plus { color: #4b5563; background: #f8f9fa; } .number span:hover { color: #fff !important; background: var(--kayi-minimal-red); border-color: var(--kayi-minimal-red); } .ekle { min-height: 42px; padding: 9px 11px; border-radius: 9px; font-size: 11px; font-weight: 720; } .pagina, .pagination { gap: 6px; padding-bottom: 24px; } .pagina a, .page-numbers { color: #4b5563; background: #fff; border: 1px solid var(--kayi-minimal-line); border-radius: 8px; box-shadow: none; } body .sepet-fix { background: #fff; border: 1px solid var(--kayi-minimal-line); border-right: 0; border-radius: 12px 0 0 12px; box-shadow: -8px 10px 24px rgba(16, 24, 40, 0.13); } body .sepet-satir { padding: 12px 13px; background: #fff; border-bottom: 1px solid #eceef1; } body .sepet-satir:hover { background: #fafafa; } body .sepet-img img { padding: 0; border: 0; border-radius: 6px; } body .tum-sepet { min-height: 44px; padding: 13px; box-shadow: none; } body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review, body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details { border-color: var(--kayi-minimal-line); border-radius: 12px; box-shadow: 0 2px 9px rgba(16, 24, 40, 0.045); } body.woocommerce-cart .button, body.woocommerce-checkout .button, body.woocommerce-order-pay .button { background: var(--kayi-minimal-red); border-color: var(--kayi-minimal-red); box-shadow: none; } body.woocommerce-cart .button:hover, body.woocommerce-checkout .button:hover, body.woocommerce-order-pay .button:hover { background: var(--kayi-minimal-red-dark); border-color: var(--kayi-minimal-red-dark); box-shadow: none; } @media only screen and (max-width: 1024px) { .icerik { gap: 14px; padding: 16px; } } @media only screen and (max-width: 680px) { .cubuk { padding: 11px 13px 13px; } .icerik { gap: 12px; padding: 12px; } .icerik > .urun, main > section > .urun { border-radius: 11px; } .gorsel, main > section > .urun .gorsel { min-height: 195px; } .icerik img, main > section > .urun .gorsel > img { height: 195px; } .aciklama { padding: 14px; } } @media only screen and (max-width: 480px) { .icerik { padding-right: 10px; padding-left: 10px; } .sepete { padding-top: 10px; } } @media (hover: none) and (pointer: coarse) { .icerik > .urun:hover, main > section > .urun:hover { border-color: var(--kayi-minimal-line); box-shadow: 0 2px 8px rgba(16, 24, 40, 0.045); } } /**/ #preloader { display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.96); opacity: 1; pointer-events: none; animation: kayi-preloader-failsafe 0.01s linear 0.55s forwards; } #preloader .pre { display: none !important; } #preloader::before { width: 30px; height: 30px; content: ""; border: 3px solid #eceef1; border-top-color: var(--kayi-minimal-red); border-radius: 50%; animation: kayi-loader-spin 0.55s linear infinite; } #preloader.loaded { display: none !important; } @keyframes kayi-loader-spin { to { transform: rotate(360deg); } } @keyframes kayi-preloader-failsafe { to { visibility: hidden; opacity: 0; } } body .sepet-fix { top: 88px; right: -340px; width: 340px; height: auto; max-width: calc(100vw - 62px); max-height: calc(100vh - 110px); padding: 0; overflow-x: hidden; overflow-y: auto; background: #fff; border: 1px solid #dfe3e8; border-right: 0; border-radius: 12px 0 0 12px; box-shadow: -10px 12px 30px rgba(16, 24, 40, 0.16); transition: right 0.22s ease !important; scrollbar-width: thin; scrollbar-color: #c9ced6 #f5f6f7; } body .sepet-fix::before { position: sticky; top: 0; z-index: 3; display: block; padding: 15px 17px 13px; content: "Warenkorb"; color: var(--kayi-minimal-text); background: #fff; border-bottom: 1px solid #e8eaee; font-size: 14px; font-weight: 760; letter-spacing: -0.01em; } body .sepet-fix.sepet-fix-fix { right: 0 !important; } body .sepet-fix::-webkit-scrollbar { width: 6px; } body .sepet-fix::-webkit-scrollbar-track { background: #f5f6f7; box-shadow: none; } body .sepet-fix::-webkit-scrollbar-thumb { background: #c9ced6; border-radius: 999px; } body .sepet-satir { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 28px; grid-auto-rows: auto; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border-bottom: 1px solid #eef0f2; } body .sepet-satir:hover { background: #fafafa; } body .sepet-img { width: 48px; height: 48px; } body .sepet-img img { width: 48px; height: 48px; padding: 3px; object-fit: contain; background: #fff; border: 1px solid #e8eaee; border-radius: 8px; } body .sepet-title { position: static; min-width: 0; color: var(--kayi-minimal-text); font-size: 11px; font-weight: 650; line-height: 1.45; overflow-wrap: anywhere; } body .sepet-adet { position: static; min-width: 34px; padding: 5px 7px; color: #4b5563; background: #f3f4f6; border-radius: 7px; font-size: 10px; font-weight: 750; text-align: center; } body .urun-sil { display: flex; align-items: center; justify-content: center; } body .urun-sil a { position: static; display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; padding: 0; color: #8a929e; background: transparent; border: 1px solid #e1e4e8; border-radius: 7px; font-size: 12px; line-height: 1; text-decoration: none; } body .urun-sil a:hover, body .urun-sil a:focus-visible { color: #fff; background: var(--kayi-minimal-red); border-color: var(--kayi-minimal-red); } body .sepet-fix > p, body .sepet-fix .kayi-cart-empty { margin: 0; padding: 24px 18px !important; color: var(--kayi-minimal-muted); background: #fff; font-size: 11px; line-height: 1.6; text-align: center; } body .tum-sepet { position: sticky; bottom: 0; z-index: 3; display: block; min-height: 46px; padding: 14px 16px; background: var(--kayi-minimal-red); border-radius: 0 0 0 11px; box-shadow: 0 -1px 0 #e8eaee; font-size: 11px; font-weight: 750; letter-spacing: 0; } body .sepeti-ac { top: 46%; display: flex; min-width: 52px; min-height: 48px; align-items: center; justify-content: center; gap: 4px; padding: 8px 10px; background: var(--kayi-minimal-red); border: 0; border-radius: 10px 0 0 10px; box-shadow: -4px 6px 16px rgba(87, 7, 16, 0.2); font-size: 17px; transition: right 0.22s ease, background-color 0.18s ease !important; } body .sepeti-ac .fa-angle-left { position: static; font-size: 22px; animation: none; } body .sepeti-ac .fa-shopping-bag { position: static; top: auto; margin-left: 2px; font-size: 16px; } body .sepeti-ac.sepeti-ac-fix { right: 340px; } @media only screen and (max-width: 680px) { body .sepet-fix { top: 70px; right: -300px; width: 300px; max-width: calc(100vw - 54px); max-height: calc(100vh - 84px); } body .sepeti-ac.sepeti-ac-fix { right: 300px; } body .sepet-satir { grid-template-columns: 44px minmax(0, 1fr) auto 26px; gap: 8px; padding: 11px 12px; } body .sepet-img, body .sepet-img img { width: 44px; height: 44px; } } @media only screen and (max-width: 360px) { body .sepet-fix { right: calc(-100vw + 54px); width: calc(100vw - 54px); } body .sepeti-ac.sepeti-ac-fix { right: calc(100vw - 54px); } } @media (prefers-reduced-motion: reduce) { #preloader::before { animation-duration: 1.2s; } } /**/ .icerik > .urun .gorsel, main > section > .urun .gorsel { display: flex; width: 100%; height: 210px; min-height: 210px; align-items: center; justify-content: center; padding: 12px; overflow: hidden; background: #fff; } .icerik > .urun .gorsel > img, main > section > .urun .gorsel > img, .icerik > .urun .gorsel > img.lazy-load, main > section > .urun .gorsel > img.lazy-load { display: block; width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; margin: auto; padding: 8px !important; object-fit: contain !important; object-position: center center !important; transform: none !important; } .cubuk { position: relative; z-index: 90; } a.sepetim, a.tum-sepet { position: relative; z-index: 20; pointer-events: auto !important; cursor: pointer !important; touch-action: manipulation; } #preloader, #preloader.loaded { pointer-events: none !important; } @media only screen and (max-width: 680px) { .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 200px; min-height: 200px; padding: 10px; } } @media only screen and (max-width: 360px) { .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 185px; min-height: 185px; } } /**/ :root { --kayi-brand: #a91f30; --kayi-brand-dark: #8e1624; --kayi-brand-deep: #5f0f18; --kayi-brand-soft: #fff7f8; --kayi-shell: #8e1624; --kayi-shell-soft: #a91f30; --kayi-ink: #17202b; --kayi-muted: #6d7580; --kayi-line: #e7dcdf; --kayi-surface: #ffffff; --kayi-canvas: #f5f2f2; --kayi-minimal-red: #a91f30; --kayi-minimal-red-dark: #8e1624; --kayi-minimal-text: #17202b; --kayi-minimal-muted: #6d7580; --kayi-minimal-line: #e7dcdf; --kayi-minimal-bg: #f5f2f2; --kayi-radius-sm: 10px; --kayi-radius: 14px; --kayi-radius-lg: 20px; --kayi-shadow-sm: 0 2px 8px rgba(8, 16, 25, 0.045); --kayi-shadow: 0 14px 34px rgba(8, 16, 25, 0.065); --kayi-shadow-lg: 0 28px 70px rgba(8, 16, 25, 0.17); } html { background: var(--kayi-canvas); -webkit-text-size-adjust: 100%; } body { min-width: 320px; color: var(--kayi-ink); background: var(--kayi-canvas); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } button, a, input, select { -webkit-tap-highlight-color: transparent; } #header { height: 72px; background: linear-gradient(118deg, var(--kayi-brand-deep), var(--kayi-brand-dark) 52%, var(--kayi-brand)); border: 0; box-shadow: 0 8px 24px rgba(95, 15, 24, 0.18); } .logo h1 { top: 17px; color: #fff; font-size: 23px; font-weight: 850; letter-spacing: -0.035em; } .logo h1::after, #header::after { display: none; } .menu-nav a { color: rgba(255, 255, 255, 0.86); border-radius: 11px; } .menu-nav a:hover, .menu-nav a:focus-visible { color: #fff; background: rgba(255, 255, 255, 0.1); } aside { top: 72px; height: calc(100vh - 72px); background: linear-gradient(180deg, #faf7f8, #f5f1f2); border: 0; border-right: 1px solid var(--kayi-line); box-shadow: 8px 0 22px rgba(8, 16, 25, 0.035); scrollbar-width: thin; scrollbar-color: #d5c8cb transparent; } .tepe { margin: 0; padding: 24px 18px 17px; color: #7b838d; border-bottom: 1px solid var(--kayi-line); font-size: 10px; font-weight: 850; letter-spacing: 0.07em; text-transform: uppercase; } .tepe span, .tepe span a { color: var(--kayi-ink); font-size: 15px; letter-spacing: 0; text-transform: none; } .tepe span a::before { background: var(--kayi-brand); box-shadow: 0 0 0 4px rgba(169, 31, 48, 0.1); } .side-ac { top: 25px; color: var(--kayi-brand-dark); background: #fff; border-color: #ddcfd2; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.055); } .site-duzelt { color: var(--kayi-brand-dark); background: #fff; border-color: #ddcfd2; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.055); } .site-duzelt:hover, .site-duzelt:focus-visible { color: #fff; background: var(--kayi-brand); border-color: var(--kayi-brand); } aside ul { padding: 14px 10px 90px; } aside ul li a { min-height: 44px; padding: 11px 13px; color: #58626f; border: 1px solid transparent; border-radius: 13px; font-size: 12px; font-weight: 650; line-height: 1.4; } aside ul li a::before { display: none; } aside ul li a:hover, aside ul li a:focus-visible { padding-left: 13px; color: var(--kayi-brand-dark); background: #fff; border-color: #e2d5d8; } .cubuk { min-height: 78px; gap: 12px; padding: 16px 22px; background: #fff; border-bottom: 1px solid var(--kayi-line); box-shadow: 0 8px 20px rgba(8, 16, 25, 0.035); } .cubuk .buldu { min-height: 46px; padding: 12px 14px; color: var(--kayi-muted); background: #fbf9f9; border: 1px solid #ece3e5; border-radius: 13px; box-shadow: none; font-size: 11px; text-transform: none; } .cubuk form { min-width: min(380px, 36vw); } .cubuk input, #musteri-input, #musteri-sec { min-height: 46px; color: var(--kayi-ink); background: #fff; border: 1px solid #dcd0d3; border-radius: 13px; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.025); } .cubuk input:focus, #musteri-input:focus, #musteri-sec:focus { background: #fff; border-color: #b64a58; box-shadow: 0 0 0 3px rgba(142, 22, 36, 0.1); } .cubuk button { min-height: 44px; color: var(--kayi-brand-dark); } .alan { min-height: 46px; align-items: center; padding: 10px 14px; color: #4e5967; background: #fff; border: 1px solid #dcd0d3; border-radius: 13px; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.035); } .alan.odemem, .alan.odemem.renkle { color: var(--kayi-muted) !important; background: #fff !important; border-color: #dcd0d3 !important; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.035) !important; } .alan.odemem span, .alan.odemem.renkle span { color: var(--kayi-ink) !important; font-size: 14px; font-weight: 850; font-variant-numeric: tabular-nums; } a.sepetim { position: relative; min-width: 98px; justify-content: center; color: #fff; background: var(--kayi-brand); border-color: var(--kayi-brand); box-shadow: 0 8px 18px rgba(142, 22, 36, 0.18); } a.sepetim::after, body .sepeti-ac::after { position: absolute; top: -7px; right: -7px; display: grid; min-width: 21px; height: 21px; place-items: center; padding: 0 5px; content: attr(data-cart-count); color: var(--kayi-brand-dark); background: #fff; border: 1px solid #e1c4c8; border-radius: 999px; box-shadow: 0 5px 12px rgba(8, 16, 25, 0.12); font-size: 9px; font-weight: 900; line-height: 1; } a.sepetim:not([data-cart-count])::after, body .sepeti-ac:not([data-cart-count])::after { display: none; } a.sepetim:hover, a.sepetim:focus-visible { color: #fff; background: var(--kayi-brand-dark); border-color: var(--kayi-brand-dark); } a.sepetim[aria-busy="true"], a.tum-sepet[aria-busy="true"] { cursor: progress !important; opacity: 0.82; } main { min-height: calc(100vh - 150px); background: var(--kayi-canvas); } .baslik, main > section > h1 { color: var(--kayi-ink); font-weight: 820; letter-spacing: -0.03em; } .baslik::before { background: var(--kayi-brand); } .icerik { gap: 18px; padding: 22px; } .icerik > .urun, main > section > .urun { overflow: hidden; background: #fff; border: 1px solid #e3d8db; border-radius: 20px; box-shadow: 0 10px 26px rgba(8, 16, 25, 0.045); } .icerik > .urun:hover, main > section > .urun:hover { border-color: #d9aab0; box-shadow: 0 16px 34px rgba(8, 16, 25, 0.075); transform: translateY(-1px); } .icerik > .urun::after, main > section > .urun::after, .gorsel::after { display: none; } .icerik > .urun .gorsel, main > section > .urun .gorsel { display: grid; width: auto; height: 230px; min-height: 230px; place-items: center; margin: 16px 16px 0; padding: 8px; overflow: hidden; contain: layout paint; background: #fff; border: 1px solid #eee6e8; border-radius: 16px; } .icerik > .urun .gorsel > img, main > section > .urun .gorsel > img, .icerik > .urun .gorsel > img.lazy-load, main > section > .urun .gorsel > img.lazy-load { display: block; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: auto; padding: 8px !important; object-fit: contain !important; object-position: center !important; transform: none !important; image-orientation: from-image; } .arti { top: 12px; left: 12px; width: 34px; height: 34px; color: var(--kayi-brand-dark); background: #fff; border: 1px solid #e0d3d6; border-radius: 11px; box-shadow: 0 7px 16px rgba(8, 16, 25, 0.065); font-size: 18px; line-height: 32px; } .gorsel:hover .arti { color: #fff; background: var(--kayi-brand); border-color: var(--kayi-brand); } .aciklama { padding: 17px 18px 18px; color: var(--kayi-muted); background: #fff; } .aciklama > ul > li:first-child { padding: 0; color: #7a838e; background: transparent; border: 0; font-size: 10px; font-weight: 750; } .aciklama > ul > li:nth-child(2) { min-height: 48px; color: var(--kayi-ink); font-size: 16px; font-weight: 820; line-height: 1.45; } .aciklama > ul > li:nth-child(3) { margin: 0 0 11px; padding: 10px 12px; color: var(--kayi-brand-dark); background: #fff7f8; border: 1px solid #f0dfe2; border-radius: 11px; font-size: 18px; font-weight: 900; } .cift { gap: 8px; border: 0; } .cift > li { padding: 9px 10px; background: #fbf9f9; border: 1px solid #ece3e5; border-radius: 10px; } .cift > li + li { border-left: 1px solid #ece3e5; } .sepete { grid-template-columns: minmax(150px, 1fr) 46px; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #ece3e5; } .number { min-width: 150px; min-height: 46px; grid-template-columns: 46px minmax(48px, 1fr) 46px; overflow: hidden; background: #fff; border: 1px solid #dcd0d3; border-radius: 13px; box-shadow: none; } .minus, .plus, .number input { height: 44px; line-height: 44px; } .minus, .plus { width: 46px; color: #4e5967 !important; background: #fbf9f9; border: 0; border-radius: 0; font-size: 20px !important; touch-action: manipulation; } .minus { border-right: 1px solid #ece3e5; } .plus { border-left: 1px solid #ece3e5; } .number span:hover, .number span:focus-visible, .number span:active { color: #fff !important; background: var(--kayi-brand); border-color: var(--kayi-brand); box-shadow: none; } .number input { color: var(--kayi-ink); background: #fff; border: 0; font-size: 15px; font-weight: 900; } .number input:focus { background: #fff7f8; box-shadow: inset 0 0 0 2px rgba(169, 31, 48, 0.2); } .ekle { width: 46px; min-width: 46px; min-height: 46px; padding: 0; color: #fff; background: var(--kayi-brand); border: 1px solid var(--kayi-brand); border-radius: 13px; box-shadow: 0 8px 18px rgba(142, 22, 36, 0.16); font-size: 14px; touch-action: manipulation; } .ekle span { display: none; } .ekle:hover, .ekle:focus-visible { background: var(--kayi-brand-dark); border-color: var(--kayi-brand-dark); box-shadow: 0 10px 20px rgba(142, 22, 36, 0.2); transform: translateY(-1px); } .urun form[aria-busy="true"] .ekle { background: var(--kayi-brand); opacity: 0.72; } .pagina, .pagination { gap: 8px; padding: 14px 22px 28px; background: #fff; border-top: 1px solid #efe6e8; box-shadow: 0 -8px 20px rgba(8, 16, 25, 0.025); } .pagina a, .page-numbers { min-width: 42px; min-height: 42px; color: #5f6975; background: #fff; border: 1px solid #e2d7da; border-radius: 12px; box-shadow: none; font-weight: 850; } .pagina a:hover, .page-numbers:hover, .pagina a.actix, .page-numbers.current { color: #fff; background: var(--kayi-brand) !important; border-color: var(--kayi-brand) !important; } body .sepet-fix { top: 88px; right: -390px; width: 390px; height: auto; max-width: calc(100vw - 64px); max-height: calc(100vh - 112px); padding: 0 14px 14px; overflow: auto; background: #f8f6f7; border: 1px solid #dfd2d5; border-right: 0; border-radius: 22px 0 0 22px; box-shadow: -18px 24px 54px rgba(8, 16, 25, 0.18); transition: right 0.2s ease !important; scrollbar-width: thin; scrollbar-color: #cdbfc2 transparent; } body .sepet-fix::before { margin: 0 -14px 14px; padding: 18px 20px 16px; color: var(--kayi-ink); background: #fff; border-bottom: 1px solid #e8dfe1; font-size: 16px; font-weight: 850; } body .sepet-fix.sepet-fix-fix { right: 0 !important; } body .sepet-satir { grid-template-columns: 58px minmax(0, 1fr) auto 30px; gap: 11px; margin-bottom: 10px; padding: 12px; background: #fff; border: 1px solid #e5dadd; border-radius: 17px; box-shadow: 0 7px 18px rgba(8, 16, 25, 0.04); } body .sepet-satir:hover { background: #fff; border-color: #dcb9be; } body .sepet-img, body .sepet-img img { width: 58px; height: 58px; } body .sepet-img img { display: block; margin: auto; padding: 5px; object-fit: contain; object-position: center; background: #fff; border: 1px solid #eee6e8; border-radius: 12px; } body .sepet-title { color: var(--kayi-ink); font-size: 12px; font-weight: 750; line-height: 1.45; } body .sepet-adet { min-width: 38px; padding: 6px 8px; color: var(--kayi-brand-dark); background: #f8edef; border-radius: 9px; font-size: 11px; font-weight: 900; } body .urun-sil a { width: 28px; height: 28px; color: #89919b; background: #fff; border: 1px solid #e4d9dc; border-radius: 9px; } body .urun-sil a:hover, body .urun-sil a:focus-visible { color: #fff; background: var(--kayi-brand); border-color: var(--kayi-brand); } body .sepet-fix > p, body .sepet-fix .kayi-cart-empty { margin: 0 0 10px; padding: 26px 18px !important; color: var(--kayi-muted); background: #fff; border: 1px dashed #ddcfd2; border-radius: 17px; line-height: 1.6; } body .tum-sepet { position: sticky; bottom: 0; min-height: 48px; margin-top: 4px; padding: 15px 17px; color: #fff; background: var(--kayi-brand); border: 0; border-radius: 13px; box-shadow: 0 10px 22px rgba(142, 22, 36, 0.2); font-size: 12px; font-weight: 850; } body .tum-sepet:hover, body .tum-sepet:focus-visible { background: var(--kayi-brand-dark); } body .sepeti-ac { top: 44%; min-width: 54px; min-height: 50px; color: #fff; background: var(--kayi-brand); border-radius: 14px 0 0 14px; box-shadow: -8px 10px 22px rgba(95, 15, 24, 0.22); transition: right 0.2s ease, background-color 0.18s ease !important; touch-action: manipulation; } body .sepeti-ac:hover { background: var(--kayi-brand-dark); } body .sepeti-ac.sepeti-ac-fix { right: 390px; } /**/ body.woocommerce-cart .konten, body.woocommerce-checkout .konten, body.woocommerce-order-pay .konten, body.woocommerce-order-received .konten { max-width: 1500px; } body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review, body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details, body.woocommerce-order-received .woocommerce-bacs-bank-details, body.woocommerce-order-received .woocommerce-order-downloads { background: #fff; border-color: var(--kayi-line); border-radius: 20px; box-shadow: var(--kayi-shadow); } body.woocommerce-cart .woocommerce-cart-form .shop_table thead th, body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading, body.woocommerce-order-pay #order_review_heading { color: var(--kayi-ink); background: #fff; border-color: var(--kayi-line); } body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img, body.woocommerce-order-received .shop_table img { object-fit: contain; object-position: center; background: #fff; border-color: #eee6e8; } body.woocommerce-cart .woocommerce .cart-collaterals .order-total th, body.woocommerce-cart .woocommerce .cart-collaterals .order-total td, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table .order-total th, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review .shop_table .order-total td, body.woocommerce-order-pay #order_review .shop_table .order-total th, body.woocommerce-order-pay #order_review .shop_table .order-total td { color: var(--kayi-brand-dark); background: #fff7f8; } body.woocommerce-cart .button, body.woocommerce-checkout .button, body.woocommerce-order-pay .button, body.woocommerce-order-received a.button, body.woocommerce-order-received a.invoice, body.woocommerce-order-received a.woocommerce-button { color: #fff !important; background: var(--kayi-brand) !important; border-color: var(--kayi-brand) !important; border-radius: 13px !important; box-shadow: none !important; } body.woocommerce-cart .button:hover, body.woocommerce-checkout .button:hover, body.woocommerce-order-pay .button:hover, body.woocommerce-order-received a.button:hover, body.woocommerce-order-received a.invoice:hover, body.woocommerce-order-received a.woocommerce-button:hover { background: var(--kayi-brand-dark) !important; border-color: var(--kayi-brand-dark) !important; } body.woocommerce-order-received .woocommerce-notice--success, body.woocommerce-order-received .woocommerce-thankyou-order-received { background: #f2faf6; border-color: #b9ddca; border-radius: 20px; box-shadow: var(--kayi-shadow-sm); } body.woocommerce-order-received .woocommerce-order-overview li, body.woocommerce-order-received .woocommerce-thankyou-order-details li { background: #fbf9f9; border-color: #ece3e5; border-radius: 13px; } @supports (height: 100dvh) { aside { height: calc(100dvh - 72px); } body .sepet-fix { max-height: calc(100dvh - 112px); } } @media only screen and (min-width: 1800px) { .icerik { grid-template-columns: repeat(5, minmax(0, 1fr)); } main > section > .urun { width: calc(20% - 24px); } } @media only screen and (max-width: 1450px) { .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 210px; min-height: 210px; } } @media only screen and (max-width: 1180px) { .cubuk form { min-width: 270px; } .icerik { grid-template-columns: repeat(3, minmax(0, 1fr)); } main > section > .urun { width: calc(33.333% - 27px); } } @media only screen and (max-width: 900px) { #header { height: 68px; } aside { top: 68px; height: calc(100vh - 68px); } .cubuk { align-items: stretch; padding: 13px 15px; } .cubuk form { min-width: min(340px, 48vw); } .icerik { gap: 14px; padding: 15px; } .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 200px; min-height: 200px; margin: 13px 13px 0; } body .sepet-fix { top: 76px; max-height: calc(100vh - 92px); } } @media only screen and (max-width: 760px) { .icerik { grid-template-columns: repeat(2, minmax(0, 1fr)); } main > section > .urun { width: calc(50% - 25px); } body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-1, body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce .col2-set .col-2, body.woocommerce-checkout:not(.woocommerce-order-received) #order_review, body.woocommerce-order-received .woocommerce-order-overview, body.woocommerce-order-received .woocommerce-order-details, body.woocommerce-order-received .woocommerce-customer-details { border-radius: 16px; } } @media only screen and (max-width: 640px) { .cubuk { gap: 8px; padding: 11px 12px; } .cubuk .buldu, .cubuk form { width: 100%; min-width: 0; } .alan { flex: 1 1 auto; min-width: 0; margin-left: 0; } .icerik { gap: 12px; padding: 12px; } .icerik > .urun, main > section > .urun { border-radius: 17px; } .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 180px; min-height: 180px; margin: 11px 11px 0; } .aciklama { padding: 14px; } .sepete { grid-template-columns: minmax(138px, 1fr) 46px; } body .sepet-fix { top: 70px; right: -320px; width: 320px; max-width: calc(100vw - 54px); max-height: calc(100vh - 82px); border-radius: 18px 0 0 18px; } body .sepeti-ac.sepeti-ac-fix { right: 320px; } body .sepet-satir { grid-template-columns: 50px minmax(0, 1fr) auto 28px; gap: 8px; padding: 10px; border-radius: 14px; } body .sepet-img, body .sepet-img img { width: 50px; height: 50px; } } @media only screen and (max-width: 480px) { .icerik { grid-template-columns: 1fr; padding-right: 10px; padding-left: 10px; } main > section > .urun { width: calc(100% - 20px); margin: 12px 10px 0; } .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 210px; min-height: 210px; } .aciklama > ul > li:nth-child(2) { min-height: 0; } .pagina, .pagination { padding-right: 10px; padding-left: 10px; } } @media only screen and (max-width: 360px) { body .sepet-fix { right: calc(-100vw + 54px); width: calc(100vw - 54px); } body .sepeti-ac.sepeti-ac-fix { right: calc(100vw - 54px); } .icerik > .urun .gorsel, main > section > .urun .gorsel { height: 190px; min-height: 190px; } } @media (hover: none) and (pointer: coarse) { .icerik > .urun:hover, main > section > .urun:hover { border-color: #e3d8db; box-shadow: 0 10px 26px rgba(8, 16, 25, 0.045); transform: none; } .minus, .plus, .ekle, a.sepetim, body .sepeti-ac, body .tum-sepet { touch-action: manipulation; } } @media (prefers-reduced-motion: reduce) { body *, body *::before, body *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /**/ body aside#kayi-catalog-sidebar { z-index: 980; display: flex; width: 292px; max-width: calc(100vw - 54px); flex-direction: column; overflow: hidden; transform: translate3d(0, 0, 0); transition: transform 0.22s ease, box-shadow 0.22s ease !important; will-change: transform; } body aside#kayi-catalog-sidebar.aside-kapa { width: 292px; transform: translate3d(-100%, 0, 0); border-right: 1px solid var(--kayi-line); } body aside#kayi-catalog-sidebar.aside-kapa a { opacity: 1; } body main { left: 292px; width: calc(100% - 292px); transition: left 0.22s ease, width 0.22s ease; } body main.main-ac, body.kayi-catalog-closed main { left: 0; width: 100%; } body .tepe { position: relative; display: grid; flex: 0 0 auto; gap: 7px; margin: 0; padding: 22px 58px 18px 20px; color: var(--kayi-muted); background: #fff; border-bottom: 1px solid var(--kayi-line); text-transform: none; } .catalog-title { display: flex; align-items: center; gap: 9px; color: var(--kayi-ink); font-size: 20px; font-weight: 900; letter-spacing: -0.025em; line-height: 1.2; } .catalog-title .fa { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: var(--kayi-brand); border-radius: 11px; font-size: 14px; } body .tepe > span { display: block; margin: 0; color: var(--kayi-muted); font-size: 11px; font-weight: 750; } body .tepe > span a { display: inline-flex; align-items: center; gap: 7px; color: var(--kayi-brand-dark); font-size: 11px; font-weight: 800; text-decoration: none; } body .tepe > span a::before { width: 6px; height: 6px; margin: 0; content: ""; background: var(--kayi-brand); border-radius: 999px; box-shadow: 0 0 0 4px rgba(169, 31, 48, 0.09); } body .side-ac { position: absolute; top: 25px; right: 16px; display: grid; width: 38px; height: 38px; min-width: 38px; min-height: 38px; place-items: center; padding: 0; color: var(--kayi-brand-dark); background: #fff; border: 1px solid #ddcfd2; border-radius: 12px; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.055); font-size: 20px; line-height: 1; cursor: pointer; touch-action: manipulation; } body .side-ac:hover, body .side-ac:focus-visible { color: #fff; background: var(--kayi-brand); border-color: var(--kayi-brand); } body .site-duzelt { position: fixed; z-index: 995; top: 88px; left: 16px; display: grid; width: 44px; height: 44px; min-width: 44px; min-height: 44px; place-items: center; padding: 0; color: #fff; background: var(--kayi-brand); border: 1px solid var(--kayi-brand); border-radius: 13px; box-shadow: 0 10px 24px rgba(95, 15, 24, 0.22); font-size: 15px; line-height: 1; opacity: 0; pointer-events: none; transform: translate3d(-14px, 0, 0); transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease; cursor: pointer; touch-action: manipulation; } body.kayi-catalog-closed .site-duzelt { opacity: 1; pointer-events: auto; transform: translate3d(0, 0, 0); } body .site-duzelt:hover, body .site-duzelt:focus-visible { color: #fff; background: var(--kayi-brand-dark); border-color: var(--kayi-brand-dark); } .catalog-search { display: grid; flex: 0 0 auto; gap: 7px; padding: 15px 16px 13px; background: linear-gradient(180deg, #faf7f8, #f8f4f5); border-bottom: 1px solid var(--kayi-line); } .catalog-search > label { color: #596370; font-size: 10px; font-weight: 900; letter-spacing: 0.045em; text-transform: uppercase; } .catalog-search-control { position: relative; display: flex; align-items: center; } .catalog-search-control > .fa { position: absolute; z-index: 1; left: 13px; color: #8b939d; font-size: 12px; pointer-events: none; } .catalog-search-control input { width: 100%; min-width: 0; min-height: 44px; padding: 10px 42px 10px 35px; color: var(--kayi-ink); background: #fff; border: 1px solid #dcd0d3; border-radius: 13px; box-shadow: 0 6px 16px rgba(8, 16, 25, 0.025); font-size: 12px; outline: 0; } .catalog-search-control input:focus { border-color: #b64a58; box-shadow: 0 0 0 3px rgba(142, 22, 36, 0.1); } .catalog-search-clear { position: absolute; z-index: 2; right: 6px; display: grid; width: 32px; height: 32px; min-width: 32px; min-height: 32px; place-items: center; padding: 0; color: var(--kayi-brand-dark); background: #f5ecee; border: 0; border-radius: 9px; font-size: 20px; font-weight: 800; line-height: 1; } .catalog-search-clear:hover, .catalog-search-clear:focus-visible { background: #ecdadd; } .catalog-search-clear[hidden] { display: none; } body aside#kayi-catalog-sidebar .product-categories { display: grid; min-height: 0; flex: 1 1 auto; align-content: start; gap: 6px; margin: 0; padding: 13px 11px 90px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: linear-gradient(180deg, #faf7f8, #f5f1f2); scrollbar-width: thin; scrollbar-color: #d2c4c7 transparent; } body aside#kayi-catalog-sidebar .product-categories > li { min-width: 0; margin: 0; } body aside#kayi-catalog-sidebar .product-categories > li[hidden] { display: none; } body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link { display: grid; width: 100%; min-height: 48px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 11px 12px; color: #58626f; background: transparent; border: 1px solid transparent; border-radius: 13px; font-size: 12px; font-weight: 700; line-height: 1.4; text-decoration: none; } body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link > span { min-width: 0; overflow-wrap: anywhere; } body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link > small { display: grid; min-width: 30px; height: 25px; place-items: center; padding: 0 6px; color: #737c87; background: #eee8ea; border-radius: 999px; font-size: 9px; font-weight: 900; font-variant-numeric: tabular-nums; } body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link:hover, body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link:focus-visible { padding-left: 12px; color: var(--kayi-brand-dark); background: #fff; border-color: #dfd1d4; } body aside#kayi-catalog-sidebar .product-categories > li.is-active a.catalog-category-link, body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link[aria-current="page"] { color: var(--kayi-brand-dark); background: #fff; border-color: #dcb9be; box-shadow: 0 7px 18px rgba(8, 16, 25, 0.04); } body aside#kayi-catalog-sidebar .product-categories > li.is-active a.catalog-category-link > small, body aside#kayi-catalog-sidebar .product-categories a.catalog-category-link[aria-current="page"] > small { color: #fff; background: var(--kayi-brand); } .catalog-search-empty { flex: 0 0 auto; margin: 12px; padding: 14px; color: var(--kayi-muted); background: #fff; border: 1px dashed #ddcfd2; border-radius: 13px; font-size: 11px; line-height: 1.5; text-align: center; } .catalog-search-empty[hidden] { display: none; } .catalog-backdrop { position: fixed; z-index: 970; inset: 0; display: block; width: 100%; height: 100%; padding: 0; background: rgba(23, 32, 43, 0.34); border: 0; opacity: 0; pointer-events: none; transition: opacity 0.2s ease; cursor: default; } /**/ body .sepet-fix { top: 0 !important; bottom: 0; right: -390px; width: 390px; height: 100vh; max-width: calc(100vw - 54px); max-height: none !important; padding: 0 14px max(14px, env(safe-area-inset-bottom)); border-radius: 22px 0 0 22px; overscroll-behavior: contain; } body .sepet-fix::before { top: 0; margin-bottom: 14px; padding-top: max(18px, env(safe-area-inset-top)); } body .sepet-fix.sepet-fix-fix { right: 0 !important; } body .sepeti-ac { z-index: 10020; top: 50%; transform: translate3d(0, -50%, 0); } body .sepeti-ac:hover, body .sepeti-ac:focus, body .sepeti-ac:focus-visible, body .sepeti-ac:active { transform: translate3d(0, -50%, 0); } body .sepeti-ac.sepeti-ac-fix { right: 390px; } body .tum-sepet { bottom: max(0px, env(safe-area-inset-bottom)); } @supports (height: 100dvh) { body .sepet-fix { height: 100dvh; } } @media only screen and (max-width: 1200px) { body main, body main.main-ac, body.kayi-catalog-open main, body.kayi-catalog-closed main { left: 0; width: 100%; } body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { width: 330px; max-width: calc(100vw - 54px); box-shadow: 16px 0 44px rgba(8, 16, 25, 0.2); } body aside#kayi-catalog-sidebar.aside-kapa { box-shadow: none; } body:not(.kayi-catalog-open) aside#kayi-catalog-sidebar { transform: translate3d(-100%, 0, 0); } body.kayi-catalog-open aside#kayi-catalog-sidebar { transform: translate3d(0, 0, 0); } body.kayi-catalog-open { overflow: hidden; } body.kayi-catalog-open .catalog-backdrop { opacity: 1; pointer-events: auto; } body .site-duzelt { top: 84px; } } @media only screen and (max-width: 900px) { body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { top: 68px; height: calc(100vh - 68px); } body .site-duzelt { top: 80px; left: 12px; } body .sepet-fix { top: 0 !important; height: 100vh; max-height: none !important; } } @media only screen and (max-width: 640px) { body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { width: calc(100vw - 54px); max-width: 340px; } body .tepe { padding: 18px 54px 15px 16px; } .catalog-title { font-size: 18px; } .catalog-title .fa { width: 32px; height: 32px; } body .side-ac { top: 19px; right: 12px; width: 36px; height: 36px; min-width: 36px; min-height: 36px; } .catalog-search { padding: 12px; } body aside#kayi-catalog-sidebar .product-categories { padding: 10px 8px 72px; } body .sepet-fix { right: -360px; width: 360px; max-width: calc(100vw - 54px); border-radius: 18px 0 0 18px; } body .sepeti-ac.sepeti-ac-fix { right: 360px; } } @media only screen and (max-width: 414px) { body .sepet-fix { right: calc(-100vw + 54px); width: calc(100vw - 54px); } body .sepeti-ac.sepeti-ac-fix { right: calc(100vw - 54px); } body .sepet-satir { grid-template-columns: 46px minmax(0, 1fr) auto 28px; } body .sepet-img, body .sepet-img img { width: 46px; height: 46px; } } @supports (height: 100dvh) { @media only screen and (max-width: 900px) { body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { height: calc(100dvh - 68px); } body .sepet-fix { height: 100dvh; } } } @media (prefers-reduced-motion: reduce) { body aside#kayi-catalog-sidebar, .catalog-backdrop, body .site-duzelt, body .sepet-fix, body .sepeti-ac { transition-duration: 0.01ms !important; } } /**/ body .kayi-clear-cart { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 11px 15px; color: var(--kayi-brand-dark) !important; background: #fff !important; border: 1px solid #d9b8bd !important; border-radius: 12px !important; box-shadow: none !important; font-size: 11px; font-weight: 850; line-height: 1.2; cursor: pointer; touch-action: manipulation; } body .kayi-clear-cart::before { content: "×"; font-size: 17px; font-weight: 900; line-height: 1; } body .kayi-clear-cart:hover, body .kayi-clear-cart:focus-visible { color: #fff !important; background: var(--kayi-brand) !important; border-color: var(--kayi-brand) !important; } body .kayi-clear-cart[hidden] { display: none !important; } body .kayi-clear-cart[aria-busy="true"] { cursor: progress; opacity: 0.72; } body .sepet-fix .kayi-clear-cart-drawer { position: sticky; z-index: 3; bottom: 48px; bottom: calc(48px + max(0px, env(safe-area-inset-bottom))); width: 100%; margin: 4px 0 8px; background: #fff !important; } body .sepet-fix .kayi-clear-cart-drawer:hover, body .sepet-fix .kayi-clear-cart-drawer:focus-visible { background: var(--kayi-brand) !important; } body.woocommerce-cart .woocommerce-cart-form td.actions .kayi-clear-cart { margin-left: 9px; float: right; } body .kayi-cart-empty-state { margin: 0 0 18px; padding: 26px; background: #fff; border: 1px solid var(--kayi-line); border-radius: 20px; box-shadow: var(--kayi-shadow); } body .kayi-cart-empty-state .cart-empty { margin: 0 0 16px; } body.kayi-cart-action-pending .woocommerce-cart-form, body.kayi-cart-action-pending .sepet-fix { cursor: progress; } body.kayi-cart-navigation-handoff a.sepetim, body.kayi-cart-navigation-handoff a.tum-sepet { cursor: progress !important; opacity: 0.78; } @media only screen and (max-width: 600px) { body.woocommerce-cart .woocommerce-cart-form td.actions .kayi-clear-cart { width: 100%; margin: 9px 0 0; float: none; } body .kayi-cart-empty-state { padding: 18px; border-radius: 16px; } } /**/ @supports (content-visibility: auto) { .icerik > .urun { content-visibility: auto; contain-intrinsic-size: 430px 520px; } } /**/ :root { --kayi-header-height: 72px; --kayi-adminbar-offset: 0px; } body.admin-bar { --kayi-adminbar-offset: 32px; } #header { position: sticky !important; top: var(--kayi-adminbar-offset) !important; z-index: 1000 !important; } .cubuk { position: sticky !important; top: calc(var(--kayi-adminbar-offset) + var(--kayi-header-height)) !important; z-index: 990 !important; } /**/ .cubuk.nav-fix { position: sticky !important; top: calc(var(--kayi-adminbar-offset) + var(--kayi-header-height)) !important; left: auto !important; width: auto !important; } body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { top: calc(var(--kayi-adminbar-offset) + var(--kayi-header-height)) !important; height: calc(100vh - var(--kayi-adminbar-offset) - var(--kayi-header-height)) !important; } @supports (height: 100dvh) { body aside#kayi-catalog-sidebar, body aside#kayi-catalog-sidebar.aside-kapa { height: calc(100dvh - var(--kayi-adminbar-offset) - var(--kayi-header-height)) !important; } } @media only screen and (max-width: 900px) { :root { --kayi-header-height: 68px; } } @media screen and (max-width: 782px) { body.admin-bar { --kayi-adminbar-offset: 46px; } } /**/ body.kayi-v2-theme { color: var(--kayi-ink); background-color: var(--kayi-canvas); font-size: var(--kayi-font-scale); } /**/ body.kayi-v2-theme .fa { display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; color: inherit; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; vertical-align: -0.12em; } body.kayi-v2-theme .fa-list-ul { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12'/%3E%3Ccircle cx='4' cy='6' r='1' fill='black'/%3E%3Ccircle cx='4' cy='12' r='1' fill='black'/%3E%3Ccircle cx='4' cy='18' r='1' fill='black'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12'/%3E%3Ccircle cx='4' cy='6' r='1' fill='black'/%3E%3Ccircle cx='4' cy='12' r='1' fill='black'/%3E%3Ccircle cx='4' cy='18' r='1' fill='black'/%3E%3C/g%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-th-large { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='black'%3E%3Crect x='3' y='3' width='8' height='8' rx='1'/%3E%3Crect x='13' y='3' width='8' height='8' rx='1'/%3E%3Crect x='3' y='13' width='8' height='8' rx='1'/%3E%3Crect x='13' y='13' width='8' height='8' rx='1'/%3E%3C/g%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-angle-left { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 4 7 12l8 8' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 4 7 12l8 8' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-cart-plus { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h2l2.3 11.1a2 2 0 0 0 2 1.6H18a2 2 0 0 0 2-1.6L21.5 8H6'/%3E%3Ccircle cx='9' cy='20' r='1.5' fill='black'/%3E%3Ccircle cx='18' cy='20' r='1.5' fill='black'/%3E%3Cpath d='M14 5v6M11 8h6'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h2l2.3 11.1a2 2 0 0 0 2 1.6H18a2 2 0 0 0 2-1.6L21.5 8H6'/%3E%3Ccircle cx='9' cy='20' r='1.5' fill='black'/%3E%3Ccircle cx='18' cy='20' r='1.5' fill='black'/%3E%3Cpath d='M14 5v6M11 8h6'/%3E%3C/g%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-shopping-bag { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3'/%3E%3C/g%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-user { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='black'/%3E%3Cpath d='M4 22a8 8 0 0 1 16 0Z' fill='black'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='black'/%3E%3Cpath d='M4 22a8 8 0 0 1 16 0Z' fill='black'/%3E%3C/svg%3E"); } body.kayi-v2-theme .fa-sign-out { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H4v16h6M13 8l4 4-4 4M8 12h9'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H4v16h6M13 8l4 4-4 4M8 12h9'/%3E%3C/g%3E%3C/svg%3E"); } body.kayi-v2-theme ::selection { color: #fff; background: var(--kayi-brand); } body.kayi-v2-theme .container { max-width: var(--kayi-content-width); } body.kayi-v2-theme .konten { max-width: min(1500px, calc(var(--kayi-content-width) - 180px)); } body.kayi-v2-header-gradient #header { background: linear-gradient(118deg, var(--kayi-brand-deep), var(--kayi-brand-dark) 52%, var(--kayi-brand)); } body.kayi-v2-header-solid #header { background: var(--kayi-brand-dark); } body.kayi-v2-theme .logo > a { display: inline-flex; height: 72px; align-items: center; } body.kayi-v2-theme .logo .kayi-v2-brand-logo { display: block; width: auto; max-width: min(230px, 34vw); height: auto; max-height: 44px; object-fit: contain; object-position: left center; } body.kayi-v2-theme .kayi-v2-screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } body.kayi-v2-theme .icerik > .urun, body.kayi-v2-theme main > section > .urun, body.kayi-v2-theme .woocommerce-MyAccount-content, body.kayi-v2-theme .woocommerce-cart-form, body.kayi-v2-theme .cart_totals, body.kayi-v2-theme .woocommerce-checkout-review-order { border-radius: var(--kayi-radius-lg); } body.kayi-v2-theme .alan, body.kayi-v2-theme .cubuk input, body.kayi-v2-theme #musteri-input, body.kayi-v2-theme #musteri-sec, body.kayi-v2-theme .kayi-product-search-results, body.kayi-v2-theme .kayi-product-search-item, body.kayi-v2-theme .ekle, body.kayi-v2-theme button, body.kayi-v2-theme input, body.kayi-v2-theme select, body.kayi-v2-theme textarea { border-radius: var(--kayi-radius); } body.kayi-v2-theme .icerik > .urun .gorsel > img, body.kayi-v2-theme main > section > .urun .gorsel > img, body.kayi-v2-theme .icerik > .urun .gorsel > img.lazy-load, body.kayi-v2-theme main > section > .urun .gorsel > img.lazy-load, body.kayi-v2-theme .kayi-product-search-image img, body.kayi-v2-theme .sepet-img img { object-fit: var(--kayi-image-fit) !important; object-position: center !important; } body.kayi-v2-hide-global-search .kayi-global-search-form { display: none !important; } body.kayi-v2-hide-side-cart .sepeti-ac, body.kayi-v2-hide-side-cart .sepet-fix { display: none !important; } body.kayi-v2-preloader-off #preloader { display: none !important; } body.kayi-v2-theme .icerik, body.kayi-v2-theme .icerik.icerik-arttir { grid-template-columns: repeat(var(--kayi-columns-desktop), minmax(0, 1fr)) !important; } body.kayi-v2-hide-category-counts .product-categories .catalog-category-link small { display: none !important; } body.kayi-v2-sticky-command-bar .cubuk { position: sticky; top: 0; z-index: 120; } body.kayi-v2-content-visibility .icerik > .urun, body.kayi-v2-content-visibility main > section > .urun { content-visibility: auto; contain-intrinsic-size: auto 380px; will-change: auto !important; } body.kayi-v2-theme .odemem[aria-busy="true"] span { opacity: 1; } body.kayi-v2-theme .odemem[data-kayi-sync-indicator="true"]::after { width: 10px; height: 10px; margin-left: 7px; border: 2px solid rgba(169, 31, 48, 0.22); border-top-color: var(--kayi-brand); border-radius: 50%; animation: kayi-v2-total-spin 0.65s linear infinite; content: ""; } @keyframes kayi-v2-total-spin { to { transform: rotate(360deg); } } body.kayi-v2-performance-turbo .icerik > .urun:hover, body.kayi-v2-performance-turbo main > section > .urun:hover { transform: none !important; } body.kayi-v2-performance-turbo .icerik > .urun, body.kayi-v2-performance-turbo main > section > .urun, body.kayi-v2-performance-turbo .product-categories a, body.kayi-v2-performance-turbo button, body.kayi-v2-performance-turbo a { transition-duration: 0.12s !important; } body.kayi-v2-animations-off *, body.kayi-v2-animations-off *::before, body.kayi-v2-animations-off *::after, body.kayi-v2-reduce-motion *, body.kayi-v2-reduce-motion *::before, body.kayi-v2-reduce-motion *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } body.kayi-v2-strong-focus a:focus-visible, body.kayi-v2-strong-focus button:focus-visible, body.kayi-v2-strong-focus input:focus-visible, body.kayi-v2-strong-focus select:focus-visible, body.kayi-v2-strong-focus textarea:focus-visible { outline: 3px solid color-mix(in srgb, var(--kayi-brand) 52%, #ffffff) !important; outline-offset: 3px !important; } @supports not (color: color-mix(in srgb, #000 50%, #fff)) { body.kayi-v2-strong-focus a:focus-visible, body.kayi-v2-strong-focus button:focus-visible, body.kayi-v2-strong-focus input:focus-visible, body.kayi-v2-strong-focus select:focus-visible, body.kayi-v2-strong-focus textarea:focus-visible { outline-color: #d56070 !important; } } @media only screen and (min-width: 1201px) { body.kayi-v2-theme aside#kayi-catalog-sidebar, body.kayi-v2-theme aside#kayi-catalog-sidebar.aside-kapa { width: var(--kayi-catalog-width); } body.kayi-v2-theme main { left: var(--kayi-catalog-width); width: calc(100% - var(--kayi-catalog-width)); } body.kayi-v2-theme main.main-ac, body.kayi-v2-theme.kayi-catalog-closed main { left: 0; width: 100%; } body.kayi-v2-catalog-flow aside#kayi-catalog-sidebar, body.kayi-v2-catalog-flow aside#kayi-catalog-sidebar.aside-kapa { position: absolute !important; } body.kayi-v2-theme .sepet-fix { right: -520px; width: var(--kayi-cart-width); } body.kayi-v2-theme .sepet-fix.sepet-fix-fix { right: 0 !important; } body.kayi-v2-theme .sepeti-ac.sepeti-ac-fix { right: var(--kayi-cart-width); } } @media only screen and (min-width: 681px) { body.kayi-v2-density-compact .icerik { gap: 12px; padding: 16px; } body.kayi-v2-density-compact .icerik > .urun .gorsel, body.kayi-v2-density-compact main > section > .urun .gorsel { height: 190px; min-height: 190px; margin: 12px 12px 0; } body.kayi-v2-density-compact .aciklama { padding: 14px; } body.kayi-v2-density-spacious .icerik { gap: 24px; padding: 28px; } body.kayi-v2-density-spacious .icerik > .urun .gorsel, body.kayi-v2-density-spacious main > section > .urun .gorsel { height: 255px; min-height: 255px; margin: 19px 19px 0; } body.kayi-v2-density-spacious .aciklama { padding: 21px; } } @media only screen and (max-width: 1200px) and (min-width: 641px) { body.kayi-v2-theme .icerik, body.kayi-v2-theme .icerik.icerik-arttir { grid-template-columns: repeat(var(--kayi-columns-tablet), minmax(0, 1fr)) !important; } body.kayi-v2-theme aside#kayi-catalog-sidebar, body.kayi-v2-theme aside#kayi-catalog-sidebar.aside-kapa { width: min(calc(var(--kayi-catalog-width) + 38px), 380px); } body.kayi-v2-theme .sepet-fix { right: -520px; width: min(var(--kayi-cart-width), calc(100vw - 54px)); } body.kayi-v2-theme .sepeti-ac.sepeti-ac-fix { right: min(var(--kayi-cart-width), calc(100vw - 54px)); } } @media only screen and (max-width: 900px) { body.kayi-v2-theme .logo > a { height: 68px; } body.kayi-v2-theme .logo .kayi-v2-brand-logo { max-width: min(185px, 46vw); max-height: 38px; } } @media only screen and (max-width: 640px) { body.kayi-v2-theme { font-size: min(var(--kayi-font-scale), 105%); } body.kayi-v2-theme .container, body.kayi-v2-theme .konten { max-width: 100%; } body.kayi-v2-theme .icerik, body.kayi-v2-theme .icerik.icerik-arttir { grid-template-columns: repeat(var(--kayi-columns-mobile), minmax(0, 1fr)) !important; } body.kayi-v2-sticky-command-bar .cubuk { top: 0; } } @media (prefers-reduced-motion: reduce) { body.kayi-v2-theme *, body.kayi-v2-theme *::before, body.kayi-v2-theme *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /**/ body.kayi-v2-theme .sepet-fix { right: 0 !important; transform: translate3d(100%, 0, 0); transition: transform 0.2s ease !important; backface-visibility: hidden; } body.kayi-v2-theme .sepet-fix.sepet-fix-fix { right: 0 !important; transform: translate3d(0, 0, 0); } @media (prefers-reduced-motion: reduce) { body.kayi-v2-theme .sepet-fix { transition-duration: 0.01ms !important; } } /**/ body.kayi-v2-theme .sepeti-ac { right: 0 !important; transform: translate3d(0, 0, 0); transition: transform 0.2s ease, background-color 0.15s ease !important; backface-visibility: hidden; } @media only screen and (min-width: 1201px) { body.kayi-v2-theme .sepeti-ac.sepeti-ac-fix { right: 0 !important; transform: translate3d(calc(0px - var(--kayi-cart-width)), 0, 0); } } @media only screen and (max-width: 1200px) and (min-width: 701px) { body.kayi-v2-theme .sepeti-ac.sepeti-ac-fix { right: 0 !important; transform: translate3d(calc(0px - min(var(--kayi-cart-width), calc(100vw - 54px))), 0, 0); } } @media only screen and (max-width: 700px) { body.kayi-v2-theme .sepeti-ac.sepeti-ac-fix { right: 0 !important; transform: translate3d(-200px, 0, 0); } } /**/ /**/ body.kayi-v2-theme .cift { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 2px; } body.kayi-v2-theme .cift > li { position: relative; min-width: 0; padding: 10px 11px 9px !important; overflow: hidden; background: linear-gradient(180deg, #fff 0%, var(--kayi-brand-soft) 160%) !important; border: 1px solid color-mix(in srgb, var(--kayi-brand) 17%, var(--kayi-line)) !important; border-radius: var(--kayi-radius-sm) !important; } body.kayi-v2-theme .cift > li::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; content: ""; background: var(--kayi-brand); opacity: .72; } body.kayi-v2-theme .cift > li > span:first-child { display: block; margin: 0 0 4px !important; color: var(--kayi-muted) !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } body.kayi-v2-theme .cift .adet-fiyat, body.kayi-v2-theme .cift .kdv { display: block; min-height: 20px; margin: 0 !important; color: var(--kayi-brand-dark) !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 850 !important; letter-spacing: -.015em !important; font-variant-numeric: tabular-nums !important; text-transform: none !important; overflow-wrap: anywhere; } /**/ body.kayi-v2-theme .aciklama > ul > li:nth-child(3) { font-variant-numeric: tabular-nums; } /**/ body.kayi-v2-performance-turbo .cubuk { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 1px 0 var(--kayi-line) !important; } body.kayi-v2-performance-turbo .icerik > .urun, body.kayi-v2-performance-turbo main > section > .urun { box-shadow: 0 2px 8px rgba(16, 24, 40, .055) !important; } body.kayi-v2-performance-turbo .icerik > .urun:hover, body.kayi-v2-performance-turbo main > section > .urun:hover { box-shadow: 0 4px 12px rgba(16, 24, 40, .075) !important; } body.kayi-v2-performance-turbo .icerik img, body.kayi-v2-performance-turbo .icerik > div::after, body.kayi-v2-performance-turbo main > section > .urun::after { transition: none !important; } /**/ body.kayi-v2-theme img, body.kayi-v2-theme video, body.kayi-v2-theme iframe { max-width: 100%; } body.kayi-v2-theme .woocommerce, body.kayi-v2-theme .woocommerce-page, body.kayi-v2-theme main, body.kayi-v2-theme main > section, body.kayi-v2-theme .icerik, body.kayi-v2-theme .urun, body.kayi-v2-theme .aciklama { min-width: 0; } body.kayi-v2-theme .woocommerce table.shop_table { width: 100%; max-width: 100%; } @media only screen and (max-width: 1024px) { body.kayi-v2-theme .cubuk { gap: 8px; padding: 11px 14px; } body.kayi-v2-theme .cubuk form, body.kayi-v2-theme .cubuk .kayi-global-search-form { min-width: 0; } body.kayi-v2-theme .woocommerce-cart-form, body.kayi-v2-theme .woocommerce-checkout-review-order, body.kayi-v2-theme .woocommerce-MyAccount-content { max-width: 100%; } } @media only screen and (max-width: 768px) { body.kayi-v2-theme .aciklama > ul > li:nth-child(2) { min-height: auto; } body.kayi-v2-theme .cift > li { padding: 10px !important; } body.kayi-v2-theme .cift .adet-fiyat, body.kayi-v2-theme .cift .kdv { font-size: 14px !important; } body.kayi-v2-theme .woocommerce table.shop_table_responsive tr, body.kayi-v2-theme .woocommerce-page table.shop_table_responsive tr { display: block; width: 100%; } body.kayi-v2-theme .woocommerce table.shop_table_responsive td, body.kayi-v2-theme .woocommerce-page table.shop_table_responsive td { max-width: 100%; overflow-wrap: anywhere; } } @media only screen and (max-width: 480px) { body.kayi-v2-theme .baslik, body.kayi-v2-theme main > section > h1 { margin-right: 12px; margin-left: 12px; font-size: 23px; } body.kayi-v2-theme .icerik { gap: 11px; padding: 10px !important; } body.kayi-v2-theme .icerik > .urun, body.kayi-v2-theme main > section > .urun { max-width: 100%; border-radius: var(--kayi-radius) !important; } body.kayi-v2-theme .aciklama { padding: 14px !important; } body.kayi-v2-theme .cift { gap: 7px; } body.kayi-v2-theme .cift > li { padding: 9px !important; } body.kayi-v2-theme .cift .adet-fiyat, body.kayi-v2-theme .cift .kdv { font-size: 13.5px !important; } body.kayi-v2-theme .cubuk { padding: 10px; } body.kayi-v2-theme .alan, body.kayi-v2-theme .odemem, body.kayi-v2-theme .sepetim, body.kayi-v2-theme .giris { min-width: 0; max-width: 100%; } body.kayi-v2-theme .woocommerce-cart-form, body.kayi-v2-theme .shop_table_responsive { width: 100%; max-width: 100%; overflow-x: auto; } } @media only screen and (max-width: 360px) { body.kayi-v2-theme .cift { grid-template-columns: minmax(0, 1fr); } body.kayi-v2-theme .number { grid-template-columns: 42px minmax(0, 1fr) 42px; } body.kayi-v2-theme .logo .kayi-v2-brand-logo { max-width: 58vw; } }
/* Responsive account/order content and installed-app safe areas. */
body.kayi-v2-theme .woocommerce-MyAccount-content,
body.kayi-v2-theme .woocommerce-order-details,
body.kayi-v2-theme .woocommerce-customer-details{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
body.kayi-v2-theme .woocommerce-order-details table.order_details{table-layout:auto;width:100%;max-width:100%}
body.kayi-v2-theme .woocommerce-order-details .product-total{white-space:nowrap}
@media(pointer:coarse){
 body.kayi-v2-theme .woocommerce-MyAccount-content .button,
 body.kayi-v2-theme .woocommerce-cart-form .button,
 body.kayi-v2-theme .sepetim{min-height:44px;box-sizing:border-box}
}
@supports(padding:max(0px)){
 body.kayi-v2-theme{padding-bottom:env(safe-area-inset-bottom,0px)}
 body.kayi-v2-theme #header .container{box-sizing:border-box;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 body.kayi-v2-theme .sepet-fix{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(display-mode:standalone){
 body.kayi-v2-theme{overscroll-behavior-y:contain}
}
/* KAYI 2.9 B2B layer – source: css/kayi-b2b.src.css */
html body.kayi-b2b{--b2b-ink:#111827;--b2b-text:#374151;--b2b-muted:#6b7280;--b2b-faint:#9aa1ad;--b2b-line:#e5e7eb;--b2b-line-2:#eef0f3;--b2b-bg:#f3f4f6;--b2b-surface:#fff;--b2b-tint:#f8f9fb;--b2b-brand:var(--kayi-brand,#a91f30);--b2b-brand-dark:var(--kayi-brand-dark,#8e1624);--b2b-brand-soft:color-mix(in srgb,var(--b2b-brand) 8%,#fff);--b2b-ok:#15803d;--b2b-r:12px;--b2b-r-sm:8px;--b2b-shadow:0 1px 2px rgba(17,24,39,.05);--b2b-shadow-md:0 6px 18px rgba(17,24,39,.08);background:var(--b2b-bg)!important;color:var(--b2b-text);font-feature-settings:"tnum" 1,"cv11" 1;-webkit-font-smoothing:antialiased;}html body.kayi-b2b main.main,html body.kayi-b2b main{background:transparent!important}html body.kayi-b2b #header{background:linear-gradient(90deg,var(--b2b-brand-dark) 0%,var(--b2b-brand) 100%)!important;box-shadow:0 1px 0 rgba(0,0,0,.08)!important;border:0!important}html body.kayi-b2b #header .container{display:flex!important;align-items:center;justify-content:space-between;gap:24px}html body.kayi-b2b #header .logo,html body.kayi-b2b #header .menu-nav{float:none!important}html body.kayi-b2b #header .logo h1{position:static!important;top:auto!important;margin:0!important;font-size:22px!important;font-weight:800!important;letter-spacing:.04em!important;line-height:1!important}html body.kayi-b2b #header .logo img.kayi-v2-brand-logo{max-height:38px;width:auto}html body.kayi-b2b #header .menu-nav ul{line-height:normal!important;display:flex;align-items:center;gap:2px}html body.kayi-b2b #header .menu-nav li a{display:inline-block;padding:8px 12px!important;border-radius:7px;font-size:13px!important;font-weight:600!important;letter-spacing:.01em;color:rgba(255,255,255,.9)!important;transition:background-color .15s}html body.kayi-b2b #header .menu-nav li a:hover,html body.kayi-b2b #header .menu-nav li.current-menu-item a{background:rgba(255,255,255,.14);color:#fff!important}html body.kayi-b2b .cubuk{display:flex!important;align-items:center;gap:10px!important;padding:12px 24px!important;background:var(--b2b-surface)!important;border-bottom:1px solid var(--b2b-line)!important;box-shadow:0 1px 2px rgba(17,24,39,.03)!important}html body.kayi-b2b .cubuk .buldu{margin-right:auto!important;display:inline-flex;align-items:center;gap:6px;padding:7px 12px!important;border:1px solid var(--b2b-line)!important;border-radius:999px!important;background:var(--b2b-tint)!important;box-shadow:none!important;color:var(--b2b-muted)!important;font-size:12px!important;font-weight:600!important}html body.kayi-b2b .cubuk .buldu span{color:var(--b2b-ok)!important}html body.kayi-b2b .cubuk .kayi-global-search-form{flex:0 1 460px}html body.kayi-b2b .cubuk .search-input{height:42px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-tint)!important;box-shadow:none!important;font-size:14px!important;color:var(--b2b-ink)!important}html body.kayi-b2b .cubuk .search-input:focus{background:#fff!important;border-color:var(--b2b-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--b2b-brand) 14%,transparent)!important}html body.kayi-b2b .cubuk .search-submit{color:var(--b2b-muted)!important}html body.kayi-b2b .cubuk .alan{height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border-radius:var(--b2b-r-sm)!important;box-shadow:none!important;box-sizing:border-box}html body.kayi-b2b .cubuk .alan.odemem{gap:8px;border:1px solid var(--b2b-line)!important;background:#fff!important;color:var(--b2b-muted)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em}html body.kayi-b2b .cubuk .alan.odemem span{color:var(--b2b-ink)!important;font-size:16px!important;font-weight:750!important;letter-spacing:0;font-variant-numeric:tabular-nums}html body.kayi-b2b .cubuk .alan.sepetim{gap:8px;border:1px solid var(--b2b-brand)!important;background:var(--b2b-brand)!important;color:#fff!important;font-size:14px!important;font-weight:700!important}html body.kayi-b2b .cubuk .alan.sepetim:hover{background:var(--b2b-brand-dark)!important;border-color:var(--b2b-brand-dark)!important}html body.kayi-b2b .cubuk .alan.giris{gap:4px;padding:0 4px!important;border:1px solid var(--b2b-line)!important;background:#fff!important}html body.kayi-b2b .cubuk .alan.giris a{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:7px;color:var(--b2b-text)!important}html body.kayi-b2b .cubuk .alan.giris a:hover{background:var(--b2b-tint);color:var(--b2b-brand)!important}html body.kayi-b2b aside.sidebar{background:var(--b2b-surface)!important;border-right:1px solid var(--b2b-line)!important;box-shadow:none!important}html body.kayi-b2b aside.sidebar .tepe{border-bottom:1px solid var(--b2b-line-2)!important}html body.kayi-b2b aside.sidebar .tepe .catalog-title{color:var(--b2b-ink)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}html body.kayi-b2b aside.sidebar .tepe span a{color:var(--b2b-brand)!important;font-weight:700!important}html body.kayi-b2b .product-categories{padding:8px!important;background:#fff!important}html body.kayi-b2b .product-categories li{margin:1px 0!important}html body.kayi-b2b .product-categories a{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px!important;border:0!important;border-radius:var(--b2b-r-sm)!important;background:transparent!important;color:var(--b2b-text)!important;font-size:13px!important;font-weight:550!important;box-shadow:none!important}html body.kayi-b2b .product-categories a:hover{background:var(--b2b-tint)!important;color:var(--b2b-ink)!important}html body.kayi-b2b .product-categories li.is-active>a{background:var(--b2b-brand-soft)!important;color:var(--b2b-brand-dark)!important;box-shadow:inset 3px 0 0 var(--b2b-brand)!important}html body.kayi-b2b .product-categories a small{min-width:24px;padding:2px 8px!important;border-radius:999px!important;background:var(--b2b-line-2)!important;color:var(--b2b-muted)!important;font-size:11px!important;font-weight:700!important;text-align:center}html body.kayi-b2b .baslik,html body.kayi-b2b .konten>h1{color:var(--b2b-ink)!important;font-weight:750!important;letter-spacing:-.015em}html body.kayi-b2b .kayi-category-count{color:var(--b2b-muted)!important;font-size:13px}html body.kayi-b2b .icerik{gap:16px!important}html body.kayi-b2b .urun{display:flex!important;flex-direction:column;padding:12px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r)!important;background:var(--b2b-surface)!important;box-shadow:var(--b2b-shadow)!important;transition:border-color .15s,box-shadow .15s!important;overflow:hidden}html body.kayi-b2b .urun::after{display:none!important}html body.kayi-b2b .urun:hover{border-color:#d1d5db!important;box-shadow:var(--b2b-shadow-md)!important;transform:none!important}html body.kayi-b2b .urun .gorsel{margin:4px 4px 12px!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-tint)!important;box-shadow:none!important}html body.kayi-b2b .urun .gorsel>img{mix-blend-mode:multiply;background:transparent!important}html body.kayi-b2b .urun .gorsel .arti{top:10px!important;right:10px!important;left:auto!important;width:30px!important;height:30px!important;border:1px solid var(--b2b-line)!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;color:var(--b2b-text)!important;box-shadow:var(--b2b-shadow)!important;font-size:16px!important;line-height:28px!important}html body.kayi-b2b .urun .aciklama{display:flex!important;flex-direction:column;flex:1 1 auto;padding:0!important}html body.kayi-b2b .urun .aciklama>ul{display:grid!important;gap:8px;margin:0 0 12px!important;padding:0!important}html body.kayi-b2b .urun .aciklama>ul>li{margin:0!important;padding:0!important;border:0!important;background:transparent!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(1){order:1;font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;color:var(--b2b-ink)!important;letter-spacing:0}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(1) span{font:500 11.5px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;color:var(--b2b-muted)!important;text-transform:none;letter-spacing:0}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(2){order:2;min-height:2.6em;color:var(--b2b-ink)!important;font-size:15px!important;font-weight:700!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(3){order:3;display:flex!important;align-items:baseline;flex-wrap:wrap;gap:2px 6px;padding:10px 12px!important;border:1px solid var(--b2b-line-2)!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-tint)!important;color:var(--b2b-ink)!important;font-size:18px!important;font-weight:800!important;font-variant-numeric:tabular-nums;box-shadow:none!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(3) span{flex:1 0 100%;color:var(--b2b-muted)!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(3) .fiyat{color:var(--b2b-ink)!important;font-size:inherit!important;font-weight:inherit!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(4){order:4}html body.kayi-b2b .urun .aciklama ul.cift{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:0!important;padding:0!important}html body.kayi-b2b .urun .aciklama ul.cift>li{margin:0!important;padding:8px 10px!important;border:1px solid var(--b2b-line-2)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;box-shadow:none!important;color:var(--b2b-ink)!important;font-size:14px!important;font-weight:750!important;font-variant-numeric:tabular-nums}html body.kayi-b2b .urun .aciklama ul.cift>li::before,html body.kayi-b2b .urun .aciklama ul.cift>li::after{display:none!important}html body.kayi-b2b .urun .aciklama ul.cift>li>span:first-child{display:block;margin-bottom:2px;color:var(--b2b-muted)!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase}html body.kayi-b2b .urun .aciklama ul.cift .adet-fiyat,html body.kayi-b2b .urun .aciklama ul.cift .kdv{color:var(--b2b-ink)!important}html body.kayi-b2b .urun .aciklama>ul{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(1),html body.kayi-b2b .urun .aciklama>ul>li:nth-child(2),html body.kayi-b2b .urun .aciklama>ul>li:nth-child(5){grid-column:1/-1}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(3){grid-column:1;display:block!important;min-width:0;font-size:15.5px!important;line-height:1.2!important;white-space:normal}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(3) .fiyat{white-space:nowrap}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(3) span{display:block;min-height:2.5em;margin-bottom:4px;white-space:normal;line-height:1.25}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(4),html body.kayi-b2b .urun .aciklama ul.cift{display:contents!important}html body.kayi-b2b .urun .aciklama ul.cift>li:first-child{order:3;grid-column:2;display:block!important;min-width:0;padding:10px 12px!important;background:var(--b2b-tint)!important;font-size:15.5px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap}html body.kayi-b2b .urun .aciklama ul.cift>li:first-child>span:first-child{display:block;min-height:2.5em;margin:0 0 4px!important;white-space:normal;line-height:1.25}html body.kayi-b2b .urun .aciklama ul.cift>li:first-child .adet-fiyat{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}html body.kayi-b2b .urun .aciklama ul.cift>li:nth-child(2){order:4;grid-column:1/-1;display:flex!important;align-items:baseline;gap:6px;padding:0!important;border:0!important;background:transparent!important;font-size:12px!important;font-weight:750!important}html body.kayi-b2b .urun .aciklama ul.cift>li:nth-child(2) .kdv{font-size:12px!important;font-weight:750!important}html body.kayi-b2b .urun .aciklama ul.cift>li:nth-child(2)>span:first-child{display:inline!important;margin:0!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(5){order:5;color:var(--b2b-muted)!important;font-size:12px!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(5) span{font-size:12px!important;color:var(--b2b-muted)!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(5) .adet{color:var(--b2b-ink)!important;font-weight:750!important}html body.kayi-b2b .urun form.cart{margin-top:auto!important;padding-top:12px!important;border-top:1px solid var(--b2b-line-2)!important}html body.kayi-b2b .urun .sepete{display:flex!important;align-items:center;gap:8px;margin-top:0!important;padding-top:0!important;border-top:0!important}html body.kayi-b2b .urun .sepete .number{display:flex!important;flex:1 1 auto;align-items:stretch;height:42px;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;overflow:hidden;box-shadow:none!important}html body.kayi-b2b .urun .sepete .minus,html body.kayi-b2b .urun .sepete .plus{display:grid!important;place-items:center;flex:0 0 40px;width:40px!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--b2b-tint)!important;color:var(--b2b-ink)!important;font-size:18px!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;cursor:pointer;user-select:none}html body.kayi-b2b .urun .sepete .minus:hover,html body.kayi-b2b .urun .sepete .plus:hover{background:var(--b2b-line-2)!important;color:var(--b2b-brand)!important}html body.kayi-b2b .urun .sepete input.qty{flex:1 1 auto;min-width:0;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid var(--b2b-line)!important;border-right:1px solid var(--b2b-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:var(--b2b-ink)!important;font-size:15px!important;font-weight:750!important;text-align:center;font-variant-numeric:tabular-nums}html body.kayi-b2b .urun .sepete .ekle{display:inline-grid!important;place-items:center;width:46px!important;min-width:46px;height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-brand)!important;color:#fff!important;box-shadow:none!important}html body.kayi-b2b .urun .sepete .ekle:hover{background:var(--b2b-brand-dark)!important}html body.kayi-b2b .pagina{display:flex!important;justify-content:center;flex-wrap:wrap;gap:6px;margin:8px 0 32px!important}html body.kayi-b2b .pagina .page-numbers{display:inline-grid!important;place-items:center;min-width:38px;height:38px;padding:0 10px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;color:var(--b2b-text)!important;font-weight:650!important;text-decoration:none!important;box-shadow:none!important}html body.kayi-b2b .pagina .page-numbers.current{border-color:var(--b2b-ink)!important;background:var(--b2b-ink)!important;color:#fff!important}html body.kayi-b2b .pagina a.page-numbers:hover{border-color:var(--b2b-brand)!important;color:var(--b2b-brand)!important}html body.kayi-b2b .konten>h1{display:flex;align-items:center;gap:12px;font-size:28px!important}html body.kayi-b2b .woocommerce table.shop_table{border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r)!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important;overflow:hidden}html body.kayi-b2b .woocommerce table.shop_table thead th{background:var(--b2b-tint)!important;color:var(--b2b-muted)!important;font-size:11px!important;font-weight:750!important;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--b2b-line)!important}html body.kayi-b2b .woocommerce table.shop_table td{border-top:1px solid var(--b2b-line-2)!important;color:var(--b2b-text);font-variant-numeric:tabular-nums}html body.kayi-b2b .woocommerce table.shop_table td.product-name a,html body.kayi-b2b .woocommerce table.shop_table td.product-name{color:var(--b2b-ink)!important;font-weight:650!important}html body.kayi-b2b .woocommerce table.shop_table td.product-subtotal{color:var(--b2b-ink)!important;font-weight:750!important}html body.kayi-b2b .woocommerce table.cart img{border:1px solid var(--b2b-line-2)!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-tint)!important}html body.kayi-b2b .woocommerce table.cart .quantity input.qty{height:40px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;font-weight:700!important;text-align:center}html body.kayi-b2b .woocommerce a.remove{border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;color:var(--b2b-muted)!important}html body.kayi-b2b .woocommerce a.remove:hover{border-color:var(--b2b-brand)!important;background:var(--b2b-brand)!important;color:#fff!important}html body.kayi-b2b .woocommerce .cart-collaterals .cart_totals,html body.kayi-b2b .woocommerce-checkout #order_review,html body.kayi-b2b .woocommerce-checkout .woocommerce-billing-fields,html body.kayi-b2b .woocommerce-checkout .woocommerce-additional-fields,html body.kayi-b2b .woocommerce-checkout .musteri-filtre,html body.kayi-b2b .woocommerce-MyAccount-content,html body.kayi-b2b .woocommerce-MyAccount-navigation{border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r)!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important}html body.kayi-b2b .cart_totals h2,html body.kayi-b2b #order_review_heading,html body.kayi-b2b .woocommerce-billing-fields h3,html body.kayi-b2b .woocommerce-additional-fields h3{color:var(--b2b-ink)!important;font-size:17px!important;font-weight:750!important}html body.kayi-b2b .cart_totals .order-total th,html body.kayi-b2b .cart_totals .order-total td,html body.kayi-b2b #order_review .order-total th,html body.kayi-b2b #order_review .order-total td{color:var(--b2b-ink)!important;font-size:17px!important;font-weight:800!important}html body.kayi-b2b .cart_totals .order-total td .amount,html body.kayi-b2b #order_review .order-total .amount{color:var(--b2b-brand-dark)!important}html body.kayi-b2b .cart_totals th small,html body.kayi-b2b .cart_totals td small,html body.kayi-b2b #order_review th small,html body.kayi-b2b #order_review td small{display:block;margin-top:2px;color:var(--b2b-faint)!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;line-height:1.35}html body.kayi-b2b .woocommerce a.button,html body.kayi-b2b .woocommerce button.button,html body.kayi-b2b .woocommerce input.button{border-radius:var(--b2b-r-sm)!important;font-weight:700!important;box-shadow:none!important}html body.kayi-b2b .woocommerce-checkout .col2-set .col-1,html body.kayi-b2b .woocommerce-checkout .col2-set .col-2{border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r)!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important}html body.kayi-b2b .woocommerce-checkout .col2-set .woocommerce-billing-fields,html body.kayi-b2b .woocommerce-checkout .col2-set .woocommerce-additional-fields,html body.kayi-b2b .woocommerce-checkout .col2-set .woocommerce-shipping-fields{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}html body.kayi-b2b .woocommerce-checkout .col2-set h3{position:relative;margin:0 0 14px!important;padding:0 0 12px 14px!important;border:0!important;border-bottom:1px solid var(--b2b-line-2)!important;border-radius:0!important;background:transparent!important}html body.kayi-b2b .woocommerce-checkout #order_review_heading{margin:0!important;padding:18px 20px 14px 34px!important;border:1px solid var(--b2b-line)!important;border-bottom:0!important;border-radius:var(--b2b-r) var(--b2b-r) 0 0!important;background:#fff!important;box-shadow:none!important}html body.kayi-b2b .woocommerce-checkout #order_review{margin-top:0!important;border-top:0!important;border-radius:0 0 var(--b2b-r) var(--b2b-r)!important}html body.kayi-b2b .woocommerce-checkout #order_review table.shop_table{box-shadow:none!important;border-radius:var(--b2b-r-sm)!important;overflow:hidden}html body.kayi-b2b .woocommerce-checkout #payment{border-color:var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-tint)!important}html body.kayi-b2b .woocommerce-checkout #payment li.wc_payment_method{border-color:var(--b2b-line)!important;background:#fff!important}html body.kayi-b2b .woocommerce a.checkout-button,html body.kayi-b2b .woocommerce #place_order{min-height:50px!important;border-radius:var(--b2b-r-sm)!important;background:var(--b2b-brand)!important;background-image:none!important;font-size:15px!important;font-weight:750!important;letter-spacing:.01em;box-shadow:0 1px 2px rgba(17,24,39,.12)!important}html body.kayi-b2b .woocommerce a.checkout-button:hover,html body.kayi-b2b .woocommerce #place_order:hover{background:var(--b2b-brand-dark)!important}html body.kayi-b2b .woocommerce button[name=update_cart],html body.kayi-b2b .woocommerce .kayi-clear-cart{border:1px solid var(--b2b-line)!important;background:#fff!important;color:var(--b2b-text)!important}html body.kayi-b2b .woocommerce form .form-row label{color:var(--b2b-text)!important;font-size:12.5px!important;font-weight:650!important}html body.kayi-b2b .woocommerce form .form-row input.input-text,html body.kayi-b2b .woocommerce form .form-row textarea,html body.kayi-b2b .woocommerce form .form-row select,html body.kayi-b2b .musteri-filtre input{min-height:42px;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;box-shadow:none!important;color:var(--b2b-ink)!important}html body.kayi-b2b .woocommerce form .form-row input.input-text:focus,html body.kayi-b2b .woocommerce form .form-row textarea:focus,html body.kayi-b2b .musteri-filtre input:focus{border-color:var(--b2b-brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--b2b-brand) 14%,transparent)!important}html body.kayi-b2b .musteri-filtre{padding:18px 20px!important;margin-bottom:16px!important}html body.kayi-b2b .musteri-filtre h3{margin:0 0 10px!important;color:var(--b2b-ink)!important;font-size:15px!important;font-weight:750!important}html body.kayi-b2b .musteri-filtre input{width:100%;max-width:520px;padding:0 14px!important;font-size:15px!important}html body.kayi-b2b .woocommerce-MyAccount-navigation ul{padding:8px!important}html body.kayi-b2b .woocommerce-MyAccount-navigation li a::before,html body.kayi-b2b .woocommerce-MyAccount-navigation li a::after{display:none!important}html body.kayi-b2b .woocommerce-MyAccount-navigation li a{display:block;border:0!important;box-shadow:none!important;padding:9px 12px!important;border-radius:var(--b2b-r-sm)!important;color:var(--b2b-text)!important;font-weight:600!important}html body.kayi-b2b .woocommerce-MyAccount-navigation li.is-active a,html body.kayi-b2b .woocommerce-MyAccount-navigation li a:hover{background:var(--b2b-brand-soft)!important;color:var(--b2b-brand-dark)!important}html body.kayi-b2b .woocommerce-MyAccount-navigation li.is-active a{box-shadow:inset 3px 0 0 var(--b2b-brand)!important}html body.kayi-b2b .woocommerce-message,html body.kayi-b2b .woocommerce-info,html body.kayi-b2b .woocommerce-error{border:1px solid var(--b2b-line)!important;border-left:4px solid var(--b2b-brand)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important;color:var(--b2b-text)!important}html body.kayi-b2b .woocommerce-message{border-left-color:var(--b2b-ok)!important}html body.kayi-b2b .woocommerce-message,html body.kayi-b2b .woocommerce-info,html body.kayi-b2b .woocommerce-error{position:relative;padding:14px 16px 14px 46px!important}html body.kayi-b2b .woocommerce-message::before,html body.kayi-b2b .woocommerce-info::before,html body.kayi-b2b .woocommerce-error::before{position:absolute!important;top:50%!important;left:16px!important;margin:0!important;transform:translateY(-50%);color:var(--b2b-brand)!important;font-size:16px!important;line-height:1!important}html body.kayi-b2b .woocommerce-message::before{color:var(--b2b-ok)!important}html body.kayi-b2b .woocommerce .return-to-shop a.button,html body.kayi-b2b .woocommerce a.button.wc-backward{min-height:44px;display:inline-flex!important;align-items:center;padding:0 20px!important;background:var(--b2b-brand)!important;background-image:none!important;color:#fff!important}html body.kayi-b2b .woocommerce .return-to-shop a.button:hover{background:var(--b2b-brand-dark)!important}html body.kayi-b2b .sepet-fix{border-left:1px solid var(--b2b-line)!important;box-shadow:none!important}html body.kayi-b2b .sepet-fix.sepet-fix-fix{box-shadow:-18px 0 40px rgba(17,24,39,.14)!important}html body.kayi-b2b .sepet-fix .sepet-satir{border-bottom:1px solid var(--b2b-line-2)!important}html body.kayi-b2b .sepet-fix .sepet-title{color:var(--b2b-ink)!important;font-weight:600!important}html body.kayi-b2b .sepet-fix .sepet-adet{color:var(--b2b-muted)!important;font-weight:700!important;font-variant-numeric:tabular-nums}html body.kayi-b2b .sepet-fix .tum-sepet{border-radius:var(--b2b-r-sm)!important;background:var(--b2b-brand)!important;font-weight:750!important}@media only screen and (max-width:900px){html body.kayi-b2b .woocommerce table.shop_table_responsive.cart{border:0!important;background:transparent!important;box-shadow:none!important}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart tr.cart_item{width:auto!important;margin:0 0 12px!important;padding:4px 0!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r)!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important;overflow:hidden}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart td.product-thumbnail::before,html body.kayi-b2b .woocommerce table.shop_table_responsive.cart td.product-remove::before{display:none!important}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart td.product-remove,html body.kayi-b2b .woocommerce table.shop_table_responsive.cart td.product-thumbnail{justify-content:flex-end!important;border-bottom:0!important}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart td{background:transparent!important;border-color:var(--b2b-line-2)!important}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart tr.cart_item{display:grid!important;grid-template-columns:auto 1fr}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart tr.cart_item>td{grid-column:1/-1}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart tr.cart_item>td.product-thumbnail{grid-column:1;grid-row:1;justify-content:flex-start!important}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart tr.cart_item>td.product-remove{grid-column:2;grid-row:1;align-items:center}html body.kayi-b2b .woocommerce table.shop_table_responsive.cart tr.cart_item>td.product-remove a.remove{margin:0 0 0 auto!important}html body.kayi-b2b .cubuk{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"search search search" "total cart user";padding:10px 12px!important;gap:8px!important}html body.kayi-b2b .cubuk .buldu{display:none!important}html body.kayi-b2b .cubuk .kayi-global-search-form{grid-area:search;flex:none;width:100%!important;max-width:none!important}html body.kayi-b2b .cubuk .alan.odemem{grid-area:total;justify-content:space-between;width:auto!important}html body.kayi-b2b .cubuk .alan.sepetim{grid-area:cart;width:auto!important;padding:0 16px!important}html body.kayi-b2b .cubuk .alan.giris{grid-area:user;width:auto!important;min-width:44px;justify-content:center}html body.kayi-b2b .site-duzelt{top:auto!important;bottom:18px!important;left:14px!important;position:fixed!important;z-index:980!important;width:48px!important;height:48px!important;border-radius:14px!important;box-shadow:var(--b2b-shadow-md)!important}html body.kayi-b2b .sepeti-ac:not(.sepeti-ac-fix){top:auto!important;bottom:18px!important;border-radius:14px 0 0 14px!important}html body.kayi-b2b .icerik{gap:12px!important}html body.kayi-b2b .urun .aciklama>ul>li:nth-child(2){font-size:14.5px!important}}@media only screen and (max-width:480px){html body.kayi-b2b .urun{padding:10px!important}html body.kayi-b2b .cubuk .alan.odemem span{font-size:15px!important}}@media only screen and (max-width:640px){html body.kayi-b2b .urun{padding:10px!important}html body.kayi-b2b .urun .gorsel{margin:1px 1px 12px!important}}@media (prefers-reduced-motion:reduce){html body.kayi-b2b *{transition:none!important}}.woocommerce-cart-form .kayi-rabatt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 10px;margin-top:8px}.woocommerce-cart-form .kayi-rabatt label{display:flex;flex-direction:column;gap:2px;margin:0;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.woocommerce-cart-form .kayi-rabatt input[type=text]{width:92px;min-height:32px;padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-transform:none}.woocommerce-cart-form .kayi-rabatt input[type=text]:focus{outline:2px solid var(--kayi-brand,#a91f30);outline-offset:1px}.woocommerce-cart-form .kayi-rabatt small{flex:1 0 100%;font-size:11px;color:#6b7280}.woocommerce-cart-form td.product-price del{color:#9aa1ad;font-weight:500}.woocommerce-cart-form td.product-price ins{text-decoration:none;color:var(--kayi-brand-dark,#8e1624)}html body.kayi-card-hide-sku.kayi-card-hide-sku .urun .aciklama>ul>li:nth-child(1),html body.kayi-card-hide-tax.kayi-card-hide-tax .urun .aciklama ul.cift>li:nth-child(2),html body.kayi-card-hide-units.kayi-card-hide-units .urun .aciklama>ul>li:nth-child(5),html body.kayi-card-hide-zoom.kayi-card-hide-zoom .urun .gorsel .arti{display:none!important}html body.kayi-b2b{--b2b-r-lg:16px;--b2b-shadow-card:0 1px 2px rgba(16,24,40,.04),0 10px 28px rgba(16,24,40,.06);--b2b-focus:0 0 0 3px color-mix(in srgb,var(--b2b-brand) 16%,transparent);--b2b-ink-2:#1f2937}html body.kayi-b2b .cubuk .alan.giris{display:inline-flex!important;align-items:center;gap:2px;height:42px!important;min-height:42px!important;padding:3px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-sm)!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important;overflow:visible!important}html body.kayi-b2b .cubuk .alan.giris a.kayi-act{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:34px;width:auto!important;height:34px!important;margin:0!important;padding:0 7px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#4b5563!important;font-size:12.5px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;transition:background-color .15s,color .15s}html body.kayi-b2b .cubuk .alan.giris a.kayi-act .kayi-act__icon{display:block;width:19px;height:19px;flex:0 0 auto}html body.kayi-b2b .cubuk .alan.giris a.kayi-act:hover,html body.kayi-b2b .cubuk .alan.giris a.kayi-act:focus-visible{background:var(--b2b-brand-soft)!important;color:var(--b2b-brand-dark)!important;outline:0}html body.kayi-b2b .cubuk .alan.giris a.kayi-act:focus-visible{box-shadow:var(--b2b-focus)}html body.kayi-b2b .cubuk .alan.giris a.kayi-act--offline{color:var(--b2b-brand)!important}html body.kayi-b2b .cubuk .alan.giris a.kayi-act__label,html body.kayi-b2b .cubuk .alan.giris .kayi-act__label{display:none}html body.kayi-b2b .cubuk .alan.giris a.kayi-act--logout{margin-left:5px!important}html body.kayi-b2b .cubuk .alan.giris a.kayi-act--logout::before{content:"";position:absolute;left:-4px;top:8px;bottom:8px;width:1px;background:var(--b2b-line)}html body.kayi-b2b .cubuk .alan.giris a.kayi-act--logout:hover,html body.kayi-b2b .cubuk .alan.giris a.kayi-act--logout:focus-visible{background:#fef2f2!important;color:#b42318!important}@media (min-width:1280px){html body.kayi-b2b .cubuk .alan.giris a.kayi-act--offline{padding:0 11px 0 9px!important}html body.kayi-b2b .cubuk .alan.giris a.kayi-act--offline .kayi-act__label{display:inline}}@media (hover:hover){html body.kayi-b2b .cubuk .alan.giris a.kayi-act[data-tip]::after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;z-index:60;padding:6px 9px;border-radius:6px;background:#111827;color:#fff;font-size:12px;font-weight:600;letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-3px);transition:opacity .12s,transform .12s;box-shadow:0 6px 18px rgba(17,24,39,.18)}html body.kayi-b2b .cubuk .alan.giris a.kayi-act[data-tip]:hover::after,html body.kayi-b2b .cubuk .alan.giris a.kayi-act[data-tip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}html body.kayi-b2b .cubuk .alan.giris a.kayi-act:last-child[data-tip]::after{left:auto;right:0;transform:translate(0,-3px)}html body.kayi-b2b .cubuk .alan.giris a.kayi-act:last-child[data-tip]:hover::after{transform:translate(0,0)}}html body.kayi-b2b.woocommerce-account .woocommerce form .form-row input.input-text,html body.kayi-b2b.woocommerce-account .woocommerce form .form-row select,html body.kayi-b2b.woocommerce-checkout .woocommerce form .form-row input.input-text,html body.kayi-b2b.woocommerce-checkout .woocommerce form .form-row textarea{min-height:46px;border-color:#d5dbe3!important;border-radius:10px!important;background:#fbfcfd!important;font-size:15px!important;transition:border-color .15s,box-shadow .15s,background-color .15s}html body.kayi-b2b.woocommerce-account .woocommerce form .form-row input.input-text:focus,html body.kayi-b2b.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,html body.kayi-b2b.woocommerce-checkout .woocommerce form .form-row textarea:focus{background:#fff!important;border-color:var(--b2b-brand)!important;box-shadow:var(--b2b-focus)!important}html body.kayi-b2b.woocommerce-account .woocommerce form .form-row label,html body.kayi-b2b.woocommerce-checkout .woocommerce form .form-row label{margin-bottom:6px!important;color:#344054!important;font-size:13px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important}html body.kayi-b2b.woocommerce-account .woocommerce form .form-row .required{color:var(--b2b-brand)!important;text-decoration:none!important}html body.kayi-b2b.woocommerce-account .select2-container--default .select2-selection--single{height:46px!important;border:1px solid #d5dbe3!important;border-radius:10px!important;background:#fbfcfd!important}html body.kayi-b2b.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px!important;padding-left:14px!important;color:var(--b2b-ink-2)!important;font-size:15px}html body.kayi-b2b.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px!important;right:8px!important}html body.kayi-b2b.woocommerce-account .select2-container--default.select2-container--focus .select2-selection--single,html body.kayi-b2b.woocommerce-account .select2-container--default.select2-container--open .select2-selection--single{border-color:var(--b2b-brand)!important;box-shadow:var(--b2b-focus)}html body.kayi-b2b .woocommerce form .form-row input[type=checkbox]{width:18px;height:18px;margin:0 8px 0 0!important;accent-color:var(--b2b-brand);vertical-align:-4px}html body.kayi-b2b.woocommerce-account p.registration{display:flex;align-items:center;gap:14px;margin:0 0 20px!important;padding:14px 18px!important;border:1px solid color-mix(in srgb,var(--b2b-brand) 16%,#fff);border-radius:var(--b2b-r)!important;background:linear-gradient(90deg,var(--b2b-brand-soft),#fff 70%);color:var(--b2b-ink)!important;font-size:14.5px!important;font-weight:650!important;line-height:1.45!important}html body.kayi-b2b.woocommerce-account p.registration::before{content:"";flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--b2b-brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 19a6 6 0 0 0-12 0'/%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M19 8v6M16 11h6'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 0 0 4px color-mix(in srgb,var(--b2b-brand) 12%,transparent)}html body.kayi-b2b.woocommerce-account p.registration br{display:none}html body.kayi-b2b.woocommerce-account p.registration.successful{border-color:#bbe5c8;background:linear-gradient(90deg,#ecfdf3,#fff 70%)}html body.kayi-b2b.woocommerce-account p.registration.successful::before{background-color:var(--b2b-ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E");box-shadow:0 0 0 4px rgba(21,128,61,.12)}html body.kayi-b2b.woocommerce-account #customer_login{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin:0!important}html body.kayi-b2b.woocommerce-account #customer_login::before,html body.kayi-b2b.woocommerce-account #customer_login::after{display:none!important}html body.kayi-b2b.woocommerce-account #customer_login>.u-column1,html body.kayi-b2b.woocommerce-account #customer_login>.u-column2,html body.kayi-b2b.woocommerce-account .woocommerce>form.woocommerce-ResetPassword,html body.kayi-b2b.woocommerce-account .woocommerce>form.woocommerce-form-login{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:30px 30px 28px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-lg)!important;background:#fff!important;box-shadow:var(--b2b-shadow-card)!important}html body.kayi-b2b.woocommerce-account .woocommerce>form.woocommerce-ResetPassword{max-width:560px!important}html body.kayi-b2b.woocommerce-account #customer_login>.u-column1{border-top:3px solid var(--b2b-brand)!important}html body.kayi-b2b.woocommerce-account #customer_login>.u-column2{border-top:3px solid var(--b2b-ink)!important}html body.kayi-b2b.woocommerce-account #customer_login h2{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;margin:0 0 22px!important;padding:0 0 18px!important;border-bottom:1px solid var(--b2b-line-2)!important;color:var(--b2b-ink)!important;font-size:21px!important;font-weight:780!important;letter-spacing:-.01em}html body.kayi-b2b.woocommerce-account #customer_login h2::after{display:none!important;content:none!important}html body.kayi-b2b.woocommerce-account #customer_login h2::before{content:"";flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--b2b-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a91f30' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.2'/%3E%3Cpath d='M8 10.5V7.8a4 4 0 0 1 8 0v2.7'/%3E%3Cpath d='M12 14.6v2'/%3E%3C/svg%3E") center/21px no-repeat}html body.kayi-b2b.woocommerce-account #customer_login>.u-column2 h2::before{background-color:#f1f3f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111827' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20.5V9.2L12 4l9 5.2v11.3'/%3E%3Cpath d='M9 20.5v-6h6v6'/%3E%3Cpath d='M3 20.5h18'/%3E%3C/svg%3E")}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-login,html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-form-login .form-row,html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-form-register .form-row{margin:0 0 16px!important;padding:0!important}html body.kayi-b2b.woocommerce-account .woocommerce .password-input{display:block;position:relative}html body.kayi-b2b.woocommerce-account .woocommerce .password-input .show-password-input{top:50%!important;right:12px!important;transform:translateY(-50%);opacity:.6}html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-form-login>.form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:6px 0 0!important}html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;margin:0!important;color:var(--b2b-text)!important;font-size:13.5px!important;font-weight:600!important;cursor:pointer}html body.kayi-b2b.woocommerce-account .woocommerce button.woocommerce-form-login__submit,html body.kayi-b2b.woocommerce-account .woocommerce button.woocommerce-form-register__submit,html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-ResetPassword button.button{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px!important;margin:0!important;float:none!important;border:0!important;border-radius:10px!important;background:var(--b2b-brand)!important;background-image:none!important;color:#fff!important;font-size:15px!important;font-weight:700!important;letter-spacing:.01em;box-shadow:0 1px 2px rgba(16,24,40,.12)!important;transition:background-color .15s,box-shadow .15s}html body.kayi-b2b.woocommerce-account .woocommerce button.woocommerce-form-login__submit:hover,html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-ResetPassword button.button:hover{background:var(--b2b-brand-dark)!important;box-shadow:var(--b2b-focus)!important}html body.kayi-b2b.woocommerce-account .woocommerce button.woocommerce-form-register__submit{background:var(--b2b-ink)!important}html body.kayi-b2b.woocommerce-account .woocommerce button.woocommerce-form-register__submit:hover{background:#000!important;box-shadow:0 0 0 3px rgba(17,24,39,.14)!important}html body.kayi-b2b.woocommerce-account .woocommerce .lost_password{margin:20px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--b2b-line-2)}html body.kayi-b2b.woocommerce-account .woocommerce .lost_password a{color:var(--b2b-brand-dark)!important;font-size:13.5px;font-weight:650;text-decoration:none!important}html body.kayi-b2b.woocommerce-account .woocommerce .lost_password a:hover{text-decoration:underline!important}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>*{grid-column:1/-1;float:none!important;width:auto!important}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>.form-row-first{grid-column:1}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>.form-row-last{grid-column:2}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>.clear{display:none!important}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>p:not(.form-row){position:relative;margin:2px 0 14px!important;padding:12px 14px 12px 42px!important;border-radius:10px;background:var(--b2b-tint);color:var(--b2b-muted)!important;font-size:13px!important;line-height:1.5!important}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>p:not(.form-row)::before{content:"";position:absolute;left:14px;top:13px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 6 8.5-6'/%3E%3C/svg%3E") center/18px no-repeat}html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-privacy-policy-text{margin:0 0 16px!important;padding:0!important;background:transparent!important}html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-privacy-policy-text p{margin:0!important;color:var(--b2b-faint)!important;font-size:12px!important;line-height:1.55!important}html body.kayi-b2b.woocommerce-account .woocommerce .woocommerce-privacy-policy-text a{color:var(--b2b-muted)!important}@media (max-width:980px){html body.kayi-b2b.woocommerce-account #customer_login{grid-template-columns:1fr}}@media (max-width:560px){html body.kayi-b2b.woocommerce-account #customer_login>.u-column1,html body.kayi-b2b.woocommerce-account #customer_login>.u-column2{padding:22px 18px!important;border-radius:var(--b2b-r)!important}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register{grid-template-columns:1fr}html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>.form-row-first,html body.kayi-b2b.woocommerce-account .woocommerce form.woocommerce-form-register>.form-row-last{grid-column:1}}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .konten>article{counter-reset:kayistep}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set .col-1,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set .col-2,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review{border-color:var(--b2b-line)!important;box-shadow:var(--b2b-shadow-card)!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre{position:relative;padding:22px 24px!important;border:1px solid var(--b2b-line)!important;border-left:0!important;border-radius:var(--b2b-r-lg)!important;background:#fff!important;overflow:hidden}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--b2b-brand)}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre input{max-width:560px!important;min-height:48px!important;border-radius:10px!important;font-size:15.5px!important;font-weight:600}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre h3,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set h3,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading{counter-increment:kayistep;display:flex!important;align-items:center;gap:11px;color:var(--b2b-ink)!important;font-size:16.5px!important;font-weight:780!important;letter-spacing:-.005em}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set h3{padding-left:0!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre h3{margin:0 0 14px!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .musteri-filtre h3::before,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set h3::before,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading::before{content:counter(kayistep)!important;position:static!important;flex:0 0 28px;display:inline-grid!important;place-items:center;width:28px!important;height:28px!important;margin:0!important;border-radius:50%!important;background:var(--b2b-brand)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1!important;box-shadow:0 0 0 4px var(--b2b-brand-soft)!important;transform:none!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading{padding:20px 22px 16px!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set .col-1,html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) .col2-set .col-2{border-radius:var(--b2b-r-lg)!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading{border-radius:var(--b2b-r-lg) var(--b2b-r-lg) 0 0!important;box-shadow:none!important}html body.kayi-b2b.woocommerce-checkout:not(.woocommerce-order-received) #order_review{border-radius:0 0 var(--b2b-r-lg) var(--b2b-r-lg)!important}html body.kayi-b2b .kayi-billing-summary{display:grid;gap:4px;margin:2px 0 4px;padding:14px 16px;border:1px dashed #d5dbe3;border-radius:12px;background:var(--b2b-tint);color:var(--b2b-text);font-size:14px;line-height:1.5}html body.kayi-b2b .kayi-billing-summary[data-filled="1"]{border-style:solid;border-color:var(--b2b-line);background:#fff}html body.kayi-b2b .kayi-billing-summary strong{color:var(--b2b-ink);font-size:15.5px;font-weight:750}html body.kayi-b2b .kayi-billing-summary .kayi-billing-summary__meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;padding-top:8px;border-top:1px solid var(--b2b-line-2);color:var(--b2b-muted);font-size:13px}html body.kayi-b2b .kayi-billing-summary .kayi-billing-summary__empty{color:var(--b2b-faint);font-weight:600}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table,html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table{border-collapse:separate!important;border-spacing:0!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table{border:1px solid var(--b2b-line-2)!important;border-radius:12px!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table thead th{background:#fff!important;border-bottom:1px solid var(--b2b-line)!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table th,html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table td{padding:12px 16px!important;border-left:0!important;border-right:0!important;background:#fff!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tbody td.product-name{color:var(--b2b-ink)!important;font-size:13.5px!important;font-weight:650!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tbody td.product-name .product-quantity{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--b2b-tint);color:var(--b2b-muted);font-size:11.5px;font-weight:750}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tfoot th{color:var(--b2b-muted)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tfoot td{color:var(--b2b-ink)!important;font-weight:700!important;text-align:right}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table thead th:last-child,html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table td.product-total{text-align:right}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tr.order-total th,html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tr.order-total td{padding-top:16px!important;padding-bottom:16px!important;border-top:1px solid var(--b2b-line)!important;background:var(--b2b-brand-soft)!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tr.order-total th{color:var(--b2b-ink)!important;font-size:14px!important}html body.kayi-b2b.woocommerce-checkout #order_review table.shop_table tr.order-total td .amount{font-size:20px!important;font-weight:800!important}html body.kayi-b2b.woocommerce-checkout #payment{margin-top:16px;padding:0!important;border:0!important;background:transparent!important}html body.kayi-b2b.woocommerce-checkout #payment ul.payment_methods{display:grid;gap:10px;margin:0 0 14px!important;padding:0!important;border:0!important}html body.kayi-b2b.woocommerce-checkout #payment ul.payment_methods::before,html body.kayi-b2b.woocommerce-checkout #payment ul.payment_methods::after{display:none!important}html body.kayi-b2b.woocommerce-checkout #payment li.wc_payment_method{position:relative;margin:0!important;padding:14px 16px 14px 46px!important;border:1px solid var(--b2b-line)!important;border-radius:12px!important;background:#fff!important;list-style:none;transition:border-color .15s,box-shadow .15s,background-color .15s}html body.kayi-b2b.woocommerce-checkout #payment li.wc_payment_method:has(input:checked){border-color:var(--b2b-brand)!important;background:color-mix(in srgb,var(--b2b-brand) 3%,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--b2b-brand) 10%,transparent)}html body.kayi-b2b.woocommerce-checkout #payment li.wc_payment_method>input.input-radio{position:absolute;left:16px;top:16px;width:18px;height:18px;margin:0!important;accent-color:var(--b2b-brand);cursor:pointer}html body.kayi-b2b.woocommerce-checkout #payment li.wc_payment_method:has(>input.input-radio[style*="none"]){padding-left:18px!important}html body.kayi-b2b.woocommerce-checkout #payment li.wc_payment_method>label{display:block!important;margin:0!important;color:var(--b2b-ink)!important;font-size:14px!important;font-weight:750!important;cursor:pointer}html body.kayi-b2b.woocommerce-checkout #payment div.payment_box{margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--b2b-muted)!important;font-size:13px!important;line-height:1.55!important;box-shadow:none!important}html body.kayi-b2b.woocommerce-checkout #payment div.payment_box::before{display:none!important}html body.kayi-b2b.woocommerce-checkout #payment div.payment_box p{margin:0!important}html body.kayi-b2b.woocommerce-checkout #payment .place-order{margin:0!important;padding:0!important;background:transparent!important}html body.kayi-b2b.woocommerce-checkout #payment .woocommerce-privacy-policy-text p{margin:0 0 14px!important;color:var(--b2b-faint)!important;font-size:12px!important;line-height:1.55!important}html body.kayi-b2b.woocommerce-checkout #payment #place_order{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%!important;min-height:54px!important;border-radius:12px!important;font-size:16px!important;font-weight:800!important;letter-spacing:.01em;box-shadow:0 8px 20px color-mix(in srgb,var(--b2b-brand) 22%,transparent)!important}html body.kayi-b2b.woocommerce-checkout #payment #place_order::before{content:"";width:18px;height:18px;flex:0 0 18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.2'/%3E%3Cpath d='M8 10.5V7.8a4 4 0 0 1 8 0v2.7'/%3E%3C/svg%3E") center/18px no-repeat}html body.kayi-b2b.woocommerce-checkout #payment #place_order:disabled{opacity:.65;box-shadow:none!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px;align-items:start}html body.kayi-b2b.woocommerce-order-received .woocommerce-order>*{grid-column:1/-1;min-width:0;margin:0!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order>.woocommerce-order-details{grid-column:1}html body.kayi-b2b.woocommerce-order-received .woocommerce-order>.woocommerce-customer-details{grid-column:2}html body.kayi-b2b.woocommerce-order-received .woocommerce-thankyou-order-received{position:relative;display:flex!important;flex-direction:column;justify-content:center;min-height:92px;padding:24px 28px 24px 102px!important;border:1px solid #cfead8!important;border-left:1px solid #cfead8!important;border-radius:var(--b2b-r-lg)!important;background:linear-gradient(100deg,#effaf3 0%,#fff 62%)!important;color:var(--b2b-ink)!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.01em;line-height:1.3!important;box-shadow:var(--b2b-shadow-card)!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-thankyou-order-received::before{content:""!important;position:absolute!important;left:28px!important;top:50%!important;width:54px!important;height:54px!important;margin:0!important;border-radius:50%!important;transform:translateY(-50%)!important;background:var(--b2b-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/26px no-repeat!important;box-shadow:0 0 0 7px rgba(21,128,61,.12)!important;color:transparent!important;font-size:0!important}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview::before,html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview::after{display:none!important}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li{float:none!important;margin:0!important;padding:15px 16px!important;border:1px solid var(--b2b-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--b2b-shadow)!important;color:var(--b2b-muted)!important;font-size:11px!important;font-weight:750!important;letter-spacing:.06em;text-transform:uppercase;list-style:none}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li strong{display:block;margin-top:7px;color:var(--b2b-ink)!important;font-size:16px!important;font-weight:800!important;letter-spacing:0;text-transform:none;word-break:break-word;font-variant-numeric:tabular-nums}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__order{border-top:3px solid var(--b2b-brand)!important}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total strong{color:var(--b2b-brand-dark)!important;font-size:18px!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details,html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details,html body.kayi-b2b.woocommerce-order-received .woocommerce-bacs-bank-details{padding:22px 24px!important;border:1px solid var(--b2b-line)!important;border-radius:var(--b2b-r-lg)!important;background:#fff!important;box-shadow:var(--b2b-shadow-card)!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details__title,html body.kayi-b2b.woocommerce-order-received .woocommerce-column__title,html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details h2,html body.kayi-b2b.woocommerce-order-received .wc-bacs-bank-details-heading{display:flex;align-items:center;gap:10px;margin:0 0 16px!important;padding:0 0 14px!important;border-bottom:1px solid var(--b2b-line-2)!important;color:var(--b2b-ink)!important;font-size:17px!important;font-weight:780!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details__title::before,html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details h2::before,html body.kayi-b2b.woocommerce-order-received .woocommerce-column__title::before{content:""!important;position:static!important;flex:0 0 34px;width:34px!important;height:34px!important;margin:0!important;border-radius:10px!important;background:var(--b2b-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a91f30' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4.5H6.8A1.8 1.8 0 0 0 5 6.3v13.4a1.8 1.8 0 0 0 1.8 1.8h10.4a1.8 1.8 0 0 0 1.8-1.8V6.3a1.8 1.8 0 0 0-1.8-1.8H15'/%3E%3Crect x='9' y='2.8' width='6' height='3.4' rx='1'/%3E%3Cpath d='M9 11h6M9 15h4'/%3E%3C/svg%3E") center/18px no-repeat!important;transform:none!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details h2::before,html body.kayi-b2b.woocommerce-order-received .woocommerce-column__title::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a91f30' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 20.5V9.2L12 4l9 5.2v11.3'/%3E%3Cpath d='M9 20.5v-6h6v6'/%3E%3C/svg%3E")!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table{border:1px solid var(--b2b-line-2)!important;border-radius:12px!important;box-shadow:none!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table th,html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table td{padding:12px 16px!important;border-left:0!important;border-right:0!important;background:#fff!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table thead th{background:var(--b2b-tint)!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table thead th:last-child,html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child{text-align:right}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tbody td a{color:var(--b2b-ink)!important;font-weight:650;text-decoration:none!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tbody .product-quantity{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--b2b-tint);color:var(--b2b-muted);font-size:11.5px;font-weight:750}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th{color:var(--b2b-muted)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot td{color:var(--b2b-ink)!important;font-weight:700!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child th,html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td{padding-top:16px!important;padding-bottom:16px!important;border-top:1px solid var(--b2b-line)!important;background:var(--b2b-brand-soft)!important;color:var(--b2b-ink)!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot tr:last-child td{color:var(--b2b-brand-dark)!important;font-size:19px!important;font-weight:800!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details address{margin:0!important;padding:0!important;border:0!important;color:var(--b2b-text)!important;font-size:14px!important;font-style:normal!important;line-height:1.65!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details address p{position:relative;margin:10px 0 0!important;padding:10px 0 0 24px!important;border-top:1px solid var(--b2b-line-2)!important;color:var(--b2b-muted)!important;font-size:13.5px!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details address p+p{margin-top:0!important;border-top:0!important;padding-top:4px!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details address p::before{left:0!important;margin:0!important;color:var(--b2b-faint)!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order>p:not(.woocommerce-notice){padding:14px 18px!important;border:1px solid var(--b2b-line)!important;border-radius:12px!important;background:#fff!important;color:var(--b2b-text)!important}@media (max-width:1100px){html body.kayi-b2b.woocommerce-order-received .woocommerce-order{grid-template-columns:1fr}html body.kayi-b2b.woocommerce-order-received .woocommerce-order>.woocommerce-customer-details{grid-column:1}}@media (max-width:560px){html body.kayi-b2b.woocommerce-order-received .woocommerce-thankyou-order-received{padding:20px 18px 20px 84px!important;font-size:17px!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-thankyou-order-received::before{left:18px!important;width:46px!important;height:46px!important;background-size:22px!important}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview{grid-template-columns:1fr 1fr}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details,html body.kayi-b2b.woocommerce-order-received .woocommerce-customer-details{padding:18px 16px!important}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email,html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__total,html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method{grid-column:1/-1}html body.kayi-b2b.woocommerce-order-received ul.woocommerce-order-overview li strong{word-break:normal;overflow-wrap:anywhere}}@media (max-width:768px){html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table{display:table!important;width:100%!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table thead{display:table-header-group!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tbody{display:table-row-group!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot{display:table-footer-group!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table tr{display:table-row!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table th,html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table td{display:table-cell!important;width:auto!important;padding:11px 12px!important;text-align:left;font-size:13px!important}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child{text-align:right!important;white-space:nowrap}html body.kayi-b2b.woocommerce-order-received .woocommerce-order-details table.shop_table td::before{display:none!important;content:none!important}}@media (prefers-reduced-motion:reduce){html body.kayi-b2b .cubuk .alan.giris a.kayi-act,html body.kayi-b2b.woocommerce-checkout #payment li.wc_payment_method{transition:none}}