*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: Georgia, 'Times New Roman', serif; color: #222; background: #fff; line-height: 1.75; background-image: url(img/pawel-light.webp); }
    a { color: #2a6496; text-decoration: none; }
    a:hover { text-decoration: underline; }
    img { max-width: 100%; height: auto; display: block; }

    /* ══ NAV ══ */
   

    /* ══ BREADCRUMB ══ */
    .breadcrumb { max-width:1400px; margin:0 auto; padding:12px 40px; font-family:Arial,sans-serif; font-size:0.82rem; color:#888; }
    .breadcrumb a { color:#2a6496; }
    .breadcrumb span { margin:0 6px; }

    /* ══ HERO — dark black/gold matching smile makeover ══ */
    .hero { background:#000000; border-bottom:2px solid #1a1a1a; }
    .hero-inner { max-width:1400px; margin:0 auto; padding:54px 40px 0; display:flex; gap:48px; align-items:flex-end; flex-wrap:wrap; }
    .hero-copy { flex:1; min-width:280px; padding-bottom:44px; }
    .eyebrow { font-family:Arial,sans-serif; font-size:0.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#ffb938; margin-bottom:14px; display:block; }
    .hero-copy h1 { font-size:2.1rem; color:#ffffff; line-height:1.22; margin-bottom:18px; }
    .hero-copy h1 em { font-style:normal; color:#ffb938; }
    .hero-copy .hero-intro { font-size:1.07rem; color:#f0f0f0; margin-bottom:26px; max-width:560px; line-height:1.75; }
    .stat-row { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:28px; }
    .stat-pill { background:rgba(255,255,255,.08); border:1.5px solid rgba(255,185,56,.4); border-radius:8px; padding:12px 18px; text-align:center; min-width:110px; }
    .stat-pill .stat-num { font-family:Arial,sans-serif; font-size:1.5rem; font-weight:800; color:#ffb938; display:block; line-height:1; }
    .stat-pill .stat-lbl { font-family:Arial,sans-serif; font-size:0.72rem; font-weight:600; color:#ccc; display:block; margin-top:5px; line-height:1.3; }
    .trust-row { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
    .trust-pill { font-family:Arial,sans-serif; font-size:0.81rem; font-weight:600; background:rgba(255,255,255,.1); border:1.5px solid rgba(255,185,56,.45); border-radius:20px; padding:6px 14px; color:#fff; display:flex; align-items:center; gap:6px; }
    .trust-pill .check { color:#ffb938; font-size:1rem; }
    .hero-cta-row { display:flex; flex-wrap:wrap; gap:12px; }
    .btn-primary { font-family:Arial,sans-serif; font-size:0.92rem; font-weight:700; background:#ffb938; color:#1a1a1a; padding:13px 28px; border-radius:4px; display:inline-block; transition:background .2s,color .2s; }
    .btn-primary:hover { background:#ffd280; color:#1a1a1a; text-decoration:none; }
    .btn-outline { font-family:Arial,sans-serif; font-size:0.92rem; font-weight:700; background:transparent; color:#ffb938; padding:12px 24px; border-radius:4px; border:2px solid #ffb938; display:inline-block; transition:background .2s,color .2s; }
    .btn-outline:hover { background:#ffb938; color:#000; text-decoration:none; }
    .hero-img-col { width:440px; flex-shrink:0; align-self:flex-end; }
    .hero-img-col img { border-radius:8px 8px 0 0; width:100%; }

    /* ══ QUICK LINKS — black matching ══ */
    .quick-links { background:#000000; padding:14px 40px; }
    .quick-links-inner { max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
    .quick-links-inner span { font-family:Arial,sans-serif; font-size:0.8rem; color:#aaa; margin-right:6px; }
    .quick-links-inner a { font-family:Arial,sans-serif; font-size:0.82rem; font-weight:600; color:#fff; background:rgba(255,255,255,.12); border-radius:3px; padding:5px 12px; transition:background .2s,color .2s; }
    .quick-links-inner a:hover { background:#ffb938; color:#000; text-decoration:none; }

    /* ══ LAYOUT ══ */
    .content { max-width:1400px; margin:0 auto; padding:0 40px; }
    hr.section-divider { border:none; border-top:1px solid #e0e0e0; margin:0; }

    /* ══ SECTION HEADER ══ */
    .section-header { text-align:center; margin-bottom:44px; }
    .section-header h2 { font-size:1.65rem; color:#1a1a1a; margin-bottom:12px; text-align: center; }
    .section-header p { font-size:1.03rem; color:#555; max-width:1200px; margin:0 auto; }

    /* ══ PAGE INTRO ══ */
    .page-intro { padding:56px 0 36px; }
    .page-intro h2 { font-size:1.65rem; color:#1a1a1a; margin-bottom:16px; }
    .page-intro p { font-size:1.05rem; color:#444; margin-bottom:14px; max-width:1200px; }
    .highlight-box { background:#f0f6fb; border-left:4px solid #2a6496; border-radius:0 6px 6px 0; padding:20px 24px; margin:24px 0; font-size:1rem; color:#333; line-height:1.75; }
    .highlight-box strong { color:#2a6496; }

    /* ══ WHY PRAXIS ══ */
    .why-section { background:#f7f9fc; padding:60px 0; border-top:2px solid #e3eaf3; border-bottom:2px solid #e3eaf3; }
    .why-inner { max-width:1400px; margin:0 auto; padding:0 40px; }
    .why-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:22px; }
    .why-card { background:#a7dcff; border:1px solid #dde5ef; border-radius:8px; padding:24px 22px; }
    .why-card-icon { font-size:2rem; margin-bottom:12px; }
    .why-card h3 { font-family:Arial,sans-serif; font-size:1rem; font-weight:700; color:#1a1a1a; margin-bottom:9px;  text-align: center;}
    .why-card p { font-size:0.93rem; color:#555; line-height:1.65; text-align: justify; }

    /* ══ CAUSES SECTION ══ */
    .causes-section { padding:56px 0; }
    .causes-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:20px; margin-top:32px; }
    .cause-card { background:#ffc5c5; border:1px solid #dde5ef; border-radius:8px; padding:22px 20px; display:flex; gap:16px; align-items:flex-start; }
    .cause-icon { font-size:2rem; flex-shrink:0; }
    .cause-card h3 { font-family:Arial,sans-serif; font-size:0.95rem; font-weight:700; color:#1a1a1a; margin-bottom:7px; text-align: center; }
    .cause-card p { font-size:0.89rem; color:#161616; line-height:1.6; text-align: justify; }

    /* ══ WHITENING OPTIONS ══ */
    .options-section { padding:60px 0; background:#f7f9fc; border-top:2px solid #e3eaf3; border-bottom:2px solid #e3eaf3; }
    .options-inner { max-width:1400px; margin:0 auto; padding:0 40px; }
    .options-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:26px; margin-top:36px; }
    .option-card { background:#fff; border:1px solid #dde5ef; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s,transform .2s; }
    .option-card:hover { box-shadow:0 8px 24px rgba(42,100,150,.12); transform:translateY(-3px); }
    .option-card-header { background:#1a1a1a; padding:20px 22px; }
    .option-tag { display:inline-block; font-family:Arial,sans-serif; font-size:0.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; background:#ffb938; color:#1a1a1a; border-radius:3px; padding:3px 9px; margin-bottom:10px; }
    .option-card-header h3 { font-family:Arial,sans-serif; font-size:1.05rem; font-weight:700; color:#fff; line-height:1.3; }
    .option-card-body { padding:22px 22px 18px; flex:1; display:flex; flex-direction:column; }
    .option-card-body p { font-size:0.94rem; color:#444; line-height:1.7; margin-bottom:16px; flex:1; }
    .option-meta { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:16px; }
    .option-meta-item { background:#f7f9fc; border-radius:6px; padding:10px 12px; }
    .option-meta-item .meta-label { font-family:Arial,sans-serif; font-size:0.7rem; font-weight:700; color:#888; text-transform:uppercase; letter-spacing:.05em; display:block; margin-bottom:3px; }
    .option-meta-item .meta-value { font-family:Arial,sans-serif; font-size:0.88rem; font-weight:700; color:#1a1a1a; display:block; }
    .option-price { font-family:Arial,sans-serif; font-size:0.85rem; font-weight:700; color:#1a1a1a; background:#ffb938; border-radius:4px; padding:8px 14px; display:inline-block; margin-bottom:14px; }
    .option-ideal { font-family:Arial,sans-serif; font-size:0.83rem; color:#555; border-left:3px solid #ffb938; padding-left:10px; line-height:1.5; }

    /* ══ PROCESS STEPS ══ */
    .process-section { padding:60px 0; }
    .process-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:26px; margin-top:36px; }
    .step-card { border:1px solid #dde5ef; border-radius:10px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
    .step-card-header { background:#1a1a1a; padding:18px 22px; display:flex; align-items:center; gap:16px; }
    .step-num { width:38px; height:38px; border-radius:50%; background:rgba(255,185,56,.2); border:2px solid #ffb938; display:flex; align-items:center; justify-content:center; font-family:Arial,sans-serif; font-size:1rem; font-weight:800; color:#ffb938; flex-shrink:0; }
    .step-card-header h3 { font-family:Arial,sans-serif; font-size:1rem; font-weight:700; color:#fff; line-height:1.3; }
    .step-card-body { padding:20px 22px; flex:1; }
    .step-card-body p { font-size:0.95rem; color:#444; line-height:1.7; margin-bottom:12px; }
    .step-card-body p:last-child { margin-bottom:0; }
    .step-bullets { list-style:none; padding:0; margin:10px 0 0; }
    .step-bullets li { font-size:0.92rem; color:#333; padding:6px 0 6px 22px; border-bottom:1px solid #f2f2f2; position:relative; }
    .step-bullets li:last-child { border-bottom:none; }
    .step-bullets li::before { content:'✓'; position:absolute; left:0; color:#27ae60; font-weight:700; }
    .step-bullets li strong { color:#1a1a1a; }

    /* ══ GALLERY ══ */
    .gallery-section { padding:56px 0; background:#f7f9fc; border-top:2px solid #e3eaf3; border-bottom:2px solid #e3eaf3; }
    .gallery-inner { max-width:1400px; margin:0 auto; padding:0 40px; }
    .gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:20px; margin-top:32px; }
    .gallery-item { border-radius:8px; overflow:hidden; position:relative; box-shadow:0 2px 8px rgba(0,0,0,.08); }
    .gallery-item img { width:100%; display:block; transition:transform .35s; }
    .gallery-item:hover img { transform:scale(1.04); }
    .gallery-caption { position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,.6); color:#fff; font-family:Arial,sans-serif; font-size:0.78rem; font-weight:600; padding:10px 14px; line-height:1.3; }
    .shade-badge { position:absolute; top:12px; right:12px; background:#ffb938; color:#1a1a1a; font-family:Arial,sans-serif; font-size:0.78rem; font-weight:800; padding:4px 10px; border-radius:20px; }

    /* ══ PRICING TABLE ══ */
    .pricing-section { padding:56px 0; }
    .pricing-section h2 { font-size:1.65rem; color:#1a1a1a; margin-bottom:12px; }
    .pricing-section .pricing-intro { font-size:1.03rem; color:#555; max-width:1150px; margin-bottom:32px; }
    .pricing-table { width:100%; border-collapse:collapse; font-family:Arial,sans-serif; font-size:0.93rem; }
    .pricing-table th { background:#1a1a1a; color:#ffb938; padding:14px 18px; text-align:left; font-size:0.84rem; letter-spacing:.03em; }
    .pricing-table td { padding:12px 18px; border-bottom:1px solid #e8e8e8; color:#333; }
    .pricing-table tr:nth-child(even) td { background:#f7f9fc; }
    .pricing-table tr:last-child td { border-bottom:none; }
    .pricing-table td:nth-child(4) { font-weight:700; color:#2a6496; }
    .pricing-note { font-size:0.88rem; color:#777; margin-top:16px; font-style:italic; }

    /* ══ DOCTOR TWO-COLUMN CARD ══ */
    .doctor-section { padding:56px 0; border-top:2px solid #e8e8e8; }
    .doctor-card { display:flex; gap:0; align-items:stretch; flex-wrap:wrap; border:1px solid #dde5ef; border-radius:12px; overflow:hidden; box-shadow:0 6px 28px rgba(0,0,0,.08); background:#fff; }
    .doctor-photo-col { width:320px; flex-shrink:0; position:relative; background:#1a1a1a; }
    .doctor-photo-col img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; min-height:480px; }
    .doctor-photo-badge { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent,rgba(0,0,0,.75)); padding:32px 18px 18px; color:#fff; text-align:center; }
    .doctor-photo-badge .badge-name { font-family:Georgia,serif; font-size:1.05rem; font-weight:700; color:#fff; line-height:1.3; display:block; margin-bottom:4px; }
    .doctor-photo-badge .badge-title { font-family:Arial,sans-serif; font-size:0.78rem; color:#ffb938; font-weight:600; letter-spacing:.04em; display:block; }
    .doctor-text-col { flex:1; min-width:280px; padding:40px 44px; display:flex; flex-direction:column; justify-content:center; background:#fff; }
    .doctor-text-col .section-eyebrow { font-family:Arial,sans-serif; font-size:0.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#2a6496; margin-bottom:12px; display:block; }
    .doctor-text-col h2 { font-size:1.6rem; color:#1a1a1a; margin-bottom:18px; line-height:1.25; }
    .doctor-text-col p { font-size:1rem; color:#444; margin-bottom:14px; line-height:1.8; }
    .credentials-grid { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 24px; }
    .credential-badge { font-family:Arial,sans-serif; font-size:0.78rem; font-weight:600; background:#eaf2fb; color:#2a6496; border:1px solid #c5d8eb; border-radius:4px; padding:5px 11px; }
    .credential-badge.gold { background:#fef9ec; color:#a0760a; border-color:#f0d87a; }
    .doctor-text-col .cta-link { display:inline-block; background:#ffb938; color:#1a1a1a; padding:11px 24px; border-radius:4px; font-family:Arial,sans-serif; font-size:0.9rem; font-weight:700; transition:background .2s; align-self:flex-start; }
    .doctor-text-col .cta-link:hover { background:#ffd280; text-decoration:none; }
    @media(max-width:860px){ .doctor-card{flex-direction:column;} .doctor-photo-col{width:100%;} .doctor-photo-col img{min-height:280px;max-height:380px;} .doctor-text-col{padding:28px 24px;} }

    /* ══ FAQ ══ */
    .faq-section { background:#f7f9fc; padding:60px 0; border-top:2px solid #e3eaf3; border-bottom:2px solid #e3eaf3; }
    .faq-inner { max-width:1400px; margin:0 auto; padding:0 40px; }
    .faq-two-col { display:grid; grid-template-columns:1fr 1fr; gap:0 52px; }
    .faq-item { border-bottom:1px solid #dde5ef; }
    .faq-item:first-child { border-top:1px solid #dde5ef; }
    .faq-question { display:flex; justify-content:space-between; align-items:center; width:100%; padding:18px 4px; background:none; border:none; cursor:pointer; text-align:left; gap:16px; }
    .faq-question-text { font-family:Georgia,serif; font-size:1.03rem; font-weight:700; color:#1a1a1a; line-height:1.4; }
    .faq-icon { flex-shrink:0; width:24px; height:24px; border-radius:50%; background:#e3eaf3; display:flex; align-items:center; justify-content:center; font-size:1.1rem; color:#2a6496; font-weight:700; transition:background .2s,transform .25s; line-height:1; }
    .faq-item.open .faq-icon { background:#ffb938; color:#1a1a1a; transform:rotate(45deg); }
    .faq-answer { max-height:0; overflow:hidden; transition:max-height .35s ease; }
    .faq-item.open .faq-answer { max-height:600px; }
    .faq-answer-inner { font-size:0.97rem; color:#444; line-height:1.75; padding:0 4px 18px; }
    .faq-answer-inner a { color:#2a6496; font-weight:600; }
    .faq-cta { text-align:center; margin-top:36px; }
    .faq-cta a { font-family:Arial,sans-serif; font-size:0.9rem; font-weight:700; color:#1a1a1a; background:#ffb938; border-radius:4px; padding:12px 28px; display:inline-block; transition:background .2s; }
    .faq-cta a:hover { background:#ffd280; text-decoration:none; }

    /* ══ RELATED ══ */
    .related-section { padding:56px 0; }
    .related-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; margin-top:32px; }
    .related-card { border:1px solid #dde5ef; border-radius:8px; overflow:hidden; transition:box-shadow .2s,transform .2s; background:#fff; }
    .related-card:hover { box-shadow:0 8px 24px rgba(42,100,150,.12); transform:translateY(-3px); }
    .related-card-img img { width:100%; height:; object-fit:cover; }
    .related-card-body { padding:16px 18px; }
    .related-card-body h3 { font-size:1.03rem; color:#1a1a1a; margin-bottom:8px; line-height:1.3; }
    .related-card-body h3 a { color:#1a1a1a; }
    .related-card-body h3 a:hover { color:#2a6496; }
    .related-card-body p { font-size:0.88rem; color:#555; line-height:1.6; margin-bottom:12px; }
    .related-card-body .card-link { font-family:Arial,sans-serif; font-size:0.84rem; font-weight:700; color:#2a6496; }

    /* ══ BLOG ══ */
    .blog-section { padding:56px 0; }
    .blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:24px; margin-top:32px; }
    .blog-card { border:1px solid #dde5ef; border-radius:8px; background:#fff; display:flex; flex-direction:column; transition:box-shadow .2s,transform .2s; }
    .blog-card:hover { box-shadow:0 8px 24px rgba(42,100,150,.12); transform:translateY(-3px); }
    .blog-card-tag { font-family:Arial,sans-serif; font-size:0.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#2a6496; background:#eaf2fb; border-radius:3px; padding:3px 8px; display:inline-block; margin-bottom:10px; }
    .blog-card-body { padding:20px 20px 14px; flex:1; display:flex; flex-direction:column; }
    .blog-card-body h3 { font-size:1.04rem; color:#1a1a1a; margin-bottom:10px; line-height:1.4; }
    .blog-card-body h3 a { color:#1a1a1a; }
    .blog-card-body h3 a:hover { color:#2a6496; text-decoration:none; }
    .blog-card-body p { font-size:0.91rem; color:#555; line-height:1.65; flex:1; margin-bottom:12px; }
    .blog-card-footer { padding:12px 20px; border-top:1px solid #f0f0f0; }
    .blog-card-footer a { font-family:Arial,sans-serif; font-size:0.85rem; font-weight:700; color:#2a6496; }

    /* ══ CTA STRIP ══ */
    .cta-strip { background:#000000; padding:48px 24px; text-align:center; }
    .cta-strip h2 { font-size:1.55rem; color:#fff; margin-bottom:12px; }
    .cta-strip p { font-size:1.05rem; color:#bbb; margin-bottom:24px; max-width:620px; margin-left:auto; margin-right:auto; }
    .cta-strip-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
    .btn-white { font-family:Arial,sans-serif; font-size:0.92rem; font-weight:700; background:#ffb938; color:#1a1a1a; padding:13px 28px; border-radius:4px; display:inline-block; transition:background .2s; }
    .btn-white:hover { background:#ffd280; text-decoration:none; }
    .btn-outline-white { font-family:Arial,sans-serif; font-size:0.92rem; font-weight:700; background:transparent; color:#ffb938; padding:12px 26px; border-radius:4px; border:2px solid #ffb938; display:inline-block; transition:background .2s,color .2s; }
    .btn-outline-white:hover { background:#ffb938; color:#000; text-decoration:none; }

    /* ══ FOOTER ══ */
    footer { background:#1a1a1a; color:#ccc; padding:40px 20px 20px; }
    .footer-inner { max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; }
    .footer-col h4 { color:#fff; font-size:1rem; margin-bottom:12px; }
    .footer-col ul { list-style:none; }
    .footer-col ul li { margin-bottom:7px; }
    .footer-col ul li a { color:#bbb; font-size:0.9rem; }
    .footer-col ul li a:hover { color:#fff; }
    .footer-bottom { max-width:1400px; margin:24px auto 0; border-top:1px solid #333; padding-top:16px; font-size:0.8rem; color:#888; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; }
    .social-links a { color:#bbb; margin-right:12px; font-size:0.9rem; }
    .social-links a:hover { color:#fff; }

    /* ══ RESPONSIVE ══ */
    @media(max-width:900px){
      .breadcrumb,.content,.why-inner,.faq-inner,.options-inner,.gallery-inner { padding:0 20px; }
      .hero-inner { padding:36px 20px 0; }
      .quick-links { padding:12px 20px; }
      .hero-img-col { width:100%; }
      .hero-copy h1 { font-size:1.6rem; }
      .faq-two-col { grid-template-columns:1fr; }
    }
    @media(max-width:650px){
      .hero-copy h1 { font-size:1.3rem; }
      .stat-row { gap:10px; } .stat-pill { min-width:90px; }
      .options-grid,.process-grid,.why-grid,.causes-grid,.related-grid,.blog-grid { grid-template-columns:1fr; }
      .hero-cta-row { flex-direction:column; }
      .btn-primary,.btn-outline { text-align:center; }
      .option-meta { grid-template-columns:1fr 1fr; }
      .pricing-table { font-size:0.82rem; }
      .cta-strip h2 { font-size:1.25rem; }
    }