.elementor-259 .elementor-element.elementor-element-c94c725{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* --- AMER ATELIER: FEE GUIDE STYLESHEET V2.6 (DEFINITIVE MOBILE CARD FIX) --- */

/* --- 1. CORE SETUP & VARIABLES --- */
:root {
    --white: #FFFFFF;
    --black: #0F0F10;
    --charcoal: #1B1B1C;
    --background: #faf8f3;
    --border-color: rgba(27, 27, 28, 0.15);
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --transition-fast: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- 2. BASE STYLES & TYPOGRAPHY --- */
.amer-atelier-london-content.fee-guide-page { font-family: var(--font-primary); background: var(--white); color: var(--charcoal); line-height: 1.8; overflow-x: hidden; font-weight: 300; -webkit-font-smoothing: antialiased; }
.fee-guide-page * { margin: 0; padding: 0; box-sizing: border-box; }
.fee-guide-page a { color: inherit; text-decoration: none; transition: color var(--transition-fast); }
.fee-guide-page .container { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.fee-guide-page .page-title, .fee-guide-page .section-title { font-family: var(--font-primary); font-weight: 500; line-height: 1.2; letter-spacing: 0.02em; color: var(--black); text-wrap: balance; text-transform: uppercase; }
.fee-guide-page .page-title { font-size: clamp(1.8rem, 4vw, 2.2rem); }
.fee-guide-page .section-title { font-size: clamp(1.4rem, 3vw, 1.8rem); }
.fee-guide-page .subtitle { font-size: clamp(0.9rem, 1.3vw, 1rem); font-weight: 300; color: var(--charcoal); max-width: 700px; line-height: 1.6; margin: 1.5rem auto 0; }
.fee-guide-page .eyebrow { display: block; font-size: 12px; font-weight: 500; color: var(--charcoal); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 20px; }

/* --- 3. REUSABLE COMPONENTS --- */
.fee-guide-page .btn { padding: 16px 40px; border: 1px solid var(--charcoal); background: transparent; color: var(--charcoal); font-size: 14px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; transition: var(--transition-slow); cursor: pointer; display: inline-flex; }
.fee-guide-page .btn:hover { background: var(--charcoal); color: var(--white); }
.fee-guide-page .btn-discreet { padding: 8px 20px; font-size: 12px; border-color: var(--border-color); color: var(--charcoal); }
.fee-guide-page .btn-discreet:hover { border-color: var(--charcoal); }
.fee-guide-page .section-divider { border: none; height: 1px; background-color: var(--black); max-width: 120px; margin: 0 auto; }

/* --- 4. PAGE-SPECIFIC SECTION STYLING --- */
.fee-guide-page .page-hero { position: relative; height: 80vh; padding: 0; }
.fee-guide-page .hero-background-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fee-guide-page .hero-background-image img { width: 100%; height: 100%; object-fit: cover; }
.fee-guide-page .page-introduction { padding: 6rem 0; text-align: center; background-color: var(--white); }
.fee-guide-page .page-introduction .subtitle { max-width: 800px; }
.fee-guide-page .fee-guide-main { padding: 6rem 0; background-color: var(--white); }
.fee-guide-page .consultation-first { padding: 6rem 0; background-color: var(--background); }
.fee-guide-page .final-cta { padding: 6rem 0; text-align: center; background-color: var(--white); }
.fee-guide-page .final-cta .subtitle { margin-bottom: 2.5rem; }

/* --- 5. ACCORDION & PRICING LIST STYLES --- */
.fee-guide-page .fee-guide-accordion { max-width: 900px; margin: 0 auto; background-color: var(--white); border: 1px solid var(--border-color); }
.fee-guide-page .accordion-item { border-bottom: 1px solid var(--border-color); }
.fee-guide-page .accordion-item:last-child { border-bottom: none; }
.fee-guide-page .accordion-header { background: none; border: none; width: 100%; padding: 2.5rem; text-align: left; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: var(--transition-fast); }
.fee-guide-page .accordion-header:hover { opacity: 0.7; }
.fee-guide-page .accordion-header h3 { font-family: var(--font-primary); font-size: clamp(1.2rem, 2.5vw, 1.5rem); font-weight: 500; color: var(--black); text-transform: uppercase; letter-spacing: 0.03em; }
.fee-guide-page .accordion-icon { width: 20px; height: 20px; position: relative; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); flex-shrink: 0; margin-left: 2rem; }
.fee-guide-page .accordion-icon::before, .fee-guide-page .accordion-icon::after { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: var(--charcoal); }
.fee-guide-page .accordion-icon::after { transform: rotate(90deg); }
.fee-guide-page .accordion-item.active .accordion-icon { transform: rotate(135deg); }
.fee-guide-page .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }
.fee-guide-page .pricing-list { padding: 0 2.5rem 1.5rem; }

/* Desktop Pricing Row Structure */
.fee-guide-page .pricing-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 20px; padding: 1rem 0; border-top: 1px solid var(--border-color); }
.fee-guide-page .treatment-details { display: flex; flex-direction: column; }
.fee-guide-page .treatment-name { font-size: 1rem; font-weight: 400; line-height: 1.4; }
.fee-guide-page .read-more { display: block; font-size: 0.8rem; opacity: 0.7; font-weight: 300; margin-top: 2px; }
.fee-guide-page .read-more a { text-decoration: underline; }
.fee-guide-page .read-more a:hover { color: var(--black); opacity: 1; }
.fee-guide-page .price-details { text-align: right; }
.fee-guide-page .price-value { font-weight: 400; white-space: nowrap; display: block; }
.fee-guide-page .price-note { font-size: 0.8rem; opacity: 0.7; white-space: nowrap; display: block; margin-top: 2px; }
.fee-guide-page .pricing-subcategory { font-size: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border-color); }
.fee-guide-page .pricing-list > h4:first-of-type { margin-top: 1rem; }

.fee-guide-page .consultation-first .section-content { display: grid; grid-template-columns: 1fr 1.2fr; gap: 100px; align-items: center; }
.fee-guide-page .consultation-first .image-wrapper { height: 600px; }
.fee-guide-page .consultation-first .image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
.fee-guide-page .consultation-first .content-text .subtitle { margin-left: 0; margin-right: 0; }

/* --- 6. RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 1024px) {
    .fee-guide-page .page-introduction, .fee-guide-page .fee-guide-main, .fee-guide-page .consultation-first, .fee-guide-page .final-cta { padding: 4rem 0; }
    .fee-guide-page .consultation-first .section-content { grid-template-columns: 1fr; gap: 60px; }
    .fee-guide-page .consultation-first .image-wrapper { order: -1; height: 50vh; }
}

@media (max-width: 768px) {
    .fee-guide-page .container { padding: 0 20px; }
    .fee-guide-page .page-introduction, .fee-guide-page .fee-guide-main, .fee-guide-page .consultation-first, .fee-guide-page .final-cta { padding: 3rem 0; }
    .fee-guide-page .page-hero { height: 60vh; }
    .fee-guide-page .accordion-header { padding: 1.5rem; }
    .fee-guide-page .pricing-list { padding: 1.5rem; }

    /* DEFINITIVE MOBILE CARD LAYOUT */
    .fee-guide-page .pricing-row {
        display: block; /* Change display from grid to block */
        border: 1px solid var(--border-color); /* Add the card outline */
        padding: 1.5rem;
        margin-bottom: 1rem; /* Space between cards */
        border-top: 1px solid var(--border-color); /* Ensure top border exists */
    }
    .fee-guide-page .pricing-row:last-child {
        margin-bottom: 0;
    }
    .fee-guide-page .treatment-details,
    .fee-guide-page .price-details {
        text-align: left;
        margin-bottom: 1rem; /* Space between content and button */
    }
    .fee-guide-page .price-value { display: block; }
    .fee-guide-page .price-note { display: block; margin-top: 4px; }
    .fee-guide-page .btn-discreet {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .fee-guide-page .pricing-subcategory {
        padding-left: 0; /* Reset padding for mobile */
        padding-right: 0;
    }
}/* End custom CSS */