/* Scoped styles for sub pages to avoid conflicts with index.css */

/* Sub-hero (page header) */
.sub-hero{background:linear-gradient(135deg,#0d6efd,#2b63ff);color:#fff}
.sub-hero .sub-hero-body{padding:56px 0}
.sub-hero .sub-hero-title{font-weight:800}
.sub-hero .sub-hero-title{font-size:1.5rem}
.sub-hero .sub-hero-desc{opacity:.9}
.sub-hero .sub-hero-desc a{color:#fff;text-decoration: none;}

/* pf page overrides */
.pg-pf .pf-hero{background:linear-gradient(135deg,#0d6efd,#2b63ff)}
.pg-pf .pf-cta{background:linear-gradient(135deg,#0d6efd,#2b63ff)}
.pg-pf .pf-products .product-card .card-img-top{height:200px}
.pg-pf .pf-advantages .adv-card{border:1px solid #edf1f5}
.pg-pf .pf-advantages .adv-icon{box-shadow:0 0 0 4px #fff}
.sub-hero .sub-hero-desc a{color:#fff;text-decoration: none;}
/* Breadcrumb helper (optional) */
.page-breadcrumb{--bs-breadcrumb-divider: '>'}
.page-breadcrumb .breadcrumb-item a{text-decoration:none}

/* Article/content typography */
.article-content{line-height:1.8;color:#343a40}
.article-content h2,.article-content h3{margin-top:1.25rem;margin-bottom:.75rem}
.article-content h1{font-size:1.5rem}
.article-content h2{font-size:1.25rem}
.article-content p{margin-bottom:1rem}
.article-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}
.article-meta{color:#6c757d}

/* Product list toolbar */
.filter-chips .btn{margin:.25rem .25rem}

/* News list cards */
.news-list .card-title{margin-bottom:.25rem}
.news-list .news-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Contact blocks */
.contact-card{border:1px solid #edf1f5;border-radius:12px;padding:1rem;background:#fff}



/* Pagination styles (for markup inside <div class="page"> ... ) */
.page{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    margin-top:1.25rem;
    font-size:.9375rem;
}
.page > span{display:flex;align-items:center;gap:.5rem}
.page-status{color:#6c757d;margin-right:.25rem}
.page-numbar{display:flex;align-items:center;gap:.5rem}

.page a{
    display:inline-block;
    padding:.375rem .75rem;
    border:1px solid #dee2e6;
    border-radius:.5rem;
    text-decoration:none;
    background:#fff;
    color:#0d6efd;
    line-height:1;
}
.page a:hover{background:#0d6efd;color:#fff;border-color:#0d6efd}

/* Current page */
.page-numbar .page-num-current{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
    pointer-events:none;
    cursor:default;
}

/* Disabled prev/next using javascript:; links */
.page a[href='javascript:;']{
    color:#adb5bd;
    background:#f8f9fa;
    border-color:#e9ecef;
    pointer-events:none;
}

@media (max-width:576px){
    .page{gap:.375rem}
    .page a{padding:.35rem .6rem}
}