/* Israel Fetish — עמודי קוד (בלי אלמנטור)
   הצבעים מהלוגו: רקע שחור, כסוף מתכתי, אדום כהה. המשתנים עצמם ב-layout.css */
:root {
	--if-font-head: "Frank Ruhl Libre", "Times New Roman", serif;
	--if-wrap: 1180px;
	--if-read: 780px;
}

body.if-code {
	margin: 0;
	background: var(--if-bg);
	color: var(--if-text);
	font-family: var(--if-font-body);
	font-size: 17px;
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	/* פוטר צמוד לתחתית גם בעמוד קצר */
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
.if-main { flex: 1 0 auto; }
body.if-code *, body.if-code *::before, body.if-code *::after { box-sizing: border-box; }
.if-code a { color: var(--if-text); text-decoration-color: var(--if-red-hi); text-underline-offset: 3px; }
.if-code a:hover { color: var(--if-grey); }
.if-code :focus-visible { outline: 2px solid var(--if-grey); outline-offset: 3px; }
.if-code img { max-width: 100%; height: auto; }

/* ---------- כותרות: אפור על אפור, אפקט מתכתי ---------- */
.if-title,
.if-content h2,
.if-content h3,
.if-content .if-subhead {
	font-family: var(--if-font-head);
	font-weight: 700;
	background: var(--if-silver);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	/* קצת צל כדי שהמתכת "תבלוט" מהשחור */
	filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .9));
}
.if-title { font-size: clamp(34px, 5vw, 56px); line-height: 1.15; margin: 0; letter-spacing: .5px; }
/* כותרת משנה בתוך התוכן: פסקה עם עיצוב כותרת (לא משנה את מבנה ה-SEO) */
.if-content h2,
.if-content .if-subhead { font-size: clamp(24px, 3vw, 30px); line-height: 1.3; margin: 2.2em 0 .6em; }
.if-content h3 { font-size: 22px; margin: 1.6em 0 .4em; }

/* קו עם יהלום אדום — כמו בתחתית הלוגו */
.if-divider { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 22px auto 0; max-width: 360px; }
.if-divider::before, .if-divider::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--if-grey)); }
.if-divider::after { transform: scaleX(-1); }
.if-divider span { width: 10px; height: 10px; transform: rotate(45deg); background: var(--if-red-grad); border: 1px solid var(--if-grey); }

/* ---------- כפתורים: בלי עיגול פינות ---------- */
.if-btn,
.if-content .if-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 12px 34px;
	border: 1px solid var(--if-red-hi); border-radius: 0;
	background: var(--if-red-grad); color: #fff;
	font-family: var(--if-font-body); font-size: 17px; font-weight: 500; letter-spacing: .3px;
	text-decoration: none; cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 18px rgba(136, 21, 26, .35);
	transition: filter .2s, box-shadow .2s;
}
.if-btn:hover { color: #fff; filter: brightness(1.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 8px 24px rgba(136, 21, 26, .5); }
.if-btn--grey,
.if-content .if-btn--grey { background: var(--if-grey-grad); border-color: #cfcac8; color: #000; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); }
.if-btn--grey:hover { color: #000; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 6px 18px rgba(169, 163, 161, .25); }

/* ---------- תוכן ---------- */
.if-main { padding: 64px 16px 96px; }
.if-page { max-width: var(--if-read); margin: 0 auto; }
.if-page__head { text-align: center; margin-bottom: 48px; }
.if-content > :first-child { margin-top: 0; }
.if-content p { margin: 0 0 1.1em; color: var(--if-text); }
.if-content strong, .if-content b { color: #fff; font-weight: 700; }
.if-content ul { list-style: none; margin: 0 0 1.4em; padding: 0; }
.if-content ul li { position: relative; padding-inline-start: 24px; margin-bottom: .45em; }
.if-content ul li::before { content: ""; position: absolute; inset-inline-start: 2px; top: .7em; width: 7px; height: 7px; transform: rotate(45deg); background: var(--if-red-hi); }
.if-content hr { border: 0; height: 1px; background: var(--if-line); margin: 2.5em 0; }
.if-updated { color: var(--if-grey); font-size: 15px; }

/* ---------- טופס יצירת קשר ---------- */
.if-form { display: grid; gap: 22px; margin-top: 8px; }
.if-field label { display: block; margin-bottom: 8px; font-size: 15px; color: var(--if-text-soft); }
.if-field input, .if-field textarea {
	width: 100%; padding: 14px 16px; border: 1px solid #3a3736; border-radius: 0;
	background: var(--if-surface); color: #fff; font: inherit; font-size: 16px;
	transition: border-color .2s, box-shadow .2s;
}
.if-field textarea { min-height: 150px; resize: vertical; }
.if-field input:focus, .if-field textarea:focus { outline: none; border-color: var(--if-grey); box-shadow: 0 0 0 3px rgba(169, 163, 161, .15); }
.if-field input[type="tel"] { direction: ltr; text-align: left; }
.if-field input::placeholder, .if-field textarea::placeholder { color: #6f6a68; }
.if-consent { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 1.6; color: var(--if-text-soft); }
.if-consent input { flex: none; width: 18px; height: 18px; margin-top: 3px; accent-color: var(--if-red); }
.if-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.if-form .if-btn { justify-self: start; min-width: 200px; }
.if-alert { padding: 14px 18px; border: 1px solid var(--if-red-hi); background: rgba(136, 21, 26, .18); color: #fff; }

/* קידומת מדינה + מספר — משמאל לימין כמו מספר טלפון */
.if-phone-row { display: flex; direction: ltr; }
.if-field .if-phone-row select {
	flex: none; width: 128px; padding: 14px 10px; border: 1px solid #3a3736; border-inline-end: 0; border-radius: 0;
	background: var(--if-surface); color: #fff; font: inherit; font-size: 16px; cursor: pointer;
}
.if-field .if-phone-row select:focus { outline: none; border-color: var(--if-grey); box-shadow: 0 0 0 3px rgba(169, 163, 161, .15); }
.if-field .if-phone-row input { flex: 1; min-width: 0; text-align: left; }

/* ---------- מובייל ---------- */
@media (max-width: 767px) {
	body.if-code { font-size: 16px; }
	.if-main { padding: 40px 16px 72px; }
	.if-page__head { margin-bottom: 32px; }
	.if-form .if-btn { justify-self: stretch; }
}

/* ======================================================
   בלוג ופוסטים
   ====================================================== */
.if-wrap { max-width: var(--if-wrap); margin: 0 auto; }

/* כרטיסים: 3 בשורה, 2 בטאבלט, 1 במובייל */
.if-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.if-card {
	display: flex; flex-direction: column; background: var(--if-surface);
	border: 1px solid var(--if-line); transition: border-color .25s, transform .25s, box-shadow .25s;
}
.if-card:hover { border-color: var(--if-red); transform: translateY(-3px); box-shadow: 0 14px 30px rgba(136, 21, 26, .25); }
.if-card__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #050505; line-height: 0; }
.if-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.if-card:hover .if-card__img img { transform: scale(1.04); }
.if-card__ph { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.if-card__ph img { width: 45%; height: auto; object-fit: contain; opacity: .85; }
.if-card:hover .if-card__ph img { transform: none; }
.if-card__body { display: flex; flex: 1; flex-direction: column; gap: 16px; padding: 22px 22px 24px; }
.if-card__title { margin: 0; font-family: var(--if-font-body); font-size: 20px; font-weight: 700; line-height: 1.4; }
.if-code .if-card__title a { color: #fff; text-decoration: none; }
.if-code .if-card__title a:hover { color: var(--if-grey); }
.if-code .if-card__more {
	margin-top: auto; align-self: flex-start; padding-bottom: 3px;
	color: var(--if-grey); font-size: 15px; font-weight: 500; text-decoration: none;
	border-bottom: 1px solid var(--if-red-hi); transition: color .2s;
}
.if-code .if-card__more::after { content: " →"; }
.if-code .if-card__more:hover { color: #fff; }

/* עימוד */
.if-pagination { margin-top: 48px; }
.if-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.if-code .if-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px;
	border: 1px solid var(--if-line); color: var(--if-text-soft); text-decoration: none; font-size: 15px;
}
.if-code .if-pagination a.page-numbers:hover { border-color: var(--if-grey); color: #fff; }
.if-code .if-pagination .page-numbers.current { background: var(--if-red-grad); border-color: var(--if-red-hi); color: #fff; }
.if-pagination .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.if-empty { text-align: center; color: var(--if-grey); }

/* פוסט בודד */
.if-post__img { margin: 0 0 40px; line-height: 0; border: 1px solid var(--if-line); }
.if-post__img img { width: 100%; height: auto; max-height: 620px; object-fit: cover; }
.if-title--post { font-size: clamp(30px, 4.2vw, 46px); }
.if-post .if-content { font-size: 18px; }
.if-post .if-content a { color: #fff; text-decoration: underline; text-decoration-color: var(--if-red-hi); text-decoration-thickness: 1px; }
.if-post .if-content a:hover { color: var(--if-grey); }
.if-content ol { margin: 0 0 1.4em; padding-inline-start: 1.4em; }
.if-content ol li { margin-bottom: .45em; }
.if-content ol li::marker { color: var(--if-red-hi); font-weight: 700; }
.if-content img { display: block; margin: 1.6em auto; border: 1px solid var(--if-line); }
.if-content figure { margin: 1.6em 0; }
.if-content figcaption, .if-content .wp-caption-text { margin-top: 8px; font-size: 14px; color: var(--if-grey); text-align: center; }
.if-content blockquote {
	margin: 1.8em 0; padding: 18px 24px; border-inline-start: 3px solid var(--if-red-hi);
	background: var(--if-surface); color: var(--if-text-soft); font-size: 1.05em;
}
.if-content blockquote p:last-child { margin-bottom: 0; }
.if-content table { width: 100%; margin: 1.6em 0; border-collapse: collapse; font-size: 16px; }
.if-content th, .if-content td { padding: 10px 14px; border: 1px solid var(--if-line); text-align: start; }
.if-content th { background: var(--if-surface); color: #fff; }
.if-content .alignright { float: right; margin: 0 0 1em 1.5em; }
.if-content .alignleft { float: left; margin: 0 1.5em 1em 0; }
.if-content .aligncenter { margin-inline: auto; }

/* "עוד" — פוסטים קשורים */
.if-related { margin-top: 80px; padding-top: 56px; border-top: 1px solid var(--if-line); }
.if-related__title {
	margin: 0 0 32px; text-align: center; font-family: var(--if-font-head); font-size: clamp(28px, 3.4vw, 38px); font-weight: 700;
	background: var(--if-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}

@media (max-width: 1024px) {
	.if-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 767px) {
	.if-cards { grid-template-columns: 1fr; gap: 18px; }
	.if-card__title { font-size: 18px; }
	.if-post .if-content { font-size: 17px; }
	.if-post__img { margin: -40px -16px 28px; border: 0; }
	.if-related { margin-top: 56px; padding-top: 40px; }
	.if-content .alignright, .if-content .alignleft { float: none; margin: 1em auto; }
}

/* ======================================================
   שאלות ותשובות — [if_faq]
   ====================================================== */
.if-faq { border: 1px solid var(--if-line); background: var(--if-surface); margin: 0 0 10px; transition: border-color .2s; }
.if-faq[open] { border-color: #4a4644; }
.if-faq__q {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 18px 22px; cursor: pointer; list-style: none;
	font-size: 18px; font-weight: 700; line-height: 1.45; color: #fff;
}
.if-faq__q::-webkit-details-marker { display: none; }
.if-faq__q::marker { content: ""; }
.if-faq__q:hover { color: var(--if-grey); }
/* חץ מרובע שמסתובב */
.if-faq__q::after {
	content: ""; flex: none; width: 10px; height: 10px; margin-top: -4px;
	border-right: 2px solid var(--if-red-hi); border-bottom: 2px solid var(--if-red-hi);
	transform: rotate(45deg); transition: transform .25s, margin .25s;
}
.if-faq[open] > .if-faq__q::after { transform: rotate(-135deg); margin-top: 4px; }
.if-faq[open] > .if-faq__q { color: #fff; border-bottom: 1px solid var(--if-line); }
.if-faq__a { padding: 18px 22px 8px; color: var(--if-text-soft); }
.if-faq__a p { margin: 0 0 .9em; color: var(--if-text-soft); }

/* עמוד תודה וכל תוכן ממורכז */
.if-center { text-align: center; }
.if-center .if-btn { margin-top: 12px; }
.if-page--thanks { padding-block: 40px; }
.if-page--thanks .if-content p { font-size: 20px; }

@media (max-width: 767px) {
	.if-faq__q { padding: 16px 16px; font-size: 16px; }
	.if-faq__a { padding: 14px 16px 6px; }
}

/* ======================================================
   מודעות — כרטיס, עמוד מודעה, עמודי אזור/עיר, עמוד הבית
   ====================================================== */

/* רשת כרטיסים */
.if-ads { display: grid; gap: 22px; }
.if-ads--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.if-ads--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* כרטיס מודעה: תמונה בצד, טקסט לידה, שורת פעולות למטה */
.if-ad { display: flex; flex-direction: column; background: var(--if-surface); border: 1px solid var(--if-line); transition: border-color .25s, box-shadow .25s; }
.if-ad:hover { border-color: var(--if-red); box-shadow: 0 12px 28px rgba(136, 21, 26, .22); }
.if-ad__main { display: flex; gap: 18px; padding: 12px; flex: 1; }
.if-ad__img { flex: none; width: 42%; max-width: 232px; aspect-ratio: 1 / 0.96; overflow: hidden; background: #050505; line-height: 0; }
.if-ad__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.if-ad:hover .if-ad__img img { transform: scale(1.04); }
.if-ad__img img.if-ph { object-fit: contain; padding: 18%; }
.if-ad__body { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 18px 4px 8px 0; }
.if-code .if-ad__title { margin: 0; font-family: var(--if-font-body); font-size: 22px; font-weight: 700; line-height: 1.3; }
.if-code .if-ad__title a { color: #fff; text-decoration: none; }
.if-code .if-ad__title a:hover { color: var(--if-grey); }
.if-code .if-ad__city { margin: 0; font-family: var(--if-font-body); font-size: 17px; font-weight: 400; color: var(--if-grey); }
.if-ad__desc { margin: 0; font-size: 15px; line-height: 1.6; color: var(--if-text-soft); }
.if-ad__foot { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-top: 1px solid var(--if-line); }
.if-code .if-ad__wa { flex: none; display: inline-flex; width: 38px; height: 38px; color: #25d366; }
.if-code .if-ad__wa:hover { color: #3ee57c; }
.if-ad__wa svg { width: 100%; height: 100%; }
.if-code .if-ad__phone { flex: 1; min-height: 42px; padding: 8px 16px; font-size: 16px; font-weight: 700; }
.if-ad__phone svg { width: 16px; height: 16px; flex: none; }
.if-code .if-ad__more { margin: 0; flex: none; font-family: var(--if-font-body); font-size: 14px; font-weight: 500; }
.if-code .if-ad__more a { color: var(--if-text-soft); text-decoration: none; border-bottom: 1px solid var(--if-red-hi); padding-bottom: 2px; }
.if-code .if-ad__more a::after { content: " →"; }
.if-code .if-ad__more a:hover { color: #fff; }
.if-ads--3 .if-ad__main { flex-direction: row; }
.if-ads--3 .if-ad__title { font-size: 19px; }
.if-ads--3 .if-ad__foot { flex-wrap: wrap; }

/* מקטעים (פופולרי / מומלצים / נבחרים / אל תפספסו / מודעות נוספות) */
.if-list { padding-top: 8px; }
.if-adsec { margin: 0 0 56px; }
.if-code .if-adsec__label {
	margin: 0 0 22px; text-align: center; font-family: var(--if-font-head); font-size: 26px; font-weight: 700;
	background: var(--if-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.if-code .if-adsec__title {
	margin: 0 0 28px; text-align: center; font-family: var(--if-font-head); font-size: clamp(28px, 3.6vw, 40px); font-weight: 700; line-height: 1.2;
	background: var(--if-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}

/* פס כותרת בעמודי אזור/עיר */
.if-main--list { padding-top: 0; }
.if-band { background: linear-gradient(180deg, #0d0d0d, #000); border-bottom: 1px solid var(--if-line); margin: 0 -16px 48px; }
.if-band__in { position: relative; max-width: var(--if-wrap); margin: 0 auto; padding: 56px 16px 44px; text-align: center; }
.if-code .if-back {
	display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border: 1px solid #4a4644;
	color: var(--if-text-soft); font-size: 15px; text-decoration: none; transition: border-color .2s, color .2s;
}
.if-code .if-back::before { content: "←"; }
.if-code .if-back:hover { border-color: var(--if-grey); color: #fff; }
.if-back--band { position: absolute; top: 20px; inset-inline-start: 16px; }

/* כפתורי מונחים */
.if-terms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0 0 56px; }
.if-code .if-terms__btn { min-height: 46px; font-size: 19px; font-weight: 700; }

/* תוכן מעל / "מידע נוסף" */
.if-list__before { margin: 0 auto 48px; max-width: var(--if-read); }
.if-more { margin: 24px -16px -96px; padding: 0 16px 80px; background: var(--if-surface); border-top: 1px solid var(--if-line); }
.if-code .if-more__title {
	margin: 0 -16px 40px; padding: 14px 16px; text-align: center; background: var(--if-red-grad); color: #fff;
	font-family: var(--if-font-body); font-size: 20px; font-weight: 700;
}
.if-more__content { max-width: var(--if-read); }

/* "קרא עוד" */
.if-collapse__in { max-height: 190px; overflow: hidden; position: relative; }
.if-collapse__in::after { content: ""; position: absolute; inset: auto 0 0 0; height: 70px; background: linear-gradient(rgba(11, 11, 11, 0), var(--if-surface)); pointer-events: none; }
.if-collapse.is-open .if-collapse__in, .if-collapse.is-short .if-collapse__in { max-height: none; }
.if-collapse.is-open .if-collapse__in::after, .if-collapse.is-short .if-collapse__in::after { display: none; }
.if-collapse.is-short .if-collapse__btn { display: none; }
.if-code .if-collapse__btn {
	margin-top: 12px; padding: 0 0 2px; background: none; border: 0; border-bottom: 1px solid var(--if-red-hi); border-radius: 0;
	color: var(--if-grey); font: inherit; font-size: 15px; cursor: pointer;
}
.if-code .if-collapse__btn:hover { color: #fff; background: none; }

/* סרטון */
.if-video { max-width: 860px; margin: 0 auto 56px; aspect-ratio: 16 / 9; border: 1px solid var(--if-line); }
.if-video iframe { width: 100%; height: 100%; border: 0; }

/* עמוד מודעה */
.if-main--ad .if-wrap, .if-adsec { max-width: var(--if-wrap); margin-inline: auto; }
.if-adpage { max-width: 860px; margin: 0 auto 72px; padding: 24px 28px 32px; background: var(--if-surface); border: 1px solid var(--if-line); }
.if-adpage .if-back { margin-bottom: 18px; }
.if-adpage__cover { margin: 0 auto 18px; max-width: 520px; line-height: 0; border: 1px solid var(--if-line); }
.if-adpage__cover img { width: 100%; height: auto; }
.if-code .if-adpage__photos {
	display: block; margin: 0 auto 22px; padding: 6px 26px 8px; background: none; border: 0; border-bottom: 2px solid var(--if-red-hi); border-radius: 0;
	color: var(--if-grey); font: inherit; font-weight: 700; cursor: pointer;
}
.if-code .if-adpage__title { margin: 0 0 6px; font-family: var(--if-font-head); font-size: clamp(26px, 3.4vw, 34px); font-weight: 700; line-height: 1.25;
	background: var(--if-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.if-adpage__city { margin: 0 0 18px; color: var(--if-grey); font-size: 17px; }
.if-adpage__content .if-collapse__in { max-height: none; }
.if-adpage__content .if-collapse__in::after, .if-adpage__content .if-collapse__btn { display: none; }
.if-code .if-adpage__cta { display: flex; width: 100%; margin-top: 26px; min-height: 52px; font-size: 19px; font-weight: 700; }
.if-adpage__cta svg { width: 22px; height: 22px; }

/* גלריה */
.if-gallery { width: min(1100px, 94vw); max-height: 90vh; padding: 48px 20px 20px; background: #050505; border: 1px solid var(--if-line); color: #fff; }
.if-gallery::backdrop { background: rgba(0, 0, 0, .85); }
.if-gallery__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.if-gallery__grid img { width: 100%; height: auto; }
.if-code .if-gallery__close { position: absolute; top: 8px; inset-inline-end: 12px; width: 36px; height: 36px; background: none; border: 0; color: #fff; font-size: 30px; line-height: 1; cursor: pointer; }

/* עמוד הבית: חיפוש לפי אזור */
.if-main--home { padding-top: 0; }
.if-regions { margin: 0 -16px 48px; border-bottom: 1px solid var(--if-line); }
.if-regions__toggle {
	display: flex; align-items: center; justify-content: center; gap: 10px; padding: 26px 16px 22px; cursor: pointer; list-style: none;
	font-size: 20px; font-weight: 700; color: #fff;
}
.if-regions__toggle::-webkit-details-marker { display: none; }
.if-regions__toggle::after {
	content: ""; width: 9px; height: 9px; margin-top: -5px; border-right: 2px solid var(--if-red-hi); border-bottom: 2px solid var(--if-red-hi);
	transform: rotate(45deg); transition: transform .25s, margin .25s;
}
.if-regions[open] .if-regions__toggle::after { transform: rotate(-135deg); margin-top: 4px; }
.if-regions .if-terms { margin: 4px auto 32px; }

@media (max-width: 1024px) {
	.if-ads--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.if-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.if-ads--2, .if-ads--3 { grid-template-columns: 1fr; gap: 16px; }
	.if-ad__main { gap: 14px; padding: 10px; }
	.if-ad__body { padding-top: 10px; }
	.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-size: 18px; }
	.if-code .if-ad__city { font-size: 15px; }
	.if-ad__desc { font-size: 14px; }
	.if-ad__foot { gap: 10px; padding: 10px 12px; }
	.if-code .if-ad__phone { font-size: 15px; padding: 8px 10px; }
	.if-band__in { padding: 72px 16px 32px; }
	.if-back--band { top: 18px; }
	.if-terms { gap: 10px; margin-bottom: 40px; }
	.if-code .if-terms__btn { font-size: 17px; }
	.if-adpage { padding: 16px 14px 22px; margin-bottom: 48px; }
	.if-adpage__content .if-collapse__in { max-height: 230px; }
	.if-adpage__content .if-collapse__in::after, .if-adpage__content .if-collapse__btn { display: block; }
	.if-adpage__content .if-collapse.is-open .if-collapse__in, .if-adpage__content .if-collapse.is-short .if-collapse__in { max-height: none; }
	.if-adpage__content .if-collapse.is-open .if-collapse__in::after, .if-adpage__content .if-collapse.is-short .if-collapse__in::after,
	.if-adpage__content .if-collapse.is-short .if-collapse__btn { display: none; }
	.if-more { margin-bottom: -72px; }
}

/* כותרות בתוך טקסט העיר (התוכן כולל h1 משלו) */
.if-content h1 {
	font-family: var(--if-font-head); font-weight: 700; font-size: clamp(26px, 3.2vw, 34px); line-height: 1.25; margin: 1.6em 0 .6em;
	background: var(--if-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.if-content .if-collapse__in > h1:first-child, .if-content > h1:first-child { margin-top: 0; }

/* "מידע נוסף" — פס בגרדיאנט אפור (כמו הכפתור המשני) */
.if-code .if-more__title {
	background: var(--if-grey-grad);
	color: #000;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 1px 0 rgba(0, 0, 0, .6);
}

/* כפתורי אזור/עיר — שקופים, מסגרת אדומה 2px בגרדיאנט */
.if-code .if-terms__btn {
	background: transparent;
	border: 2px solid transparent;
	border-image: linear-gradient(180deg, #d13a42 0%, var(--if-red) 55%, var(--if-red-lo) 100%) 1;
	box-shadow: none;
	color: #fff;
	transition: background-color .2s, color .2s;
}
.if-code .if-terms__btn:hover,
.if-code .if-terms__btn:focus-visible {
	background: rgba(136, 21, 26, .22);
	color: #fff;
	filter: none;
	box-shadow: none;
}

/* מובייל: אייקון וואטסאפ קטן יותר וכפתור טלפון נמוך יותר בכרטיס */
@media (max-width: 767px) {
	.if-code .if-ad__wa { width: 28px; height: 28px; }
	.if-code .if-ad__phone { min-height: 34px; padding: 5px 10px; font-size: 14px; gap: 6px; }
	.if-ad__phone svg { width: 13px; height: 13px; }
	.if-ad__foot { gap: 10px; padding: 8px 12px; }
	.if-code .if-adpage__cta { min-height: 44px; font-size: 17px; }
	.if-adpage__cta svg { width: 18px; height: 18px; }
}

/* ===== Porngpthub skin: Cormorant Garamond, rose gold like the logo ===== */
:root {
	--if-font-body: "Cormorant Garamond", Georgia, serif;
	--if-font-head: "Cormorant Garamond", Georgia, serif;
	--if-text: #f6e7dc;
	--if-text-soft: #e2cfc3;
	--if-grey: #d9a48a;
	--if-line: #3a2a26;
	--if-red: #8e2a4a;
	--if-red-hi: #c2456b;
	--if-red-lo: #4f1226;
	--if-rose: linear-gradient(180deg, #ffe7d8 0%, #f4bfa4 30%, #d38a69 55%, #f7cdb6 78%, #b06a4f 100%);
	--if-silver: var(--if-rose);
	--if-rose-line: linear-gradient(90deg, transparent, #c98a6e 18%, #f1c2a8 50%, #c98a6e 82%, transparent);
}
body.if-code { font-size: 19px; line-height: 1.7; font-weight: 500; }

/* headings: rose gold metal with a soft glow */
.if-title,
.if-content h2,
.if-content h3,
.if-content .if-subhead {
	font-family: var(--if-font-head);
	font-weight: 600;
	letter-spacing: 0;
	filter: drop-shadow(0 0 14px rgba(240, 168, 135, .28)) drop-shadow(0 2px 1px rgba(0, 0, 0, .9));
}
.if-title { font-size: clamp(44px, 6.4vw, 76px); line-height: 1.05; }
.if-content h2, .if-content .if-subhead { font-size: clamp(30px, 3.6vw, 38px); }
.if-content h3 { font-size: 26px; }

/* divider: rose gold line, teal and copper wings, pink gem (as in the mockup) */
.if-divider { position: relative; display: block; max-width: 760px; height: 56px; margin: 26px auto 0; }
.if-divider::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--if-rose-line); transform: none; }
.if-divider::after { content: none; }
.if-divider span {
	position: relative; display: block; width: 360px; max-width: 100%; height: 56px; margin: 0 auto;
	transform: none; border: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 48'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffe2cf'/%3E%3Cstop offset='.5' stop-color='%23d9906f'/%3E%3Cstop offset='1' stop-color='%238d4c36'/%3E%3C/linearGradient%3E%3ClinearGradient id='t' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%230f3d3a' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231d6b64'/%3E%3C/linearGradient%3E%3ClinearGradient id='p' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6a9c0'/%3E%3Cstop offset='.5' stop-color='%23c2456b'/%3E%3Cstop offset='1' stop-color='%236e1834'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='w'%3E%3Cpath d='M140 26C122 30 108 21 92 22C78 23 70 27 40 26' fill='none' stroke='url(%23t)' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M141 24C124 26 112 15 94 16C80 17 70 23 52 25' fill='none' stroke='url(%23g)' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M141 29C126 33 114 29 104 31' fill='none' stroke='url(%23g)' stroke-width='1' stroke-linecap='round'/%3E%3C/g%3E%3Cuse href='%23w' transform='matrix(-1 0 0 1 320 0)'/%3E%3Cpath d='M160 6L174 24L160 42L146 24Z' fill='url(%23p)' stroke='url(%23g)' stroke-width='1.6'/%3E%3Cpath d='M160 6L166 24L160 42L154 24Z' fill='%23fff' fill-opacity='.18'/%3E%3Cpath d='M146 24H174' stroke='%23fff' stroke-opacity='.25' stroke-width='.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* header and footer details */
.if-hdr::after, .if-ftr::before { background: var(--if-rose-line); opacity: .9; }
.if-hdr__logo img { width: 130px; }
.if-hdr .if-hdr__toggle, .if-hdr .if-hdr__toggle:hover, .if-hdr .if-hdr__toggle:focus { color: #e7b49b; }
.if-hdr .if-hdr__list a { font-size: 21px; font-weight: 600; }
.if-regions__toggle { font-family: var(--if-font-head); font-weight: 500; font-size: 26px; color: var(--if-text); }
.if-ftr .if-ftr__list { gap: 6px; }
.if-ftr .if-ftr__list a { font-size: 20px; font-weight: 500; letter-spacing: .3px; }
.if-ftr__bar { border-top: 1px solid rgba(217, 164, 138, .35); }
.if-ftr__bar p { font-size: 17px; color: var(--if-text-soft); letter-spacing: .3px; }

/* body copy sizes for the serif */
.if-code .if-ad__title { font-family: var(--if-font-head); font-size: 26px; font-weight: 600; }
.if-code .if-ad__city { font-size: 19px; }
.if-ad__desc { font-size: 18px; }
.if-code .if-ad__more { font-size: 17px; font-weight: 600; }
.if-card__title { font-family: var(--if-font-head); font-size: 24px; }
.if-field label { font-size: 18px; }
.if-consent { font-size: 16px; }
.if-cookies__text { font-size: 16px; }
.if-faq__q { font-family: var(--if-font-head); font-size: 22px; font-weight: 600; }
.if-btn, .if-content .if-btn { font-size: 19px; font-weight: 600; letter-spacing: .3px; }

@media (max-width: 767px) {
	.if-hdr__logo img { width: 104px; }
	body.if-code { font-size: 18px; }
	.if-title { font-size: clamp(40px, 11vw, 52px); }
	.if-divider { margin-top: 18px; }
	.if-divider span { width: 290px; }
	.if-regions__toggle { font-size: 24px; }
	.if-faq__q { font-size: 20px; }
	.if-ftr__bar p { font-size: 15px; }
}

/* gradient repeats per line, like the mockup: light highlight on top, deep copper below */
:root { --if-rose-line-grad: linear-gradient(180deg, #f2b498 0%, #ffe6d6 24%, #f6c4aa 40%, #d98a69 58%, #a95a40 78%, #e4a084 100%); }
.if-title,
.if-content h2,
.if-content h3,
.if-content .if-subhead {
	background-image: var(--if-rose-line-grad);
	background-repeat: repeat-y;
	background-position: 0 0;
	filter: drop-shadow(0 0 10px rgba(236, 150, 118, .35)) drop-shadow(0 1px 0 rgba(60, 20, 10, .9));
}
.if-title { line-height: 1.12; background-size: 100% 1.12em; font-weight: 600; }
.if-content h2, .if-content .if-subhead { line-height: 1.3; background-size: 100% 1.3em; }
.if-content h3 { line-height: 1.3; background-size: 100% 1.3em; }

/* royal headings: Cinzel, stronger metal and glow */
:root {
	--if-font-head: "Cinzel", "Cormorant Garamond", Georgia, serif;
	--if-rose-line-grad: linear-gradient(180deg, #f2b498 0%, #ffe9dc 22%, #f8c9ae 38%, #dd8e6c 56%, #a3543a 78%, #e9a98c 100%);
}
.if-title,
.if-content h2,
.if-content h3,
.if-content .if-subhead {
	font-weight: 700;
	letter-spacing: .02em;
	filter: drop-shadow(0 0 12px rgba(236, 150, 118, .42)) drop-shadow(0 1px 0 rgba(60, 20, 10, .95));
}
.if-title { font-size: clamp(36px, 5.2vw, 64px); line-height: 1.14; background-size: 100% 1.14em; }
.if-content h2, .if-content .if-subhead { font-size: clamp(24px, 2.8vw, 32px); line-height: 1.3; }
.if-content h3 { font-size: 21px; line-height: 1.35; background-size: 100% 1.35em; }
.if-regions__toggle { font-size: 20px; font-weight: 600; letter-spacing: .04em; }
/* long text stays in the readable serif */
.if-faq__q, .if-code .if-ad__title, .if-card__title { font-family: var(--if-font-body); font-weight: 700; }
@media (max-width: 767px) {
	.if-title { font-size: clamp(30px, 9vw, 38px); }
	.if-content h2, .if-content .if-subhead { font-size: 23px; }
	.if-content h3 { font-size: 19px; }
	.if-regions__toggle { font-size: 18px; }
}

/* 3D copper like the logo: metal band, light rim, stepped extrusion */
:root { --if-rose-line-grad: linear-gradient(180deg, #ffe9dc 0%, #ffd2bb 14%, #f0a988 30%, #c06a47 46%, #6f321f 50%, #a95a3b 56%, #e7a07f 70%, #ffd9c4 84%, #b8694a 100%); }
.if-title {
	font-weight: 800;
	-webkit-text-stroke: .5px rgba(255, 236, 224, .6);
	filter: drop-shadow(0 1px 0 #9a5238) drop-shadow(0 1px 0 #7a3b26) drop-shadow(0 1px 0 #5a2818) drop-shadow(0 1px 0 #3c180d) drop-shadow(0 4px 4px rgba(0, 0, 0, .9)) drop-shadow(0 0 16px rgba(240, 160, 125, .4));
}
.if-content h2,
.if-content .if-subhead,
.if-content h3 {
	-webkit-text-stroke: .35px rgba(255, 236, 224, .5);
	filter: drop-shadow(0 1px 0 #8a4630) drop-shadow(0 1px 0 #4a2014) drop-shadow(0 2px 2px rgba(0, 0, 0, .85)) drop-shadow(0 0 10px rgba(240, 160, 125, .3));
}

/* colors sampled from the logo lettering, no white */
:root { --if-rose-line-grad: linear-gradient(180deg, #dba48b 0%, #cf9a80 12%, #c08269 28%, #ac674e 44%, #80422e 54%, #99553f 62%, #b6745a 76%, #d09276 88%, #8c4b36 100%); }
.if-title {
	-webkit-text-stroke: .5px rgba(214, 150, 122, .5);
	filter: drop-shadow(0 1px 0 #7a3b26) drop-shadow(0 1px 0 #5e2a1b) drop-shadow(0 1px 0 #47171b) drop-shadow(0 1px 0 #2e0f0a) drop-shadow(0 4px 4px rgba(0, 0, 0, .9)) drop-shadow(0 0 14px rgba(172, 103, 78, .35));
}
.if-content h2,
.if-content .if-subhead,
.if-content h3 {
	-webkit-text-stroke: .35px rgba(214, 150, 122, .45);
	filter: drop-shadow(0 1px 0 #6b3220) drop-shadow(0 1px 0 #3c180d) drop-shadow(0 2px 2px rgba(0, 0, 0, .85)) drop-shadow(0 0 10px rgba(172, 103, 78, .3));
}

/* ===== listing cards like the mockup ===== */
.if-ads { gap: 26px; }
.if-ad {
	position: relative; border: 1px solid rgba(201, 138, 110, .55); border-radius: 22px; overflow: hidden;
	background: linear-gradient(160deg, #140c0a 0%, #070505 60%, #0c0807 100%);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .8), 0 10px 30px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 210, 185, .08);
}
.if-ad:hover { border-color: rgba(227, 162, 131, .85); box-shadow: 0 0 0 1px rgba(0, 0, 0, .8), 0 14px 34px rgba(0, 0, 0, .7), 0 0 22px rgba(201, 138, 110, .18); }
.if-ad__main, .if-ads--3 .if-ad__main { flex-direction: row-reverse; gap: 20px; padding: 12px 12px 18px 28px; }
.if-ad__img { width: 44%; max-width: 300px; aspect-ratio: 1 / 1.03; border-radius: 16px; border: 1px solid rgba(201, 138, 110, .6); background: #0b0706; }
.if-ad__img img.if-ph { padding: 12%; }
.if-ad__body { flex: 1; gap: 10px; padding: 18px 0 4px; }
.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-family: var(--if-font-head); font-size: 25px; font-weight: 700; line-height: 1.18; letter-spacing: .01em; }
.if-code .if-ad__title a {
	background-image: var(--if-rose-line-grad); background-size: 100% 1.18em; background-repeat: repeat-y;
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
	filter: drop-shadow(0 1px 0 #5e2a1b) drop-shadow(0 2px 2px rgba(0, 0, 0, .85));
}
.if-code .if-ad__title a:hover { filter: drop-shadow(0 1px 0 #5e2a1b) drop-shadow(0 0 10px rgba(201, 138, 110, .45)); }
.if-code .if-ad__city { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 20px; font-weight: 500; color: var(--if-text); }
.if-code .if-ad__city::before { content: ""; width: 18px; height: 18px; flex: none; background: #d9a184; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.if-code .if-ad__city::after { content: ""; flex-basis: 100%; height: 12px; margin-top: 8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c98a6e' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23d9a184'/%3E%3Cstop offset='1' stop-color='%23c98a6e' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect y='5.5' width='300' height='1' fill='url(%23l)'/%3E%3Cpath d='M150 1l5 5-5 5-5-5z' fill='%23d4537b' stroke='%23e3a283' stroke-width='1'/%3E%3C/svg%3E") center / 100% 12px no-repeat; }
.if-ad__desc { font-size: 18px; line-height: 1.5; color: var(--if-text-soft); }

.if-ad__foot, .if-ads--3 .if-ad__foot { flex-wrap: nowrap; gap: 16px; padding: 16px 20px 16px 22px; border-top: 1px solid rgba(201, 138, 110, .45); }
.if-code .if-ad__more { order: 1; flex: 1; font-size: 20px; padding-right: 16px; border-right: 1px solid rgba(201, 138, 110, .45); }
.if-code .if-ad__more a { display: inline-flex; align-items: center; gap: 14px; border: 0; padding: 0; color: var(--if-text); white-space: nowrap; }
.if-code .if-ad__more a::after { content: none; }
.if-code .if-ad__more a::before { content: ""; flex: none; width: 40px; height: 40px; border: 1.5px solid #c98a6e; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6.5l5.5 5.5-5.5 5.5' fill='none' stroke='%23e3a283' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 60% no-repeat; }
.if-code .if-ad__phone {
	order: 2; flex: 0 1 auto; min-height: 52px; padding: 8px 26px; gap: 10px; border-radius: 999px; border: 0;
	background: linear-gradient(180deg, #f0b495 0%, #d9926f 45%, #b06a4b 100%); color: #2a120a;
	font-family: var(--if-font-body); font-size: 22px; font-weight: 700; letter-spacing: .02em;
	box-shadow: inset 0 1px 0 rgba(255, 235, 220, .6), inset 0 -2px 4px rgba(90, 35, 20, .45), 0 4px 14px rgba(0, 0, 0, .55);
	text-shadow: 0 1px 0 rgba(255, 220, 200, .35);
}
.if-code .if-ad__phone:hover { filter: brightness(1.08); color: #2a120a; }
.if-ad__phone svg { width: 22px; height: 22px; }
.if-code .if-ad__wa {
	order: 3; width: 52px; height: 52px; padding: 11px; border-radius: 50%; border: 1.5px solid #c98a6e;
	background: radial-gradient(circle at 50% 35%, #1d4a46 0%, #0b1f1d 70%); color: #f6e7dc;
	box-shadow: 0 0 12px rgba(29, 107, 100, .35);
}
.if-code .if-ad__wa:hover { color: #fff; border-color: #e3a283; }

@media (max-width: 767px) {
	.if-ads--2, .if-ads--3 { gap: 18px; }
	.if-ad { border-radius: 18px; }
	.if-ad__main, .if-ads--3 .if-ad__main { gap: 12px; padding: 8px 8px 12px 16px; }
	.if-ad__img { width: 43%; border-radius: 13px; }
	.if-ad__body { padding-top: 12px; gap: 7px; }
	.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-size: 19px; }
	.if-code .if-ad__city { font-size: 16px; gap: 8px; }
	.if-code .if-ad__city::before { width: 15px; height: 15px; }
	.if-code .if-ad__city::after { margin-top: 4px; }
	.if-ad__desc { font-size: 15px; }
	.if-ad__foot, .if-ads--3 .if-ad__foot { gap: 10px; padding: 11px 12px 11px 14px; }
	.if-code .if-ad__more { font-size: 16px; padding-right: 10px; }
	.if-code .if-ad__more a { gap: 8px; }
	.if-code .if-ad__more a::before { width: 30px; height: 30px; }
	.if-code .if-ad__phone { min-height: 42px; padding: 6px 14px; font-size: 17px; gap: 7px; }
	.if-ad__phone svg { width: 17px; height: 17px; }
	.if-code .if-ad__wa { width: 42px; height: 42px; padding: 9px; }
}

.if-code .if-ad__phone span { font-variant-numeric: lining-nums tabular-nums; }

.if-code .if-ad__phone { white-space: nowrap; flex-shrink: 0; }
.if-code .if-ad__more { min-width: 0; }
@media (max-width: 767px) {
	.if-ad__foot, .if-ads--3 .if-ad__foot { gap: 8px; padding: 10px 10px 10px 12px; }
	.if-code .if-ad__more { font-size: 15px; padding-right: 8px; }
	.if-code .if-ad__more a { gap: 7px; }
	.if-code .if-ad__more a::before { width: 28px; height: 28px; }
	.if-code .if-ad__phone { min-height: 40px; padding: 6px 12px; font-size: 16px; gap: 6px; }
	.if-ad__phone svg { width: 15px; height: 15px; }
	.if-code .if-ad__wa { width: 40px; height: 40px; padding: 8px; }
}
@media (max-width: 360px) { .if-code .if-ad__more a::before { display: none; } }

/* H1 in Cormorant Garamond (client choice), same copper 3D */
.if-title { font-family: var(--if-font-body); font-weight: 700; letter-spacing: 0; font-size: clamp(46px, 6.4vw, 80px); line-height: 1.08; background-size: 100% 1.08em; }
@media (max-width: 767px) { .if-title { font-size: clamp(40px, 11.5vw, 52px); } }

/* heading gradient from the client: F6DCC4 to BB6652 */
:root { --if-rose-line-grad: linear-gradient(180deg, #F6DCC4 0%, #BB6652 100%); }

/* heading gradient: stronger pink into copper orange, like the logo */
:root { --if-rose-line-grad: linear-gradient(180deg, #FBE0D8 0%, #F2B3BA 22%, #E58F9C 40%, #E5976F 62%, #D07E5C 80%, #BB6652 100%); }

/* single listing page matches the archive cards */
.if-adpage { border: 1px solid rgba(201, 138, 110, .55); border-radius: 22px; background: linear-gradient(160deg, #140c0a 0%, #070505 60%, #0c0807 100%); box-shadow: 0 10px 30px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 210, 185, .08); }
.if-adpage__cover { border-radius: 16px; overflow: hidden; border: 1px solid rgba(201, 138, 110, .6); background: #0b0706; }
.if-code .if-adpage__title { font-family: var(--if-font-head); font-weight: 700; line-height: 1.18; background-image: var(--if-rose-line-grad); background-size: 100% 1.18em; background-repeat: repeat-y; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; filter: drop-shadow(0 1px 0 #5e2a1b) drop-shadow(0 2px 2px rgba(0, 0, 0, .85)); }
.if-code .if-adpage__city { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 20px; font-weight: 500; color: var(--if-text); }
.if-code .if-adpage__city::before { content: ""; width: 18px; height: 18px; flex: none; background: #d9a184; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.if-code .if-adpage__city::after { content: ""; flex-basis: 100%; max-width: 320px; height: 12px; margin-top: 8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 12'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c98a6e' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23d9a184'/%3E%3Cstop offset='1' stop-color='%23c98a6e' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect y='5.5' width='300' height='1' fill='url(%23l)'/%3E%3Cpath d='M150 1l5 5-5 5-5-5z' fill='%23d4537b' stroke='%23e3a283' stroke-width='1'/%3E%3C/svg%3E") center / 100% 12px no-repeat; }
.if-code .if-adpage__cta {
	display: flex; width: auto; max-width: 420px; margin: 26px auto 0; min-height: 56px; padding: 8px 30px; gap: 12px; border-radius: 999px; border: 0;
	background: linear-gradient(180deg, #f0b495 0%, #d9926f 45%, #b06a4b 100%); color: #2a120a;
	font-family: var(--if-font-body); font-size: 23px; font-weight: 700; letter-spacing: .02em; white-space: nowrap;
	box-shadow: inset 0 1px 0 rgba(255, 235, 220, .6), inset 0 -2px 4px rgba(90, 35, 20, .45), 0 4px 14px rgba(0, 0, 0, .55);
	text-shadow: 0 1px 0 rgba(255, 220, 200, .35);
}
.if-code .if-adpage__cta span { font-variant-numeric: lining-nums tabular-nums; }
.if-code .if-adpage__cta:hover { filter: brightness(1.08); color: #2a120a; }
.if-code .if-back { border-radius: 999px; border-color: rgba(201, 138, 110, .6); }
@media (max-width: 767px) {
	.if-adpage { border-radius: 18px; }
	.if-adpage__cover { border-radius: 13px; }
	.if-code .if-adpage__city { font-size: 17px; }
	.if-code .if-adpage__cta { min-height: 48px; font-size: 19px; padding: 6px 22px; }
}

/* listing page: call pill + round WhatsApp, same as the archive */
.if-adpage__actions { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 28px; }
.if-adpage__actions .if-ad__phone { flex: 0 1 auto; min-height: 56px; padding: 8px 30px; font-size: 23px; }
.if-adpage__actions .if-ad__wa { width: 56px; height: 56px; padding: 12px; }
@media (max-width: 767px) { .if-adpage__actions { gap: 10px; } .if-adpage__actions .if-ad__phone { min-height: 48px; padding: 6px 22px; font-size: 19px; } .if-adpage__actions .if-ad__wa { width: 48px; height: 48px; padding: 10px; } }

/* ===== H1: engraved metal + travelling shine, like amnon, in the logo colours =====
   Face: copper rose (#D9967B), highlight band through the middle (#F7D2C2),
   deep brown at the foot (#4A1C14). A pale lit edge left and below plus two soft
   opposite shadows give the cut-into-the-wall depth. A second, moving layer
   carries the shine across the letters. */
@keyframes sm-shine { 0% { background-position: -160% 0, 0 0; } 32%, 100% { background-position: 260% 0, 0 0; } }
.if-title {
	font-family: var(--if-font-body); font-weight: 700; letter-spacing: 0;
	background-image:
		linear-gradient(105deg, transparent 38%, rgba(255, 236, 228, .95) 50%, transparent 62%),
		linear-gradient(to bottom, #D9967B 24%, #F7D2C2 41%, #D9967B 56%, #4A1C14 88%);
	background-size: 60% 100%, 100% 1.08em;
	background-repeat: no-repeat, repeat-y;
	background-position: -160% 0, 0 0;
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0;
	filter: drop-shadow(-1px 0 .5px #F2B9A8) drop-shadow(0 1px .5px #F2B9A8) drop-shadow(6px 6px 10px rgba(0, 0, 0, .55)) drop-shadow(-6px -6px 10px rgba(0, 0, 0, .45));
	animation: sm-shine 7s ease-in-out 1s infinite;
}
@media (max-width: 767px) {
	.if-title { filter: drop-shadow(-1px 0 .5px #F2B9A8) drop-shadow(0 1px .5px #F2B9A8) drop-shadow(3px 3px 6px rgba(0, 0, 0, .5)) drop-shadow(-3px -3px 6px rgba(0, 0, 0, .4)); }
}
@media (prefers-reduced-motion: reduce) { .if-title { animation: none; } }

/* same engraved + shine on the 'More Listings' heading */
.if-code .if-adsec__title {
	font-family: var(--if-font-body); font-weight: 700; letter-spacing: 0; line-height: 1.1;
	font-size: clamp(34px, 4.4vw, 54px);
	background-image: linear-gradient(105deg, transparent 38%, rgba(255, 236, 228, .95) 50%, transparent 62%), linear-gradient(to bottom, #D9967B 24%, #F7D2C2 41%, #D9967B 56%, #4A1C14 88%);
	background-size: 60% 100%, 100% 1.1em; background-repeat: no-repeat, repeat-y; background-position: -160% 0, 0 0;
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0;
	filter: drop-shadow(-1px 0 .5px #F2B9A8) drop-shadow(0 1px .5px #F2B9A8) drop-shadow(5px 5px 9px rgba(0, 0, 0, .55)) drop-shadow(-5px -5px 9px rgba(0, 0, 0, .45));
	animation: sm-shine 7s ease-in-out 1.5s infinite;
}
@media (max-width: 767px) { .if-code .if-adsec__title { font-size: clamp(30px, 8.6vw, 38px); filter: drop-shadow(-1px 0 .5px #F2B9A8) drop-shadow(0 1px .5px #F2B9A8) drop-shadow(3px 3px 6px rgba(0, 0, 0, .5)) drop-shadow(-3px -3px 6px rgba(0, 0, 0, .4)); } }
@media (prefers-reduced-motion: reduce) { .if-code .if-adsec__title { animation: none; } }


/* ===== Porngpthub logo: wide 3:1 mark, needs more width than the old square one ===== */
.if-hdr__logo img { width: 230px; }
@media (max-width: 767px) {
	.if-hdr__logo img { width: 150px; }
}


/* =====================================================================
   Porngpthub skin v2 (8.10.2026): built from the new logo.
   Black, chrome silver lettering, neon pink glow, pink wave like the
   swoosh under the logo. Poppins for headings, Inter for text.
   Overrides everything above; the structure stays as it is.
   ===================================================================== */
:root {
	--if-font-head: "Poppins", "Inter", Arial, sans-serif;
	--if-font-body: "Inter", "Poppins", Arial, sans-serif;
	--if-bg: #000;
	--if-surface: #0c0b0e;
	--if-line: #26232a;
	--if-text: #f2f2f5;
	--if-text-soft: #c4c3ca;
	--if-grey: #9d9ca6;
	--if-red: #e0145a;
	--if-red-hi: #ff2d6f;
	--if-red-lo: #8a0c38;
	--pg-pink: #ff2d6f;
	--pg-pink-soft: #ff6fa0;
	--pg-pink-line: rgba(255, 45, 111, .45);
	--pg-chrome: linear-gradient(180deg, #ffffff 0%, #f1f1f4 30%, #b9b9c2 52%, #7d7d88 58%, #d9d9e0 78%, #a3a3ad 100%);
	--if-silver: var(--pg-chrome);
	--if-rose-line-grad: var(--pg-chrome);
	--if-red-grad: linear-gradient(180deg, #ff5a8f 0%, #ff2d6f 45%, #c50f4e 100%);
	--if-grey-grad: linear-gradient(180deg, #f4f4f7 0%, #c9c9d1 50%, #8d8d97 100%);
	--pg-glow: drop-shadow(0 0 14px rgba(255, 45, 111, .45)) drop-shadow(0 2px 2px rgba(0, 0, 0, .9));
	--pg-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40'%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23ff2d6f' stop-opacity='0'/%3E%3Cstop offset='.22' stop-color='%23e0145a'/%3E%3Cstop offset='.5' stop-color='%23ff4f8b'/%3E%3Cstop offset='.78' stop-color='%23e0145a'/%3E%3Cstop offset='1' stop-color='%23ff2d6f' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-10%25' y='-100%25' width='120%25' height='300%25'%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3C/filter%3E%3C/defs%3E%3Cpath id='w' d='M2 26C70 30 120 12 200 16C280 20 330 32 398 12C330 28 280 23 200 20C120 17 70 33 2 26Z' fill='url(%23p)'/%3E%3Cuse href='%23w' filter='url(%23b)' opacity='.9'/%3E%3Cpath d='M60 25C120 22 150 14 200 16.5C250 19 300 26 340 19' fill='none' stroke='%23ffd1e0' stroke-opacity='.55' stroke-width='.8'/%3E%3C/svg%3E");
	--pg-card: linear-gradient(165deg, #17141a 0%, #0a090c 55%, #110d12 100%);
}
body.if-code {
	font-family: var(--if-font-body); font-size: 17px; line-height: 1.75; font-weight: 400;
	background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 45, 111, .08), transparent 70%) no-repeat, #000;
}
.if-code a { text-decoration-color: var(--pg-pink); }
.if-code a:hover { color: var(--pg-pink-soft); }
.if-code :focus-visible { outline-color: var(--pg-pink); }
.if-content strong, .if-content b { color: #fff; font-weight: 600; }

/* headings: chrome silver with a pink glow, like the logo lettering */
.if-title,
.if-content h1,
.if-content h2,
.if-content h3,
.if-content .if-subhead,
.if-related__title,
.if-code .if-adsec__label,
.if-code .if-adsec__title,
.if-code .if-adpage__title {
	font-family: var(--if-font-head); font-weight: 700; letter-spacing: -.01em;
	background-image: var(--pg-chrome); background-size: 100% 1.15em; background-repeat: repeat-y; background-position: 0 0;
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0; animation: none;
	filter: var(--pg-glow);
}
.if-title { font-size: clamp(36px, 5vw, 62px); line-height: 1.15; font-weight: 800; }
.if-content h2, .if-content .if-subhead { font-size: clamp(24px, 2.8vw, 32px); line-height: 1.3; background-size: 100% 1.3em; font-weight: 700; }
.if-content h3 { font-size: 21px; line-height: 1.35; background-size: 100% 1.35em; font-weight: 600; }
.if-content h1 { font-size: clamp(26px, 3vw, 34px); line-height: 1.25; background-size: 100% 1.25em; }
.if-code .if-adsec__title { font-size: clamp(30px, 3.8vw, 46px); line-height: 1.15; font-weight: 800; }
.if-code .if-adpage__title { font-size: clamp(26px, 3.2vw, 36px); line-height: 1.2; background-size: 100% 1.2em; }

/* H1 and section titles: a pink light sweeps across the chrome every 7s */
@keyframes pg-shine { 0% { background-position: -160% 0, 0 0; } 32%, 100% { background-position: 260% 0, 0 0; } }
.if-title,
.if-code .if-adsec__title {
	background-image: linear-gradient(105deg, transparent 40%, rgba(255, 150, 190, .95) 50%, transparent 60%), var(--pg-chrome);
	background-size: 55% 100%, 100% 1.15em; background-repeat: no-repeat, repeat-y; background-position: -160% 0, 0 0;
	animation: pg-shine 7s ease-in-out 1s infinite;
	filter: drop-shadow(0 0 18px rgba(255, 45, 111, .5)) drop-shadow(0 3px 3px rgba(0, 0, 0, .9));
}
@media (prefers-reduced-motion: reduce) { .if-title, .if-code .if-adsec__title { animation: none; } }

/* divider: glowing pink wave, the swoosh from under the logo */
.if-divider { position: relative; display: block; max-width: 520px; height: 44px; margin: 18px auto 0; }
.if-divider::before, .if-divider::after { content: none; }
.if-divider span { display: block; width: 100%; height: 100%; margin: 0; transform: none; border: 0; background: var(--pg-wave) center / 100% 100% no-repeat; }

/* header and footer */
.if-hdr, .if-hdr__menu { background: rgba(0, 0, 0, .94); }
.if-hdr::after, .if-ftr::before { height: 2px; background: linear-gradient(90deg, transparent, var(--pg-pink) 30%, var(--pg-pink-soft) 50%, var(--pg-pink) 70%, transparent); opacity: 1; box-shadow: 0 0 12px rgba(255, 45, 111, .6); }
.if-hdr .if-hdr__toggle, .if-hdr .if-hdr__toggle:hover, .if-hdr .if-hdr__toggle:focus { color: #d9d9e0; }
.if-hdr .if-hdr__toggle:hover, .if-hdr.is-open .if-hdr__toggle { color: var(--pg-pink); }
.if-hdr .if-hdr__list li { border-top-color: var(--if-line); }
.if-hdr .if-hdr__list a { font-family: var(--if-font-head); font-size: 17px; font-weight: 500; letter-spacing: .01em; }
.if-hdr .if-hdr__list a:hover, .if-hdr .if-hdr__list a:focus-visible { color: #fff; background: linear-gradient(90deg, rgba(255, 45, 111, .14), transparent 70%); }
.if-hdr .if-hdr__list .current-menu-item > a { color: var(--pg-pink-soft); }
.if-hdr .if-ic { stroke: var(--pg-pink); }
.if-hdr .if-hdr__list a:hover .if-ic { stroke: var(--pg-pink-soft); }
.if-ftr { background: #070608; }
.if-ftr .if-ftr__list { gap: 8px; }
.if-ftr .if-ftr__list a { font-family: var(--if-font-head); font-size: 15px; font-weight: 500; letter-spacing: .02em; color: var(--if-text-soft); }
.if-ftr .if-ftr__list a:hover, .if-ftr .if-ftr__list .current-menu-item > a { color: var(--pg-pink-soft); }
.if-ftr__bar { border-top: 1px solid var(--if-line); }
.if-ftr__bar p { font-size: 13px; color: var(--if-grey); letter-spacing: .03em; }

/* buttons: pink pill like the glowing P, silver pill as the second option */
.if-btn,
.if-content .if-btn,
.if-cookies .if-cookies__ok,
.if-cookies .if-cookies__ok:hover,
.if-cookies .if-cookies__ok:focus {
	border: 0; border-radius: 999px; background: var(--if-red-grad); color: #fff;
	font-family: var(--if-font-head); font-size: 16px; font-weight: 600; letter-spacing: .02em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 18px rgba(255, 45, 111, .45);
}
.if-btn:hover, .if-cookies .if-cookies__ok:hover { color: #fff; filter: brightness(1.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 26px rgba(255, 45, 111, .7); }
.if-btn--grey, .if-content .if-btn--grey { background: var(--if-grey-grad); color: #111; box-shadow: inset 0 1px 0 #fff, 0 4px 14px rgba(0, 0, 0, .5); }
.if-btn--grey:hover { color: #111; box-shadow: inset 0 1px 0 #fff, 0 0 18px rgba(220, 220, 230, .35); }

/* region and city buttons: outlined pills, pink on hover */
.if-code .if-terms__btn {
	border: 1.5px solid var(--pg-pink-line); border-image: none; border-radius: 999px; background: rgba(255, 255, 255, .02);
	font-family: var(--if-font-head); font-size: 16px; font-weight: 600; color: #fff; box-shadow: none;
}
.if-code .if-terms__btn:hover, .if-code .if-terms__btn:focus-visible { background: rgba(255, 45, 111, .14); border-color: var(--pg-pink); box-shadow: 0 0 16px rgba(255, 45, 111, .35); color: #fff; }
.if-regions { border-bottom-color: var(--if-line); }
.if-regions__toggle { font-family: var(--if-font-head); font-size: 17px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #e6e6eb; }
.if-regions__toggle::after, .if-faq__q::after { border-color: var(--pg-pink); }

/* text details */
.if-content ul li::before { width: 11px; height: 10px; top: .62em; transform: none; background: var(--pg-pink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.6 10.3 20C4.2 14.5.2 10.9.2 6.5.2 2.9 3 .2 6.6.2c2 0 4 .9 5.4 2.4C13.4 1.1 15.4.2 17.4.2c3.6 0 6.4 2.7 6.4 6.3 0 4.4-4 8-10.1 13.5z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21.6 10.3 20C4.2 14.5.2 10.9.2 6.5.2 2.9 3 .2 6.6.2c2 0 4 .9 5.4 2.4C13.4 1.1 15.4.2 17.4.2c3.6 0 6.4 2.7 6.4 6.3 0 4.4-4 8-10.1 13.5z'/%3E%3C/svg%3E") center / contain no-repeat; }
.if-content ol li::marker { color: var(--pg-pink); }
.if-content blockquote { border-inline-start-color: var(--pg-pink); border-radius: 0 14px 14px 0; background: var(--pg-card); }
.if-updated { color: var(--if-grey); font-size: 14px; }

/* FAQ */
.if-faq { border: 1px solid var(--if-line); border-radius: 16px; background: var(--pg-card); overflow: hidden; margin-bottom: 12px; }
.if-faq[open] { border-color: var(--pg-pink-line); box-shadow: 0 0 20px rgba(255, 45, 111, .12); }
.if-faq__q { font-family: var(--if-font-head); font-size: 18px; font-weight: 600; color: #fff; }
.if-faq__q:hover { color: var(--pg-pink-soft); }
.if-faq__a, .if-faq__a p { color: var(--if-text-soft); }

/* forms */
.if-field label { font-size: 15px; color: var(--if-text-soft); }
.if-field input, .if-field textarea, .if-field .if-phone-row select { border-color: #2f2b33; border-radius: 12px; background: #0f0d11; }
.if-phone-row select { border-radius: 12px 0 0 12px !important; }
.if-phone-row input { border-radius: 0 12px 12px 0 !important; }
.if-field input:focus, .if-field textarea:focus, .if-field .if-phone-row select:focus { border-color: var(--pg-pink); box-shadow: 0 0 0 3px rgba(255, 45, 111, .2); }
.if-consent { font-size: 14px; }
.if-consent input { accent-color: var(--pg-pink); }
.if-alert { border-color: var(--pg-pink); border-radius: 12px; background: rgba(255, 45, 111, .12); }

/* blog cards */
.if-card { border-radius: 18px; overflow: hidden; background: var(--pg-card); border-color: var(--if-line); }
.if-card:hover { border-color: var(--pg-pink-line); box-shadow: 0 0 26px rgba(255, 45, 111, .2); }
.if-card__title { font-family: var(--if-font-head); font-size: 19px; font-weight: 600; }
.if-code .if-card__title a:hover { color: var(--pg-pink-soft); }
.if-code .if-card__more { color: var(--pg-pink-soft); border-bottom-color: var(--pg-pink); }
.if-code .if-pagination .page-numbers { border-radius: 999px; }
.if-code .if-pagination .page-numbers.current { background: var(--if-red-grad); border: 0; }
.if-code .if-pagination a.page-numbers:hover { border-color: var(--pg-pink); }
.if-related { border-top-color: var(--if-line); }

/* listing cards */
.if-ad { border: 1px solid #2c2830; border-radius: 22px; background: var(--pg-card); box-shadow: 0 10px 30px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .05); }
.if-ad:hover { border-color: var(--pg-pink-line); box-shadow: 0 10px 30px rgba(0, 0, 0, .6), 0 0 26px rgba(255, 45, 111, .22); }
.if-ad__img { border: 1px solid #34303a; background: #050406; }
.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-family: var(--if-font-head); font-size: 21px; font-weight: 700; line-height: 1.25; letter-spacing: -.005em; }
.if-code .if-ad__title a { background-image: var(--pg-chrome); background-size: 100% 1.25em; filter: drop-shadow(0 0 8px rgba(255, 45, 111, .3)) drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); }
.if-code .if-ad__title a:hover { filter: drop-shadow(0 0 12px rgba(255, 45, 111, .6)) drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); }
.if-code .if-ad__city, .if-code .if-adpage__city { font-family: var(--if-font-body); font-size: 16px; font-weight: 500; color: #e6e6eb; }
.if-code .if-ad__city::before, .if-code .if-adpage__city::before { background: var(--pg-pink); }
.if-code .if-ad__city::after, .if-code .if-adpage__city::after { height: 14px; background: var(--pg-wave) left center / 100% 100% no-repeat; }
.if-ad__desc { font-size: 15px; line-height: 1.6; color: var(--if-text-soft); }
.if-ad__foot, .if-ads--3 .if-ad__foot { border-top-color: #2c2830; }
.if-code .if-ad__more { font-family: var(--if-font-head); font-size: 15px; font-weight: 500; border-right-color: #2c2830; }
.if-code .if-ad__more a { color: #e6e6eb; }
.if-code .if-ad__more a:hover { color: var(--pg-pink-soft); }
.if-code .if-ad__more a::before { border-color: var(--pg-pink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6.5l5.5 5.5-5.5 5.5' fill='none' stroke='%23ff6fa0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); box-shadow: 0 0 10px rgba(255, 45, 111, .3); }
.if-code .if-ad__phone, .if-code .if-adpage__cta {
	background: var(--if-red-grad); color: #fff; text-shadow: 0 1px 1px rgba(120, 0, 40, .5);
	font-family: var(--if-font-head); font-size: 17px; font-weight: 600; letter-spacing: .02em;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 18px rgba(255, 45, 111, .45);
}
.if-code .if-ad__phone:hover, .if-code .if-adpage__cta:hover { color: #fff; filter: brightness(1.1); }
.if-code .if-ad__wa { border: 1.5px solid #8d8d97; background: radial-gradient(circle at 50% 30%, #2a2730 0%, #0c0b0e 75%); color: #f2f2f5; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.if-code .if-ad__wa:hover { color: #fff; border-color: var(--pg-pink); box-shadow: 0 0 14px rgba(255, 45, 111, .4); }
.if-adpage { border: 1px solid #2c2830; background: var(--pg-card); }
.if-adpage__cover { border-color: #34303a; background: #050406; }
.if-adpage__actions .if-ad__phone { font-size: 19px; }
.if-code .if-adpage__photos { color: #e6e6eb; border-bottom-color: var(--pg-pink); }
.if-code .if-back { border-color: #3a3640; color: var(--if-text-soft); }
.if-code .if-back:hover { border-color: var(--pg-pink); color: #fff; }

/* list pages */
.if-band { background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(255, 45, 111, .12), transparent 70%), #050406; border-bottom-color: var(--if-line); }
.if-more { background: #070608; border-top-color: var(--if-line); }
.if-code .if-more__title { background: var(--if-grey-grad); color: #111; font-family: var(--if-font-head); font-size: 17px; font-weight: 600; letter-spacing: .04em; }
.if-collapse__in::after { background: linear-gradient(rgba(7, 6, 8, 0), #070608); }
.if-code .if-collapse__btn { color: var(--pg-pink-soft); border-bottom-color: var(--pg-pink); }
.if-video, .if-post__img, .if-content img { border-color: var(--if-line); border-radius: 14px; overflow: hidden; }

/* cookie bar */
.if-cookies { background: rgba(10, 9, 12, .97); border-top: 1px solid var(--pg-pink-line); }
.if-cookies__text { font-size: 14px; }
.if-cookies__text a { text-decoration-color: var(--pg-pink); }

@media (max-width: 767px) {
	body.if-code { font-size: 16px; }
	.if-title { font-size: clamp(30px, 8.6vw, 40px); }
	.if-code .if-adsec__title { font-size: clamp(26px, 7.6vw, 34px); }
	.if-content h2, .if-content .if-subhead { font-size: 22px; }
	.if-content h3 { font-size: 18px; }
	.if-divider { max-width: 300px; height: 34px; margin-top: 12px; }
	.if-faq__q { font-size: 16px; }
	.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-size: 17px; }
	.if-code .if-ad__city { font-size: 14px; }
	.if-ad__desc { font-size: 14px; }
	.if-code .if-ad__more { font-size: 14px; }
	.if-code .if-ad__phone { font-size: 15px; }
	.if-adpage__actions .if-ad__phone { font-size: 17px; }
	.if-regions__toggle { font-size: 15px; }
	.if-code .if-terms__btn { font-size: 15px; }
	.if-ftr__bar p { font-size: 12px; }
}

/* placeholder logo is a black JPG: pure black frame so it blends */
.if-ad__img, .if-adpage__cover { background: #000; }

/* buttons: 8px corners everywhere, no pills or circles (Julia, 8.10.2026) */
.if-btn, .if-content .if-btn, .if-cookies .if-cookies__ok, .if-cookies .if-cookies__ok:hover, .if-cookies .if-cookies__ok:focus,
.if-code .if-terms__btn, .if-code .if-ad__phone, .if-code .if-adpage__cta, .if-code .if-ad__wa, .if-code .if-ad__more a::before,
.if-code .if-back, .if-code .if-pagination .page-numbers, .if-code .if-more__title { border-radius: 8px; }

/* listing names: smooth silver blend, dark at the foot rising to light at the top, no hard band in the middle */
:root { --pg-name: linear-gradient(to top, #6e6574 0%, #8f8898 22%, #b7b2bf 50%, #dddae2 78%, #f4f3f6 100%); }
.if-code .if-ad__title a, .if-code .if-adpage__title { background-image: var(--pg-name); }

/* region and city pages: 2 cards per row like the home page, 3 were too narrow for the side by side card */
@media (min-width: 768px) { .if-ads--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* listing names: no pink glow, plain silver like the logo lettering, light on top to a little darker below */
:root { --pg-name: linear-gradient(to top, #9b9ba2 0%, #b9b9bf 30%, #dcdce0 62%, #f7f7f8 100%); }
.if-code .if-ad__title a, .if-code .if-ad__title a:hover, .if-code .if-adpage__title { background-image: var(--pg-name); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); animation: none; }

/* page H1: same plain silver as the listing names, no pink glow or shine */
.if-title { background-image: var(--pg-name); background-size: 100% 1.15em; background-repeat: repeat-y; background-position: 0 0; animation: none; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .9)); }

/* section titles on the listing page: same plain grey as the H1, no pink shine */
.if-code .if-adsec__title { background-image: var(--pg-name); background-size: 100% 1.15em; background-repeat: repeat-y; background-position: 0 0; animation: none; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .9)); }

/* ===== listing card v2 (8.10.2026): wide 16:9 media across the full card,
   then the name, the pink wave, then the action row.
   City and description are hidden for now (still in the HTML). ===== */
.if-ad__main, .if-ads--3 .if-ad__main { flex-direction: column; gap: 0; padding: 0; }
.if-ad__img { width: 100%; max-width: none; aspect-ratio: 16 / 9; border: 0; border-bottom: 1px solid #2c2830; border-radius: 0; background: #000; }
.if-ad__img img.if-ph { object-fit: contain; padding: 8% 18%; }
.if-ad__body { flex: 1; gap: 0; padding: 20px 24px 6px; }
.if-code .if-ad__city { display: none; }
.if-ad__desc { margin-top: 8px; }
.if-ad__body::after { content: ""; display: block; width: min(280px, 70%); height: 16px; margin-top: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40'%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23ff2d6f' stop-opacity='0'/%3E%3Cstop offset='.22' stop-color='%23e0145a'/%3E%3Cstop offset='.5' stop-color='%23ff4f8b'/%3E%3Cstop offset='.78' stop-color='%23e0145a'/%3E%3Cstop offset='1' stop-color='%23ff2d6f' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-10%25' y='-100%25' width='120%25' height='300%25'%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3C/filter%3E%3C/defs%3E%3Cpath id='w' d='M2 26C70 30 120 12 200 16C280 20 330 32 398 12C330 28 280 23 200 20C120 17 70 33 2 26Z' fill='url(%23p)'/%3E%3Cuse href='%23w' filter='url(%23b)' opacity='.9'/%3E%3Cpath d='M60 25C120 22 150 14 200 16.5C250 19 300 26 340 19' fill='none' stroke='%23ffd1e0' stroke-opacity='.55' stroke-width='.8'/%3E%3C/svg%3E") left center / 100% 100% no-repeat; }
.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-size: 22px; }
@media (max-width: 767px) {
	.if-ad__body { padding: 16px 16px 4px; }
	.if-code .if-ad__title, .if-ads--3 .if-ad__title { font-size: 19px; }
	.if-ad__body::after { height: 13px; margin-top: 10px; }
}

.if-ad__body { padding-bottom: 20px; }
@media (max-width: 767px) { .if-ad__body { padding-bottom: 16px; } }

/* card media: div with the image or an iframe video, plus a full-size click layer on top */
.if-ad__img { position: relative; display: block; }
.if-ad__img iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; }
.if-ad__hit { position: absolute; inset: 0; z-index: 2; }
.if-ad__hit:focus-visible { outline: 2px solid var(--pg-pink); outline-offset: -4px; border-radius: 16px; }

/* card media as its own inset block: space on every side, own rounded corners */
.if-ad__img { width: auto; margin: 14px 14px 0; border: 1px solid #34303a; border-radius: 16px; overflow: hidden; }
.if-ad__body { padding-top: 18px; }
@media (max-width: 767px) { .if-ad__img { margin: 10px 10px 0; border-radius: 13px; } .if-ad__body { padding-top: 14px; } }

/* listing page: video preview in place of the cover (19.10.2026) */
.if-adpage__cover--video { position: relative; aspect-ratio: 16 / 9; }
.if-adpage__cover--video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none; }
