/* ══════════════════════════════════════════
   EROMER — WooCommerce stilleri
   ══════════════════════════════════════════ */

/* Sayfa başlığı satırı (mağaza) */
.shop-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.shop-count{font:700 13.5px var(--f-body);color:var(--muted-2);padding-bottom:8px;flex:none}

/* Filtre çipleri */
.filter-chips{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.filter-chips .chip{padding:10px 18px;border-radius:999px;font:700 13px var(--f-body);cursor:pointer;transition:all .15s;white-space:nowrap;background:transparent;color:var(--muted);border:1.5px solid rgba(25,23,19,.22)}
.filter-chips .chip:hover{border-color:var(--ink);color:var(--ink)}
.filter-chips .chip.active{background:var(--ink);color:#F5EFE2;border-color:var(--ink)}

/* Ürün ızgarası */
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.shop-card{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.shop-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(40,30,10,.13)}
.shop-card-media{height:250px;display:flex;align-items:center;justify-content:center;background:var(--bg-img);border-bottom:1px solid rgba(25,23,19,.06);position:relative}
.shop-card-media img{max-height:218px;max-width:74%;object-fit:contain}
.shop-card-badge{position:absolute;top:14px;left:14px;font:800 9.5px/1 var(--f-body);letter-spacing:.13em;color:var(--gold-dd);background:rgba(255,253,247,.94);padding:7px 10px;border-radius:999px;text-transform:uppercase}
.shop-card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.shop-card-name{font:700 19px/1.25 var(--f-head);color:var(--ink);cursor:pointer}
.shop-card-name:hover{color:var(--ink)}
.shop-card-cat{font:700 12px var(--f-body);letter-spacing:.06em;color:var(--gold-d);margin:5px 0 10px;text-transform:uppercase}
.shop-card-specs{display:flex;gap:14px;font:700 12.5px var(--f-body);color:var(--muted);margin-bottom:16px;flex-wrap:wrap}
.shop-card-specs span{display:flex;align-items:center;gap:6px}
.shop-card-actions{display:flex;gap:10px;margin-top:auto}
.shop-card-actions .btn{flex:1;padding:13px 10px;font-size:13px}
.shop-pagination{margin-top:30px}
.shop-pagination .woocommerce-pagination ul{display:flex;gap:8px;list-style:none;padding:0;margin:0;justify-content:center}
.shop-pagination .woocommerce-pagination a,.shop-pagination .woocommerce-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:999px;border:1.5px solid rgba(25,23,19,.18);font:800 13px var(--f-body);color:var(--ink)}
.shop-pagination .woocommerce-pagination .current{background:var(--ink);color:#F5EFE2;border-color:var(--ink)}

/* Karşılaştırma tablosu */
.compare-title{font:700 26px/1.2 var(--f-head);color:var(--ink);margin:0 0 20px;letter-spacing:-.01em}
.compare-table{background:var(--bg-soft);border:1px solid rgba(25,23,19,.09);border-radius:18px;overflow:hidden}
.compare-row{display:grid;grid-template-columns:180px repeat(5,1fr)}
.compare-head{background:var(--bg-card)}
.compare-row:not(.compare-head){border-top:1px solid rgba(25,23,19,.08)}
.compare-col-head{padding:16px 14px;font:700 13.5px var(--f-head);color:var(--ink);cursor:pointer;border-left:1px solid rgba(25,23,19,.07)}
.compare-col-head:hover{color:var(--gold-dd)}
.compare-key{padding:13px 18px;font:800 11.5px/1.5 var(--f-body);letter-spacing:.05em;color:var(--muted-2);text-transform:uppercase}
.compare-head .compare-key{padding:16px 18px}
.compare-cell{padding:13px 14px;font:600 12.5px/1.5 var(--f-body);color:var(--ink-2);border-left:1px solid rgba(25,23,19,.07)}

/* Fiyat notu */
.price-note{background:rgba(165,133,78,.1);border:1px solid rgba(165,133,78,.28);border-radius:14px;padding:17px 22px;display:flex;align-items:center;gap:13px}
.price-note span{font:600 13.5px var(--f-body);color:var(--muted)}

/* Mağaza bölüm aralıkları */
.shop-desc{margin-top:14px}
.shop-products{padding:36px 0 8px}
.shop-compare{padding:26px 0 0}
.shop-note{padding-top:26px}

/* ══════════ ÜRÜN DETAY ══════════ */
.pd-top{padding-top:44px;padding-bottom:64px}
.pd-others .pd-h3{margin-bottom:24px}
.pd-breadcrumb{display:flex;gap:8px;font:600 12.5px var(--f-body);color:var(--muted-3);align-items:center;flex-wrap:wrap}
.pd-breadcrumb a{color:var(--muted-3)}
.pd-breadcrumb a:hover{color:var(--ink)}
.pd-breadcrumb .cur{color:var(--ink);font-weight:800}
.pd-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;margin-top:28px}
.pd-main{background:var(--bg-img);border:1px solid var(--line-soft);border-radius:20px;height:470px;display:flex;align-items:center;justify-content:center}
.pd-main img{max-height:428px;max-width:86%;object-fit:contain}
.pd-thumbs{display:flex;gap:12px;margin-top:14px}
.pd-thumb{width:84px;height:84px;border-radius:12px;background:var(--bg-img);display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(25,23,19,.08);box-sizing:border-box;flex:none}
.pd-thumb.active{border-color:var(--gold)}
.pd-thumb img{max-height:64px;max-width:80%;object-fit:contain}
.pd-cat{font:800 11.5px/1 var(--f-body);letter-spacing:.22em;color:var(--gold-d);text-transform:uppercase}
.pd-title{font:800 42px/1.08 var(--f-head);letter-spacing:-.02em;color:var(--ink);margin:12px 0 0}
.pd-old{display:inline-block;font:700 11.5px var(--f-body);color:var(--muted-2);background:#EBE4D5;border:1px solid rgba(25,23,19,.09);border-radius:999px;padding:6px 12px;margin-top:12px}
.pd-short{font:500 15.5px/1.7 var(--f-body);color:var(--muted);margin:16px 0 0}
.pd-chips{display:flex;gap:12px;margin-top:22px}
.pd-chip{flex:1;background:var(--bg-soft);border:1px solid rgba(25,23,19,.09);border-radius:13px;padding:13px 15px}
.pd-chip .k{font:800 9.5px/1 var(--f-body);letter-spacing:.14em;color:var(--gold-d);text-transform:uppercase;margin-bottom:7px}
.pd-chip .v{font:800 14.5px var(--f-body);color:var(--ink)}
.pd-features{margin-top:24px;display:grid;gap:10px}
.pd-features div{display:flex;align-items:center;gap:10px;font:600 13.5px var(--f-body);color:var(--ink-2)}
.pd-features svg{flex:none}
.pd-actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}
.pd-cert{display:flex;align-items:center;gap:9px;margin-top:18px;font:600 12.5px var(--f-body);color:var(--muted-2)}

.pd-specs-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px}
.pd-h3{font:700 26px/1.2 var(--f-head);color:var(--ink);margin:0 0 20px;letter-spacing:-.01em}
.spec-row{display:flex;justify-content:space-between;gap:24px;padding:12.5px 0;border-bottom:1px solid rgba(25,23,19,.1)}
.spec-row .k{font:700 13.5px var(--f-body);color:var(--muted-2)}
.spec-row .v{font:800 13.5px var(--f-body);color:var(--ink);text-align:right}
.pd-specs-img{background:var(--bg-img);border:1px solid var(--line-soft);border-radius:20px;height:320px;display:flex;align-items:center;justify-content:center}
.pd-specs-img img{max-height:280px;max-width:80%;object-fit:contain}
.pd-uses-title{font:700 17px var(--f-head);color:var(--ink);margin:26px 0 14px}
.pd-uses{display:flex;gap:9px;flex-wrap:wrap}
.pd-uses span{font:700 12.5px var(--f-body);color:var(--ink-2);background:var(--bg-card);border:1px solid rgba(25,23,19,.1);border-radius:999px;padding:9px 15px}

.pd-others-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.other-card{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;display:block}
.other-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(40,30,10,.12)}
.other-card .thumb{height:132px;display:flex;align-items:center;justify-content:center;background:var(--bg-img);border-bottom:1px solid rgba(25,23,19,.06)}
.other-card .thumb img{max-height:112px;max-width:72%;object-fit:contain}
.other-card .body{padding:14px 16px 16px}
.other-card .name{font:700 14.5px var(--f-head);color:var(--ink)}
.other-card .area{font:700 11px var(--f-body);letter-spacing:.08em;color:var(--gold-d);margin-top:4px;text-transform:uppercase}

/* ══════════ SEPET / ÖDEME / GENEL WOO ══════════ */
.woo-page{padding:58px 0 74px}
.woo-page>.eromer-wrap{width:100%}
.woo-page .page-head{padding:0 0 30px}

/* Ajax sonrası "Sepeti Gör" satır-içi bağlantısını gizle (tasarımda yok; toast + rozet kullanılır) */
.added_to_cart{display:none!important}
/* "Teklife Ekle" eklendikten sonra da aynı görünsün */
.shop-add.added,.pd-actions .added{opacity:1}
.woocommerce-breadcrumb,.woo-breadcrumb{font:600 12.5px var(--f-body);color:var(--muted-3);margin-bottom:24px}
.woo-page h1.entry-title,.woo-page .woocommerce-products-header__title{font:800 44px/1.1 var(--f-head);letter-spacing:-.02em;color:var(--ink);margin:0 0 20px}

/* WooCommerce butonlarını tema butonu görünümüne çek */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
	background:var(--ink);color:#F5EFE2;border-radius:999px;font:800 13.5px var(--f-body);padding:14px 26px;border:none;transition:background .2s;cursor:pointer;line-height:1;text-transform:none}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:#37301F;color:#F5EFE2}

/* Bildirimler */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{
	background:var(--bg-soft);border-top:3px solid var(--gold);border-radius:12px;color:var(--muted);font:600 13.5px/1.6 var(--f-body);padding:16px 20px 16px 46px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)}

/* Sepet tablosu */
.woocommerce table.shop_table{border-radius:16px;border-color:rgba(25,23,19,.1);background:var(--bg-soft)}
.woocommerce table.shop_table th{font:800 12px var(--f-body);letter-spacing:.04em;color:var(--muted-2);text-transform:uppercase}
.woocommerce table.shop_table td{font:600 14px var(--f-body);color:var(--ink)}
.woocommerce .cart_item .product-name a{font:700 15px var(--f-head);color:var(--ink)}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce .cross-sells h2{font:700 21px var(--f-head);color:var(--ink)}
.woocommerce .quantity input.qty{border:1.5px solid rgba(25,23,19,.18);border-radius:999px;padding:8px;font:800 14px var(--f-body);color:var(--ink);background:#fff}

/* Form alanları */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .select2-container .select2-selection,
.woocommerce-checkout input[type=text],.woocommerce-checkout input[type=email],.woocommerce-checkout input[type=tel],
.woocommerce-checkout textarea,.woocommerce-checkout select{
	background:#F6F1E7;border:1.5px solid transparent;border-radius:12px;padding:13px 15px;font:600 14px var(--f-body);color:var(--ink)}
.woocommerce form .form-row label{font:800 11px var(--f-body);letter-spacing:.06em;color:var(--gold-d);text-transform:uppercase}

/* İlişkili / upsell başlıkları */
.woocommerce .related h2,.woocommerce .upsells h2{font:700 26px var(--f-head);color:var(--ink);letter-spacing:-.01em;margin-bottom:24px}

/* ══════════ RESPONSIVE ══════════ */
@media(max-width:1200px){
	.shop-grid{grid-template-columns:repeat(2,1fr)}
	.compare-table{overflow-x:auto}
	.compare-row{min-width:760px}
}
@media(max-width:900px){
	.pd-grid,.pd-specs-grid{grid-template-columns:1fr;gap:32px}
	.pd-main{height:360px}
	.pd-title{font-size:32px}
	.pd-others-grid{grid-template-columns:1fr 1fr}
	.shop-head-row{flex-direction:column;align-items:flex-start;gap:8px}
	.woo-page{padding:40px 0 48px}
}
@media(max-width:560px){
	.shop-grid{grid-template-columns:1fr}
	.pd-chips{flex-direction:column}
	.pd-others-grid{grid-template-columns:1fr}
	.pd-actions .btn{flex:1}
}