/* 2 ÜRÜN İNCELEME — vitrin kurgusu (taslak .f-incele). Puan/yıldız yok. */
.x-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 22px; }
.spx-logo { font: 800 28px var(--fd); letter-spacing: -.02em; }
.spx-logo i { font-style: normal; display: inline-block; background: var(--acc); color: var(--on-acc); border-radius: 8px; padding: 0 8px; margin-left: 4px; }
.x-pills { gap: 6px; }
.x-pills .wp-block-navigation-item__content { padding: 8px 14px; border-radius: 999px; font-weight: 600; font-size: 14px; }
.x-pills .wp-block-navigation-item:first-child > .wp-block-navigation-item__content { background: var(--ink); color: var(--bg); }
.x-hero-t > li { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); margin-top: 8px; background: var(--card); border-radius: 28px; overflow: hidden; }
.x-stagebox { display: grid; min-height: 420px; }
.x-stagebox .spx-media { height: 100%; }
.x-stagebox .spx-art { background: radial-gradient(120% 90% at 30% 20%, #dfe8e3, #b9ccc3); }
.x-herotext { padding: 44px; display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.x-cat { font: 700 12px var(--fb); letter-spacing: .1em; text-transform: uppercase; color: var(--acc); }
.x-h1 { font: 750 46px/1.02 var(--fd); letter-spacing: -.025em; }
.x-lede { font-size: 17px; color: var(--mute); }
.x-callrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 6px !important; }
.x-call { display: inline-flex; background: var(--ink); color: var(--bg) !important; border-radius: 999px; padding: 9px 16px; font-weight: 600; font-size: 14px; }
.x-calltag a { display: inline-block; background: var(--acc2); color: var(--ink); border-radius: 999px; padding: 3px 10px; font-size: 12px; font-weight: 700; }
.x-calltag .wp-block-post-terms__separator { display: none; }
.x-shelf { padding-block: 40px 18px; }
.x-shelfh { font: 750 28px var(--fd); letter-spacing: -.02em; margin-bottom: 18px !important; }
.x-cards, .spx-cards--incele { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 18px; }
.x-cards > li, .spx-cards--incele > li { background: var(--card); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; }
.x-cards > li:nth-child(4n+1) .spx-art, .spx-cards--incele > li:nth-child(4n+1) .spx-art { background: #dfe9f5; }
.x-cards > li:nth-child(4n+2) .spx-art, .spx-cards--incele > li:nth-child(4n+2) .spx-art { background: #f6e7d8; }
.x-cards > li:nth-child(4n+3) .spx-art, .spx-cards--incele > li:nth-child(4n+3) .spx-art { background: #e4e1f3; }
.x-cards > li:nth-child(4n+4) .spx-art, .spx-cards--incele > li:nth-child(4n+4) .spx-art { background: #e1efe9; }
.x-in { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.x-tag a { display: inline-block; font: 700 11px var(--fb); text-transform: uppercase; letter-spacing: .08em; padding: 4px 8px; border-radius: 6px; background: #e6f4ec; color: #1f8a4c; }
.x-tag .wp-block-post-terms__separator { display: none; }
.x-tag a + a { margin-left: 4px; background: #fbf1d6; color: #8a6412; }
.x-cardt { font: 700 19px/1.2 var(--fd); letter-spacing: -.01em; }
.spx-footer--incele .spx-foot { border-top: 1px solid var(--line); margin-top: 30px; color: var(--mute); }
.spx-single .spx-title, .spx-archive-title { font-weight: 750; }
@media (max-width: 1000px) {
	.x-hero-t > li { grid-template-columns: minmax(0, 1fr); }
	.x-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.x-stagebox { min-height: 300px; }
}
@media (max-width: 640px) {
	.x-head { flex-wrap: wrap; padding-block: 16px; }
	.x-herotext { padding: 24px; }
	.x-h1 { font-size: 32px; }
	.x-cards { grid-template-columns: minmax(0, 1fr); }
}
