@charset "UTF-8";

/* VH Product Page Layout v1.8.0

   EN KRITIK KURAL - once bu:
   Journal #product'i flex kolon yapiyor ve bazi cocuklara kendi `order`
   degerini veriyor. Flex'te `order` DOM sirasini ezer; bu yuzden JS ile
   dogru siraya dizilen bloklar ekranda yanlis yerde gorunebiliyor.
   Asagidaki kural tum dogrudan cocuklarin order degerini esitler ve
   gorunur sira = DOM sirasi olur. #product flex degilse kural etkisizdir,
   zarari yoktur. */
div#product > * {
	order: 0 !important;
}

/* Stok / goruntulenme satiri - Trendyol referansinda yok */
div#product .product-stats {
	display: none !important;
}

/* Miktar (Adet) alani - adet sepette ayarlaniyor.
   Element DOM'da kalir; icindeki #product-quantity ve #product-id
   gizli olarak sepete ekleme formuna deger vermeye devam eder. */
div#product .button-group-page .stepper-group > .stepper {
	display: none !important;
}

/* Miktar gizlendiginde Sepete Ekle butonu bosalan yeri alsin */
div#product .button-group-page .stepper-group.cart-group > #button-cart {
	flex: 1 1 auto;
	margin-left: 0;
}

/* Yeniden dizilen bloklarin dikey bosluk sistemine uymasi icin
   tasinan elemanlarin ust/alt margin cakismasini sifirla */
div#product[data-vh-pp-layout="on"] > #vh-estimated-delivery,
div#product[data-vh-pp-layout="on"] > .prodvar,
div#product[data-vh-pp-layout="on"] > .vh-fs {
	width: 100%;
}

/* RATING - tema varsayilan gorunumune birakildi, ozel stil yok.
   Sadece yorumu olmayan urunde blok gizleniyor. */
div#product .rating.rating-page.vh-pp-no-reviews {
	display: none !important;
}

/* ============================================================
   URUN SECENEKLERI KARTI
   Dis kutu: gri dolgu. Ic kutular: beyaz.
   Ozel olcu blogu JS ile bu kartin ICINE tasiniyor.
   ============================================================ */
div#product .product-options {
	/* Kupon ve fiyat bloklariyla ayni tasarim dili:
	   bg #f0f2f5, border 1px solid #ddd, radius 8px, yanlardan 5px icerlek */
	background: #f0f2f5 !important;
	border: 1px solid #dddddd !important;
	border-radius: 8px;
	padding: 10px !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	box-sizing: border-box;
}

/* Journal bu basligi gizliyor; geri acip metnini degistiriyoruz */
div#product .product-options > .options-title {
	display: block !important;
	font-size: 0 !important;
	margin: 0 !important;
	/* Baslik konumu buradan ayarlanir: ust / sag / alt / sol */
	/* Sol hiza: ic beyaz kutunun kenarlik(1) + ic bosluk(14) toplamiyla
	   ayni noktadan baslar; tek sutun modunda ic bosluk 12 oldugu icin 13. */
	padding: 4px 0 10px 15px !important;
	border: 0 !important;
	text-transform: none !important;
}

div#product .product-options > .options-title::before {
	content: "Ürün Seçenekleri";
	font-size: 14px;
	font-weight: 500;
	color: #2b2b2b;
	line-height: 1.2;
}

/* Iki sutunu tutan beyaz kutu, ortasinda dikey ayirici.
   DIKKAT: ikinci sutun .vh-dm-measure-col DEGIL, .vh-dm-dynamic-col */
div#product .product-options .vh-dm-measure-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch;
	gap: 0 !important;
	margin: 0 !important;
	background: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 8px;
	padding: 12px 0;
	box-sizing: border-box;
}

div#product .product-options .vh-dm-measure-row > .vh-dm-measure-col,
div#product .product-options .vh-dm-measure-row > .vh-dm-dynamic-col {
	flex: 1 1 50% !important;
	width: auto !important;
	max-width: 50% !important;
	min-width: 0 !important;
	margin: 0 !important;
	float: none !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	box-sizing: border-box;
}

div#product .product-options .vh-dm-measure-row > .vh-dm-measure-col {
	padding: 0 14px !important;
}

div#product .product-options .vh-dm-measure-row > .vh-dm-dynamic-col {
	padding: 0 14px !important;
	border-left: 1px solid #dddddd !important;
}

/* Sacak blogunun kendi cercevesi kalkiyor - cerceve dis beyaz kutuda */
div#product .product-options .vh-dm-dynamic-col .vh-dm-rule {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

div#product .product-options .control-label {
	font-size: 13px;
	font-weight: 600;
	color: #2b2b2b;
	margin-bottom: 6px;
}

/* ============================================================
   OZEL OLCU - secenekler kartinin icinde beyaz akordiyon
   ============================================================ */
/* Gorunurluk hpcr'in inline display'ine baglidir (vh-pp-rug-on).
   display buradan ZORLANMAZ - yoksa hpcr tanimsiz urunlerde de gorunur. */
div#product .product-options > #custom-rug.vh-pp-acc.vh-pp-rug-on {
	display: flex !important;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-start;
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-radius: 8px;
	padding: 0 14px 14px !important;
	margin: 10px 0 0 !important;
	box-sizing: border-box;
}

div#product .product-options > #custom-rug.vh-pp-acc.is-closed {
	padding-bottom: 0 !important;
}

div#product #custom-rug .vh-pp-acc-head {
	display: flex;
	align-items: center;
	gap: 6px;
	flex: 1 1 100%;
	padding: 12px 0;
	cursor: pointer;
	font-size: 14px;
	color: #4a4a4a;
	user-select: none;
}

/* Aciklama metni - tam genislik, altinda ek bosluk */
div#product #custom-rug.vh-pp-acc > div:not([id]):not([class]) {
	flex: 1 1 100%;
	margin: 0 0 4px !important;
	padding: 0 !important;
	font-size: 13px;
	line-height: 1.45;
	color: #4a4a4a;
}

/* En ve Boy: alani tam %50-%50 paylasir, arada 10px */
div#product #custom-rug.vh-pp-acc > #width,
div#product #custom-rug.vh-pp-acc > #height {
	flex: 0 0 calc(50% - 5px);
	max-width: calc(50% - 5px);
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

/* Icteki input kutuyu tamamen doldursun - yoksa dar kaliyor */
div#product #custom-rug.vh-pp-acc > #width .form-control,
div#product #custom-rug.vh-pp-acc > #height .form-control {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* En/Boy her genislikte yan yana kalir */

div#product #custom-rug .vh-pp-acc-a {
	color: #1b5fbe;
	font-weight: 700;
}

div#product #custom-rug .vh-pp-acc-ico {
	margin-left: auto;
	color: #1b5fbe;
	transition: transform .15s ease;
}

div#product #custom-rug:not(.is-closed) .vh-pp-acc-ico {
	transform: rotate(180deg);
}

div#product #custom-rug.is-closed > *:not(.vh-pp-acc-head) {
	display: none !important;
}

/* Bos hata kutusu bosluk uretmesin */
#error-custom-rug.vh-pp-empty {
	display: none !important;
}

/* Mobilde de iki sutun YAN YANA kalir (web ile ayni gorunum),
   sadece bosluklar daraltilir. */
@media (max-width: 600px) {
	div#product .product-options .vh-dm-measure-row {
		flex-wrap: nowrap !important;
		padding: 10px 0;
	}

	div#product .product-options .vh-dm-measure-row > .vh-dm-measure-col,
	div#product .product-options .vh-dm-measure-row > .vh-dm-dynamic-col {
		padding: 0 8px !important;
	}

	div#product .product-options .control-label {
		font-size: 12px;
	}
}

/* ============================================================
   TAHMINI TESLIMAT KARTI
   Yapi: .vh-ed > .vh-ed__dispatch + .vh-ed__card + .vh-ed__manufacturer
   Dis kart gri (kupon/fiyat/secenek kartlariyla ayni dil),
   ic satir beyaz. Konum dugmesi cerceveden arindirilip turuncu metne
   donusturuluyor.
   ============================================================ */
div#product #vh-estimated-delivery.vh-ed {
	background: #f0f2f5 !important;
	border: 1px solid #dddddd !important;
	border-radius: 8px;
	padding: 5px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	/* Diger bloklarla sol hizasi: modul kendi genisligini dayatabiliyor */
	width: auto !important;
	max-width: 100% !important;
	float: none !important;
	box-sizing: border-box !important;
}

div#product .vh-ed .vh-ed__dispatch {
	display: flex !important;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	line-height: 1.3;
	color: #2b2b2b;
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 5px !important;
}

div#product .vh-ed .vh-ed__truck {
	color: #4a4a4a;
	display: inline-flex;
	align-items: center;
}

div#product #vh-estimated-delivery .vh-ed__card,
div#product .vh-ed .vh-ed__card {
	display: flex !important;
	align-items: center;
	gap: 8px;
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-radius: 8px;
	/* ust/alt 10px, yanlar 5px */
	padding: 10px 5px !important;
	margin: 0 !important;
	/* Modul karta min-height:88px dayatiyor - yukseklik oradan geliyordu,
	   padding'i kismak ise yaramiyor. Icerik belirlesin. */
	min-height: 0 !important;
	height: auto !important;
	box-sizing: border-box;
}

/* Logo kutusu sabit olculu; logo X ve Y ekseninde ortali */
div#product .vh-ed .vh-ed__logo-wrap {
	flex: 0 0 70px !important;
	width: 70px !important;
	height: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	padding: 3px !important;
	margin: 0 !important;
	box-sizing: border-box;
	overflow: hidden;
}

div#product .vh-ed .vh-ed__logo {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	display: block;
	margin: auto !important;
}

/* DIKKAT: modul bu blogu flex kolon + gap ile kuruyor olabilir;
   iki satir arasindaki fazla bosluk oradan geliyor. Blok akisa donduruluyor. */
div#product .vh-ed .vh-ed__date {
	display: block !important;
	gap: 0 !important;
	row-gap: 0 !important;
	flex: 1 1 auto;
	align-self: center;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

div#product .vh-ed .vh-ed__date-title {
	display: flex !important;
	align-items: flex-start;
	gap: 3px;
	font-size: 11.5px;
	font-weight: 400;
	color: #8a8a8a;
	line-height: 1.15;
	margin: 0 !important;
	padding: 0 !important;
}

/* Tooltip: kucuk, satirin sag ust kosesinde */
div#product .vh-ed .vh-ed__info {
	flex: 0 0 auto;
	align-self: flex-start;
	width: 12px !important;
	height: 12px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: -1px 0 0 !important;
	font-size: 9px !important;
	line-height: 12px !important;
	text-align: center;
	font-weight: 700;
	color: #9a9a9a !important;
	background: none !important;
	border: 1px solid #c9c9c9 !important;
	border-radius: 50%;
	box-shadow: none !important;
	cursor: help;
}

div#product .vh-ed .vh-ed__date-value {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	color: #225693;
	line-height: 1.2;
	margin: 0 !important;
	padding: 0 !important;
}

/* Konum: cerceveli hap dugme degil, duz turuncu metin */
div#product .vh-ed .vh-ed__location {
	flex: 0 0 auto;
	line-height: 1.3;
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 12.5px;
	font-weight: 600;
	color: #225693 !important;
	cursor: pointer;
}

div#product .vh-ed .vh-ed__location i,
div#product .vh-ed .vh-ed__location span,
div#product .vh-ed .vh-ed__location svg {
	color: #225693 !important;
	fill: #225693 !important;
}

div#product .vh-ed .vh-ed__manufacturer {
	font-size: 11.5px;
	color: #4a4a4a;
	margin: 6px 0 0 !important;
	padding: 0 !important;
}


/* Kart cocuklarinin artik payi kalmasin - yukseklik logo kutusu belirlesin */
div#product #vh-estimated-delivery .vh-ed__card > * {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

div#product #vh-estimated-delivery .vh-ed__location {
	align-self: center;
}

/* ============================================================
   UCRETSIZ KARGO BAREM BARI (vh_freeship)
   Yapi: .vh-fs > .vh-fs-head (.vh-fs-icon + .vh-fs-msg) + .vh-fs-track > .vh-fs-fill
   Daha kompakt: kucuk ikon, kucuk yazi, ince ilerleme cubugu.
   ============================================================ */
div#product .vh-fs.vh-fs-product {
	background: #f0f2f5 !important;
	border: 1px solid #dddddd !important;
	border-radius: 8px;
	padding: 7px 9px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	box-sizing: border-box !important;
}

div#product .vh-fs .vh-fs-head {
	display: flex !important;
	align-items: center;
	gap: 6px;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}

div#product .vh-fs .vh-fs-icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px;
	line-height: 1;
}

div#product .vh-fs .vh-fs-icon svg,
div#product .vh-fs .vh-fs-icon img,
div#product .vh-fs .vh-fs-icon i {
	width: 16px !important;
	height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	font-size: 14px !important;
	display: block;
}

div#product .vh-fs .vh-fs-msg {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 12.5px !important;
	line-height: 1.25;
	margin: 0 !important;
	padding: 0 !important;
}

div#product .vh-fs .vh-fs-msg b,
div#product .vh-fs .vh-fs-msg strong,
div#product .vh-fs .vh-fs-msg span {
	font-size: 12.5px !important;
}

/* Ince ilerleme cubugu */
div#product .vh-fs .vh-fs-track {
	height: 4px !important;
	min-height: 0 !important;
	border-radius: 999px;
	margin: 6px 0 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

div#product .vh-fs .vh-fs-fill {
	height: 4px !important;
	min-height: 0 !important;
	border-radius: 999px;
	display: block;
}

/* ============================================================
   KATEGORI SIRALAMA SERIDI (vh_catfeat ranking)
   Yapi: a.vhcr-product-rank-link >
         span.vhcr-rank-medal (.vhcr-rank-medal-head + .vhcr-rank-medal-ribbon)
         + span.vhcr-rank-category
         + span.vhcr-rank-pill (strong + i.vhcr-product-rank-arrow)
   Daha kompakt: kucuk madalya, kucuk yazi, dar hap.
   ============================================================ */
div#product > .vhcr-product-rank-link {
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 1.2 !important;
}

/* DIKKAT: madalya kabinin yuksekligi basliktan FAZLA olmali -
   kurdele (.vhcr-rank-medal-ribbon) mutlak konumlu ve asagi sarkiyor.
   Kap 20x26: 20px baslik + 6px kurdele payi. */
div#product > .vhcr-product-rank-link .vhcr-rank-medal {
	flex: 0 0 20px !important;
	width: 20px !important;
	min-width: 20px !important;
	height: 26px !important;
	min-height: 0 !important;
	margin: 0 4px 0 0 !important;
}

div#product > .vhcr-product-rank-link .vhcr-rank-medal-head {
	width: 20px !important;
	height: 20px !important;
	font-size: 10px !important;
	line-height: 20px !important;
}

div#product > .vhcr-product-rank-link .vhcr-rank-medal-head i {
	font-size: 10px !important;
}

/* Kurdele modulde `top` ile konumlaniyor - `bottom` VERILMEYECEK */
div#product > .vhcr-product-rank-link .vhcr-rank-medal-ribbon {
	top: 16px !important;
	left: 5px !important;
	bottom: auto !important;
	width: 10px !important;
	height: 10px !important;
}

div#product > .vhcr-product-rank-link .vhcr-rank-category {
	font-size: 12px !important;
	line-height: 1.2 !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#product > .vhcr-product-rank-link .vhcr-rank-pill {
	display: inline-flex !important;
	align-items: center;
	gap: 3px !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
	padding: 3px 8px !important;
	margin: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	border-radius: 999px;
}

div#product > .vhcr-product-rank-link .vhcr-rank-pill strong {
	font-size: 12px !important;
	line-height: 1.2 !important;
}

div#product > .vhcr-product-rank-link .vhcr-product-rank-arrow {
	font-size: 11px !important;
	margin: 0 !important;
}

/* Urun basligi */
div#product > .title.page-title {
	font-weight: 500 !important;
}

/* ============================================================
   KUPON SERIDI (hp_coupon_management)
   Yapi: #hpcm > .hpcm-coupon-container >
         .hpcm-label + .hpcm-minicoupons > .mini-coupon-item
         (.hpcm-fa-tags + metin + .mini-coupon-kazan > img)
   NOT: modulun CSS'i sayfaya <style> olarak #hpcm ICINDE basiliyor,
   yani bizim dosyadan SONRA geliyor. Bu yuzden tum kurallar
   div#product #hpcm ile (iki ID) yazildi - ozgulluk sart.
   ============================================================ */
div#product #hpcm .hpcm-coupon-container {
	/* "Kuponlar" etiketi ile cipleri dikeyde ortalar */
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
	padding: 6px 8px !important;
	border-radius: 8px !important;
	margin: 0 !important;
}

div#product #hpcm .hpcm-label {
	align-self: center !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	margin: 0 6px 0 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
}

div#product #hpcm .hpcm-minicoupons {
	align-items: center !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	gap: 6px !important;
	line-height: 1.2 !important;
}

div#product #hpcm .mini-coupon-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	padding: 4px 8px !important;
	margin: 0 !important;
	min-height: 0 !important;
	height: auto !important;
}

div#product #hpcm .hpcm-fa-tags {
	font-size: 11.5px !important;
	margin: 0 !important;
}

div#product #hpcm .mini-coupon-kazan {
	margin-left: 4px !important;
}

div#product #hpcm .mini-coupon-kazan img {
	height: 16px !important;
	width: auto !important;
	max-height: 16px !important;
}

/* ============================================================
   BENZER MODELLER KARUSELI (prodvar)
   ul.prodvar JS ile .vh-pp-prodvar kartina sariliyor:
   .vh-pp-prodvar > .vh-pp-prodvar-head
                  + .vh-pp-prodvar-body (nav + viewport + nav)
   NOT: modul .prodvar'i flex-direction:column + wrap + height:105px
   ile kuruyor; satir duzenine cevriliyor.
   ============================================================ */
div#product .vh-pp-prodvar {
	background: #f0f2f5 !important;
	border: 1px solid #dddddd !important;
	border-radius: 8px;
	padding: 8px !important;
	margin: 0 !important;
	box-sizing: border-box;
}

div#product .vh-pp-prodvar-head {
	font-size: 13px;
	font-weight: 500;
	color: #2b2b2b;
	line-height: 1.2;
	margin: 0 0 8px 2px;
}

/* Oklar akista yer KAPLAMAZ; goruntu alaninin uzerine biner.
   Boylece gorseller kartin sol ve sag kenarina hizali baslar/biter,
   az sayida urun oldugunda kenarlarda bosluk kalmaz. */
div#product .vh-pp-prodvar-body {
	position: relative;
	display: block;
}

div#product .vh-pp-prodvar-viewport {
	width: 100%;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	/* scroll cubugu gizlenir */
	scrollbar-width: none;
	-ms-overflow-style: none;
}

div#product .vh-pp-prodvar-viewport::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

div#product .vh-pp-prodvar ul.prodvar {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 6px;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#product .vh-pp-prodvar ul.prodvar li {
	flex: 0 0 auto;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#product .vh-pp-prodvar ul.prodvar li img {
	display: block;
	border-radius: 6px;
	background: #fff;
}

/* Sag/sol oklar */
div#product .vh-pp-prodvar-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 26px;
	height: 26px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .18) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	margin: 0 !important;
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-radius: 50%;
	color: #2b2b2b !important;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	box-shadow: none !important;
}

div#product .vh-pp-prodvar-prev {
	left: 0;
}

div#product .vh-pp-prodvar-next {
	right: 0;
}

div#product .vh-pp-prodvar-nav:hover {
	background: #f7f7f7 !important;
}

/* Az sayida urunde sola yasli dursun, ortalanmasin */
div#product .vh-pp-prodvar ul.prodvar {
	justify-content: flex-start !important;
}


/* ============================================================
   MOBIL DUZELTMELERI
   ============================================================ */
@media (max-width: 767px) {
	/* Kuponlar: baslik + cipler tek satir, yatay kaydirilabilir */
	div#product #hpcm .hpcm-coupon-container {
		flex-wrap: nowrap !important;
		overflow: hidden;
	}

	div#product #hpcm .hpcm-label {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}

	div#product #hpcm .hpcm-minicoupons {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	div#product #hpcm .hpcm-minicoupons::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	div#product #hpcm .mini-coupon-item {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}

	/* Ozel olcu basligi tek satir - kisaltma yerine yaziyi kucult */
	div#product #custom-rug .vh-pp-acc-head {
		flex-wrap: nowrap !important;
		gap: 5px;
		padding: 11px 0;
		font-size: 12.5px;
		min-width: 0;
	}

	div#product #custom-rug .vh-pp-acc-q,
	div#product #custom-rug .vh-pp-acc-a {
		flex: 0 0 auto;
		min-width: 0;
		overflow: visible;
		text-overflow: clip;
		white-space: nowrap;
		font-size: 12.5px;
	}

	/* Tahmini teslimat: konum metni KISALTILMAZ */
	div#product .vh-ed .vh-ed__location,
	div#product .vh-ed .vh-ed__location span,
	div#product #vh-ed-location-label {
		max-width: none !important;
		width: auto !important;
		overflow: visible !important;
		text-overflow: clip !important;
		white-space: nowrap !important;
	}

	/* Prodvar ile alttaki sekmeler arasinda nefes payi.
	   DIKKAT: journal-custom.css'te
	   `div#product > *:last-child { margin-bottom: 0 !important }`
	   var; prodvar son cocuk oldugu icin eziliyordu. Bu yuzden
	   secici body.route-product-product ile guclendirildi. */
	/* --- TAHMINI TESLIMAT: mobil duzen ---
	   Ust satir: logo + tarih. Alt satir: tam genislik konum,
	   ince ayirici cizgi ve sagda ok. */
	div#product #vh-estimated-delivery .vh-ed__card {
		flex-wrap: wrap !important;
		padding: 8px !important;
	}

	div#product .vh-ed .vh-ed__logo-wrap {
		flex: 0 0 64px !important;
		width: 64px !important;
		height: 28px !important;
	}

	div#product .vh-ed .vh-ed__date {
		flex: 1 1 auto !important;
	}

	div#product .vh-ed .vh-ed__location {
		flex: 1 1 100% !important;
		width: 100% !important;
		justify-content: flex-start !important;
		margin: 8px 0 0 !important;
		padding: 8px 2px 0 !important;
		border-top: 1px solid #e6e6e6 !important;
		border-radius: 0 !important;
	}

	div#product .vh-ed .vh-ed__location i {
		margin-left: auto !important;
	}

	div#product .vh-ed .vh-ed__location svg {
		flex: 0 0 auto;
		margin-right: 2px;
	}
}

/* ============================================================
   OZEL OLCU TANIMSIZ / SACAK YOK DURUMLARI
   hpcr her urun-kategoride tanimli degil; Sacak (dinamik kural) sutunu
   da her uruncte yok. Ikisi de JS ile isaretlenir.

   DIKKAT: Sacak yoksa vh_dm bazi urunlerde .vh-dm-measure-row'u HIC
   olusturmuyor; secenek Journal'in duz .form-group yapisinda kaliyor.
   Bu yuzden asagidaki kurallar HER IKI yapiyi da hedefler.
   ============================================================ */

/* En/boy alanlari olmayan (hpcr tanimsiz) blok gizlenir */
div#product #custom-rug.vh-pp-empty-rug,
div#product .product-options > #custom-rug.vh-pp-empty-rug {
	display: none !important;
}

/* Bos dinamik sutun yer kaplamasin */
div#product .product-options.vh-pp-no-dyn .vh-dm-dynamic-col {
	display: none !important;
}

/* Sacak yoksa baslik gerekmiyor */
div#product .product-options.vh-pp-no-dyn > .options-title {
	display: none !important;
}

/* Etiket + secim kutusu tek satirda, X ve Y ekseninde ortali */
div#product .product-options.vh-pp-no-dyn > .form-group,
div#product .product-options.vh-pp-no-dyn .vh-dm-measure-row {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 12px !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
}

/* Bu modda dis kart beyaz - ek bir ic kutu yok */
div#product .product-options.vh-pp-no-dyn {
	background: #ffffff !important;
}

div#product .product-options.vh-pp-no-dyn .vh-dm-measure-row > .vh-dm-measure-col {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}

div#product .product-options.vh-pp-no-dyn .control-label {
	flex: 0 0 auto !important;
	align-self: center !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
	text-align: left !important;
	white-space: nowrap;
	display: inline-flex !important;
	align-items: center !important;
}

div#product .product-options.vh-pp-no-dyn .form-control,
div#product .product-options.vh-pp-no-dyn select {
	flex: 1 1 auto !important;
	align-self: center !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 320px !important;
	margin: 0 !important;
}

@media (max-width: 600px) {
	div#product .product-options.vh-pp-no-dyn > .form-group,
	div#product .product-options.vh-pp-no-dyn .vh-dm-measure-row {
		padding: 10px !important;
		gap: 8px !important;
	}

	div#product .product-options.vh-pp-no-dyn .form-control,
	div#product .product-options.vh-pp-no-dyn select {
		max-width: none !important;
	}
}

/* ============================================================
   OZEL OLCU GIRIS KUTULARI - MOBIL OKUNURLUK
   Placeholder metni TAM yazilir ("En / Genislik (cm)").
   Iki kutu yan yana oldugu icin dar ekranda metin kesiliyordu;
   yazi kuculterek ve ic bosluk daraltarak sigdiriliyor.
   ============================================================ */
@media (max-width: 767px) {
	div#product #custom-rug.vh-pp-acc > #width .form-control,
	div#product #custom-rug.vh-pp-acc > #height .form-control {
		padding-right: 8px !important;
		padding-left: 8px !important;
		font-size: 12.5px !important;
	}

	div#product #custom-rug.vh-pp-acc > #width .form-control::placeholder,
	div#product #custom-rug.vh-pp-acc > #height .form-control::placeholder {
		font-size: 12px !important;
		letter-spacing: -0.3px;
	}
}

@media (max-width: 430px) {
	div#product #custom-rug.vh-pp-acc > #width .form-control,
	div#product #custom-rug.vh-pp-acc > #height .form-control {
		padding-right: 5px !important;
		padding-left: 5px !important;
		font-size: 11.5px !important;
	}

	div#product #custom-rug.vh-pp-acc > #width .form-control::placeholder,
	div#product #custom-rug.vh-pp-acc > #height .form-control::placeholder {
		font-size: 10.5px !important;
		letter-spacing: -0.4px;
	}
}

@media (max-width: 370px) {
	div#product #custom-rug.vh-pp-acc {
		gap: 8px !important;
	}

	div#product #custom-rug.vh-pp-acc > #width .form-control::placeholder,
	div#product #custom-rug.vh-pp-acc > #height .form-control::placeholder {
		font-size: 10px !important;
	}
}