/* ===========================================================
   SGS Master — WooCommerce tasarım stili (katalog / teklif modeli)
   Renk/font token'ları style.css :root'undan gelir.
   =========================================================== */

.sgs-woo { background: var(--cream); }

/* ---------- Arşiv hero başlığı ---------- */
.woo-hero {
	position: relative;
	background: var(--black);
	color: #fff;
	padding: 72px 0 84px;
	overflow: visible; /* arama dropdown'ı taşabilsin */
	/* z-index YOK: stacking context oluşturmasın ki #searchPanel (z-index:60)
	   alttaki #katalog (z-index:6) bölümünün üstünde görünebilsin */
}
.woo-hero__bg {
	position: absolute;
	inset: 0;
	overflow: hidden; /* dekoratif trace/gradient burada kırpılır */
	pointer-events: none;
}
.woo-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	overflow: hidden;
	background: radial-gradient(680px 380px at 85% 0%, rgba(23, 206, 74, .16), transparent 60%);
}
#searchPanel { z-index: 60 !important; }
.woo-hero .trace-bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 42%;
	width: 100%;
	opacity: .12;
	pointer-events: none;
}
.woo-hero .trace-bg path { stroke: var(--green); fill: none; stroke-width: 2; }
.woo-hero .container { position: relative; } /* z-index YOK: searchPanel'i hapsetmesin (DOM sırası zaten metni __bg üstünde tutar) */
.woo-hero .eyebrow { color: var(--green); }
.woo-hero__title {
	font-family: var(--f-head);
	font-size: clamp(1.9rem, 3.6vw, 2.7rem);
	font-weight: 500;
	color: #fff;
	margin: 12px 0 10px;
	line-height: 1.1;
}
.woo-hero__desc { color: var(--gray-2); max-width: 700px; font-size: 1rem; line-height: 1.7; }
.woo-hero .woocommerce-breadcrumb {
	font-family: var(--f-mono);
	font-size: .72rem;
	letter-spacing: .04em;
	color: var(--gray-2);
	margin-bottom: 8px;
}
.woo-hero .woocommerce-breadcrumb a { color: var(--gray-2); transition: .2s; }
.woo-hero .woocommerce-breadcrumb a:hover { color: var(--green); }

/* ---------- Gövde ---------- */
.woo-body { padding: 48px 0 96px; }
.sgs-woo .woocommerce-result-count {
	font-family: var(--f-mono);
	font-size: .76rem;
	letter-spacing: .03em;
	color: var(--gray);
	margin: 0 0 22px;
}
.sgs-woo .woocommerce-ordering { margin: 0 0 22px; }
.sgs-woo .woocommerce-ordering select {
	padding: 9px 13px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--paper);
	font: inherit;
	font-size: .85rem;
	color: var(--ink);
}

/* Alt kategori döngüsü (kategori sayfasında alt kategoriler) */
.sgs-woo ul.products li.product-category { text-align: left; }
.sgs-woo ul.products li.product-category a img { border-radius: 12px; border: 1px solid var(--line); }
.sgs-woo ul.products li.product-category h2 {
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--ink);
	margin-top: 12px;
}
.sgs-woo ul.products li.product-category .count {
	font-family: var(--f-mono);
	font-size: .7rem;
	color: var(--gray-2);
}

/* ---------- Ürün grid'i (pcard) ---------- */
.sgs-woo ul.products {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.sgs-woo ul.products::before,
.sgs-woo ul.products::after { content: none; display: none; }
.sgs-woo ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	padding: 0 !important;
}
/* .pcard temel stilleri style.css'te; burada link + CTA */
.sgs-woo li.product.pcard { position: relative; }
.pcard-link {
	display: flex;
	flex-direction: column;
	flex: 1;
	height: 100%;
	color: inherit;
}
.pcard .pcard-cta {
	font-family: var(--f-mono);
	font-size: .74rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--green-d);
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	transition: gap .2s;
}
.pcard:hover .pcard-cta { gap: 12px; }
.pcard-media-link { display: block; }
.pcard-title-link { color: inherit; display: block; }
.pcard-title-link:hover { color: var(--green-d); }
.pcard-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: auto;
	padding-top: 14px;
}
.pcard-actions .pcard-cta { margin-top: 0; }
.pcard-add {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-family: var(--f-body);
	font-weight: 600;
	font-size: .8rem;
	padding: 9px 14px;
	border-radius: 4px;
	border: 0;
	background: var(--green);
	color: var(--green-dk);
	cursor: pointer;
	transition: background .2s;
	white-space: nowrap;
}
.pcard-add:hover { background: #14b843; }
.woo-cta-note { font-family: var(--f-mono); font-size: .74rem; color: var(--gray); margin-top: 12px; }
.woo-cta-note b { color: var(--green-d); }
.sgs-woo .woocommerce-info,
.sgs-woo .woocommerce-no-products-found {
	background: var(--paper);
	border: 1px solid var(--line);
	border-left: 3px solid var(--green);
	border-radius: 10px;
	padding: 18px 22px;
	color: var(--ink);
}

/* ---------- Tekil ürün ---------- */
.single-product .sgs-woo .woo-body { padding: 52px 0 96px; }
.woocommerce div.product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: start;
}
.woocommerce div.product .woocommerce-product-gallery {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}
.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product div.images img {
	border-radius: 16px;
	border: 1px solid var(--line);
	background: #fff;
}
.woocommerce div.product .summary {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}
.woocommerce div.product .product_title {
	font-family: var(--f-head);
	font-size: clamp(1.6rem, 3vw, 2.3rem);
	font-weight: 600;
	color: var(--black);
	margin: 0 0 6px;
	line-height: 1.12;
}
.woo-single-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	align-items: center;
	margin: 0 0 20px;
}
.woo-fam {
	font-family: var(--f-mono);
	font-size: .7rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--green-d);
}
.woo-sku { font-family: var(--f-mono); font-size: .8rem; color: var(--gray); }
.woo-sku b { color: var(--ink); }
.woocommerce div.product .woocommerce-product-details__short-description {
	color: #4a4d4b;
	font-size: 1.02rem;
	line-height: 1.75;
	margin-bottom: 24px;
}
.woo-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.woocommerce div.product .product_meta {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--line);
	font-family: var(--f-mono);
	font-size: .78rem;
	color: var(--gray);
}
.woocommerce div.product .product_meta a { color: var(--green-d); }

/* Sekmeler */
.woocommerce div.product .woocommerce-tabs {
	grid-column: 1 / -1;
	margin-top: 56px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	list-style: none;
	margin: 0 0 24px;
	padding: 0 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	border-bottom: 1px solid var(--line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--f-body);
	font-weight: 600;
	font-size: .92rem;
	color: var(--gray);
	padding: 12px 16px;
	display: block;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: var(--black);
	border-bottom-color: var(--green);
}
.woocommerce div.product .woocommerce-Tabs-panel h2 {
	font-family: var(--f-head);
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 12px;
}
.woocommerce div.product .woocommerce-Tabs-panel p { color: #4a4d4b; line-height: 1.75; }
.woocommerce div.product .shop_attributes {
	border: 1px solid var(--line);
	border-radius: 10px;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
}
.woocommerce div.product .shop_attributes th,
.woocommerce div.product .shop_attributes td {
	padding: 11px 15px;
	border-bottom: 1px solid var(--line);
	font-size: .9rem;
}
.woocommerce div.product .shop_attributes th { background: var(--cream); font-family: var(--f-mono); font-weight: 600; width: 34%; }

/* İlgili ürünler */
.woocommerce .related.products,
.woocommerce .upsells.products {
	grid-column: 1 / -1;
	margin-top: 64px;
}
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
	font-family: var(--f-head);
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 26px;
}
.woocommerce .related.products > h2 b { color: var(--green-d); }

/* ---------- Genel buton uyumu (WC butonları tasarım butonuna) ---------- */
.sgs-woo .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
	background: var(--green);
	color: var(--green-dk);
	border-radius: 4px;
	font-family: var(--f-body);
	font-weight: 600;
	padding: 12px 22px;
	border: 0;
}
.sgs-woo .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover { background: #14b843; color: var(--green-dk); }

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
	.woocommerce div.product { grid-template-columns: 1fr; gap: 30px; }
	.sgs-woo ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.sgs-woo ul.products { grid-template-columns: 1fr; }
}

/* ---- Ürün sekmeleri: DSE'den gelen WYSIWYG (Teknik Özellikler / Çevresel) ---- */
.sgs-tab-html .sgs-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 4px 48px; }
.sgs-tab-html .sgs-col { min-width: 0; }
.sgs-tab-html h2 { font-family: Jost, sans-serif; font-weight: 600; font-size: 1.02rem; color: #111312; margin: 30px 0 12px; padding-bottom: 8px; border-bottom: 2px solid #17CE4A; display: inline-block; }
.sgs-tab-html .sgs-col > h2:first-child, .sgs-tab-html > h2:first-child { margin-top: 0; }
.sgs-tab-html b, .sgs-tab-html strong { color: #111312; font-weight: 600; }
.sgs-tab-html img { border-radius: 10px; max-width: 100%; height: auto; }
.sgs-tab-html a { color: #0B9E37; }

/* ---- Öne Çıkanlar / Ek Özellikler listeleri (sekme + sekme altı) ---- */
.sgs-tab-html ul.sgs-flist { list-style: none; margin: 8px 0 0; padding: 0; }
.sgs-tab-html ul.sgs-flist li { padding: 15px 0; border-bottom: 1px solid #E4E1D6; color: #1A1C1B; font-size: .98rem; }
.sgs-tab-html ul.sgs-flist.sgs-flist-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0 44px; }
.sgs-tab-html ul.sgs-flist.sgs-flist-grid li { font-size: .94rem; padding: 13px 0; }

/* ---- Sekme içi başlık/diagram/grup düzeltmeleri ---- */
/* h2/h3 bölüm başlıkları: BLOK (yanındaki etikete yapışmasın), altı yeşil çizgi */
.sgs-tab-html h2, .sgs-tab-html h3 {
	display: block;
	width: fit-content;
	max-width: 100%;
	font-family: Jost, sans-serif;
	font-weight: 600;
	font-size: 1.02rem;
	color: #111312;
	margin: 30px 0 12px;
	padding-bottom: 8px;
	border-bottom: 2px solid #17CE4A;
}
.sgs-tab-html .sgs-col > h2:first-child, .sgs-tab-html .sgs-col > h3:first-child,
.sgs-tab-html > h2:first-child, .sgs-tab-html > h3:first-child { margin-top: 0; }
/* Çevresel test bölüm başlıkları */
.sgs-tab-html h4.sgs-envhead {
	font-family: Jost, sans-serif;
	font-weight: 600;
	font-size: .98rem;
	color: #0B9E37;
	margin: 26px 0 8px;
}
.sgs-tab-html .sgs-col > h4.sgs-envhead:first-child { margin-top: 0; }
/* Ek Özellikler / gruplu liste sütunları (| ile ayrılmış) */
.sgs-tab-html .sgs-flist-cols {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 0 44px;
	align-items: start;
}
.sgs-tab-html .sgs-flist-cols ul.sgs-flist { margin-top: 0; }
/* Bağlantı şeması ortala */
.sgs-tab-html .sgs-diagram { text-align: center; }
.sgs-tab-html .sgs-diagram img { display: inline-block; margin: 0 auto; max-width: 100%; height: auto; }

/* ---- Sekme altı (Ek Özellikler) liste stili: küçük, sıkı, "–" tireli ---- */
.sgs-below-out ul.sgs-flist li {
	font-size: .86rem;
	line-height: 1.35;
	padding: 8px 0 8px 18px;
	position: relative;
	color: #3a3d3b;
}
.sgs-below-out ul.sgs-flist li::before {
	content: "–";
	position: absolute;
	left: 0;
	top: 8px;
	color: #6E716F;
}

/* ===========================================================
   KATEGORİ ARŞİVİ (sgs-master-dsegenset tasarımı)
   =========================================================== */
.sgs-dse-glyph { font-family: "dse"; font-style: normal; font-weight: 400; line-height: 1; display: inline-block; speak: none; }

.sgs-cat-hero { padding: 26px 0 84px; }
.sgs-cat-hero .trace-bg { top: auto; bottom: 0; height: 180px; opacity: .14; }
.sgs-cat-hero .trace-bg path { stroke: inherit; }

.sgs-crumb {
	font-family: var(--f-mono); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase;
	color: var(--gray-2); display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 34px;
}
.sgs-crumb a { color: var(--gray-2); transition: .2s; }
.sgs-crumb a:hover { color: var(--green); }

.sgs-cat-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.sgs-cat-head__main { max-width: 760px; }
.sgs-cat-title-row { display: flex; align-items: center; gap: 16px; margin: 16px 0 6px; }
.sgs-cat-icon { width: 56px; height: 56px; border-radius: 14px; display: grid; place-items: center; flex-shrink: 0; }
.sgs-cat-icon .sgs-dse-glyph { font-size: 1.9rem; }
.sgs-cat-hero .woo-hero__title { font-size: clamp(2rem, 4.4vw, 3rem); font-weight: 600; line-height: 1; letter-spacing: -.01em; }
.sgs-cat-subtitle { font-family: var(--f-head); font-weight: 400; font-size: clamp(1.3rem, 2.4vw, 1.8rem); color: #fff; margin-top: 12px; }
.sgs-cat-desc { color: var(--gray-2); font-size: 1.02rem; margin-top: 12px; line-height: 1.7; }

.sgs-cat-stats {
	display: grid; grid-template-columns: repeat(2, auto); gap: 26px 44px;
	padding: 22px 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px;
}
.sgs-cat-stat-n { font-family: var(--f-head); font-size: 1.9rem; font-weight: 600; line-height: 1; }
.sgs-cat-stat-l { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gray-2); }

.sgs-cat-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 30px; }
.sgs-cat-pill {
	display: inline-flex; align-items: center; gap: 10px; font-family: var(--f-mono);
	font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; color: #d7dad8;
	border: 1px solid rgba(255,255,255,.18); border-radius: 30px; padding: 10px 16px; white-space: nowrap; transition: .2s;
}

.sgs-cat-info-strip {
	display: flex; flex-wrap: wrap; border: 1px solid rgba(255,255,255,.12); border-radius: 14px;
	overflow: hidden; background: rgba(255,255,255,.02); margin-top: 34px;
}
.sgs-cat-info-cell {
	display: flex; align-items: flex-start; gap: 12px; padding: 18px 22px;
	border-right: 1px solid rgba(255,255,255,.09); flex: 1; min-width: 220px;
}
.sgs-cat-info-cell:last-child { border-right: 0; }
.sgs-cat-info-ico { flex-shrink: 0; margin-top: 2px; }
.sgs-cat-info-k { font-family: var(--f-mono); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: #6E716F; }
.sgs-cat-info-v { color: #fff; font-size: .9rem; font-weight: 500; margin-top: 4px; }

/* ---------- Alt kategori / yaprak bölümleri ---------- */
.sgs-cat-section { padding: 70px 0 80px; }
.sgs-cat-sec-head {
	display: flex; align-items: flex-end; justify-content: space-between; gap: 24px;
	padding-bottom: 22px; border-bottom: 1px solid #E4E1D6; margin-bottom: 32px;
}
.sgs-cat-sec-head > div { max-width: 760px; }
.sgs-cat-sec-head h2 { font-family: var(--f-head); font-weight: 400; font-size: clamp(1.5rem, 2.8vw, 2.1rem); color: #111312; }
.sgs-cat-sec-head p { color: #6E716F; font-size: .95rem; margin-top: 8px; }
.sgs-cat-sec-count { font-family: var(--f-mono); font-size: .74rem; color: #9AA09C; letter-spacing: .06em; white-space: nowrap; }
.sgs-cat-seeall {
	display: inline-flex; align-items: center; gap: 9px; font-weight: 600; font-size: 1rem;
	padding: 15px 28px; border-radius: 4px; border: 1px solid #E4E1D6; color: #111312; background: #fff; transition: .2s;
}
.sgs-cat-pagination { margin-top: 40px; }
.sgs-cat-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px;
	border: 1px solid #E4E1D6; border-radius: 4px; margin: 0 3px; color: #111312; font-weight: 600; font-size: .9rem; background: #fff;
}
.sgs-cat-pagination .page-numbers.current { background: var(--green); border-color: var(--green); color: #0A1A0E; }
.sgs-cat-pagination .page-numbers:hover { border-color: var(--green); color: var(--green); }
.sgs-cat-pagination .page-numbers.current:hover { color: #0A1A0E; }
.sgs-cat-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.sgs-cat-pagination .screen-reader-text { position: absolute; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 680px) {
	.sgs-cat-info-cell { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); flex-basis: 100%; }
	.sgs-cat-info-cell:last-child { border-bottom: 0; }
	.sgs-cat-section { padding: 48px 0 56px; }
}

/* ===========================================================
   MOBİL UYUM — ürün sayfası + arama (kategori/mağaza)
   =========================================================== */
/* Ürün hero: masaüstü 2 sütun, tablet/mobil tek sütun */
#heroGrid { grid-template-columns: 1.05fr 1fr; }
@media (max-width: 860px) {
	#heroGrid { grid-template-columns: 1fr; gap: 34px; }
}
/* Hero yan alanları (Teknik Destek vb.) ve teknik özellik grid'i */
@media (max-width: 640px) {
	.sgs-hero-fields { grid-template-columns: 1fr !important; gap: 14px !important; }
	.sgs-spec-grid { grid-template-columns: 1fr !important; }
}
/* İndirme kutuları: çok sütun → mobilde 2, çok darda 1 */
@media (max-width: 620px) {
	.sgs-dl-grid { grid-template-columns: repeat(2, 1fr) !important; }
	.sgs-dl-grid > a { border-right: 0 !important; border-bottom: 1px solid #E4E1D6; }
}
@media (max-width: 400px) {
	.sgs-dl-grid { grid-template-columns: 1fr !important; }
}

/* Arama satırı (hero): mobilde dikey yığ, tam genişlik */
@media (max-width: 560px) {
	#searchRow { flex-direction: column !important; align-items: stretch !important; max-width: 100% !important; }
	#searchWrap { min-width: 0 !important; width: 100%; }
	#searchRow > button { width: 100%; justify-content: center; }
}
/* Arama sonuç satırları: mobilde aile etiketini gizle (taşma/çakışma önlenir) */
@media (max-width: 620px) {
	.sgs-search-hit { gap: 12px !important; }
	.sgs-search-hit .sgs-hit-fam { display: none !important; }
	.sgs-search-hit .sgs-hit-add { padding: 9px 12px !important; font-size: .78rem !important; }
}

/* Genel: ürün sayfasında uzun içerik yatay kaydırılabilsin, sayfa taşmasın */
.sgs-tab-html { overflow-x: auto; }

/* ===========================================================
   HESABIM (WooCommerce My Account) — SGS Master tasarımı
   =========================================================== */
.sgs-acc-hero { padding: 30px 0 54px; }
.sgs-acc-herorow { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; flex-wrap: wrap; }
.sgs-acc-badge { display: flex; align-items: center; gap: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 16px 20px; }
.sgs-acc-badge__ini { width: 46px; height: 46px; border-radius: 50%; background: rgba(23,206,74,.14); color: #17CE4A; display: grid; place-items: center; font-family: var(--f-head); font-weight: 600; font-size: 1rem; flex-shrink: 0; }
.sgs-acc-badge__name { color: #fff; font-weight: 600; }
.sgs-acc-badge__tag { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: #17CE4A; margin-top: 3px; }

.sgs-acc-shell { background: #FBF9F4; padding: 44px 0 90px; }
.sgs-acc-layout { display: grid; grid-template-columns: 264px minmax(0,1fr); gap: 34px; align-items: start; }

/* Yan menü */
.sgs-acc-nav { position: sticky; top: 100px; background: #F2F1EC; border: 1px solid #E4E1D6; border-radius: 14px; overflow: hidden; }
.sgs-acc-nav__h { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: #9AA09C; padding: 18px 18px 12px; }
.sgs-acc-nav ul { list-style: none; margin: 0; padding: 0; }
.sgs-acc-nav li { margin: 0; }
.sgs-acc-nav li a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; border-bottom: 1px solid #E4E1D6; color: #6E716F; font-weight: 500; font-size: .94rem; transition: .15s; }
.sgs-acc-nav li a::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); opacity: .55; flex-shrink: 0; }
.sgs-acc-nav li a:hover { color: #0B9E37; background: #fff; }
.sgs-acc-nav li.is-active a { color: #111312; font-weight: 600; background: #fff; box-shadow: inset 3px 0 0 #17CE4A; }
.sgs-acc-nav li.woocommerce-MyAccount-navigation-link--customer-logout a { color: #C21A1A; }
.sgs-acc-nav li.woocommerce-MyAccount-navigation-link--customer-logout a::after { display: none; }

/* İçerik */
.sgs-acc-main { min-width: 0; }
.sgs-acc-sec { margin-bottom: 8px; }
.sgs-acc-sec + .sgs-acc-sec { margin-top: 44px; }
.sgs-acc-sechead { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid #E4E1D6; margin-bottom: 26px; flex-wrap: wrap; }
.sgs-acc-eyebrow { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: #0B9E37; }
.sgs-acc-sechead h2 { font-family: var(--f-head); font-weight: 600; font-size: clamp(1.35rem,2.2vw,1.75rem); color: #111312; margin: 8px 0 0; }
.sgs-acc-meta { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .06em; color: #9AA09C; white-space: nowrap; }

.sgs-acc-card { background: #fff; border: 1px solid #E4E1D6; border-radius: 14px; padding: 26px 28px; }
.sgs-acc-card__h { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: #9AA09C; margin-bottom: 16px; }
.sgs-acc-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.sgs-acc-stat { background: #fff; border: 1px solid #E4E1D6; border-radius: 14px; padding: 22px 24px; }
.sgs-acc-stat__n { font-family: var(--f-head); font-size: 1.9rem; font-weight: 600; color: #111312; line-height: 1; }
.sgs-acc-stat__l { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: #9AA09C; margin-top: 6px; }
.sgs-acc-split { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 16px; margin-top: 16px; }
.sgs-acc-detgrid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 16px; }
.sgs-acc-addr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; }

/* Durum rozetleri */
.sgs-badge { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; border-radius: 20px; padding: 6px 12px; white-space: nowrap; }
.sgs-badge--ok { color: #0B9E37; background: rgba(23,206,74,.12); }
.sgs-badge--wait { color: #B26A00; background: rgba(255,166,0,.14); }
.sgs-badge--done { color: #6E716F; background: #F2F1EC; }
.sgs-badge--cancel { color: #C21A1A; background: rgba(238,0,0,.1); }

/* Sipariş tablosu (grid) */
.sgs-ord-table { background: #fff; border: 1px solid #E4E1D6; border-radius: 14px; overflow: hidden; }
.sgs-ord-row { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr); gap: 16px; align-items: center; padding: 18px 24px; border-bottom: 1px solid #E4E1D6; }
.sgs-ord-row:last-child { border-bottom: 0; }
.sgs-ord-head { background: #FBF9F4; color: #9AA09C; font-family: var(--f-mono); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; padding: 16px 24px; }
.sgs-ord-row:not(.sgs-ord-head):hover { background: #FBF9F4; }
.sgs-ord-id { font-family: var(--f-mono); font-size: .8rem; color: #111312; }
.sgs-ord-sub { color: #6E716F; font-size: .8rem; margin-top: 2px; }
.sgs-ord-cell { color: #6E716F; font-size: .88rem; }
.sgs-ord-total { font-family: var(--f-head); font-weight: 600; }
.sgs-ord-total small { color: #9AA09C; font-weight: 400; font-size: .84rem; }
.sgs-ord-detay { justify-self: end; font-family: var(--f-mono); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: #0B9E37; white-space: nowrap; }

/* İndirmeler / adres / satır */
.sgs-dl-list { background: #fff; border: 1px solid #E4E1D6; border-radius: 14px; overflow: hidden; }
.sgs-dl-item { display: flex; align-items: center; gap: 18px; padding: 18px 24px; border-bottom: 1px solid #E4E1D6; flex-wrap: wrap; }
.sgs-dl-item:last-child { border-bottom: 0; }
.sgs-dl-ico { width: 38px; height: 38px; border-radius: 9px; background: rgba(23,206,74,.1); color: #0B9E37; display: grid; place-items: center; flex-shrink: 0; }
.sgs-dl-name { font-weight: 600; font-size: .95rem; color: #111312; }
.sgs-dl-meta { font-family: var(--f-mono); font-size: .68rem; color: #9AA09C; margin-top: 3px; }

/* Butonlar (hesap içeriği) */
.sgs-acc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 600; font-size: .9rem; padding: 12px 20px; border-radius: 4px; border: 0; cursor: pointer; transition: .15s; }
.sgs-acc-btn--primary { background: #17CE4A; color: #0A1A0E; box-shadow: 0 14px 34px -14px rgba(23,206,74,.45); }
.sgs-acc-btn--primary:hover { background: #14b843; color: #0A1A0E; }
.sgs-acc-btn--ghost { border: 1px solid #E4E1D6; background: #fff; color: #111312; }
.sgs-acc-btn--ghost:hover { border-color: #17CE4A; color: #0B9E37; }
.sgs-acc-btn--danger { border: 1px solid rgba(194,26,26,.3); background: #fff; color: #C21A1A; }
.sgs-acc-btn--danger:hover { background: rgba(194,26,26,.06); color: #C21A1A; }

/* WooCommerce form alanları (edit-account / edit-address / login) */
.sgs-acc-main .woocommerce-form-row,
.sgs-acc-main .form-row { display: flex; flex-direction: column; gap: 7px; margin: 0 0 14px; }
.sgs-acc-main label { font-family: var(--f-mono); font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; color: #9AA09C; }
.sgs-acc-main input.input-text,
.sgs-acc-main input[type="text"],
.sgs-acc-main input[type="email"],
.sgs-acc-main input[type="tel"],
.sgs-acc-main input[type="password"],
.sgs-acc-main select,
.sgs-acc-main .select2-container .select2-selection { background: #FBF9F4; border: 1px solid #E4E1D6; border-radius: 4px; padding: 13px 15px; color: #111312; font-size: .94rem; outline: none; width: 100%; }
.sgs-acc-main input:focus,
.sgs-acc-main select:focus { border-color: #17CE4A; background: #fff; }
.sgs-acc-main .woocommerce-Button,
.sgs-acc-main button[type="submit"],
.sgs-acc-main .button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 600; font-size: .95rem; padding: 14px 22px; border-radius: 4px; border: 0; background: #17CE4A; color: #0A1A0E; cursor: pointer; box-shadow: 0 14px 34px -14px rgba(23,206,74,.45); }
.sgs-acc-main .button:hover,
.sgs-acc-main button[type="submit"]:hover { background: #14b843; color: #0A1A0E; }
.sgs-acc-main .woocommerce-message,
.sgs-acc-main .woocommerce-error,
.sgs-acc-main .woocommerce-info { list-style: none; margin: 0 0 20px; padding: 16px 18px; border-radius: 10px; border: 1px solid #E4E1D6; background: #fff; font-size: .92rem; }
.sgs-acc-main .woocommerce-error { border-color: rgba(194,26,26,.3); color: #C21A1A; }

/* Çıkış modalı */
#sgsLogoutRoot { display: none; }
#sgsLogoutRoot.is-open { display: block; }

@media (max-width: 980px) {
	.sgs-acc-layout { grid-template-columns: 1fr; gap: 20px; }
	.sgs-acc-nav { position: static; }
	.sgs-acc-nav ul { display: flex; flex-wrap: wrap; }
	.sgs-acc-nav li { flex: 1 1 auto; }
	.sgs-acc-nav li a { border-bottom: 1px solid #E4E1D6; }
	.sgs-acc-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.sgs-acc-split, .sgs-acc-detgrid, .sgs-acc-addr { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.sgs-acc-stats { grid-template-columns: 1fr 1fr; }
	.sgs-ord-head { display: none; }
	.sgs-ord-row { grid-template-columns: 1fr auto; gap: 8px 14px; }
	.sgs-ord-row .sgs-ord-cell { display: none; }
	.sgs-ord-detay { grid-column: 2; }
}

/* Şifre göster/gizle göz ikonu (WC default CSS kapalı olduğu için) */
.sgs-acc-main .password-input { position: relative; display: block; }
.sgs-acc-main .password-input .input-text { padding-right: 46px; }
.sgs-acc-main .show-password-input {
	position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
	width: 26px; height: 26px; cursor: pointer; opacity: .5;
	background: center / 20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E716F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.sgs-acc-main .show-password-input:hover { opacity: .8; }
.sgs-acc-main .show-password-input.display-password {
	opacity: .95;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B9E37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 3l18 18' stroke='%23C21A1A'/%3E%3C/svg%3E");
}

/* Hesap bildirimleri: buton kendi satırında (ör. e-posta onayla) */
.sgs-acc-main .woocommerce-message,
.sgs-acc-main .woocommerce-info { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 12px; }
.sgs-acc-main .woocommerce-error { display: block; }
.sgs-acc-main .woocommerce-message .button,
.sgs-acc-main .woocommerce-info .button { margin: 0; flex-shrink: 0; }

/* ===========================================================
   SEPET (WooCommerce Cart) — SGS Master tasarımı
   =========================================================== */
.sgs-cart-hero { padding: 30px 0 54px; }
.sgs-cart-herorow { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.sgs-cart-steps { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 16px 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.sgs-cart-step { display: flex; align-items: center; gap: 11px; }
.sgs-cart-step > span { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-family: var(--f-mono); font-size: .66rem; font-weight: 600; flex-shrink: 0; background: rgba(255,255,255,.06); color: #6E716F; }
.sgs-cart-step > em { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: #6E716F; font-style: normal; white-space: nowrap; }
.sgs-cart-step.is-active > span { background: #17CE4A; color: #0A1A0E; }
.sgs-cart-step.is-active > em { color: #fff; }
.sgs-cart-stepline { width: 26px; height: 1px; background: rgba(255,255,255,.16); }

.sgs-cart-shell { background: #FBF9F4; padding: 44px 0 90px; }
.sgs-cart-notice { display: flex; align-items: flex-start; gap: 12px; background: rgba(23,206,74,.08); border: 1px solid rgba(23,206,74,.35); border-radius: 10px; padding: 14px 18px; margin-bottom: 26px; }
.sgs-cart-layout { display: grid; grid-template-columns: minmax(0,1fr) 380px; gap: 34px; align-items: start; }
.sgs-cart-main { min-width: 0; }
.sgs-cart-head { display: grid; grid-template-columns: 76px minmax(0,1fr) 110px 148px 120px 40px; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid #E4E1D6; font-family: var(--f-mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: #9AA09C; }
.cart-row > * { min-width: 0; }
.sgs-cart-summary { position: sticky; top: 100px; background: #111312; border-radius: 14px; padding: 26px 28px; color: #fff; min-width: 0; }
.sgs-cart-cross { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.sgs-cross-card { background: #fff; border: 1px solid #E4E1D6; border-radius: 14px; padding: 18px; display: flex; flex-direction: column; gap: 8px; min-width: 0; transition: .15s; }

@media (max-width: 980px) {
	.sgs-cart-layout { grid-template-columns: 1fr; gap: 24px; }
	.sgs-cart-summary { position: static; }
	.sgs-cart-cross { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
	.sgs-cart-head { display: none; }
	.cart-row { grid-template-columns: 64px minmax(0,1fr) auto !important; gap: 6px 14px !important; align-items: start !important; padding: 18px 0 !important; }
	.cart-row > a:first-child { grid-column: 1; grid-row: 1 / span 3; }
	.cart-row > div:nth-child(2) { grid-column: 2; grid-row: 1; }
	.cart-row [data-cell="price"] { display: none !important; }
	.cart-row > div:nth-child(4) { grid-column: 2; grid-row: 2; margin-top: 8px; }
	.cart-row [data-sub] { grid-column: 3; grid-row: 2; align-self: center; text-align: right !important; }
	.cart-row [data-pdrop] { grid-column: 3; grid-row: 1; justify-self: end !important; }
	.cart-row [data-rowmeta] { display: block !important; }
	.sgs-cart-cross { grid-template-columns: 1fr; }
	#sgsCouponForm { width: 100%; }
	#sgsCouponInput { flex: 1; width: auto !important; }
}

/* ===========================================================
   ÖDEME (WooCommerce Checkout) — SGS Master tasarımı
   =========================================================== */
.sgs-checkout .sgs-cart-hero { padding: 30px 0 54px; }
.sgs-co-layout { display: grid; grid-template-columns: minmax(0,1fr) 400px; gap: 34px; align-items: start; }
.sgs-co-main { min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.sgs-co-main #customer_details { padding: 26px 28px; }

/* Başlıklar */
.sgs-checkout #customer_details h3,
.sgs-checkout #order_review_heading,
.sgs-checkout .woocommerce-additional-fields h3,
.sgs-checkout #ship-to-different-address label {
	font-family: var(--f-head); font-weight: 600; font-size: 1.2rem; color: #111312; margin: 0 0 18px;
}
.sgs-checkout .sgs-co-sumtitle { font-family: var(--f-mono) !important; font-weight: 400 !important; font-size: .68rem !important; letter-spacing: .16em; text-transform: uppercase; color: #17CE4A; margin-bottom: 16px !important; }

/* Form alanları */
.sgs-checkout .form-row { display: flex; flex-direction: column; gap: 7px; margin: 0 0 15px; padding: 0; }
.sgs-checkout .form-row-first { float: none; width: 48%; display: inline-flex; margin-right: 4%; }
.sgs-checkout .form-row-last { float: none; width: 48%; display: inline-flex; }
.sgs-checkout .col2-set, .sgs-checkout .col2-set .col-1, .sgs-checkout .col2-set .col-2 { width: 100%; float: none; }
.sgs-checkout label { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: #6E716F; }
.sgs-checkout .form-row .required { color: #C21A1A; text-decoration: none; }
.sgs-checkout input.input-text,
.sgs-checkout textarea,
.sgs-checkout select,
.sgs-checkout .select2-container--default .select2-selection--single {
	background: #FBF9F4; border: 1px solid #E4E1D6; border-radius: 4px; padding: 13px 15px; color: #111312; font-size: .94rem; outline: none; width: 100%; min-height: 0; line-height: 1.3;
}
.sgs-checkout .select2-container--default .select2-selection--single { height: 48px; display: flex; align-items: center; }
.sgs-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; }
.sgs-checkout input.input-text:focus, .sgs-checkout textarea:focus, .sgs-checkout select:focus { border-color: #17CE4A; background: #fff; }

/* Müşteri tipi (Bireysel / Kurumsal) radyoları pill */
.sgs-checkout .sgs-musteri-tipi label { display: inline-flex; align-items: center; gap: 8px; text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-size: .92rem; color: #1A1C1B; margin-right: 18px; }
.sgs-checkout .sgs-musteri-tipi { margin-bottom: 18px; }

/* Özet + ödeme (sağ) */
.sgs-co-summary { position: sticky; top: 100px; background: #fff; border: 1px solid #E4E1D6; border-radius: 14px; padding: 26px 28px; min-width: 0; }
.sgs-checkout .shop_table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.sgs-checkout .shop_table th, .sgs-checkout .shop_table td { text-align: left; padding: 12px 0; border-bottom: 1px solid #E4E1D6; font-size: .92rem; color: #1A1C1B; }
.sgs-checkout .shop_table .product-total, .sgs-checkout .shop_table td.product-total { text-align: right; font-family: var(--f-head); font-weight: 600; }
.sgs-checkout .shop_table .cart-subtotal th, .sgs-checkout .shop_table .order-total th { font-family: var(--f-mono); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: #9AA09C; font-weight: 400; }
.sgs-checkout .shop_table .order-total .amount { font-family: var(--f-head); font-size: 1.5rem; font-weight: 600; color: #111312; }

/* Ödeme yöntemleri (radio kartlar) */
.sgs-checkout #payment { background: transparent; }
.sgs-checkout #payment ul.payment_methods { list-style: none; margin: 0 0 18px; padding: 18px 0 0; border-top: 1px solid #E4E1D6; display: flex; flex-direction: column; gap: 12px; }
.sgs-checkout #payment ul.payment_methods li { background: #fff; border: 1px solid #E4E1D6; border-radius: 10px; padding: 15px 16px; }
.sgs-checkout #payment ul.payment_methods li label { display: inline-flex; align-items: center; gap: 10px; text-transform: none; letter-spacing: 0; font-family: var(--f-body); font-weight: 600; font-size: .96rem; color: #111312; margin: 0; }
.sgs-checkout #payment ul.payment_methods li .payment_box { background: #FBF9F4; border-radius: 8px; padding: 12px 14px; margin-top: 12px; font-size: .86rem; color: #6E716F; }
.sgs-checkout #payment ul.payment_methods li .payment_box p { margin: 0; }
.sgs-checkout #payment div.form-row.place-order { padding: 0; margin-top: 6px; }
.sgs-checkout #payment .woocommerce-terms-and-conditions-wrapper { margin-bottom: 14px; font-size: .84rem; }
.sgs-checkout #place_order {
	width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; font-weight: 600; font-size: 1rem;
	padding: 16px; border-radius: 4px; border: 0; background: #17CE4A; color: #0A1A0E; cursor: pointer; box-shadow: 0 14px 34px -12px rgba(23,206,74,.45);
}
.sgs-checkout #place_order:hover { background: #14b843; }

/* Bildirimler */
.sgs-checkout .woocommerce-info, .sgs-checkout .woocommerce-error, .sgs-checkout .woocommerce-message { list-style: none; margin: 0 0 20px; padding: 14px 18px; border-radius: 10px; border: 1px solid #E4E1D6; background: #fff; font-size: .9rem; }
.sgs-checkout .woocommerce-error { border-color: rgba(194,26,26,.3); color: #C21A1A; }

@media (max-width: 980px) {
	.sgs-co-layout { grid-template-columns: 1fr; gap: 22px; }
	.sgs-co-summary { position: static; order: -1; }
	.sgs-checkout .form-row-first, .sgs-checkout .form-row-last { width: 100%; margin-right: 0; }
}

/* Checkout — numaralı bölüm başlıkları + alan düzeni */
.sgs-co-sec { padding: 26px 28px; }
.sgs-co-sechead { display: flex; align-items: flex-start; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid #E4E1D6; margin-bottom: 22px; }
.sgs-co-badge { width: 28px; height: 28px; border-radius: 50%; background: #111312; color: #17CE4A; display: grid; place-items: center; font-family: var(--f-mono); font-size: .72rem; font-weight: 600; flex-shrink: 0; }
.sgs-co-sechead h2 { font-family: var(--f-head); font-weight: 600; font-size: 1.25rem; color: #111312; margin: 0; }
.sgs-co-sechead p { color: #6E716F; font-size: .88rem; margin: 4px 0 0; }
.sgs-co-fields { display: block; }
/* "(isteğe bağlı)" etiketlerini gizle — tasarımda yok */
.sgs-checkout .optional { display: none !important; }
/* Ödeme bölümünde WC'nin payment üst çizgisini kaldır (kart zaten ayrı) */
.sgs-co-paysec #payment ul.payment_methods { border-top: 0; padding-top: 0; }
.sgs-co-paysec #payment { border-radius: 0; }

/* Checkout — 2'li alan grid + checkbox + kargo/kupon/özet + koyu sipariş kutusu */
.sgs-co-2col { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 16px; }
.sgs-co-2col .form-row { width: 100% !important; margin-right: 0 !important; float: none !important; display: flex !important; }
.sgs-co-2col .form-row-wide { grid-column: 1 / -1; }
.sgs-co-check { display: flex; align-items: center; gap: 11px; cursor: pointer; margin-top: 12px; font-size: .92rem; color: #1A1C1B; }
.sgs-co-check input { width: 18px; height: 18px; accent-color: #17CE4A; }
.sgs-co-check.is-checked span { color: #1A1C1B; }

/* Teslimat yöntemi radyo kartları */
.sgs-co-ship { display: flex; flex-direction: column; gap: 12px; }
.sgs-ship-opt { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid #E4E1D6; background: #fff; border-radius: 10px; cursor: pointer; }
.sgs-ship-opt.is-active { border-color: #17CE4A; background: rgba(23,206,74,.06); }
.sgs-ship-opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.sgs-ship-dot { width: 18px; height: 18px; border-radius: 50%; border: 1px solid #C2C0B8; flex-shrink: 0; position: relative; }
.sgs-ship-opt.is-active .sgs-ship-dot { border-color: #17CE4A; }
.sgs-ship-opt.is-active .sgs-ship-dot::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: #17CE4A; }
.sgs-ship-txt { flex: 1; min-width: 0; font-size: .96rem; color: #111312; }
.sgs-ship-cost { font-family: var(--f-mono); font-size: .85rem; color: #111312; white-space: nowrap; }

/* Sipariş notu */
.sgs-co-note { margin-bottom: 18px; }
.sgs-co-note textarea { min-height: 72px; }

/* Koyu "Sipariş Ver" kutusu (place order) */
.sgs-co-paysec .place-order { background: #111312; border-radius: 14px; padding: 20px 22px; margin-top: 18px; }
.sgs-co-paysec .place-order #place_order { width: 100%; background: #17CE4A; color: #0A1A0E; }
.sgs-co-paysec .place-order .woocommerce-terms-and-conditions-wrapper,
.sgs-co-paysec .place-order .woocommerce-privacy-policy-text { color: #9AA09C; font-size: .84rem; margin-bottom: 14px; }
.sgs-co-paysec .place-order .woocommerce-terms-and-conditions-wrapper a,
.sgs-co-paysec .place-order .woocommerce-privacy-policy-text a { color: #17CE4A; }

/* Sipariş özeti (review) tasarımı — div tabanlı, tasarım HTML'iyle birebir */
.sgs-co-review { display: block; }
.sgs-co-items { display: flex; flex-direction: column; }
.sgs-co-item { display: flex; align-items: flex-start; gap: 14px; padding: 16px 0; border-bottom: 1px solid #E4E1D6; min-width: 0; }
.sgs-co-thumb { position: relative; width: 52px; height: 52px; border: 1px solid #E4E1D6; border-radius: 8px; display: grid; place-items: center; flex-shrink: 0; background: #fff; padding: 4px; }
.sgs-co-qty { position: absolute; top: -7px; right: -7px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 20px; background: #111312; color: #fff; font-family: var(--f-mono); font-size: .66rem; display: grid; place-items: center; }
.sgs-co-pname { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sgs-co-pname .sgs-co-fam { font-family: var(--f-mono); font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; color: #0B9E37; font-style: normal; }
.sgs-co-pname b { font-family: var(--f-head); font-weight: 600; font-size: 1rem; color: #111312; }
.sgs-co-itemtotal { font-family: var(--f-mono); font-size: .88rem; color: #111312; white-space: nowrap; flex-shrink: 0; }

/* Toplamlar bloğu */
.sgs-co-tot { display: flex; flex-direction: column; }
.sgs-co-totrow { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 12px 0; }
.sgs-co-totrow > span:first-child { color: #6E716F; font-size: .92rem; }
.sgs-co-totval { font-family: var(--f-mono); font-size: .92rem; color: #111312; white-space: nowrap; }
.sgs-co-totval .amount, .sgs-co-totval bdi { font-family: var(--f-mono); font-weight: 400; }
.sgs-co-disc .sgs-co-totval, .sgs-co-disc .sgs-co-totval .amount, .sgs-co-disc .sgs-co-totval bdi { color: #0B9E37; }
.sgs-co-free { font-style: normal; color: #0B9E37; }
.sgs-co-grand { padding: 18px 0 0; margin-top: 6px; border-top: 1px solid #E4E1D6; align-items: baseline; }
.sgs-co-grand > span:first-child { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: #6E716F; }
.sgs-co-grand .sgs-co-totval, .sgs-co-grand .sgs-co-totval .amount, .sgs-co-grand .sgs-co-totval bdi { font-family: var(--f-head); font-size: 1.7rem; font-weight: 600; color: #111312; }

/* Kupon (ürünlerin altında, toplamların üstünde) */
.sgs-co-coupon { padding: 16px 0; border-bottom: 1px solid #E4E1D6; }
.sgs-co-coupon-toggle { display: flex; align-items: center; gap: 9px; width: 100%; background: none; border: 0; padding: 0; cursor: pointer; font-family: var(--f-mono); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: #111312; }
.sgs-co-coupon-toggle:hover { color: #0B9E37; }
.sgs-co-coupon-chev { transition: transform .3s ease; }
.sgs-co-coupon.is-open .sgs-co-coupon-chev { transform: rotate(180deg); }
.sgs-co-coupon .checkout_coupon { display: flex; gap: 10px; margin-top: 14px; }
.sgs-co-coupon .checkout_coupon .input-text { flex: 1; min-width: 0; background: #FBF9F4; border: 1px solid #E4E1D6; border-radius: 4px; padding: 13px 15px; font-size: .94rem; }
.sgs-co-coupon .checkout_coupon .button { border: 1px solid #E4E1D6; background: #fff; color: #111312; border-radius: 4px; padding: 13px 18px; font-weight: 600; font-size: .88rem; cursor: pointer; box-shadow: none; white-space: nowrap; }
.sgs-co-coupon .checkout_coupon .button:hover { border-color: #17CE4A; color: #0B9E37; }
.sgs-co-editcart { display: inline-flex; margin-top: 16px; font-family: var(--f-mono); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; color: #6E716F; }

/* Checkout — koyu sipariş kutusu + not kartı + şartlar checkbox */
.sgs-co-paysec #payment { background: transparent; }
.sgs-co-paysec #payment ul.payment_methods { border: 0; padding: 0; margin: 0; }
.sgs-co-notecard .sgs-co-note label { display: none; }           /* WC order_comments etiketi gizli (checkbox metni yeterli) */
.sgs-co-notecard .sgs-co-note textarea { min-height: 84px; }
.sgs-note-toggle input { width: 18px; height: 18px; accent-color: #17CE4A; }

.sgs-place-order-box { background: #111312; border-radius: 14px; padding: 22px 26px; color: #fff; }
.sgs-place-order-box .place-order { padding: 0; margin: 0; }
.sgs-place-order-box .place-order::after { content: ""; display: block; clear: both; }
/* Şartlar & gizlilik metni/checkbox — koyu zeminde */
.sgs-place-order-box .woocommerce-terms-and-conditions-wrapper { margin-bottom: 16px; }
.sgs-place-order-box .woocommerce-form__label-for-checkbox,
.sgs-place-order-box .validate-required > label,
.sgs-place-order-box .woocommerce-privacy-policy-text p { color: #9AA09C; font-size: .9rem; display: flex; align-items: flex-start; gap: 11px; margin: 0; }
.sgs-place-order-box .woocommerce-form__input-checkbox { width: 20px; height: 20px; margin: 1px 0 0; accent-color: #17CE4A; flex-shrink: 0; }
.sgs-place-order-box a { color: #17CE4A; }
.sgs-place-order-box .woocommerce-privacy-policy-text { margin-bottom: 14px; }
.sgs-place-order-box #place_order {
	width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px;
	font-weight: 600; font-size: 1.05rem; padding: 17px; border-radius: 4px; border: 0;
	background: #17CE4A; color: #0A1A0E; cursor: pointer; box-shadow: 0 14px 34px -12px rgba(23,206,74,.45); float: none;
}
.sgs-place-order-box #place_order:hover { background: #14b843; }
.sgs-place-order-box .sgs-3d { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; color: #6E716F; text-align: center; margin-top: 12px; }
.sgs-place-order-box .sgs-btn-total .amount, .sgs-place-order-box .sgs-btn-total bdi { color: #0A1A0E; font-family: inherit; }

/* Checkbox etiketleri (not / şartlar) normal metin — global mono-uppercase label kuralını ez */
.sgs-checkout .sgs-co-check,
.sgs-checkout .sgs-co-check span,
.sgs-place-order-box label,
.sgs-place-order-box .woocommerce-form__label,
.sgs-place-order-box .woocommerce-form__label span,
.sgs-place-order-box .validate-required label {
	font-family: var(--f-body) !important;
	font-size: .92rem !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 400 !important;
}
.sgs-place-order-box label, .sgs-place-order-box .woocommerce-form__label { color: #9AA09C !important; }
.sgs-place-order-box .woocommerce-terms-and-conditions-wrapper { margin-bottom: 16px; }
.sgs-place-order-box .form-row.validate-required { margin: 0 0 4px; padding: 0; }
.sgs-place-order-box .woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 11px; }
.sgs-place-order-box .woocommerce-form__input-checkbox { width: 20px; height: 20px; margin: 0; accent-color: #17CE4A; flex-shrink: 0; }
.sgs-place-order-box .required { color: #EE0000 !important; }

/* Şartlar onay kutusu tek temiz satır; ayrı gizlilik paragrafı kaldırıldı */
.sgs-place-order-box .woocommerce-privacy-policy-text { display: none; }
.sgs-place-order-box .woocommerce-terms-and-conditions-wrapper { margin: 0 0 16px; }
.sgs-place-order-box .form-row.validate-required { margin: 0; }
.sgs-place-order-box .woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 11px; line-height: 1.5; }
.sgs-place-order-box .woocommerce-form__label-for-checkbox span:not(.required) { flex: 1; }

/* Sipariş notu kartı — checkbox ile textarea arası boşluk + stil */
.sgs-co-notecard .sgs-note-toggle { font-size: .95rem; color: #1A1C1B; }
.sgs-co-notecard .sgs-co-note { margin-top: 18px; }
.sgs-co-notecard .sgs-co-note .form-row { margin: 0; }
.sgs-co-notecard .sgs-co-note textarea {
	width: 100%; min-height: 110px; resize: vertical; line-height: 1.6;
	background: #FBF9F4; border: 1px solid #E4E1D6; border-radius: 8px; padding: 14px 16px;
	color: #111312; font-size: .94rem; font-family: inherit; outline: none;
}
.sgs-co-notecard .sgs-co-note textarea:focus { border-color: #17CE4A; background: #fff; }

/* Not kartı: işaretsizken tek satır dikey ortalı (margin-top sıfırla) */
.sgs-co-notecard .sgs-note-toggle { margin-top: 0; }
.sgs-co-notecard { display: flex; flex-direction: column; justify-content: center; }

/* Müşteri tipi (Bireysel/Kurumsal) — tasarım dili radyo kartları */
.sgs-checkout .sgs-musteri-tipi > label { font-family: var(--f-mono) !important; font-size: .62rem !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #6E716F !important; display: block; margin: 0 0 10px !important; }
.sgs-checkout .sgs-musteri-tipi .woocommerce-input-wrapper { display: flex; gap: 12px; flex-wrap: wrap; }
.sgs-checkout .sgs-musteri-tipi input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
.sgs-checkout .sgs-musteri-tipi label.radio {
	display: inline-flex; align-items: center; gap: 10px; cursor: pointer; margin: 0 !important;
	padding: 13px 20px; border: 1px solid #E4E1D6; border-radius: 10px; background: #fff;
	font-family: var(--f-body) !important; font-size: .95rem !important; letter-spacing: 0 !important; text-transform: none !important; color: #111312; transition: .15s;
}
.sgs-checkout .sgs-musteri-tipi label.radio::before { content: ""; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #C2C0B8; flex-shrink: 0; transition: .15s; }
.sgs-checkout .sgs-musteri-tipi label.radio:hover { border-color: #17CE4A; }
.sgs-checkout .sgs-musteri-tipi input[type="radio"]:checked + label.radio { border-color: #17CE4A; background: rgba(23,206,74,.06); }
.sgs-checkout .sgs-musteri-tipi input[type="radio"]:checked + label.radio::before { border-color: #17CE4A; box-shadow: inset 0 0 0 4px #17CE4A; }
.sgs-checkout .sgs-musteri-tipi input[type="radio"]:focus-visible + label.radio { outline: 2px solid rgba(23,206,74,.5); outline-offset: 2px; }

/* ============================================================
   intl-tel-input — SGS Master tasarım diline uyarlama
   ============================================================ */
.sgs-checkout .iti,
.woocommerce-address-fields .iti,
.sgs-acc-main .iti { display: block; width: 100%; }

/* Telefon input'u diğer alanlarla aynı görünsün */
.iti__tel-input { width: 100%; }

/* Sol taraftaki seçili ülke butonu (bayrak + alan kodu) */
.iti__selected-country { border-radius: 4px 0 0 4px; transition: background .15s ease; }
.iti__selected-country-primary { padding: 0 8px 0 14px; }
.iti__selected-country:hover,
.iti--allow-dropdown .iti__selected-country:hover { background: rgba(23,206,74,.08); }
.iti__selected-country[aria-expanded="true"] { background: rgba(23,206,74,.10); }
.iti__selected-dial-code { color: #111312; font-size: .94rem; margin-left: 6px; }
.iti__arrow { border-top-color: #6E716F; margin-left: 6px; }
.iti__arrow--up { border-bottom-color: #6E716F; }
.iti__selected-country:hover .iti__arrow { border-top-color: #17CE4A; }

/* Açılır liste kabı */
.iti__dropdown-content {
	border: 1px solid #E4E1D6;
	border-radius: 8px;
	box-shadow: 0 12px 34px rgba(16,20,19,.14);
	background: #fff;
	overflow: hidden;
}

/* Arama kutusu */
.iti__search-input {
	padding: 12px 14px;
	border: 0;
	border-bottom: 1px solid #EFEDE5;
	font-size: .92rem;
	font-family: var(--f-body);
	color: #111312;
}
.iti__search-input::placeholder { color: #9A9C99; }
.iti__search-input:focus { outline: none; background: #FBF9F4; }

/* Ülke listesi */
.iti__country-list { max-height: 240px; }
.iti__country { padding: 10px 14px; font-size: .9rem; color: #1A1C1B; }
.iti__country .iti__country-name { font-family: var(--f-body); }
.iti__dial-code { color: #6E716F; }
.iti__country.iti__highlight { background: rgba(23,206,74,.10); }
.iti__country:hover { background: rgba(23,206,74,.08); }

/* Türkiye (üstte) ile ayrıştırıcı */
.iti__country-list .iti__divider { border-bottom: 1px solid #EFEDE5; }

/* Odak halkası tema yeşili */
.iti__selected-country:focus-visible { outline: 2px solid rgba(23,206,74,.5); outline-offset: -2px; }

/* Mobil tam-ekran açılır liste başlığı/araması */
@media (max-width: 500px) {
	.iti--fullscreen-popup .iti__dropdown-content { border-radius: 0; }
}

/* Doğrulama göstergeleri: geçerli = yeşil (WC varsayılanı), geçersiz = kırmızı.
   Kırmızı görünümü tasarım diliyle belirginleştiriyoruz. */
.sgs-checkout .form-row.woocommerce-invalid input.input-text,
.sgs-checkout .form-row.woocommerce-invalid select,
.woocommerce-address-fields .form-row.woocommerce-invalid input.input-text {
	box-shadow: inset 2px 0 0 #C21A1A;
	border-color: #E9B4B4;
	background: #FDF6F5;
}
.sgs-checkout .form-row.woocommerce-invalid .iti input.input-text { box-shadow: inset 2px 0 0 #C21A1A; }
.sgs-checkout .form-row.woocommerce-validated .iti input.input-text { box-shadow: inset 2px 0 0 #0f834d; }

/* ============================================================
   Sipariş Alındı (order-received) — SGS Master tasarımı
   ============================================================ */
.sgs-or-hero { background: #111312; color: #fff; padding: 30px 0 54px; }
.sgs-or-crumb { margin-bottom: 28px; }
.sgs-or-herotop { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.sgs-or-herohead { display: flex; align-items: flex-start; gap: 20px; min-width: 0; }
.sgs-or-check { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 50%; background: rgba(23,206,74,.14); color: #17CE4A; flex-shrink: 0; }
.sgs-or-title { font-family: var(--f-head); font-weight: 600; font-size: clamp(1.8rem, 4vw, 2.7rem); line-height: 1.05; letter-spacing: -.01em; color: #fff; margin: 0; }
.sgs-or-sub { color: #9AA09C; font-size: 1rem; margin-top: 12px; max-width: 640px; }
.sgs-or-sub b { color: #fff; font-weight: 600; }

.sgs-or-steps { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 16px 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.sgs-or-step { display: flex; align-items: center; gap: 11px; min-width: 0; }
.sgs-or-stepdot { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-family: var(--f-mono); font-size: .66rem; font-weight: 600; flex-shrink: 0; background: rgba(255,255,255,.08); color: #6E716F; }
.sgs-or-step.is-done .sgs-or-stepdot { background: rgba(23,206,74,.16); color: #17CE4A; }
.sgs-or-step.is-active .sgs-or-stepdot { background: #17CE4A; color: #0A1A0E; }
.sgs-or-step em { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .12em; text-transform: uppercase; color: #6E716F; white-space: nowrap; font-style: normal; }
.sgs-or-step.is-active em { color: #fff; }
.sgs-or-stepline { width: 26px; height: 1px; background: rgba(255,255,255,.16); }

.sgs-or-ov { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.02); margin-top: 34px; }
.sgs-or-ovcell { padding: 18px 22px; border-right: 1px solid rgba(255,255,255,.1); min-width: 0; }
.sgs-or-ovcell:last-child { border-right: 0; }
.sgs-or-ovlabel { display: block; font-family: var(--f-mono); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: #6E716F; }
.sgs-or-ovval { display: block; font-family: var(--f-head); font-size: 1.1rem; font-weight: 600; color: #fff; margin-top: 6px; overflow-wrap: anywhere; }
.sgs-or-ovval .amount, .sgs-or-ovval bdi { font-family: var(--f-head); font-weight: 600; }
.sgs-or-ovmono { font-family: var(--f-mono); font-size: .95rem; font-weight: 400; }

.sgs-or-body { background: #FBF9F4; padding: 44px 0 90px; }
.sgs-or-layout { display: grid; grid-template-columns: minmax(0,1fr) 400px; gap: 34px; align-items: start; }
.sgs-or-layout > * { min-width: 0; }
.sgs-or-main { display: flex; flex-direction: column; gap: 22px; min-width: 0; }

.sgs-or-card { padding: 26px 28px; }
.sgs-or-cardhead { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid #E4E1D6; margin-bottom: 6px; flex-wrap: wrap; }
.sgs-or-cardhead h2 { font-family: var(--f-head); font-weight: 600; font-size: 1.25rem; color: #111312; margin: 0; }
.sgs-or-cardmeta { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: #6E716F; }

.sgs-or-thead { display: grid; grid-template-columns: 56px minmax(0,1fr) 90px 120px; gap: 16px; padding: 12px 0; border-bottom: 1px solid #E4E1D6; font-family: var(--f-mono); font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; color: #6E716F; }
.sgs-or-thead .sgs-or-r { text-align: right; }
.sgs-or-line { display: grid; grid-template-columns: 56px minmax(0,1fr) 90px 120px; gap: 16px; align-items: center; padding: 18px 0; border-bottom: 1px solid #E4E1D6; }
.sgs-or-thumb { display: grid; place-items: center; width: 56px; height: 56px; background: #fff; border: 1px solid #E4E1D6; border-radius: 8px; flex-shrink: 0; padding: 4px; }
.sgs-or-thumb:hover { border-color: #17CE4A; }
.sgs-or-pinfo { min-width: 0; }
.sgs-or-fam { display: block; font-family: var(--f-mono); font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; color: #0B9E37; }
.sgs-or-pname { display: block; font-family: var(--f-head); font-size: 1.02rem; font-weight: 600; color: #111312; margin-top: 3px; }
a.sgs-or-pname:hover { color: #0B9E37; }
.sgs-or-pmeta { display: none; font-family: var(--f-mono); font-size: .66rem; color: #6E716F; margin-top: 4px; }
.sgs-or-qcell { font-family: var(--f-mono); font-size: .86rem; color: #6E716F; }
.sgs-or-tcell { font-family: var(--f-head); font-size: 1.05rem; font-weight: 600; color: #111312; text-align: right; }
.sgs-or-tcell .amount, .sgs-or-tcell bdi { font-family: var(--f-head); font-weight: 600; }

.sgs-or-tot { display: flex; flex-direction: column; margin-top: 8px; }
.sgs-or-totrow { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 12px 0; min-width: 0; }
.sgs-or-totrow > span:first-child { font-size: .92rem; color: #6E716F; }
.sgs-or-totval { font-family: var(--f-mono); font-size: .92rem; color: #111312; white-space: nowrap; }
.sgs-or-disc .sgs-or-totval, .sgs-or-disc .sgs-or-totval .amount, .sgs-or-disc .sgs-or-totval bdi { color: #0B9E37; }
.sgs-or-grand { padding: 12px 0; padding-top: 18px; border-top: 1px solid #E4E1D6; }
.sgs-or-grand > span:first-child { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: #6E716F; }
.sgs-or-grand .sgs-or-totval, .sgs-or-grand .sgs-or-totval .amount, .sgs-or-grand .sgs-or-totval bdi { font-family: var(--f-head); font-size: 1.5rem; font-weight: 600; color: #111312; }

.sgs-or-note { margin-top: 20px; padding-top: 18px; border-top: 1px solid #E4E1D6; }
.sgs-or-notelabel { font-family: var(--f-mono); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: #6E716F; }
.sgs-or-note p { font-size: .94rem; color: #1A1C1B; margin-top: 6px; }

.sgs-or-addrgrid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px; }
.sgs-or-addr { padding: 24px 26px; }
.sgs-or-addrlabel { font-family: var(--f-mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: #0B9E37; padding-bottom: 14px; border-bottom: 1px solid #E4E1D6; margin-bottom: 16px; }
.sgs-or-addrbody { font-size: .95rem; color: #1A1C1B; line-height: 1.75; }
.sgs-or-addrbody br { display: block; }
.sgs-or-addrmeta { margin-top: 14px; padding-top: 14px; border-top: 1px solid #E4E1D6; display: flex; flex-direction: column; gap: 6px; }
.sgs-or-addrmeta span { font-family: var(--f-mono); font-size: .72rem; color: #6E716F; overflow-wrap: anywhere; }

.sgs-or-bank { background: #111312; border-radius: 14px; padding: 26px 28px; color: #fff; min-width: 0; }
.sgs-or-banktag { font-family: var(--f-mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: #17CE4A; }
.sgs-or-bank h2 { font-family: var(--f-head); font-weight: 400; font-size: 1.4rem; margin: 10px 0 0; }
.sgs-or-bank p { color: #9AA09C; font-size: .92rem; margin-top: 8px; }
.sgs-or-bank p b { color: #fff; font-weight: 600; }
.sgs-or-bankgrid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px; margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); }
.sgs-or-blabel { display: block; font-family: var(--f-mono); font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; color: #6E716F; }
.sgs-or-bval { display: block; color: #fff; font-size: .95rem; margin-top: 5px; overflow-wrap: anywhere; }
.sgs-or-biban { font-family: var(--f-mono); color: #17CE4A; font-size: .92rem; }

.sgs-or-side { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.sgs-or-statuscard, .sgs-or-actions { padding: 24px 26px; }
.sgs-or-timeline { display: flex; flex-direction: column; margin-top: 18px; }
.sgs-or-tl { display: flex; gap: 14px; min-width: 0; }
.sgs-or-tldot { position: relative; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #C2C0B8; flex-shrink: 0; margin-top: 3px; }
.sgs-or-tl.is-done .sgs-or-tldot, .sgs-or-tl.is-active .sgs-or-tldot { background: #17CE4A; border-color: #17CE4A; }
.sgs-or-tl:not(.is-last) .sgs-or-tldot::after { content: ""; position: absolute; left: 50%; top: 13px; transform: translateX(-50%); width: 2px; height: calc(100% + 14px); background: #E4E1D6; }
.sgs-or-tltxt { padding-bottom: 18px; display: flex; flex-direction: column; min-width: 0; }
.sgs-or-tl.is-last .sgs-or-tltxt { padding-bottom: 0; }
.sgs-or-tltxt b { font-weight: 600; font-size: .95rem; color: #6E716F; }
.sgs-or-tl.is-done .sgs-or-tltxt b, .sgs-or-tl.is-active .sgs-or-tltxt b { color: #111312; }
.sgs-or-tltxt em { font-family: var(--f-mono); font-size: .66rem; color: #6E716F; margin-top: 3px; font-style: normal; }

.sgs-or-actions { display: flex; flex-direction: column; gap: 10px; }
.sgs-or-btn { display: flex; align-items: center; justify-content: center; gap: 9px; font-weight: 600; font-size: .96rem; padding: 15px; border-radius: 4px; cursor: pointer; text-align: center; border: 1px solid transparent; }
.sgs-or-btn--primary { background: #17CE4A; color: #0A1A0E; box-shadow: 0 14px 34px -12px rgba(23,206,74,.45); }
.sgs-or-btn--primary:hover { background: #14b843; color: #0A1A0E; }
.sgs-or-btn--ghost { border-color: #E4E1D6; background: #fff; color: #111312; }
.sgs-or-btn--ghost:hover { border-color: #17CE4A; color: #0B9E37; }

.sgs-or-help { background: #F2F1EC; border: 1px solid #E4E1D6; border-radius: 14px; padding: 24px 26px; min-width: 0; }
.sgs-or-help p { font-size: .92rem; color: #1A1C1B; margin-top: 8px; }
.sgs-or-helplinks { display: flex; flex-direction: column; gap: 7px; margin-top: 14px; }
.sgs-or-helplinks a { font-family: var(--f-mono); font-size: .86rem; color: #0B9E37; overflow-wrap: anywhere; }
.sgs-or-helplinks a:hover { color: #17CE4A; }

.sgs-or-cta { background: #111312; color: #fff; padding: 72px 0; }
.sgs-or-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.sgs-or-ctatag { font-family: var(--f-mono); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: #17CE4A; }
.sgs-or-cta h2 { font-family: var(--f-head); font-weight: 400; font-size: clamp(1.5rem, 2.8vw, 2.1rem); color: #fff; margin-top: 12px; }
.sgs-or-cta h2 b { font-weight: 600; color: #17CE4A; }
.sgs-or-cta p { color: #9AA09C; max-width: 560px; margin-top: 10px; }
.sgs-or-ctabtns { display: flex; gap: 12px; }
.sgs-or-cta .sgs-or-btn { padding: 16px 30px; font-size: 1rem; }

@media (max-width: 1080px) {
	.sgs-or-layout { grid-template-columns: minmax(0,1fr); gap: 24px; }
	.sgs-or-side { position: static; }
	.sgs-or-ov { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.sgs-or-ovcell:nth-child(even) { border-right: 0; }
}
@media (max-width: 820px) {
	.sgs-or-thead { display: none; }
	.sgs-or-line { grid-template-columns: 56px minmax(0,1fr); gap: 14px; align-items: start; }
	.sgs-or-qcell, .sgs-or-tcell { display: none; }
	.sgs-or-pmeta { display: block; }
	.sgs-or-addrgrid { grid-template-columns: minmax(0,1fr); }
	.sgs-or-bankgrid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 560px) {
	.sgs-or-ov { grid-template-columns: minmax(0,1fr); }
	.sgs-or-ovcell { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
	.sgs-or-ovcell:last-child { border-bottom: 0; }
	.sgs-or-card, .sgs-or-addr, .sgs-or-statuscard, .sgs-or-actions, .sgs-or-help, .sgs-or-bank { padding: 20px 18px; }
}