/* ============================================
   SERVICE PAGES STYLES
   ============================================ */

/* Service Hero */
.service-hero{padding:6rem 0 4rem;background:linear-gradient(135deg,#f0f7ff 0%,#e8f4fd 100%)}
.breadcrumb{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#64748b;margin-bottom:2rem}
.breadcrumb a{color:#475569;transition:color 0.2s}
.breadcrumb a:hover{color:#0066cc}
.breadcrumb i{font-size:0.625rem}
.service-hero-content{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:start}
.service-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#e6f2ff;color:#0066cc;border-radius:9999px;font-size:0.875rem;font-weight:600;margin-bottom:1rem}
.service-hero-text h1{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:1rem;line-height:1.2}
.service-hero-desc{font-size:1.125rem;color:#475569;line-height:1.7;margin-bottom:1.5rem}
.service-hero-features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.shf-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:white;border-radius:0.75rem;font-size:0.875rem;font-weight:500;color:#334155;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.shf-item i{color:#0066cc}
.service-hero-actions{display:flex;gap:1rem;flex-wrap:wrap}

/* Price Card */
.price-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 10px 40px rgba(0,102,204,0.15);border:2px solid #b3d9ff}
.price-card-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}
.price-label{font-size:0.875rem;color:#64748b;display:block;margin-bottom:0.5rem}
.price-value{font-size:2.5rem;font-weight:800;color:#0066cc}
.price-value span{font-size:1.25rem;font-weight:600}
.price-features{list-style:none;padding:0;margin:0 0 1.5rem}
.price-features li{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0;border-bottom:1px solid #f1f5f9;font-size:0.95rem;color:#334155}
.price-features li:last-child{border-bottom:none}
.price-features li i{color:#10b981;font-size:1rem}

/* Service Content */
.service-content{padding:4rem 0}
.content-grid{display:grid;grid-template-columns:1fr 350px;gap:3rem}
.content-main h2{font-size:1.75rem;font-weight:700;color:#0f172a;margin-bottom:1rem}
.content-main h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:2rem 0 1rem}
.content-main p{color:#475569;line-height:1.8;margin-bottom:1rem}
.content-main strong{color:#0f172a}

/* Styled List */
.styled-list{list-style:none;padding:0;margin:0 0 1.5rem}
.styled-list li{position:relative;padding:0.5rem 0 0.5rem 1.75rem;color:#334155}
.styled-list li::before{content:"✓";position:absolute;left:0;color:#0066cc;font-weight:700}

/* Docs List */
.docs-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:0.75rem}
.docs-list li{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:0.75rem;color:#334155}
.docs-list li i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#b3d9ff;color:#0066cc;border-radius:0.5rem;font-size:1rem}

/* Tariff Table */
.tariff-table{overflow-x:auto;margin:1.5rem 0}
.tariff-table table{width:100%;border-collapse:collapse;background:white;border-radius:0.75rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.tariff-table th,.tariff-table td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid #f1f5f9}
.tariff-table th{background:#0066cc;color:white;font-weight:600;font-size:0.9rem}
.tariff-table tr:last-child td{border-bottom:none}
.tariff-table tr:hover td{background:#f8fafc}
.tariff-table td:last-child{font-weight:600;color:#0066cc}
.table-note{font-size:0.8rem;color:#64748b;font-style:italic;margin-top:0.5rem}

/* Steps List */
.steps-list{display:grid;gap:1rem;margin:1.5rem 0}
.step-item{display:flex;gap:1rem;padding:1.25rem;background:white;border-radius:0.75rem;box-shadow:0 2px 10px rgba(0,0,0,0.05);border-left:4px solid #0066cc}
.step-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0066cc;color:white;border-radius:50%;font-weight:700;flex-shrink:0}
.step-content h4{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:0.25rem}
.step-content p{font-size:0.875rem;color:#475569;margin:0}

/* Advantages Grid */
.advantages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0}
.advantage-item{padding:1.5rem;background:white;border-radius:0.75rem;box-shadow:0 2px 10px rgba(0,0,0,0.05);text-align:center}
.advantage-item i{font-size:2rem;color:#0066cc;margin-bottom:1rem}
.advantage-item h4{font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:0.5rem}
.advantage-item p{font-size:0.875rem;color:#475569;margin:0}

/* CHED Types */
.ched-types{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:1.5rem 0}
.ched-type{padding:1.5rem;background:#f8fafc;border-radius:0.75rem}
.ched-type h4{display:flex;align-items:center;gap:0.5rem;font-size:1rem;color:#0f172a;margin-bottom:0.75rem}
.ched-type h4 i{color:#0066cc}
.ched-type p{font-size:0.875rem;color:#475569;margin-bottom:0.75rem}
.ched-type ul{list-style:none;padding:0;margin:0}
.ched-type ul li{font-size:0.85rem;color:#334155;padding:0.25rem 0}

/* Sidebar */
.content-sidebar{display:flex;flex-direction:column;gap:1.5rem}
.sidebar-card{background:white;border-radius:0.75rem;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.sidebar-card h4{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;color:#0f172a;margin-bottom:1rem}
.sidebar-card h4 i{color:#0066cc}
.sidebar-nav{list-style:none;padding:0;margin:0}
.sidebar-nav li{border-bottom:1px solid #f1f5f9}
.sidebar-nav li:last-child{border-bottom:none}
.sidebar-nav a{display:block;padding:0.75rem 0;color:#334155;font-size:0.9rem;transition:all 0.2s}
.sidebar-nav a:hover{color:#0066cc;padding-left:0.5rem}
.cta-card{background:linear-gradient(135deg,#e6f2ff,#f0f7ff);border:2px solid #b3d9ff}
.cta-card h4{color:#0066cc}
.cta-card p{font-size:0.9rem;color:#475569;margin-bottom:1rem}
.cta-card .btn{margin-bottom:0.5rem}
.cta-card .btn:last-child{margin-bottom:0}

/* Mini FAQ */
.mini-faq details{border-bottom:1px solid #f1f5f9;padding:0.75rem 0}
.mini-faq details:last-child{border-bottom:none}
.mini-faq summary{font-size:0.875rem;font-weight:500;color:#334155;cursor:pointer;list-style:none}
.mini-faq summary::-webkit-details-marker{display:none}
.mini-faq details[open] summary{color:#0066cc}
.mini-faq p{font-size:0.8rem;color:#475569;margin:0.5rem 0 0;padding-left:0.5rem}

/* Service CTA */
.service-cta{padding:4rem 0;background:linear-gradient(135deg,#0066cc 0%,#00a3ff 100%)}
.cta-wrapper{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:center}
.cta-content h2{font-size:2rem;font-weight:700;color:white;margin-bottom:1rem}
.cta-content p{font-size:1.125rem;color:rgba(255,255,255,0.9);margin-bottom:1.5rem}
.cta-contacts{display:flex;gap:1.5rem;flex-wrap:wrap}
.cta-contacts a{display:flex;align-items:center;gap:0.5rem;color:white;font-weight:500}
.cta-contacts a:hover{opacity:0.9}
.cta-form{background:white;border-radius:1rem;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,0.2)}
.cta-form .form-group{margin-bottom:1rem}
.cta-form input,.cta-form textarea,.cta-form select{width:100%;padding:0.875rem 1rem;border:1px solid #e2e8f0;border-radius:0.75rem;font-size:0.95rem}
.cta-form input:focus,.cta-form textarea:focus,.cta-form select:focus{outline:none;border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,115,230,0.1)}

/* Responsive */
@media(max-width:992px){
    .service-hero-content{grid-template-columns:1fr;gap:2rem}
    .service-hero-card{max-width:400px}
    .content-grid{grid-template-columns:1fr}
    .content-sidebar{order:-1}
    .cta-wrapper{grid-template-columns:1fr}
}
@media(max-width:768px){
    .service-hero{padding:5rem 0 3rem}
    .service-hero-text h1{font-size:2rem}
    .advantages-grid{grid-template-columns:1fr}
    .ched-types{grid-template-columns:1fr}
    .service-hero-features{flex-direction:column}
    .service-hero-actions{flex-direction:column}
    .service-hero-actions .btn{width:100%}
}