/* ============================================================
   CARMEL ESTHETICS — pages.css
   Page-specific styles
   ============================================================ */

/* ── Hero Section ───────────────────────────────────────────── */
.hero-section {
    position: relative;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--charcoal);
    overflow: hidden;
}

.hero-bg {
    position: absolute;
    inset: 0;
    background: url('') center/cover no-repeat;
    opacity: 0.35;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
        rgba(58,48,40,0.85) 0%,
        rgba(107,86,71,0.6) 60%,
        rgba(201,168,138,0.3) 100%);
}

.hero-content {
    position: relative;
    z-index: 2;
    padding: 6rem 1.5rem 3rem;
}

.hero-text { max-width: 640px; }

.hero-eyebrow {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--tan);
    margin-bottom: 1rem;
}

.hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    color: var(--white);
    line-height: 1.2;
    margin-bottom: 1.25rem;
}

.hero-subtitle {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.7;
    margin-bottom: 2rem;
    max-width: 520px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.hero-phone {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.7);
    margin: 0;
}

.hero-phone .phone-link {
    color: var(--tan);
    font-weight: 600;
}

.hero-lead-form {
    position: relative;
    z-index: 2;
    background: rgba(58,48,40,0.5);
    backdrop-filter: blur(8px);
    border-top: 1px solid rgba(201,168,138,0.2);
    padding: 2.5rem 0;
}

/* ── Treatments Section ─────────────────────────────────────── */
.treatments-section { background: var(--beige-pale); }

/* ── Why Section ────────────────────────────────────────────── */
.why-section { background: var(--cream); }

/* ── Testimonials Section ───────────────────────────────────── */
.testimonials-section { background: var(--beige-light); }

/* ── Articles Section ───────────────────────────────────────── */
.articles-section { background: var(--cream); }

/* ── CTA Section ────────────────────────────────────────────── */
.cta-section { background: var(--charcoal); }

.cta-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.cta-title {
    color: var(--white);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    margin-bottom: 1rem;
}

.cta-subtitle {
    color: var(--sage);
    margin-bottom: 2rem;
}

.cta-details { margin-bottom: 2rem; }

.cta-detail {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.cta-detail__label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tan);
    margin-bottom: 0.2rem;
}

.cta-detail span,
.cta-detail a { color: var(--sand); font-size: 0.95rem; }
.cta-detail .phone-link { color: var(--tan); font-weight: 600; font-size: 1.1rem; }

/* ── Treatment Single ───────────────────────────────────────── */
.treatment-hero {
    min-height: 60vh;
    display: flex;
    align-items: flex-end;
    background: var(--charcoal) center/cover no-repeat;
    position: relative;
    padding-bottom: 3rem;
}

.treatment-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top,
        rgba(58,48,40,0.9) 0%,
        rgba(58,48,40,0.5) 50%,
        rgba(58,48,40,0.2) 100%);
}

.treatment-hero__content {
    position: relative;
    z-index: 2;
}

.treatment-hero__title {
    color: var(--white);
    font-size: clamp(2rem, 4vw, 3rem);
    margin-bottom: 0.75rem;
}

.treatment-hero__subtitle {
    color: rgba(255,255,255,0.85);
    font-size: 1.05rem;
    margin-bottom: 1.5rem;
    max-width: 600px;
}

.treatment-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.treatment-benefits { background: var(--beige-pale); }

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}

.benefit-card {
    text-align: center;
    padding: 2rem 1rem;
}

.benefit-card__icon {
    font-size: 1.8rem;
    color: var(--tan);
    margin-bottom: 1rem;
}

.benefit-card__title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--brown-dark);
}

.benefit-card__text {
    font-size: 0.88rem;
    color: var(--brown);
    line-height: 1.7;
    margin: 0;
}

.treatment-steps { background: var(--cream); }

.steps-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: 900px;
    margin: 0 auto;
}

.step-item {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.step-item__number {
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--tan);
    opacity: 0.5;
    line-height: 1;
    flex-shrink: 0;
    min-width: 3rem;
}

.step-item__title {
    font-size: 1.05rem;
    margin-bottom: 0.5rem;
    color: var(--brown-dark);
}

.step-item__text {
    font-size: 0.9rem;
    color: var(--brown);
    line-height: 1.7;
    margin: 0;
}

.treatment-content { background: var(--beige-pale); }

.treatment-content__inner {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 3rem;
    align-items: start;
}

.treatment-content__body {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--charcoal);
}

.treatment-content__body h2 { margin: 2rem 0 1rem; }
.treatment-content__body h3 { margin: 1.5rem 0 0.75rem; }
.treatment-content__body p  { margin-bottom: 1rem; }

.treatment-sidebar-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 2rem;
    box-shadow: var(--shadow);
    position: sticky;
    top: 100px;
}

.treatment-sidebar-card__title {
    font-size: 1.1rem;
    color: var(--brown-dark);
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--sand);
}

.treatment-sidebar-card__row {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--beige);
}

.treatment-sidebar-card__row .label {
    color: var(--sage);
    font-weight: 600;
}

.treatment-sidebar-card .btn { margin-top: 1rem; }

.treatment-faq   { background: var(--beige-pale); }
.treatment-lead  { background: var(--beige-light); }

.related-treatments { background: var(--cream); }

/* ── Archive Hero ───────────────────────────────────────────── */
.archive-hero { background: var(--beige-pale); padding: 4rem 0 3rem; }
.archive-hero__subtitle {
    color: var(--brown);
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

/* ── Contact Page ───────────────────────────────────────────── */
.contact-hero { background: var(--beige-pale); padding: 4rem 0 3rem; }

.contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 4rem;
    align-items: start;
}

.contact-info { padding-top: 1rem; }
.contact-info__title { margin-bottom: 2rem; color: var(--brown-dark); }

.contact-info__item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: flex-start;
}

.contact-info__icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }

.contact-info__label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--tan-dark);
    margin-bottom: 0.25rem;
}

.contact-info__social {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.social-link {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--tan-dark);
    border: 1px solid var(--tan);
    padding: 0.4rem 1rem;
    border-radius: var(--radius);
    transition: all var(--transition);
}
.social-link:hover {
    background: var(--tan);
    color: var(--white);
}

/* ── About Page ─────────────────────────────────────────────── */
.about-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 3rem;
    align-items: start;
}

.about-contact-card {
    background: var(--beige-pale);
    border-radius: var(--radius-lg);
    padding: 2rem;
    border: 1px solid var(--sand);
    position: sticky;
    top: 100px;
}

.about-contact-card h3 { margin-bottom: 1rem; color: var(--brown-dark); }
.about-contact-card p  { font-size: 0.9rem; color: var(--brown); }
.about-contact-card .btn { margin-top: 1rem; }

.staff-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-top: 2rem;
}

.staff-card {
    background: var(--white);
    border-radius: var(--radius-lg);
    padding: 2rem;
    box-shadow: var(--shadow);
    text-align: center;
}

.staff-card__photo { margin: 0 auto 1rem; }
.staff-card__photo img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
    border: 3px solid var(--tan);
}

.staff-card__name { font-size: 1.1rem; color: var(--brown-dark); margin-bottom: 0.25rem; }
.staff-card__role { font-size: 0.85rem; color: var(--tan-dark); font-weight: 600; margin-bottom: 0.25rem; }
.staff-card__credentials { font-size: 0.8rem; color: var(--sage); margin-bottom: 1rem; }
.staff-card__bio { font-size: 0.88rem; color: var(--brown); line-height: 1.7; }

/* ── FAQ Page ───────────────────────────────────────────────── */
.faq-hero { background: var(--beige-pale); padding: 4rem 0 3rem; }

.faq-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 3rem;
    align-items: start;
}

.faq-sidebar__cta {
    background: var(--beige-pale);
    border-radius: var(--radius-lg);
    padding: 2rem;
    border: 1px solid var(--sand);
    position: sticky;
    top: 100px;
}

.faq-sidebar__cta h3 { margin-bottom: 0.75rem; color: var(--brown-dark); }
.faq-sidebar__cta p  { font-size: 0.9rem; color: var(--brown); margin-bottom: 1.5rem; }

/* ── Thank You Page ─────────────────────────────────────────── */
.page-thank-you {
    display: flex;
    align-items: center;
    min-height: 70vh;
}

.thank-you-section { width: 100%; padding: 5rem 0; }

.thank-you-inner {
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
}

.thank-you-icon {
    width: 80px;
    height: 80px;
    background: var(--tan);
    color: var(--white);
    font-size: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
}

.thank-you-title { font-size: 2.5rem; color: var(--brown-dark); margin-bottom: 1rem; }
.thank-you-subtitle { color: var(--brown); margin-bottom: 2rem; font-size: 1.05rem; }
.thank-you-phone { color: var(--brown); margin-bottom: 2rem; }
.thank-you-phone .phone-link { font-weight: 700; color: var(--tan-dark); }
.thank-you-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

/* ── 404 Page ───────────────────────────────────────────────── */
.error-404 { text-align: center; }
.error-404__inner { max-width: 500px; margin: 0 auto; padding: 5rem 0; }
.error-404__code {
    font-family: var(--font-display);
    font-size: 8rem;
    font-weight: 700;
    color: var(--tan);
    opacity: 0.3;
    line-height: 1;
    margin-bottom: 1rem;
}
.error-404__title { font-size: 2rem; margin-bottom: 1rem; }
.error-404__text  { color: var(--brown); margin-bottom: 2rem; }
.error-404__actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

/* ── Single Post ────────────────────────────────────────────── */
.single-post__layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 3rem;
    align-items: start;
    padding: 3rem 0;
}

.single-post__header { margin-bottom: 2rem; }
.single-post__meta {
    display: flex;
    gap: 1rem;
    align-items: center;
    font-size: 0.85rem;
    color: var(--sage);
    margin-bottom: 1rem;
}

.single-post__cat {
    background: var(--beige);
    color: var(--tan-dark);
    padding: 0.2rem 0.75rem;
    border-radius: 2rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.single-post__title { margin-bottom: 1.5rem; }
.single-post__thumbnail { border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 2rem; }
.single-post__thumbnail img { width: 100%; }

.single-post__body {
    font-size: 0.95rem;
    line-height: 1.9;
    color: var(--charcoal);
}

.single-post__body h2,
.single-post__body h3 { margin: 2rem 0 0.75rem; }
.single-post__body p  { margin-bottom: 1.25rem; }
.single-post__body img { border-radius: var(--radius); margin: 1.5rem 0; }

.single-post__footer { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--sand); }

.single-post__tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.single-post__tags .tag {
    background: var(--beige);
    color: var(--brown);
    padding: 0.2rem 0.75rem;
    border-radius: 2rem;
    font-size: 0.8rem;
}

.single-post__nav {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    color: var(--tan-dark);
}

.sidebar-cta {
    background: var(--beige-pale);
    border-radius: var(--radius-lg);
    padding: 2rem;
    border: 1px solid var(--sand);
    position: sticky;
    top: 100px;
}
.sidebar-cta h3 { margin-bottom: 0.75rem; color: var(--brown-dark); }
.sidebar-cta p  { font-size: 0.9rem; color: var(--brown); margin-bottom: 1.5rem; }

/* ── Pagination ─────────────────────────────────────────────── */
.pagination { margin-top: 3rem; text-align: center; }
.pagination .page-numbers {
    display: inline-flex;
    gap: 0.5rem;
    list-style: none;
}
.pagination .page-numbers li a,
.pagination .page-numbers li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius);
    border: 1px solid var(--sand);
    font-size: 0.9rem;
    color: var(--brown);
    transition: all var(--transition);
}
.pagination .page-numbers li .current,
.pagination .page-numbers li a:hover {
    background: var(--tan);
    border-color: var(--tan);
    color: var(--white);
}

/* ── Responsive Pages ───────────────────────────────────────── */
@media (max-width: 1024px) {
    .treatment-content__inner,
    .contact-layout,
    .about-layout,
    .faq-layout,
    .single-post__layout { grid-template-columns: 1fr; }

    .cta-inner { grid-template-columns: 1fr; gap: 2rem; }
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
    .steps-list { grid-template-columns: 1fr; }
    .staff-grid { grid-template-columns: repeat(2, 1fr); }

    .treatment-sidebar-card,
    .about-contact-card,
    .faq-sidebar__cta,
    .sidebar-cta { position: static; }
}

@media (max-width: 768px) {
    .hero-section { min-height: 100svh; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; text-align: center; }
    .treatment-hero { min-height: 50vh; }
    .treatment-hero__actions { flex-direction: column; }
    .benefits-grid { grid-template-columns: 1fr; }
    .staff-grid { grid-template-columns: 1fr; }
    .cta-inner { gap: 2.5rem; }
}

/* ── Treatment Intro ────────────────────────────────────────── */
.treatment-intro { background: var(--cream); }
.treatment-intro__inner {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 5rem;
    align-items: center;
}
.treatment-intro__text { font-size: 1rem; color: var(--brown); line-height: 1.9; }
.treatment-intro__text p { margin-bottom: 1rem; }
.treatment-intro__img { position: relative; }
.treatment-intro__img img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 200px 200px 12px 12px;
}
.treatment-intro__badge {
    position: absolute;
    bottom: 2rem;
    left: -1.5rem;
    background: var(--charcoal);
    color: var(--cream);
    padding: 1.2rem 1.8rem;
    border-radius: 8px;
    text-align: center;
}
.badge-num {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 400;
    display: block;
    color: var(--gold);
}
.badge-txt { font-size: 0.72rem; letter-spacing: 0.1em; font-weight: 300; }

@media (max-width: 1024px) {
    .treatment-intro__inner { grid-template-columns: 1fr; gap: 3rem; }
    .treatment-intro__img img { height: 350px; border-radius: 140px 140px 10px 10px; }
    .treatment-intro__badge { display: none; }
}

/* ══════════════════════════════════════════════════
   HOME PAGE — 1:1 match with original design
══════════════════════════════════════════════════ */

/* HERO */
.hp-hero{position:relative;height:100vh;min-height:680px;overflow:hidden;}
.hp-hero-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=1600&q=80') center/cover no-repeat;animation:hpHeroSlow 25s ease-in-out infinite alternate;}
@keyframes hpHeroSlow{from{transform:scale(1);}to{transform:scale(1.07);}}
.hp-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,48,40,.2) 0%,rgba(58,48,40,.1) 30%,rgba(58,48,40,.45) 70%,rgba(58,48,40,.8) 100%);}
.hp-hero-content{position:absolute;bottom:10%;right:5%;z-index:2;max-width:620px;}
.hp-hero-label{font-size:.7rem;letter-spacing:.5em;color:var(--gold);font-weight:300;margin-bottom:1.2rem;display:block;animation:hpFadeUp .9s .2s ease both;}
.hp-hero-content h1{font-family:'Playfair Display',serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:400;color:var(--cream);line-height:1.18;margin-bottom:1.2rem;animation:hpFadeUp .9s .35s ease both;}
.hp-hero-content h1 em{font-style:italic;color:var(--gold);}
.hp-hero-desc{font-size:1rem;color:rgba(253,251,248,.7);font-weight:300;line-height:1.9;margin-bottom:2.5rem;max-width:440px;animation:hpFadeUp .9s .5s ease both;}
.hp-hero-btns{display:flex;gap:1rem;animation:hpFadeUp .9s .65s ease both;flex-wrap:wrap;}
.hp-btn-fill{display:inline-block;padding:.95rem 2.5rem;background:var(--tan);color:#fff;text-decoration:none;font-size:.83rem;letter-spacing:.08em;font-weight:400;transition:all .4s;}
.hp-btn-fill:hover{background:var(--tan-dark);transform:translateY(-2px);}
.hp-btn-ghost{display:inline-block;padding:.95rem 2.5rem;border:1px solid rgba(255,255,255,.35);color:var(--cream);text-decoration:none;font-size:.83rem;letter-spacing:.08em;font-weight:300;transition:all .4s;}
.hp-btn-ghost:hover{background:rgba(255,255,255,.1);}
.hp-hero-side{position:absolute;top:12%;left:4%;z-index:2;display:flex;flex-direction:column;gap:1rem;animation:hpFadeUp 1.2s 1s ease both;}
.hp-hero-side-img{width:160px;height:200px;border-radius:80px 80px 8px 8px;overflow:hidden;border:4px solid rgba(255,255,255,.15);}
.hp-hero-side-img img{width:100%;height:100%;object-fit:cover;}
@keyframes hpFadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

/* SERVICES */
.hp-services{padding:6rem 0 5rem;background:var(--cream);overflow:hidden;}
.hp-services-top{display:flex;justify-content:space-between;align-items:flex-end;padding:0 5%;margin-bottom:3rem;}
.hp-stl{display:flex;flex-direction:column;}
.hp-section-label{font-size:.7rem;letter-spacing:.4em;color:var(--tan);font-weight:300;margin-bottom:.8rem;display:block;}
.hp-services-top h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--charcoal);line-height:1.2;}
.hp-slider-nav{display:flex;gap:.6rem;}
.hp-slider-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--sand-dark);background:transparent;color:var(--brown);font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;}
.hp-slider-btn:hover{background:var(--charcoal);border-color:var(--charcoal);color:var(--cream);}
.hp-slider-wrap{position:relative;padding:0 5%;}
.hp-slider-track{display:flex;gap:1.8rem;transition:transform .55s cubic-bezier(.25,.46,.45,.94);will-change:transform;}
.hp-s-card{flex:0 0 300px;text-align:center;transition:transform .4s;cursor:pointer;}
.hp-s-card:hover{transform:translateY(-6px);}
.hp-s-card-img{width:100%;height:400px;border-radius:160px 160px 12px 12px;overflow:hidden;position:relative;margin-bottom:1.5rem;background:var(--sand);}
.hp-s-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.hp-s-card:hover .hp-s-card-img img{transform:scale(1.06);}
.hp-s-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(58,48,40,.4) 100%);border-radius:160px 160px 12px 12px;transition:opacity .4s;opacity:0;}
.hp-s-card:hover .hp-s-overlay{opacity:1;}
.hp-s-card h3{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:400;color:var(--charcoal);margin-bottom:.5rem;}
.hp-s-card p{font-size:.85rem;color:var(--brown);font-weight:300;line-height:1.7;padding:0 .5rem;max-width:280px;margin:0 auto;}
.hp-s-link{display:inline-block;margin-top:1rem;font-size:.75rem;letter-spacing:.18em;color:var(--tan-dark);text-decoration:none;font-weight:400;border-bottom:1px solid var(--tan-dark);padding-bottom:2px;transition:color .3s;}
.hp-s-link:hover{color:var(--charcoal);}

/* WHY US */
.hp-why{padding:7rem 5%;background:var(--beige-light);position:relative;overflow:hidden;}
.hp-why-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.hp-why-img-col{position:relative;height:560px;}
.hp-why-img-main{position:absolute;top:0;right:0;width:75%;height:80%;border-radius:200px 200px 12px 12px;overflow:hidden;background:var(--sand);}
.hp-why-img-main img{width:100%;height:100%;object-fit:cover;}
.hp-why-img-sm{position:absolute;bottom:0;left:0;width:50%;height:45%;border-radius:12px;overflow:hidden;border:6px solid var(--beige-light);z-index:2;}
.hp-why-img-sm img{width:100%;height:100%;object-fit:cover;}
.hp-why-content .hp-section-label{margin-bottom:1rem;}
.hp-why-content h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);line-height:1.35;margin-bottom:2rem;}
.hp-why-list{display:flex;flex-direction:column;gap:1.8rem;}
.hp-why-item{display:flex;gap:1.2rem;align-items:flex-start;}
.hp-why-icon{width:52px;height:52px;min-width:52px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--brown-dark);}
.hp-why-text h4{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;color:var(--charcoal);margin-bottom:.35rem;}
.hp-why-text p{font-size:.88rem;color:var(--brown);font-weight:300;line-height:1.75;}

/* TESTIMONIALS */
.hp-testimonials{padding:7rem 5%;background:var(--cream);position:relative;overflow:hidden;}
.hp-testimonials::before{content:'״';position:absolute;top:.5rem;right:5%;font-family:'Playfair Display',serif;font-size:20rem;color:var(--sand);opacity:.3;line-height:1;pointer-events:none;}
.hp-test-header{text-align:center;margin-bottom:4rem;position:relative;}
.hp-test-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--charcoal);}
.hp-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.hp-t-card{background:var(--beige-pale);padding:2.5rem 2rem;border-radius:12px;position:relative;transition:all .4s;border:1px solid transparent;}
.hp-t-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(58,48,40,.06);border-color:var(--sand);}
.hp-t-stars{color:var(--gold);font-size:.8rem;letter-spacing:.15em;margin-bottom:1.2rem;}
.hp-t-card blockquote{font-family:'Lora',serif;font-size:.98rem;color:var(--charcoal);font-weight:400;line-height:1.9;margin-bottom:1.3rem;font-style:italic;}
.hp-t-author{font-size:.82rem;color:var(--tan-dark);font-weight:500;letter-spacing:.05em;}
.hp-t-quote-mark{position:absolute;top:1.5rem;left:1.5rem;font-family:'Playfair Display',serif;font-size:3rem;color:var(--sand-dark);opacity:.4;line-height:1;}

/* ARTICLES */
.hp-articles{padding:7rem 5%;background:var(--beige-light);}
.hp-articles-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;}
.hp-articles-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--charcoal);}
.hp-articles-header a{color:var(--tan-dark);text-decoration:none;font-size:.8rem;letter-spacing:.12em;font-weight:400;border-bottom:1px solid var(--tan-dark);padding-bottom:3px;}
.hp-articles-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2rem;}
.hp-a-card{overflow:hidden;border-radius:12px;background:var(--cream);transition:transform .4s,box-shadow .4s;}
.hp-a-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(58,48,40,.06);}
.hp-a-card-img{width:100%;height:260px;overflow:hidden;background:var(--sand);}
.hp-a-card:first-child .hp-a-card-img{height:310px;}
.hp-a-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.hp-a-card:hover .hp-a-card-img img{transform:scale(1.05);}
.hp-a-card-body{padding:1.8rem 1.5rem;}
.hp-a-date{font-size:.72rem;color:var(--tan);letter-spacing:.15em;margin-bottom:.7rem;display:block;font-weight:300;}
.hp-a-card-body h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:400;color:var(--charcoal);line-height:1.5;margin-bottom:.6rem;}
.hp-a-card-body h3 a{color:inherit;text-decoration:none;}
.hp-a-card-body p{font-size:.85rem;color:var(--brown);line-height:1.7;font-weight:300;}

/* CTA */
.hp-cta{padding:7rem 5%;background:var(--sand);text-align:center;position:relative;overflow:hidden;}
.hp-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:var(--rose);opacity:.15;pointer-events:none;}
.hp-cta h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400;color:var(--charcoal);margin-bottom:1rem;position:relative;}
.hp-cta>p{font-size:1rem;color:var(--brown-dark);font-weight:300;max-width:480px;margin:0 auto 2.5rem;line-height:1.8;position:relative;}
.hp-cta-info{display:flex;justify-content:center;gap:3.5rem;margin-bottom:2.5rem;flex-wrap:wrap;position:relative;}
.hp-cta-item{text-align:center;}
.hp-ci-label{font-size:.68rem;letter-spacing:.3em;color:var(--brown);display:block;margin-bottom:.4rem;font-weight:300;}
.hp-ci-val{font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--charcoal);font-weight:400;}
.hp-ci-val a{color:var(--charcoal);text-decoration:none;}
.hp-cta-btn{display:inline-block;padding:1.1rem 3.5rem;background:var(--charcoal);color:var(--cream);text-decoration:none;font-size:.85rem;letter-spacing:.12em;font-weight:300;transition:all .4s;position:relative;}
.hp-cta-btn:hover{background:var(--brown-dark);transform:translateY(-2px);}

/* REVEAL */
.hp-reveal{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s ease;}
.hp-reveal.vis{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:1024px){
  .hp-why-layout{grid-template-columns:1fr;gap:3rem;}
  .hp-why-img-col{height:400px;}
  .hp-test-grid{grid-template-columns:1fr 1fr;}
  .hp-articles-grid{grid-template-columns:1fr 1fr;}
  .hp-s-card{flex:0 0 270px;} .hp-s-card-img{height:350px;}
}
@media(max-width:768px){
  .hp-hero-side{display:none;}
  .hp-hero-content{right:4%;left:4%;max-width:100%;}
  .hp-s-card{flex:0 0 260px;} .hp-s-card-img{height:330px;border-radius:130px 130px 10px 10px;}
  .hp-why{padding:5rem 4%;} .hp-why-img-col{height:320px;}
  .hp-why-img-main{width:70%;height:75%;border-radius:140px 140px 10px 10px;}
  .hp-test-grid{grid-template-columns:1fr;}
  .hp-articles-grid{grid-template-columns:1fr;}
  .hp-cta-info{gap:2rem;}
}

/* ══════════════════════════════════════════════════
   TREATMENT SINGLE PAGE — 1:1 מהדפים המקוריים
══════════════════════════════════════════════════ */
.s-hero{position:relative;height:65vh;min-height:500px;overflow:hidden;}
.s-hero-bg{position:absolute;inset:0;background:var(--hero-bg,url('https://images.unsplash.com/photo-1570172619644-dfd03ed5d881?w=1600&q=80')) center/cover no-repeat;}
.s-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(58,48,40,.3) 0%,rgba(58,48,40,.15) 30%,rgba(58,48,40,.6) 80%,rgba(58,48,40,.88) 100%);}
.s-hero-content{position:absolute;bottom:8%;right:5%;z-index:2;max-width:600px;}
.s-hero-content .breadcrumb{font-size:.75rem;color:var(--gold);letter-spacing:.1em;margin-bottom:1rem;font-weight:300;}
.s-hero-content .breadcrumb a{color:rgba(253,251,248,.6);text-decoration:none;transition:color .3s;}
.s-hero-content h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;color:var(--cream);line-height:1.2;margin-bottom:1rem;}
.s-hero-content p{font-size:1rem;color:rgba(253,251,248,.7);font-weight:300;line-height:1.8;max-width:480px;margin-bottom:2rem;}
.s-hero-content .hero-cta{display:inline-block;padding:.95rem 2.5rem;background:var(--tan);color:#fff;text-decoration:none;font-size:.83rem;letter-spacing:.08em;font-weight:400;transition:all .4s;}
.s-hero-content .hero-cta:hover{background:var(--tan-dark);transform:translateY(-2px);}
.intro{padding:6rem 5%;display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center;background:var(--cream);}
.intro-text .section-label{font-size:.7rem;letter-spacing:.4em;color:var(--tan);font-weight:300;margin-bottom:1rem;display:block;}
.intro-text h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;color:var(--charcoal);line-height:1.4;margin-bottom:1.5rem;}
.intro-text p{font-size:1rem;color:var(--brown);font-weight:300;line-height:1.9;margin-bottom:1rem;}
.intro-img{position:relative;}
.intro-img img{width:100%;height:450px;object-fit:cover;border-radius:200px 200px 12px 12px;}
.intro-img .float-badge{position:absolute;bottom:2rem;right:-1.5rem;background:var(--charcoal);color:var(--cream);padding:1.2rem 1.8rem;border-radius:8px;text-align:center;}
.float-badge .fb-num{font-family:'Playfair Display',serif;font-size:2rem;font-weight:400;display:block;color:var(--gold);}
.float-badge .fb-text{font-size:.72rem;letter-spacing:.1em;font-weight:300;}
.benefits{padding:6rem 5%;background:var(--beige-light);}
.benefits-header{text-align:center;margin-bottom:4rem;}
.benefits-header .section-label{font-size:.7rem;letter-spacing:.4em;color:var(--tan);font-weight:300;margin-bottom:.8rem;display:block;}
.benefits-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);}
.ben-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.ben-card{background:var(--cream);padding:2.5rem 2rem;border-radius:12px;text-align:center;transition:all .4s;border:1px solid transparent;}
.ben-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(58,48,40,.06);border-color:var(--sand);}
.ben-icon{width:56px;height:56px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;margin:0 auto 1.3rem;font-size:1.3rem;color:var(--brown-dark);}
.ben-card h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;color:var(--charcoal);margin-bottom:.7rem;}
.ben-card p{font-size:.87rem;color:var(--brown);font-weight:300;line-height:1.75;}
.process{padding:6rem 5%;background:var(--charcoal);}
.process-header{text-align:center;margin-bottom:4rem;}
.process-header .section-label{font-size:.7rem;letter-spacing:.4em;color:var(--gold);font-weight:300;margin-bottom:.8rem;display:block;}
.process-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--cream);}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.step{padding:2rem 1.5rem;border-right:2px solid var(--olive);}
.step-num{font-family:'Playfair Display',serif;font-size:2.5rem;color:var(--gold);opacity:.4;font-weight:400;margin-bottom:.8rem;}
.step h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;color:var(--cream);margin-bottom:.6rem;}
.step p{font-size:.87rem;color:var(--sage);font-weight:300;line-height:1.75;}
.faq{padding:6rem 5%;background:var(--cream);}
.faq-header{text-align:center;margin-bottom:3.5rem;}
.faq-header .section-label{font-size:.7rem;letter-spacing:.4em;color:var(--tan);font-weight:300;margin-bottom:.8rem;display:block;}
.faq-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);}
.faq-list{max-width:800px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--sand);}
.faq-q{width:100%;padding:1.5rem 0;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Heebo',sans-serif;font-size:1.05rem;color:var(--charcoal);font-weight:400;text-align:right;transition:color .3s;}
.faq-q:hover{color:var(--tan-dark);}
.faq-icon{font-size:1.5rem;color:var(--tan);transition:transform .3s;font-weight:300;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s;}
.faq-item.open .faq-a{max-height:300px;padding-bottom:1.5rem;}
.faq-a p{font-size:.95rem;color:var(--brown);font-weight:300;line-height:1.85;}
.cta-banner{padding:5rem 5%;background:var(--sand);text-align:center;position:relative;overflow:hidden;}
.cta-banner::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:var(--rose);opacity:.12;pointer-events:none;}
.cta-banner h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:400;color:var(--charcoal);margin-bottom:.8rem;position:relative;}
.cta-banner p{font-size:1rem;color:var(--brown-dark);font-weight:300;max-width:450px;margin:0 auto 2rem;line-height:1.8;position:relative;}
.cta-banner .cta-btn{display:inline-block;padding:1rem 3rem;background:var(--charcoal);color:var(--cream);text-decoration:none;font-size:.85rem;letter-spacing:.12em;font-weight:300;transition:all .4s;position:relative;}
.cta-banner .cta-btn:hover{background:var(--brown-dark);transform:translateY(-2px);}
.related{padding:6rem 5%;background:var(--beige-light);}
.related-header{text-align:center;margin-bottom:3.5rem;}
.related-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.rel-card{text-decoration:none;color:inherit;text-align:center;transition:transform .4s;}
.rel-card:hover{transform:translateY(-6px);}
.rel-img{width:100%;height:360px;border-radius:160px 160px 12px 12px;overflow:hidden;margin-bottom:1.3rem;background:var(--sand);}
.rel-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.rel-card:hover .rel-img img{transform:scale(1.06);}
.rel-card h3{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:400;color:var(--charcoal);margin-bottom:.5rem;}
.rel-link{font-size:.78rem;color:var(--tan-dark);letter-spacing:.12em;font-weight:400;}
@media(max-width:1024px){.intro{grid-template-columns:1fr;gap:3rem;}.intro-img img{height:350px;}.ben-grid{grid-template-columns:repeat(2,1fr);}.steps-grid{grid-template-columns:repeat(2,1fr);}.related-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.s-hero{height:55vh;min-height:420px;}.s-hero-content{right:4%;left:4%;}.intro{padding:4rem 4%;}.intro-img img{height:300px;border-radius:140px 140px 10px 10px;}.float-badge{display:none;}.ben-grid{grid-template-columns:1fr;}.steps-grid{grid-template-columns:1fr;}.related-grid{grid-template-columns:1fr;}.cta-banner{padding:4rem 4%;}}

/* ══ PAGE HERO — עקבי לכל הדפים ══ */
.page-hero{padding:5rem 5% 4rem;background:var(--cream);text-align:center;border-bottom:1px solid var(--sand);}
.page-hero-inner{max-width:700px;margin:0 auto;}
.page-hero .section-label{font-size:.7rem;letter-spacing:.4em;color:var(--tan);font-weight:300;display:block;margin-bottom:1rem;}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;color:var(--charcoal);line-height:1.2;margin-bottom:1rem;}
.page-hero p{font-size:1rem;color:var(--brown);font-weight:300;line-height:1.8;max-width:520px;margin:0 auto;}

/* ══ ARCHIVE TREATMENTS GRID ══ */
.archive-treat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.at-card{display:block;text-decoration:none;color:inherit;position:relative;overflow:hidden;background:var(--cream);}
.at-card-img{position:relative;height:380px;overflow:hidden;}
.at-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.at-card:hover .at-card-img img{transform:scale(1.07);}
.at-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(58,48,40,.85) 100%);}
.at-card-body{padding:2rem 2rem 2.5rem;border-bottom:1px solid var(--sand);}
.at-card-body h2{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:400;color:var(--charcoal);margin-bottom:.7rem;}
.at-card-body p{font-size:.88rem;color:var(--brown);font-weight:300;line-height:1.75;margin-bottom:1rem;}
.at-card-bens{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;}
.at-card-bens li{font-size:.75rem;color:var(--tan-dark);background:var(--beige);padding:.3rem .7rem;border-radius:20px;letter-spacing:.02em;}
.at-card-btn{display:inline-block;font-size:.78rem;letter-spacing:.1em;color:var(--tan-dark);font-weight:400;border-bottom:1px solid var(--tan);padding-bottom:2px;transition:color .3s,border-color .3s;}
.at-card:hover .at-card-btn{color:var(--brown-dark);border-color:var(--brown-dark);}
@media(max-width:1024px){.archive-treat-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.archive-treat-grid{grid-template-columns:1fr;}.at-card-img{height:280px;}}

/* ══ HP TREATMENTS SLIDER FIX ══ */
.hp-services{padding:5rem 0 5rem 5%;overflow:hidden;}
.hp-services-header{display:flex;justify-content:space-between;align-items:center;padding-left:5%;margin-bottom:2.5rem;}
.hp-services-header h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;color:var(--charcoal);}
.hp-slider-arrows{display:flex;gap:.6rem;}
.hp-slider-arrows button{width:42px;height:42px;border-radius:50%;border:1px solid var(--sand);background:var(--cream);cursor:pointer;font-size:1rem;color:var(--brown);transition:all .3s;display:flex;align-items:center;justify-content:center;}
.hp-slider-arrows button:hover{background:var(--tan);color:#fff;border-color:var(--tan);}
.hp-slider-viewport{overflow:hidden;}
.hp-slider-track{display:flex;gap:1.5rem;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform;}
.hp-treat-card{flex:0 0 calc(100%/3 - 1rem);text-decoration:none;color:inherit;display:block;}
.hp-treat-img{height:420px;border-radius:180px 180px 12px 12px;overflow:hidden;margin-bottom:1.2rem;}
.hp-treat-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.hp-treat-card:hover .hp-treat-img img{transform:scale(1.06);}
.hp-treat-body{padding:0 .5rem;text-align:center;}
.hp-treat-body h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:400;color:var(--charcoal);margin-bottom:.4rem;}
.hp-treat-body p{font-size:.83rem;color:var(--brown);font-weight:300;line-height:1.7;margin-bottom:.6rem;}
.hp-treat-link{font-size:.75rem;color:var(--tan-dark);letter-spacing:.1em;border-bottom:1px solid var(--tan);padding-bottom:1px;}
.hp-treat-card:hover .hp-treat-link{color:var(--brown-dark);}
@media(max-width:1024px){.hp-treat-card{flex:0 0 calc(50% - .75rem);}}
@media(max-width:640px){.hp-treat-card{flex:0 0 85%;}.hp-treat-img{height:320px;}}

/* ══ HP TREATMENTS SLIDER ══ */
.hp-services{padding:5rem 0 5rem 0;overflow:hidden;background:var(--cream);}
.hp-services-header{display:flex;justify-content:space-between;align-items:center;padding:0 5%;margin-bottom:2.5rem;}
.hp-services-header h2{font-family:"Playfair Display",serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;color:var(--charcoal);}
.hp-slider-arrows{display:flex;gap:.6rem;}
.hp-slider-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--sand);background:var(--cream);cursor:pointer;font-size:1.1rem;color:var(--brown);transition:all .3s;display:flex;align-items:center;justify-content:center;line-height:1;}
.hp-slider-arrows button:hover{background:var(--tan);color:#fff;border-color:var(--tan);}
.hp-slider-viewport{overflow:hidden;padding-right:5%;}
.hp-slider-track{display:flex;gap:1.5rem;transition:transform .55s cubic-bezier(.25,.46,.45,.94);will-change:transform;}
.hp-treat-card{flex:0 0 calc((100% - 3rem) / 3);text-decoration:none;color:inherit;display:block;cursor:pointer;}
.hp-treat-img{height:420px;border-radius:180px 180px 12px 12px;overflow:hidden;margin-bottom:1.2rem;}
.hp-treat-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.hp-treat-card:hover .hp-treat-img img{transform:scale(1.06);}
.hp-treat-body{padding:0 .5rem;text-align:center;}
.hp-treat-body h3{font-family:"Playfair Display",serif;font-size:1.2rem;font-weight:400;color:var(--charcoal);margin-bottom:.4rem;}
.hp-treat-body p{font-size:.83rem;color:var(--brown);font-weight:300;line-height:1.7;margin-bottom:.6rem;}
.hp-treat-link{font-size:.75rem;color:var(--tan-dark);letter-spacing:.1em;border-bottom:1px solid var(--tan);padding-bottom:1px;}
.hp-treat-card:hover .hp-treat-link{color:var(--brown-dark);}
@media(max-width:1024px){.hp-treat-card{flex:0 0 calc((100% - 1.5rem) / 2);}.hp-treat-img{height:360px;}}
@media(max-width:640px){.hp-treat-card{flex:0 0 85%;}.hp-treat-img{height:300px;}}
/* ══ TESTIMONIALS HOME ══ */
.hp-testimonials{padding:6rem 5%;background:var(--beige);}
.hp-testi-header{text-align:center;margin-bottom:3.5rem;}
.hp-testi-header .section-label{font-size:.7rem;letter-spacing:.4em;color:var(--tan);font-weight:300;display:block;margin-bottom:.8rem;}
.hp-testi-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);}
.hp-testi-track{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.hp-testi-card{background:var(--cream);padding:2.5rem 2rem;border-radius:12px;border:1px solid var(--sand);display:flex;flex-direction:column;gap:1rem;}
.hp-testi-stars{color:var(--gold);font-size:1.1rem;letter-spacing:.1em;}
.hp-testi-quote{font-family:'Lora',serif;font-size:1rem;color:var(--brown);font-weight:400;line-height:1.85;font-style:italic;margin:0;}
.hp-testi-author{margin-top:auto;padding-top:1rem;border-top:1px solid var(--sand);}
.hp-testi-author strong{display:block;font-size:.9rem;color:var(--charcoal);font-weight:600;}
.hp-testi-author span{font-size:.78rem;color:var(--tan-dark);font-weight:300;}
@media(max-width:768px){.hp-testi-track{grid-template-columns:1fr;}}

/* ══ TREAT CARD — שם על התמונה ══ */
.hp-treat-card{position:relative;}
.hp-treat-body{padding:.8rem .3rem 0;text-align:center;}
.hp-treat-body h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;color:var(--charcoal);margin-bottom:.3rem;}
.hp-treat-body .hp-treat-link{font-size:.75rem;color:var(--tan-dark);letter-spacing:.1em;border-bottom:1px solid var(--tan);padding-bottom:1px;}
.hp-treat-card:hover .hp-treat-body h3{color:var(--tan-dark);}

/* ══ ABOUT PAGE ══ */
.about-story{padding:6rem 5%;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;background:var(--cream);}
.about-story-img img{width:100%;height:500px;object-fit:cover;border-radius:200px 200px 12px 12px;}
.about-story-text .section-label{display:block;margin-bottom:1rem;}
.about-story-text h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;color:var(--charcoal);line-height:1.4;margin-bottom:1.5rem;}
.about-story-text p{font-size:1rem;color:var(--brown);font-weight:300;line-height:1.9;margin-bottom:1rem;}
.about-values{padding:6rem 5%;background:var(--beige);}
.about-values-header{text-align:center;margin-bottom:3.5rem;}
.about-values-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);}
.about-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.about-value-card{background:var(--cream);padding:2.5rem 2rem;border-radius:12px;text-align:center;}
.about-value-icon{width:52px;height:52px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.3rem;}
.about-value-card h3{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:400;color:var(--charcoal);margin-bottom:.5rem;}
.about-value-card p{font-size:.87rem;color:var(--brown);font-weight:300;line-height:1.75;}
.about-staff{padding:6rem 5%;background:var(--cream);}
.about-staff-header{text-align:center;margin-bottom:3.5rem;}
.about-staff-header h2{font-family:'Playfair Display',serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:400;color:var(--charcoal);}
.about-staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;}
.about-staff-card{text-align:center;}
.about-staff-img{height:320px;border-radius:160px 160px 12px 12px;overflow:hidden;margin-bottom:1.2rem;}
.about-staff-img img{width:100%;height:100%;object-fit:cover;}
.about-staff-card h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:400;color:var(--charcoal);margin-bottom:.3rem;}
.about-staff-role{font-size:.8rem;color:var(--tan-dark);letter-spacing:.08em;display:block;margin-bottom:.6rem;}
.about-staff-card p{font-size:.87rem;color:var(--brown);font-weight:300;line-height:1.7;}
@media(max-width:1024px){.about-story{grid-template-columns:1fr;}.about-values-grid{grid-template-columns:repeat(2,1fr);}.about-staff-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.about-values-grid{grid-template-columns:1fr;}.about-staff-grid{grid-template-columns:1fr;}}

/* ══ REVIEW FORM PAGE ══ */
.review-form-section{padding:5rem 5%;background:var(--cream);}
.review-form-wrap{max-width:640px;margin:0 auto;}
.review-intro{text-align:center;margin-bottom:3rem;}
.review-stars-display{font-size:2.5rem;color:var(--gold);letter-spacing:.2em;margin-bottom:1rem;}
.review-intro p{font-size:1rem;color:var(--brown);font-weight:300;line-height:1.8;}
.review-form{background:#fff;border:1px solid var(--sand);border-radius:16px;padding:2.5rem;}
.rf-row{margin-bottom:1.5rem;}
.rf-row label{display:block;font-size:.85rem;font-weight:600;color:var(--charcoal);margin-bottom:.5rem;letter-spacing:.03em;}
.rf-req{color:var(--tan);}
.rf-note{font-weight:300;color:#aaa;font-size:.78rem;}
.rf-row input[type=text],.rf-row input[type=tel],.rf-row select,.rf-row textarea{width:100%;padding:.75rem 1rem;border:1px solid #e0d8d0;border-radius:8px;font-family:inherit;font-size:.95rem;color:var(--charcoal);background:var(--cream);transition:border .3s;}
.rf-row input:focus,.rf-row select:focus,.rf-row textarea:focus{outline:none;border-color:var(--tan);}
.rf-row textarea{resize:vertical;min-height:120px;}
/* כוכבים */
.rf-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.3rem;}
.rf-stars input{display:none;}
.rf-stars label{font-size:2rem;color:#ddd;cursor:pointer;transition:color .2s;}
.rf-stars input:checked ~ label,.rf-stars label:hover,.rf-stars label:hover ~ label{color:var(--gold);}
.rf-submit{width:100%;padding:1rem;background:var(--tan);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:1rem;letter-spacing:.06em;cursor:pointer;transition:background .3s;}
.rf-submit:hover{background:var(--brown);}
.rf-submit:disabled{opacity:.6;cursor:not-allowed;}
.rf-msg{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center;font-size:.9rem;}
.rf-msg--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
.rf-msg--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;}

/* ══ BLOG ARCHIVE ══ */
.blog-archive{padding:4rem 5% 5rem;background:var(--cream);}

/* Featured card */
.blog-featured{display:grid;grid-template-columns:1.4fr 1fr;text-decoration:none;color:inherit;background:#fff;border-radius:16px;overflow:hidden;margin-bottom:3rem;box-shadow:0 4px 30px rgba(58,48,40,.06);transition:transform .4s,box-shadow .4s;}
.blog-featured:hover{transform:translateY(-4px);box-shadow:0 12px 50px rgba(58,48,40,.1);}
.blog-featured-img{position:relative;height:420px;overflow:hidden;}
.blog-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.blog-featured:hover .blog-featured-img img{transform:scale(1.04);}
.blog-featured-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(253,251,248,.3));}
.blog-featured-body{padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;}
.blog-featured-body .section-label{font-size:.68rem;letter-spacing:.35em;color:var(--tan);font-weight:300;}
.blog-featured-body h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400;color:var(--charcoal);line-height:1.35;}
.blog-featured-body p{font-size:.92rem;color:var(--brown);font-weight:300;line-height:1.8;}
.blog-read-more{font-size:.78rem;color:var(--tan-dark);letter-spacing:.1em;border-bottom:1px solid var(--tan);padding-bottom:2px;display:inline-block;margin-top:.5rem;}

/* Grid cards */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;}
.blog-card{text-decoration:none;color:inherit;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 20px rgba(58,48,40,.05);transition:transform .4s,box-shadow .4s;display:flex;flex-direction:column;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(58,48,40,.1);}
.blog-card-img{height:220px;overflow:hidden;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.blog-card:hover .blog-card-img img{transform:scale(1.06);}
.blog-card-body{padding:1.5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:.6rem;flex:1;}
.blog-card-date{font-size:.72rem;color:var(--tan);letter-spacing:.08em;font-weight:300;}
.blog-card-body h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:400;color:var(--charcoal);line-height:1.4;}
.blog-card-body p{font-size:.85rem;color:var(--brown);font-weight:300;line-height:1.7;flex:1;}
.blog-card-link{font-size:.75rem;color:var(--tan-dark);letter-spacing:.08em;margin-top:auto;}

/* Empty */
.blog-empty{text-align:center;padding:4rem;color:var(--brown);}
.blog-empty a{color:var(--tan-dark);border-bottom:1px solid var(--tan);}

/* Pagination */
.blog-pagination{text-align:center;}
.blog-pagination .page-numbers{display:inline-flex;gap:.4rem;list-style:none;padding:0;}
.blog-pagination .page-numbers li a,
.blog-pagination .page-numbers li span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--sand);border-radius:50%;font-size:.85rem;color:var(--brown);text-decoration:none;transition:all .3s;}
.blog-pagination .page-numbers li .current,
.blog-pagination .page-numbers li a:hover{background:var(--charcoal);color:var(--cream);border-color:var(--charcoal);}

@media(max-width:900px){.blog-featured{grid-template-columns:1fr;}.blog-featured-img{height:300px;}.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;}.blog-featured-body{padding:2rem 1.5rem;}}

/* ══ SINGLE POST ══ */
.single-post{background:var(--cream);}
.single-post .container{max-width:1200px;margin:0 auto;padding:5rem 5%;}
.single-post__layout{display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:start;}

/* ARTICLE */
.single-post__header{margin-bottom:2.5rem;}
.single-post__meta{display:flex;gap:1rem;align-items:center;margin-bottom:1.2rem;}
.single-post__meta time{font-size:.75rem;color:var(--tan);letter-spacing:.1em;font-weight:300;}
.single-post__cat{font-size:.72rem;background:var(--sand);color:var(--brown);padding:.25rem .8rem;border-radius:20px;}
.single-post__title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:400;color:var(--charcoal);line-height:1.25;margin-bottom:2rem;}
.single-post__thumbnail{border-radius:16px;overflow:hidden;margin-bottom:2.5rem;max-height:500px;}
.single-post__thumbnail img{width:100%;height:100%;object-fit:cover;}

/* BODY — תוכן המאמר */
.single-post__body{font-size:1.05rem;color:var(--brown);font-weight:300;line-height:1.95;}
.single-post__body h2{font-family:'Playfair Display',serif;font-size:1.7rem;font-weight:400;color:var(--charcoal);margin:2.5rem 0 1rem;}
.single-post__body h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--charcoal);margin:2rem 0 .8rem;}
.single-post__body p{margin-bottom:1.4rem;}
.single-post__body ul,.single-post__body ol{padding-right:1.5rem;margin-bottom:1.4rem;}
.single-post__body li{margin-bottom:.5rem;line-height:1.8;}
.single-post__body strong{font-weight:600;color:var(--charcoal);}
.single-post__body a{color:var(--tan-dark);border-bottom:1px solid var(--tan);text-decoration:none;}
.single-post__body blockquote{border-right:3px solid var(--tan);padding:1rem 1.5rem;margin:2rem 0;background:var(--beige);border-radius:0 8px 8px 0;font-family:'Lora',serif;font-style:italic;color:var(--brown-dark);}

/* FOOTER */
.single-post__footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--sand);}
.single-post__nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;}
.single-post__nav a{font-size:.85rem;color:var(--tan-dark);text-decoration:none;border-bottom:1px solid var(--tan);padding-bottom:2px;}
.tag{display:inline-block;font-size:.72rem;background:var(--beige);color:var(--brown);padding:.25rem .8rem;border-radius:20px;margin-left:.4rem;}

/* SIDEBAR */
.single-post__sidebar{position:sticky;top:100px;}
.sidebar-cta{background:#fff;border:1px solid var(--sand);border-radius:16px;padding:2rem;box-shadow:0 4px 30px rgba(58,48,40,.06);}
.sidebar-cta h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--charcoal);margin-bottom:.5rem;}
.sidebar-cta p{font-size:.85rem;color:var(--brown);font-weight:300;line-height:1.7;margin-bottom:1.5rem;}

/* RESPONSIVE */
@media(max-width:900px){
  .single-post__layout{grid-template-columns:1fr;}
  .single-post__sidebar{display:none;}
}

/* ══ FAQ PAGE ══ */
.faq-page-section{padding:5rem 5%;background:var(--cream);}
.faq-page-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start;}
.faq-page-list{display:flex;flex-direction:column;gap:0;}
.faq-page-item{border-bottom:1px solid var(--sand);}
.faq-page-item:first-child{border-top:1px solid var(--sand);}
.faq-page-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem 0;background:none;border:none;cursor:pointer;font-family:'Heebo',sans-serif;font-size:1rem;font-weight:600;color:var(--charcoal);text-align:right;transition:color .3s;}
.faq-page-q:hover{color:var(--tan-dark);}
.faq-page-item.open .faq-page-q{color:var(--tan-dark);}
.faq-page-icon{font-size:1.4rem;font-weight:300;color:var(--tan);min-width:20px;text-align:center;transition:transform .3s;}
.faq-page-a{overflow:hidden;max-height:0;transition:max-height .4s ease;}
.faq-page-a-inner{padding:0 0 1.5rem;font-size:.95rem;color:var(--brown);font-weight:300;line-height:1.85;}
.faq-page-a-inner p{margin-bottom:.8rem;}

/* Sidebar */
.faq-page-sidebar{position:sticky;top:100px;}
.faq-sidebar-cta{background:#fff;border:1px solid var(--sand);border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 4px 30px rgba(58,48,40,.06);}
.faq-sidebar-icon{width:56px;height:56px;border-radius:50%;background:var(--beige);border:2px solid var(--tan);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--tan-dark);margin:0 auto 1.2rem;}
.faq-sidebar-cta h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--charcoal);margin-bottom:.5rem;}
.faq-sidebar-cta p{font-size:.85rem;color:var(--brown);font-weight:300;line-height:1.7;margin-bottom:1.5rem;}
.faq-sidebar-btn{display:block;padding:.9rem;background:var(--charcoal);color:var(--cream);border-radius:6px;text-decoration:none;font-size:.9rem;letter-spacing:.06em;margin-bottom:.8rem;transition:background .3s;}
.faq-sidebar-btn:hover{background:var(--tan);}
.faq-sidebar-link{font-size:.82rem;color:var(--tan-dark);text-decoration:none;border-bottom:1px solid var(--tan);}

@media(max-width:860px){.faq-page-wrap{grid-template-columns:1fr;}.faq-page-sidebar{display:none;}}

/* ══ CONTACT PAGE ══ */
.contact-section{padding:5rem 5%;background:var(--cream);}
.contact-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.contact-info h2{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:400;color:var(--charcoal);margin-bottom:2rem;}
.contact-details{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.5rem;}
.contact-detail-item{display:flex;gap:1rem;align-items:flex-start;}
.contact-detail-icon{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--beige);border:1px solid var(--sand);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--tan-dark);}
.contact-detail-label{display:block;font-size:.72rem;letter-spacing:.08em;color:var(--tan);font-weight:300;margin-bottom:.2rem;}
.contact-detail-val{font-size:.95rem;color:var(--charcoal);font-weight:400;text-decoration:none;}
a.contact-detail-val:hover{color:var(--tan-dark);}
.contact-form-wrap h3{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--charcoal);margin-bottom:1.2rem;}
/* Map */
.contact-map-col{position:sticky;top:100px;}
.contact-map{height:420px;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(58,48,40,.1);}
.contact-map-info{margin-top:1.2rem;display:flex;flex-direction:column;gap:.5rem;}
.contact-map-info p{font-size:.85rem;color:var(--brown);font-weight:300;}
.contact-waze{display:inline-block;margin-top:.5rem;font-size:.82rem;color:var(--tan-dark);border-bottom:1px solid var(--tan);text-decoration:none;}
@media(max-width:860px){.contact-wrap{grid-template-columns:1fr;}.contact-map-col{position:static;}}

/* ══ CATEGORY TAG ══ */
a.single-post__cat {
  display: inline-block;
  font-size: .7rem;
  letter-spacing: .12em;
  font-weight: 400;
  color: var(--tan-dark);
  background: var(--beige);
  border: 1px solid var(--sand);
  padding: .3rem .9rem;
  border-radius: 20px;
  text-decoration: none;
  transition: all .3s;
}
a.single-post__cat:hover {
  background: var(--tan);
  color: #fff;
  border-color: var(--tan);
}

/* ══ LEGAL PAGES ══ */
.legal-body{padding:5rem 5%;background:var(--cream);}
.legal-wrap{max-width:800px;margin:0 auto;font-size:1rem;color:var(--brown);font-weight:300;line-height:2;}
.legal-wrap h2{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:400;color:var(--charcoal);margin:2.5rem 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid var(--sand);}
.legal-wrap h3{font-size:1.1rem;font-weight:600;color:var(--charcoal);margin:1.5rem 0 .5rem;}
.legal-wrap p{margin-bottom:1rem;}
.legal-wrap ul{padding-right:1.5rem;margin-bottom:1rem;}
.legal-wrap li{margin-bottom:.4rem;}
.legal-wrap a{color:var(--tan-dark);border-bottom:1px solid var(--tan);}
.legal-wrap strong{font-weight:600;color:var(--charcoal);}

/* ══ ARCHIVE ══ */
.ph { position:relative; height:45vh; min-height:350px; overflow:hidden; }
.ph-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.ph-ov { position:absolute; inset:0; background:linear-gradient(180deg,rgba(58,48,40,.3) 0%,rgba(58,48,40,.7) 100%); }
.ph-c { position:absolute; bottom:10%; right:0; left:0; text-align:center; z-index:2; padding:0 5%; }
.ph-c .bc { font-size:.75rem; color:var(--gold); letter-spacing:.1em; margin-bottom:1rem; font-weight:300; }
.ph-c .bc a { color:rgba(253,251,248,.6); text-decoration:none; }
.ph-c h1 { font-family:'Playfair Display',serif; font-size:clamp(2.5rem,5vw,3.5rem); font-weight:400; color:var(--cream); margin-bottom:.5rem; }
.ph-c p { font-size:.95rem; color:rgba(253,251,248,.65); font-weight:300; max-width:500px; margin:.5rem auto 0; }
.archive-cats { display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; padding:2rem 5% 0; background:var(--cream); }
.arc-cat-btn { padding:.45rem 1.2rem; border:1px solid var(--sand-dark,#d4c4b0); border-radius:20px; font-size:.78rem; color:var(--brown); text-decoration:none; font-weight:300; transition:all .3s; }
.arc-cat-btn:hover,.arc-cat-btn.active { background:var(--charcoal); color:var(--cream); border-color:var(--charcoal); }
.al { padding:3rem 5%; background:var(--cream); max-width:1000px; margin:0 auto; }
.ai-card { background:var(--beige-pale,#faf6f1); border-radius:12px; overflow:hidden; margin-bottom:2rem; transition:transform .4s,box-shadow .4s; border:1px solid transparent; }
.ai-card:hover { transform:translateY(-4px); box-shadow:0 20px 50px rgba(58,48,40,.06); border-color:var(--sand); }
.ai-card-link { display:grid; grid-template-columns:360px 1fr; text-decoration:none; color:inherit; }
.ai-img { height:260px; overflow:hidden; background:var(--sand); }
.ai-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.ai-card:hover .ai-img img { transform:scale(1.04); }
.ai-body { padding:2.5rem; display:flex; flex-direction:column; justify-content:center; }
.ai-meta { display:flex; gap:.8rem; margin-bottom:1rem; flex-wrap:wrap; font-size:.75rem; color:var(--brown); font-weight:300; }
.ai-cat { background:var(--sand); padding:.3rem .8rem; border-radius:20px; font-size:.72rem; letter-spacing:.08em; color:var(--brown-dark); font-weight:400; text-decoration:none; }
.ai-body h2 { font-family:'Playfair Display',serif; font-size:1.4rem; font-weight:400; color:var(--charcoal); line-height:1.45; margin-bottom:.8rem; }
.ai-body>p { font-size:.9rem; color:var(--brown); font-weight:300; line-height:1.8; margin-bottom:1rem; }
.ai-tags { display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:.8rem; }
.tag { font-size:.7rem; color:var(--olive,#9a9170); font-weight:300; }
.ai-rm { font-size:.8rem; color:var(--tan-dark); font-weight:400; letter-spacing:.08em; }
.archive-pagination { text-align:center; padding:2rem 0; }
.archive-pagination .page-numbers { padding:.4rem .9rem; margin:0 .2rem; border:1px solid var(--sand); color:var(--brown); text-decoration:none; border-radius:4px; }
.archive-pagination .page-numbers.current { background:var(--charcoal); color:#fff; border-color:var(--charcoal); }
.no-posts { text-align:center; padding:4rem; color:var(--brown); font-weight:300; }

/* Responsive */
@media(max-width:900px) {
  .ai-card-link { grid-template-columns:1fr; }
  .ai-img { height:220px; }
  .promo-inner { grid-template-columns:1fr; text-align:center; }
  .promo-team { justify-content:center; }
  .ra-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:640px) {
  .ra-grid { grid-template-columns:1fr; }
  .art-promo { margin:2rem 0; padding:2.5rem 4%; }
  .art-body { padding:2rem 4%; }
  .art-header { padding:2rem 4% 0; }
}

/* ══════════════════════════════════════
   SINGLE ARTICLE
══════════════════════════════════════ */

/* Hero — clean, no overlay */
.art-hero { position:relative; height:55vh; min-height:400px; overflow:hidden; margin-top:80px; }
.art-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; }

/* Narrow content wrapper */
.art-wrap { max-width:740px; margin:0 auto; padding:0 24px; }

/* Breadcrumb */
.art-breadcrumb { display:flex; gap:.4rem; align-items:center; padding:2rem 0 .8rem; font-size:.75rem; color:#9a9170; font-weight:300; flex-wrap:wrap; }
.art-breadcrumb a { color:#9a9170; text-decoration:none; transition:color .2s; }
.art-breadcrumb a:hover { color:var(--tan-dark); }
.art-breadcrumb span { opacity:.4; }

/* Meta bar */
.art-meta-bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.2rem; flex-wrap:wrap; gap:.8rem; }
.art-meta-right { display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; font-size:.78rem; color:#8b7260; font-weight:300; }
.art-cat { background:var(--sand,#e8dccf); padding:.28rem .85rem; border-radius:20px; font-size:.72rem; color:#6b5647; text-decoration:none; letter-spacing:.05em; }
.art-cat:hover { background:var(--tan); color:#fff; }
.art-date,.art-read { font-size:.78rem; }

/* Share buttons */
.art-share { display:flex; gap:.4rem; }
.art-share-btn { width:32px; height:32px; border-radius:50%; border:1px solid #e8dccf; background:#fff; color:#8b7260; cursor:pointer; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:all .25s; }
.art-share-btn:hover { background:var(--charcoal); color:#fff; border-color:var(--charcoal); }

/* Title */
.art-title { font-family:'Playfair Display',serif; font-size:clamp(1.9rem,4vw,2.7rem); font-weight:400; color:#3a3028; line-height:1.3; margin:0 0 1rem; }
.art-excerpt { font-size:1rem; color:#6b5647; font-weight:300; line-height:1.8; margin-bottom:1.2rem; font-style:italic; }
.art-divider { border:none; border-top:1px solid #e8dccf; margin:1.5rem 0 2rem; }

/* Video */
.art-video { margin:1.5rem 0 2rem; }
.art-video-wrap { position:relative; width:100%; padding-bottom:56.25%; border-radius:10px; overflow:hidden; background:#3a3028; box-shadow:0 10px 35px rgba(58,48,40,.12); }
.art-video-wrap iframe { position:absolute; inset:0; width:100%; height:100%; border:none; }
.art-video-caption { font-size:.8rem; color:#8b7260; font-weight:300; text-align:center; margin-top:.8rem; font-style:italic; }

/* Body */
.art-body { padding:0 0 1.5rem; font-size:.97rem; color:#3a3028; line-height:1.95; font-weight:300; }
.art-body h2 { font-family:'Playfair Display',serif; font-size:1.55rem; font-weight:400; color:#3a3028; margin:2.2rem 0 .9rem; }
.art-body h3 { font-size:1.1rem; font-weight:500; color:#6b5647; margin:1.6rem 0 .7rem; }
.art-body p { margin-bottom:1.1rem; }
.art-body ul,.art-body ol { padding-right:1.5rem; margin-bottom:1.2rem; }
.art-body li { margin-bottom:.5rem; }
.art-body a { color:#b8926e; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; }
.art-body strong { font-weight:500; color:#3a3028; }
.art-body blockquote { border-right:3px solid var(--gold,#c4a87a); padding:.8rem 1.2rem; margin:1.5rem 0; background:#faf6f1; font-style:italic; color:#6b5647; border-radius:0 6px 6px 0; }
.art-body img { width:100%; border-radius:10px; margin:1.5rem 0; display:block; }

/* Team promo — full width */
.art-promo { margin:2rem 0; padding:4rem 5%; background:#3a3028; position:relative; overflow:hidden; }
.art-promo::before { content:''; position:absolute; top:-30%; left:-10%; width:60%; height:160%; background:radial-gradient(ellipse,rgba(154,145,112,.07) 0%,transparent 70%); pointer-events:none; }
.promo-inner { max-width:880px; margin:0 auto; display:grid; grid-template-columns:1.2fr 1fr; gap:3rem; align-items:center; }
.promo-text .promo-label { font-size:.68rem; letter-spacing:.35em; color:#c4a87a; font-weight:300; margin-bottom:.8rem; display:block; text-transform:uppercase; }
.promo-text h3 { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:400; color:#fdfbf8; margin-bottom:1rem; line-height:1.35; }
.promo-text p { font-size:.9rem; color:#b5b09e; font-weight:300; line-height:1.8; margin-bottom:1.3rem; }
.promo-link { display:inline-block; padding:.65rem 1.8rem; border:1px solid #c4a87a; color:#c4a87a; text-decoration:none; font-size:.78rem; letter-spacing:.1em; transition:all .3s; }
.promo-link:hover { background:#c4a87a; color:#3a3028; }
.promo-team { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }
.promo-doc { text-align:center; }
.promo-doc img { width:90px; height:115px; border-radius:45px 45px 8px 8px; object-fit:cover; border:2px solid rgba(255,255,255,.1); margin-bottom:.5rem; display:block; }
.promo-doc strong { font-size:.8rem; color:#fdfbf8; font-weight:400; font-family:'Playfair Display',serif; display:block; line-height:1.3; }
.promo-doc span { font-size:.7rem; color:#b5b09e; font-weight:300; display:block; }

/* Tags */
.art-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin:1rem 0 1.5rem; }
.atag { font-size:.76rem; color:#9a9170; background:#f7f1ea; padding:.3rem .85rem; border-radius:20px; font-weight:300; text-decoration:none; transition:all .25s; }
.atag:hover { background:#e8dccf; color:#6b5647; }

/* Contact CTA */
.art-contact { margin:2rem 0 3rem; padding:2.5rem; background:#faf6f1; border-radius:12px; text-align:center; }
.art-contact-label { font-size:.68rem; letter-spacing:.3em; color:#c4a87a; font-weight:300; display:block; margin-bottom:.7rem; text-transform:uppercase; }
.art-contact h3 { font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:400; color:#3a3028; margin-bottom:.7rem; }
.art-contact p { font-size:.88rem; color:#8b7260; font-weight:300; margin-bottom:1.4rem; }
.art-contact-btn { display:inline-block; padding:.8rem 2.2rem; background:#3a3028; color:#fdfbf8; text-decoration:none; font-size:.8rem; letter-spacing:.1em; transition:all .3s; border-radius:2px; }
.art-contact-btn:hover { background:#6b5647; transform:translateY(-2px); }

/* Related */
.art-related { padding:4rem 5%; background:#faf6f1; }
.art-related-title { font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:400; color:#3a3028; text-align:center; margin-bottom:2.5rem; }
.ra-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; max-width:1100px; margin:0 auto; }
.ra-card { background:#fff; border-radius:10px; overflow:hidden; text-decoration:none; color:inherit; transition:transform .3s,box-shadow .3s; }
.ra-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(58,48,40,.08); }
.ra-img { height:160px; overflow:hidden; }
.ra-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.ra-card:hover .ra-img img { transform:scale(1.05); }
.ra-body { padding:1.2rem; }
.ra-cat { font-size:.68rem; letter-spacing:.08em; color:#b8926e; font-weight:400; display:block; margin-bottom:.4rem; }
.ra-body h4 { font-size:.88rem; color:#3a3028; font-weight:400; line-height:1.45; }

/* Responsive */
@media(max-width:900px) {
  .promo-inner { grid-template-columns:1fr; text-align:center; }
  .promo-team { justify-content:center; }
  .ra-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  .art-wrap { padding:0 16px; }
  .art-hero { height:42vh; min-height:280px; }
  .ra-grid { grid-template-columns:1fr; }
  .art-meta-bar { flex-direction:column; align-items:flex-start; }
}

/* ══ SINGLE — OVERRIDE תואם reference ══ */
.art-hero { position:relative; height:60vh; min-height:480px; overflow:hidden; margin-top:80px; }
.art-hero-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.art-hero-ov { position:absolute; inset:0; background:linear-gradient(180deg,rgba(58,48,40,.2) 0%,rgba(58,48,40,.1) 25%,rgba(58,48,40,.5) 70%,rgba(58,48,40,.92) 100%); }

.art-header { background:var(--cream,#fdfbf8); padding:3.5rem 5% 0; text-align:center; }
.art-bc { font-size:.75rem; color:var(--tan,#c9a88a); letter-spacing:.1em; margin-bottom:1.2rem; font-weight:300; }
.art-bc a { color:#8b7260; text-decoration:none; transition:color .3s; }
.art-bc a:hover { color:var(--tan-dark,#b8926e); }
.art-header h1 { font-family:'Playfair Display',serif; font-size:clamp(1.8rem,3.5vw,2.8rem); font-weight:400; color:#3a3028; line-height:1.4; max-width:780px; margin:0 auto 1.2rem; }
.art-excerpt { font-family:'Lora',serif; font-size:1.05rem; color:#8b7260; font-weight:400; font-style:italic; line-height:1.8; max-width:650px; margin:0 auto 1.5rem; }

.art-meta-bar { display:flex; justify-content:center; align-items:center; gap:1.5rem; flex-wrap:wrap; padding:1.5rem 0; border-top:1px solid #e8dccf; border-bottom:1px solid #e8dccf; max-width:780px; margin:0 auto; background:var(--cream,#fdfbf8); }
.am-item { font-size:.78rem; color:#8b7260; font-weight:300; }
.am-cat { background:#e8dccf; padding:.3rem .9rem; border-radius:20px; font-size:.72rem; letter-spacing:.1em; color:#6b5647; font-weight:400; }
.share-bar { display:flex; gap:.5rem; }
.share-btn { width:34px; height:34px; border-radius:50%; border:1px solid #d4c4b0; background:transparent; color:#8b7260; cursor:pointer; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:all .3s; }
.share-btn:hover { background:#3a3028; border-color:#3a3028; color:#fdfbf8; }

.art-video-outer { max-width:780px; margin:2.5rem auto 1rem; padding:0 5%; }
.art-video-inner { position:relative; width:100%; padding-bottom:56.25%; border-radius:12px; overflow:hidden; background:#3a3028; box-shadow:0 10px 35px rgba(58,48,40,.12); }
.art-video-inner iframe { position:absolute; inset:0; width:100%; height:100%; border:none; }
.art-video-caption { font-size:.8rem; color:#8b7260; text-align:center; margin-top:.8rem; font-style:italic; }

.art-body { max-width:780px; margin:0 auto; padding:3rem 5% 2rem; background:var(--cream,#fdfbf8); }
.art-body h2 { font-family:'Playfair Display',serif; font-size:1.55rem; font-weight:400; color:#3a3028; margin:2.5rem 0 1rem; line-height:1.4; }
.art-body h2:first-child { margin-top:0; }
.art-body h3 { font-size:1.1rem; font-weight:500; color:#6b5647; margin:1.6rem 0 .7rem; }
.art-body p { font-size:1.02rem; color:#4d4038; font-weight:300; line-height:2; margin-bottom:1.2rem; }
.art-body ul,.art-body ol { padding-right:1.5rem; margin-bottom:1.2rem; }
.art-body li { font-size:1rem; color:#4d4038; font-weight:300; line-height:1.9; margin-bottom:.4rem; }
.art-body a { color:#b8926e; text-decoration:underline; text-decoration-color:#d4c4b0; text-underline-offset:3px; font-weight:400; }
.art-body a:hover { color:#3a3028; }
.art-body strong { font-weight:500; color:#3a3028; }
.art-body blockquote { border-right:3px solid #c4a87a; padding:.8rem 1.2rem; margin:1.5rem 0; background:#faf6f1; font-style:italic; color:#6b5647; border-radius:0 6px 6px 0; }

.art-inline-img-wrap { max-width:780px; margin:0 auto 0; padding:0 5%; background:var(--cream,#fdfbf8); }
.art-inline-img-wrap img { width:100%; height:340px; object-fit:cover; border-radius:12px; display:block; }

.art-promo { margin:3rem 0; padding:4rem 5%; background:#3a3028; position:relative; overflow:hidden; }
.art-promo::before { content:''; position:absolute; top:-30%; left:-10%; width:60%; height:160%; background:radial-gradient(ellipse,rgba(154,145,112,.08) 0%,transparent 70%); pointer-events:none; }
.promo-inner { max-width:900px; margin:0 auto; display:grid; grid-template-columns:1fr 1.2fr; gap:3rem; align-items:center; }
.promo-team { display:flex; gap:1rem; flex-wrap:wrap; }
.promo-doc { text-align:center; }
.promo-doc img { width:110px; height:140px; border-radius:60px 60px 8px 8px; object-fit:cover; border:3px solid rgba(255,255,255,.1); margin-bottom:.6rem; display:block; }
.promo-doc strong { font-size:.82rem; color:#fdfbf8; font-weight:400; font-family:'Playfair Display',serif; display:block; }
.promo-doc span { font-size:.72rem; color:#b5b09e; font-weight:300; display:block; }
.promo-text .promo-label { font-size:.68rem; letter-spacing:.35em; color:#c4a87a; font-weight:300; margin-bottom:.8rem; display:block; }
.promo-text h3 { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:400; color:#fdfbf8; margin-bottom:1rem; line-height:1.35; }
.promo-text p { font-size:.92rem; color:#b5b09e; font-weight:300; line-height:1.8; margin-bottom:1.2rem; }
.promo-link { display:inline-block; padding:.7rem 2rem; border:1px solid #c4a87a; color:#c4a87a; text-decoration:none; font-size:.8rem; letter-spacing:.1em; transition:all .3s; }
.promo-link:hover { background:#c4a87a; color:#3a3028; }

.art-tags { max-width:780px; margin:0 auto; padding:1.5rem 5% 0; background:var(--cream,#fdfbf8); display:flex; flex-wrap:wrap; gap:.5rem; }
.atag { font-size:.78rem; color:#9a9170; background:#f7f1ea; padding:.35rem .9rem; border-radius:20px; font-weight:300; text-decoration:none; transition:all .25s; }
.atag:hover { background:#e8dccf; color:#6b5647; }

.art-contact { max-width:780px; margin:2rem auto; padding:3.5rem; background:#e8dccf; border-radius:16px; text-align:center; }
.art-contact-label { font-size:.68rem; letter-spacing:.3em; color:#6b5647; font-weight:300; display:block; margin-bottom:.7rem; }
.art-contact h3 { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:400; color:#3a3028; margin-bottom:.8rem; }
.art-contact p { font-size:.9rem; color:#6b5647; font-weight:300; margin-bottom:1.5rem; }
.art-contact-btn { display:inline-block; padding:.85rem 2.5rem; background:#3a3028; color:#fdfbf8; text-decoration:none; font-size:.82rem; letter-spacing:.1em; transition:all .3s; border-radius:2px; }
.art-contact-btn:hover { background:#6b5647; transform:translateY(-2px); }

.art-related { padding:4rem 5%; background:#f7f1ea; margin-top:3rem; }
.art-related-title { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:400; color:#3a3028; text-align:center; margin-bottom:2.5rem; }
.ra-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; max-width:1100px; margin:0 auto; }
.ra-card { background:#fff; border-radius:10px; overflow:hidden; text-decoration:none; color:inherit; transition:transform .3s,box-shadow .3s; }
.ra-card:hover { transform:translateY(-4px); box-shadow:0 12px 30px rgba(58,48,40,.08); }
.ra-img { height:160px; overflow:hidden; }
.ra-img img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.ra-card:hover .ra-img img { transform:scale(1.05); }
.ra-body { padding:1.2rem; }
.ra-cat { font-size:.68rem; letter-spacing:.08em; color:#b8926e; display:block; margin-bottom:.4rem; }
.ra-body h4 { font-size:.88rem; color:#3a3028; font-weight:400; line-height:1.45; }

@media(max-width:900px) {
  .promo-inner { grid-template-columns:1fr; text-align:center; }
  .promo-team { justify-content:center; }
  .ra-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:600px) {
  .art-hero { height:45vh; min-height:300px; }
  .art-header { padding:2.5rem 4% 0; }
  .art-body { padding:2rem 4%; }
  .ra-grid { grid-template-columns:1fr; }
  .art-contact { padding:2.5rem 1.5rem; margin:2rem 4%; }
  .art-inline-img-wrap { padding:0 4%; }
  .art-inline-img-wrap img { height:220px; }
}