/* === OASE.PHP === */
.section-title{font-size:1.8rem;color:var(--logo-dark);text-align:center;margin:60px 0 40px;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid var(--page-bg);padding-bottom:15px;}

.sticky-sub-nav{position:sticky;top:80px;z-index:1000;background:var(--white);padding:15px 10px;box-shadow:0 5px 10px rgba(0,0,0,0.05);display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
.sub-link{padding:8px 15px;text-decoration:none;color:var(--primary-accent);font-weight:700;font-size:0.7rem;text-transform:uppercase;border:1px solid var(--primary-accent);border-radius:4px;transition:0.3s;white-space:nowrap;}
.sub-link:hover{background:var(--primary-accent);color:white;}

.gender-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px;}
.card{padding:35px;border-radius:8px;position:relative;}
.card.women{background:var(--soft-pink);border-left:5px solid var(--primary-accent);}
.card.men{background:var(--soft-blue);border-left:5px solid #a5b4d4;}
.card h4{font-size:1.4rem;color:var(--logo-dark);margin-bottom:5px;}
.card .subtitle{font-size:0.85rem;font-style:italic;color:var(--primary-accent);display:block;margin-bottom:15px;}
.card ul{list-style:none;font-size:0.95rem;padding:0;}
.card ul li::before{content:"\2022 ";color:var(--primary-accent);font-weight:bold;}
.gratis-hint{margin-top:20px;font-weight:700;font-size:0.85rem;padding-top:15px;border-top:1px solid rgba(0,0,0,0.05);color:var(--logo-dark);}

.info-panel{background:var(--page-bg);padding:40px;border-radius:12px;margin:40px 0;}

.basis-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}

.highlight-box{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;margin:80px 0;padding:40px;background:#fdf8f7;border-radius:15px;}
.highlight-box.dark{background:var(--logo-dark);color:white;}
.video-wrapper{border-radius:10px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.05);line-height:0;}
video{width:100%;height:auto;display:block;filter:opacity(0.5) grayscale(25%) brightness(1.15);transition:filter 0.6s ease;}
.video-wrapper:hover video{filter:opacity(0.9) grayscale(0%) brightness(1);}

@media(max-width:900px){
.gender-row,.basis-grid,.highlight-box{grid-template-columns:1fr!important;display:grid!important;gap:30px;}
.sticky-sub-nav{top:80px;position:relative;padding:15px 5px;flex-wrap:wrap;justify-content:center;}
}
