/* Punta Rehber: tasarım sistemi "Punta Coffee Roasters" (Playfair Display + Raleway, krem/kömür, tek turuncu vurgu, köşesiz, gölgesiz). */
.pr-hub {
	--pr-ink: #101020;
	--pr-body: #3a3a3b;
	--pr-muted: #7a7468;
	--pr-dark: #242434;
	--pr-accent: #db9457;
	--pr-cream: #f9e9cd;
	--pr-cream2: #fdf6ea;
	--pr-line: #ece3d3;
	--pr-head: "Playfair Display", Georgia, serif;
	--pr-sans: Raleway, "Helvetica Neue", Arial, sans-serif;
	font-family: var(--pr-sans);
	color: var(--pr-body);
	margin: 0 0 56px;
}
.pr-hub *, .pr-hub *::before, .pr-hub *::after { box-sizing: border-box; border-radius: 0 !important; box-shadow: none !important; }
.pr-hub-page .entry-header, .pr-hub-page .page-header { display: none; }
.pr-hub-page #main { padding-top: 0; }

/* ---------- Hero (tam genişlik) ---------- */
.pr-hero { background: var(--pr-cream); width: 100vw; position: relative; left: 50%; margin-left: -50vw; margin-bottom: 56px; }
.pr-hero-in { max-width: 1170px; margin: 0 auto; padding: 64px 24px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.pr-eyebrow { display: inline-block; background: var(--pr-accent); color: #fff; font: 700 11px/1 var(--pr-sans); letter-spacing: 2px; text-transform: uppercase; padding: 6px 10px; margin-bottom: 18px; }
.pr-hub .pr-h1 { font: 700 46px/1.1 var(--pr-head); color: var(--pr-ink); margin: 0 0 16px; letter-spacing: 0; text-transform: none; }
.pr-lead { font-size: 18px; line-height: 1.6; margin: 0 0 26px; max-width: 34em; color: var(--pr-body); }
.pr-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.pr-hub a.pr-btn {
	display: inline-block; background: var(--pr-dark); color: #fff !important; border: 1px solid var(--pr-dark);
	font: 700 12px/1 var(--pr-sans); letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none !important; padding: 15px 20px;
}
.pr-hub a.pr-btn:hover { background: var(--pr-accent); border-color: var(--pr-accent); }
.pr-hub a.pr-btn--line { background: transparent; color: var(--pr-dark) !important; }
.pr-hub a.pr-btn--line:hover { background: var(--pr-dark); border-color: var(--pr-dark); color: #fff !important; }
.pr-hero-art { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--pr-dark); border-left: 1px solid var(--pr-dark); }
.pr-hero-art span { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--pr-dark); border-bottom: 1px solid var(--pr-dark); color: var(--pr-dark); }
.pr-hero-art span:nth-child(5) { background: var(--pr-dark); color: var(--pr-accent); }
.pr-hero-art .pr-icon { width: 46%; height: 46%; }

/* ---------- Bölümler ---------- */
.pr-section { margin: 0 0 56px; scroll-margin-top: 120px; }
.pr-hub .pr-h2 { font: 700 30px/1.2 var(--pr-head); color: var(--pr-ink); margin: 0 0 6px; text-transform: none; letter-spacing: 0; }
.pr-sub { margin: 0 0 22px; color: var(--pr-muted); font-size: 16px; }

.pr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.pr-hub .pr-chip {
	appearance: none; cursor: pointer; border: 1px solid var(--pr-line) !important; background: #fff !important; color: var(--pr-dark) !important;
	padding: 9px 15px !important; margin: 0 !important; min-height: 0; height: auto; width: auto; line-height: 1 !important;
	font: 600 12px/1 var(--pr-sans) !important; letter-spacing: 1.5px; text-transform: uppercase;
}
.pr-hub .pr-chip:hover { border-color: var(--pr-dark) !important; }
.pr-hub .pr-chip.is-active { background: var(--pr-dark) !important; border-color: var(--pr-dark) !important; color: var(--pr-accent) !important; }

.pr-grid { display: grid; gap: 12px; }
.pr-grid--methods { grid-template-columns: repeat(5, 1fr); }
.pr-grid--basics { grid-template-columns: repeat(3, 1fr); }
.pr-hub .pr-card {
	display: flex; flex-direction: column; gap: 6px; padding: 20px 18px 18px; background: #fff; border: 1px solid var(--pr-line);
	color: var(--pr-body); text-decoration: none !important; min-height: 100%; transition: border-color .15s;
}
.pr-hub a.pr-card:hover { border-color: var(--pr-dark); }
.pr-hub a.pr-card:hover .pr-card-cta { color: var(--pr-accent); }
.pr-card .pr-icon { width: 40px; height: 40px; color: var(--pr-dark); margin-bottom: 8px; }
.pr-card-type { font: 700 10.5px/1 var(--pr-sans); letter-spacing: 1.5px; text-transform: uppercase; color: var(--pr-accent); }
.pr-card-title { font: 700 20px/1.25 var(--pr-head); color: var(--pr-ink); }
.pr-card-desc { font-size: 14px; line-height: 1.5; flex: 1; }
.pr-card-cta, .pr-card-soon { font: 700 11px/1 var(--pr-sans); letter-spacing: 1.5px; text-transform: uppercase; margin-top: 8px; }
.pr-card-cta { color: var(--pr-dark); }
.pr-card-cta::after { content: " \2192"; }
.pr-card-soon { color: var(--pr-muted); }
.pr-card.is-soon .pr-icon { color: #9a958c; }
.pr-card[hidden] { display: none; }

/* ---------- Hesaplayıcı ve kahveler ---------- */
.pr-two { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
.pr-calc { background: var(--pr-cream2); border: 1px solid var(--pr-dark); padding: 28px; }
.pr-calc-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pr-calc label { display: flex; flex-direction: column; gap: 6px; font: 700 11px/1 var(--pr-sans); letter-spacing: 1.5px; text-transform: uppercase; color: var(--pr-dark); }
.pr-hub .pr-calc input[type="number"] {
	width: 100%; height: 48px; padding: 0 12px; margin: 0; border: 1px solid var(--pr-dark) !important; background: #fff !important;
	font: 700 20px/1 var(--pr-sans); color: var(--pr-ink); letter-spacing: 0;
}
.pr-hub .pr-calc input:focus { outline: 2px solid var(--pr-accent); outline-offset: 1px; }
.pr-ratio { display: flex; align-items: center; gap: 6px; font: 700 20px/1 var(--pr-sans); color: var(--pr-ink); letter-spacing: 0; }
.pr-hub .pr-calc input[data-calc="kahve"] { background: var(--pr-dark) !important; color: #fff; }
.pr-calc-note { margin: 16px 0 6px; font-weight: 600; color: var(--pr-dark); }
.pr-calc-hint { margin: 0; font-size: 13px; color: var(--pr-muted); }

.pr-products { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.pr-products li { margin: 0; padding: 0; }
.pr-products a { display: flex; flex-direction: column; gap: 6px; text-decoration: none !important; color: var(--pr-body); }
.pr-pimg img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; background: var(--pr-cream); margin: 0 !important; }
.pr-pname { font: 700 15px/1.3 var(--pr-head); color: var(--pr-ink); }
.pr-products a:hover .pr-pname { color: var(--pr-accent); }
.pr-pprice { font-size: 14px; color: var(--pr-muted); }

/* ---------- Alt bant ---------- */
.pr-band { background: var(--pr-dark); color: #d8d4cc; width: 100vw; position: relative; left: 50%; margin-left: -50vw; }
.pr-band { display: grid; grid-template-columns: repeat(3, minmax(0, 390px)); justify-content: center; gap: 40px; padding: 44px 24px; }
.pr-band-t { display: block; font: 700 20px/1.2 var(--pr-head); color: var(--pr-accent); margin-bottom: 8px; }
.pr-band p { margin: 0 0 10px; font-size: 15px; line-height: 1.6; color: #d8d4cc; }
.pr-band a { color: #fff !important; font: 700 12px/1 var(--pr-sans); letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid var(--pr-accent); padding-bottom: 3px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
	.pr-grid--methods { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
	.pr-hero-in { grid-template-columns: 1fr; gap: 32px; padding: 40px 20px; }
	.pr-hero-art { max-width: 360px; }
	.pr-two { grid-template-columns: 1fr; }
	.pr-band { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 600px) {
	.pr-hero { margin-bottom: 40px; }
	.pr-hero-in { padding: 32px 16px 36px; }
	.pr-hero-art { display: none; }
	.pr-hub .pr-h1 { font-size: 34px; }
	.pr-lead { font-size: 16px; }
	.pr-hub .pr-h2 { font-size: 25px; }
	.pr-section { margin-bottom: 44px; }
	.pr-grid--methods, .pr-grid--basics { grid-template-columns: repeat(2, 1fr); gap: 8px; }
	.pr-hub .pr-card { padding: 14px 12px; }
	.pr-card .pr-icon { width: 32px; height: 32px; margin-bottom: 4px; }
	.pr-card-title { font-size: 17px; }
	.pr-card-desc { font-size: 13px; }
	.pr-calc { padding: 20px 16px; }
	.pr-calc-row { gap: 8px; }
	.pr-hub .pr-calc input[type="number"] { font-size: 18px; padding: 0 8px; }
	.pr-ratio { font-size: 16px; gap: 4px; }
	.pr-products { gap: 8px; }
	.pr-pname { font-size: 13px; }
	.pr-band { padding: 36px 16px; }
}

/* ---------- Düzeltmeler: tema svg/girdi stilleri ve taşma ---------- */
.pr-hub { margin-bottom: 0; max-width: 100%; min-width: 0; }
.pr-hub-page #main { padding-bottom: 0; }
.pr-grid > *, .pr-two > *, .pr-calc-row > *, .pr-products > *, .pr-hero-in > * { min-width: 0; }
.pr-hub svg.pr-icon { max-width: none; }
.pr-hub .pr-card svg.pr-icon { width: 40px !important; height: 40px !important; }
.pr-hub .pr-hero-art svg.pr-icon { width: 46% !important; height: 46% !important; }
.pr-ratio { white-space: nowrap; }
.pr-hub .pr-ratio input[type="number"] { flex: 1 1 auto; }
.pr-hub .pr-calc input[type="number"] { min-width: 0; max-width: 100%; }
@media (max-width: 600px) {
	.pr-hub .pr-card svg.pr-icon { width: 32px !important; height: 32px !important; }
	.pr-chips { gap: 6px; }
	.pr-hub .pr-chip { padding: 8px 11px !important; letter-spacing: 1px; }
}

/* ---------- Alt bant krem (koyu footer'dan ayrışsın) ---------- */
.pr-band { background: var(--pr-cream); color: var(--pr-body); border-top: 1px solid var(--pr-dark); }
.pr-band-t { color: var(--pr-ink); }
.pr-band p { color: var(--pr-body); }
.pr-hub .pr-band a { color: var(--pr-dark) !important; border-bottom-color: var(--pr-accent); }
.pr-hub .pr-band a:hover { color: var(--pr-accent) !important; }

/* ---------- Hesaplayıcı ve kahveler: eşit yükseklikte iki panel ---------- */
.pr-two { align-items: stretch; }
.pr-calc, .pr-coffees { display: flex; flex-direction: column; height: 100%; }
.pr-coffees { border: 1px solid var(--pr-line); padding: 28px; background: #fff; }
.pr-calc-hint { margin-top: auto; padding-top: 16px; }
.pr-coffees .pr-products { margin-bottom: 22px; }
.pr-coffees > a.pr-btn { margin-top: auto; align-self: flex-start; }
@media (max-width: 600px) {
	.pr-coffees { padding: 20px 16px; }
}

/* ---------- Paket ne kadar yeter? ---------- */
.pr-calc-pack { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--pr-dark); }
.pr-calc-pack-t { display: block; font: 700 19px/1.25 var(--pr-head); color: var(--pr-ink); margin-bottom: 12px; }
.pr-calc-row--pack { grid-template-columns: 1fr 1fr; }
.pr-hub .pr-calc select {
	width: 100%; height: 48px; padding: 0 36px 0 12px; margin: 0; border: 1px solid var(--pr-dark) !important; background-color: #fff !important;
	font: 700 18px/1 var(--pr-sans); color: var(--pr-ink); letter-spacing: 0; text-transform: none; -webkit-appearance: none; appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #242434 50%), linear-gradient(135deg, #242434 50%, transparent 50%) !important;
	background-position: calc(100% - 18px) 21px, calc(100% - 12px) 21px !important; background-size: 6px 6px !important; background-repeat: no-repeat !important;
}
.pr-hub .pr-calc select:focus { outline: 2px solid var(--pr-accent); outline-offset: 1px; }
.pr-calc-pack .pr-calc-note { margin: 16px 0 4px; }
.pr-calc-days { margin: 0; font-weight: 700; color: var(--pr-accent); font-size: 17px; }

/* ---------- Başlıklar sitenin geneliyle uyumlu: Playfair normal kalınlık (sitedeki başlıklar gibi) ---------- */
.pr-hub .pr-h1, .pr-hub .pr-h2 { font-weight: 500; }

/* Alt bant: içerik sayfanın geri kalanıyla aynı sağ/sol hizada (kartlarla aynı 1128 px'lik alan). */
.pr-band { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: max(24px, calc(50vw - 564px)); padding-right: max(24px, calc(50vw - 564px)); }
@media (max-width: 900px) {
	.pr-band { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.pr-band { padding-left: 16px; padding-right: 16px; }
}


/* Giriş bölümü içeriği de sayfanın geri kalanıyla aynı sağ/sol hizada. */
.pr-hero-in { max-width: none; padding-left: max(24px, calc(50vw - 564px)); padding-right: max(24px, calc(50vw - 564px)); }

/* =========================================================================
 * Rehber sayfası
 * ====================================================================== */
.pr-guide-page .entry-header,
.pr-guide-page .entry-footer,
.pr-guide-page .blog-bottom,
.pr-guide-page .post-navigation { display: none !important; }
.pr-guide-page #main, .pr-guide-page .blog-top { padding-top: 0 !important; margin-top: 0 !important; }
.pr-guide { margin-bottom: 56px; }
.pr-hero--guide { margin-bottom: 48px; }
.pr-hero--guide .pr-hero-in { display: block; padding-top: 48px; padding-bottom: 52px; }
.pr-hero--guide .pr-hero-text { max-width: 760px; }
.pr-crumb { font-size: 13px; color: var(--pr-muted); margin: 0 0 18px; }
.pr-crumb a { color: var(--pr-muted) !important; text-decoration: none; }
.pr-crumb a:hover { color: var(--pr-dark) !important; }
.pr-byline { margin: 0; font-size: 13px; color: var(--pr-muted); }

.pr-glayout { display: grid; grid-template-columns: 190px minmax(0, 1fr) 270px; grid-template-areas: "toc body card"; gap: 44px; align-items: start; }
.pr-gtoc { grid-area: toc; position: sticky; top: 110px; }
.pr-gcard { grid-area: card; position: sticky; top: 110px; }
.pr-gbody { grid-area: body; min-width: 0; }

.pr-gtoc summary { font: 700 11px/1 var(--pr-sans); letter-spacing: 1.5px; text-transform: uppercase; color: var(--pr-dark); cursor: pointer; list-style: none; margin-bottom: 12px; }
.pr-gtoc summary::-webkit-details-marker { display: none; }
.pr-gtoc ol { list-style: none; margin: 0; padding: 0 0 0 12px; border-left: 2px solid var(--pr-accent); }
.pr-gtoc li { margin: 0 0 9px; font-size: 14px; line-height: 1.4; }
.pr-gtoc a { color: var(--pr-body) !important; text-decoration: none; }
.pr-gtoc a:hover { color: var(--pr-accent) !important; }

.pr-recipe { border: 1px solid var(--pr-dark); background: var(--pr-cream); padding: 20px; }
.pr-recipe-t { display: block; font: 500 21px/1.2 var(--pr-head); color: var(--pr-ink); margin-bottom: 12px; }
.pr-recipe dl { margin: 0 0 16px; }
.pr-recipe dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #e3cfa9; font-size: 14px; }
.pr-recipe dt { color: var(--pr-body); margin: 0; font-weight: 400; }
.pr-recipe dd { margin: 0; font-weight: 700; color: var(--pr-ink); text-align: right; }
.pr-recipe .pr-btn { display: block; text-align: center; }
.pr-recipe-note { margin: 12px 0 0; font-size: 12px; line-height: 1.5; color: var(--pr-muted); }

.pr-gbody { font-size: 17px; line-height: 1.75; color: var(--pr-body); }
.pr-gbody h2 { font: 500 30px/1.25 var(--pr-head); color: var(--pr-ink); margin: 44px 0 14px; scroll-margin-top: 120px; letter-spacing: 0; text-transform: none; }
.pr-gbody > h2:first-child, .pr-gbody > p:first-child { margin-top: 0; }
.pr-gbody h3 { font: 500 21px/1.3 var(--pr-head); color: var(--pr-ink); margin: 28px 0 10px; letter-spacing: 0; text-transform: none; }
.pr-gbody p { margin: 0 0 16px; }
.pr-gbody a { color: var(--pr-dark); text-decoration: underline; text-decoration-color: var(--pr-accent); text-underline-offset: 3px; }
.pr-gbody a:hover { color: var(--pr-accent); }
.pr-gbody sup { font-size: 11px; line-height: 0; }
.pr-gbody sup a { text-decoration: none; color: var(--pr-accent); font-weight: 700; }
.pr-gbody ul, .pr-gbody ol { margin: 0 0 18px; padding-left: 22px; }
.pr-gbody li { margin: 0 0 8px; }

/* Adım adım */
.pr-gbody ol.pr-steps { list-style: none; padding: 0; counter-reset: s; }
.pr-gbody ol.pr-steps > li { counter-increment: s; position: relative; padding: 14px 0 14px 54px; margin: 0; border-bottom: 1px solid var(--pr-line); }
.pr-gbody ol.pr-steps > li::before { content: counter(s); position: absolute; left: 0; top: 14px; width: 34px; height: 34px; background: var(--pr-dark); color: #fff; font: 700 15px/34px var(--pr-sans); text-align: center; }
.pr-gbody ol.pr-steps strong { color: var(--pr-ink); }

/* Tablolar ve not kutusu */
.pr-gbody table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 15px; line-height: 1.5; }
.pr-gbody th { text-align: left; font: 700 11px/1.3 var(--pr-sans); letter-spacing: 1.2px; text-transform: uppercase; color: var(--pr-dark); border-bottom: 1.5px solid var(--pr-dark); padding: 8px 10px 8px 0; }
.pr-gbody td { border-bottom: 1px solid var(--pr-line); padding: 10px 10px 10px 0; vertical-align: top; }
.pr-gbody td:first-child { font-weight: 700; color: var(--pr-ink); width: 32%; }
.pr-gbody .pr-note { background: var(--pr-cream2); border-left: 3px solid var(--pr-accent); padding: 16px 20px; margin: 0 0 20px; font-size: 15px; }
.pr-gbody .pr-note p:last-child { margin: 0; }

/* Alt bölümler */
.pr-gsection { margin-top: 48px; }
.pr-gsection .pr-products { margin-top: 18px; }
.pr-gear ul, .pr-more ul { list-style: none; padding: 0; }
.pr-gear li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--pr-line); font-size: 15px; }
.pr-gear li span { color: var(--pr-muted); white-space: nowrap; }
.pr-sources ol { padding-left: 22px; font-size: 14px; line-height: 1.6; }
.pr-sources li { margin-bottom: 8px; scroll-margin-top: 120px; }
.pr-sources li:target { background: var(--pr-cream); }
.pr-sources-note { font-size: 13px; color: var(--pr-muted); }
.pr-more li { display: inline-block; margin: 0 16px 10px 0; font-size: 15px; }
.pr-more .pr-btn { margin-top: 8px; text-decoration: none !important; }

@media (max-width: 1100px) {
	.pr-glayout { grid-template-columns: minmax(0, 1fr) 260px; grid-template-areas: "toc card" "body card"; gap: 28px 36px; }
	.pr-gtoc { position: static; }
	.pr-gtoc ol { columns: 2; }
}
@media (max-width: 800px) {
	.pr-glayout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "card" "toc" "body"; gap: 24px; }
	.pr-gcard { position: static; }
	.pr-gtoc { border: 1px solid var(--pr-line); padding: 14px 16px; }
	.pr-gtoc summary { margin: 0; }
	.pr-gtoc details[open] summary { margin-bottom: 12px; }
	.pr-gtoc ol { columns: 1; }
}
@media (max-width: 600px) {
	.pr-hero--guide { margin-bottom: 28px; }
	.pr-hero--guide .pr-hero-in { padding: 28px 16px 32px; }
	.pr-gbody { font-size: 16px; line-height: 1.7; }
	.pr-gbody h2 { font-size: 25px; margin-top: 36px; }
	.pr-gbody ol.pr-steps > li { padding-left: 46px; }
	.pr-gbody ol.pr-steps > li::before { width: 30px; height: 30px; line-height: 30px; font-size: 14px; }
	.pr-gbody td:first-child { width: 38%; }
}

@media (max-width: 600px) {
	.pr-hero-in { padding-left: 16px; padding-right: 16px; }
}

/* Rehber sayfası: başlık bölümü menünün hemen altından başlasın (temanın üst boşlukları). */
.pr-guide-page .site-content { margin-top: 0 !important; }
.pr-guide-page .blog-content-wrap { padding-top: 0 !important; }
.pr-guide-page .entry-content { margin-top: 0 !important; }

/* Tablo: hücre içi boşluk (tema hücrelere çerçeve çiziyor). */
.pr-gbody th, .pr-gbody td { padding: 12px 16px !important; }

/* Tarif kartı: daha derli toplu, ekrana sığmıyorsa sabit kalmasın (alttan kesilmesin). */
.pr-recipe { padding: 18px 18px 16px; }
.pr-recipe-t { font-size: 20px; margin-bottom: 8px; }
.pr-recipe dl { margin-bottom: 14px; }
.pr-recipe dl > div { padding: 5px 0; font-size: 14px; line-height: 1.4; }
.pr-recipe .pr-btn { padding: 13px 16px; }
.pr-recipe-note { margin-top: 10px; }
.pr-gcard, .pr-gtoc { max-height: calc(100vh - 130px); overflow-y: auto; }
@media (max-height: 620px) {
	.pr-gcard, .pr-gtoc { position: static; max-height: none; overflow: visible; }
}
@media (max-width: 1100px) {
	.pr-gtoc { max-height: none; overflow: visible; }
}
@media (max-width: 800px) {
	.pr-gcard { max-height: none; overflow: visible; }
}

/* ---------- Rehber metni: ipucu kutuları, öne çıkan sayılar, SSS ---------- */
.pr-gbody .pr-tip { background: var(--pr-cream2); border-left: 3px solid var(--pr-accent); padding: 16px 20px; margin: 4px 0 24px; font-size: 15.5px; line-height: 1.65; }
.pr-gbody .pr-tip p { margin: 0; }
.pr-gbody .pr-tip strong { display: block; color: var(--pr-ink); font: 500 18px/1.3 var(--pr-head); margin-bottom: 4px; }

.pr-gbody .pr-keys { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 22px; }
.pr-gbody .pr-keys > div { border: 1px solid var(--pr-dark); padding: 14px 10px 12px; text-align: center; background: #fff; }
.pr-gbody .pr-keys b { display: block; font: 500 24px/1.15 var(--pr-head); color: var(--pr-ink); white-space: nowrap; }
.pr-gbody .pr-keys span { display: block; margin-top: 6px; font: 700 10.5px/1.2 var(--pr-sans); letter-spacing: 1.3px; text-transform: uppercase; color: var(--pr-muted); }

.pr-gbody .pr-faq { background: var(--pr-cream); padding: 6px 24px; margin: 0 0 8px; }
.pr-gbody .pr-faq details { border-bottom: 1px solid #e3cfa9; }
.pr-gbody .pr-faq details:last-child { border-bottom: 0; }
.pr-gbody .pr-faq summary { list-style: none; cursor: pointer; position: relative; padding: 18px 36px 18px 0; font: 500 19px/1.35 var(--pr-head); color: var(--pr-ink); }
.pr-gbody .pr-faq summary::-webkit-details-marker { display: none; }
.pr-gbody .pr-faq summary::after { content: "+"; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); font: 400 26px/1 var(--pr-sans); color: var(--pr-accent); }
.pr-gbody .pr-faq details[open] summary::after { content: "\2212"; }
.pr-gbody .pr-faq summary:hover { color: var(--pr-accent); }
.pr-gbody .pr-faq-a { padding: 0 0 18px; font-size: 16px; }
.pr-gbody .pr-faq-a p { margin: 0; }
.pr-gbody .pr-faq br { display: none; }

/* Kahve kartları: metinle aynı hizada, adlar dükkan sayfasındaki gibi (ince Playfair, ortalı) */
.pr-gbody ul.pr-products { padding: 0 !important; margin-left: 0 !important; list-style: none; }
.pr-hub .pr-products a { text-align: center; }
.pr-hub .pr-pname { font: 400 17px/1.35 var(--pr-head); color: var(--pr-ink); margin-top: 6px; }
.pr-hub .pr-pprice { font-size: 13.6px; }

@media (max-width: 600px) {
	.pr-gbody .pr-keys { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pr-gbody .pr-keys b { font-size: 21px; }
	.pr-gbody .pr-faq { padding: 4px 16px; }
	.pr-gbody .pr-faq summary { font-size: 17px; }
	.pr-hub .pr-pname { font-size: 14px; }
}

/* ---------- Rehber sonu: diğer yöntemler, oklarla kayan kart şeridi ---------- */
.pr-loop { margin: 72px 0 0; padding-top: 40px; border-top: 1px solid var(--pr-line); }
.pr-hub .pr-loop-t { font: 500 30px/1.2 var(--pr-head); color: var(--pr-ink); margin: 0 0 22px; text-transform: none; letter-spacing: 0; }
.pr-loop-wrap { position: relative; display: flex; align-items: center; gap: 12px; }
.pr-loop-viewport { flex: 1; min-width: 0; display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; }
.pr-loop-viewport::-webkit-scrollbar { display: none; }
.pr-loop .pr-card { flex: 0 0 calc((100% - 36px) / 4); min-height: 0; }
.pr-hub .pr-loop-btn {
	flex: 0 0 44px; width: 44px; height: 44px; padding: 0 !important; margin: 0 !important; cursor: pointer;
	border: 1px solid var(--pr-dark) !important; background: #fff !important; color: var(--pr-dark) !important;
	font: 400 20px/1 var(--pr-sans) !important; display: flex; align-items: center; justify-content: center;
}
.pr-hub .pr-loop-btn:hover { background: var(--pr-dark) !important; color: #fff !important; }
@media (max-width: 900px) {
	.pr-loop .pr-card { flex-basis: calc((100% - 12px) / 2); }
}
@media (max-width: 600px) {
	.pr-loop { margin-top: 48px; padding-top: 32px; }
	.pr-hub .pr-loop-t { font-size: 25px; }
	.pr-loop-wrap, .pr-loop-viewport { gap: 8px; }
	.pr-loop .pr-card { flex-basis: 78%; }
	.pr-hub .pr-loop-btn { flex-basis: 36px; width: 36px; height: 36px; font-size: 17px !important; }
}

/* Tarif kartı olmayan rehberler (temel bilgiler): iki sütun, okunur satır uzunluğu. */
.pr-glayout:not(:has(.pr-gcard)) { grid-template-columns: 190px minmax(0, 1fr); grid-template-areas: "toc body"; }
.pr-glayout:not(:has(.pr-gcard)) .pr-gbody { max-width: 820px; }
@media (max-width: 1100px) {
	.pr-glayout:not(:has(.pr-gcard)) { grid-template-columns: minmax(0, 1fr); grid-template-areas: "toc" "body"; }
}