/* ================================================================
   GAJA YOGA — Premium Wellness Design System
   Warm Saffron + Deep Amethyst — Refined organic luxury
   Typography: Playfair Display + DM Sans
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');

:root {
    --saffron: #D97B2A;
    --saffron-light: #E8A54D;
    --saffron-glow: #FFD093;
    --saffron-deep: #B8621A;
    --tangerine: #E86835;
    --amethyst: #6B3A8A;
    --amethyst-light: #8B5DAA;
    --amethyst-glow: #C9ADE0;
    --amethyst-deep: #4A2766;
    --plum: #351C4F;
    --night: #1C1225;
    --dusk: #281838;
    --mist: #F8F5FB;
    --cloud: #FFFFFF;
    --ash: #6E6378;
    --silk: #E8E2F0;
    --parchment: #FCF8F3;
    --text: #2A1F36;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, sans-serif;
    --grad-hero: linear-gradient(150deg, #1C1225 0%, #351C4F 30%, #6B3A8A 60%, #B8621A 90%, #D97B2A 100%);
    --grad-warm: linear-gradient(135deg, var(--saffron) 0%, var(--tangerine) 100%);
    --grad-cool: linear-gradient(135deg, var(--amethyst) 0%, var(--amethyst-light) 100%);
    --shadow-sm: 0 1px 3px rgba(28,18,37,.04), 0 4px 12px rgba(28,18,37,.06);
    --shadow-md: 0 4px 12px rgba(28,18,37,.06), 0 16px 40px rgba(28,18,37,.08);
    --shadow-lg: 0 8px 24px rgba(28,18,37,.08), 0 32px 80px rgba(28,18,37,.12);
    --shadow-glow-o: 0 4px 20px rgba(217,123,42,.2), 0 12px 40px rgba(217,123,42,.15);
    --shadow-glow-p: 0 4px 20px rgba(107,58,138,.15), 0 12px 40px rgba(107,58,138,.1);
    --radius: 14px;
    --radius-sm: 8px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --section-pad: clamp(64px,10vw,128px);
    --max-w: 1200px;
}

/* === RESET === */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text);background:var(--cloud);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--amethyst);text-decoration:none;transition:color .25s ease}
a:hover{color:var(--saffron)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;color:var(--text)}

/* === SECTION === */
.section-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--saffron)}
.section-badge::before{content:'';width:32px;height:1.5px;background:var(--saffron);border-radius:2px}
.section-title{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:700;margin:12px 0 16px;color:var(--text)}
.section-desc{font-size:1rem;color:var(--ash);max-width:540px;line-height:1.85}
.section-center{text-align:center}
.section-center .section-desc{margin:0 auto}
.section-center .section-badge{justify-content:center}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:50px;font-family:var(--font-body);font-weight:600;font-size:.88rem;border:none;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}
.btn-primary{background:var(--grad-warm);color:#fff;box-shadow:0 2px 8px rgba(217,123,42,.2)}
.btn-primary:hover{transform:translateY(-2px);color:#fff;box-shadow:0 6px 24px rgba(217,123,42,.3)}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:#fff}
.btn-secondary{background:var(--amethyst);color:#fff;box-shadow:0 2px 8px rgba(107,58,138,.2)}
.btn-secondary:hover{background:var(--amethyst-deep);color:#fff;transform:translateY(-2px);box-shadow:0 6px 24px rgba(107,58,138,.25)}
.btn-ghost{background:transparent;color:var(--amethyst);border:1.5px solid var(--silk)}
.btn-ghost:hover{border-color:var(--amethyst);background:var(--mist);color:var(--amethyst)}

/* === ANIMATIONS === */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.4,0,.2,1)}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-up.d1{transition-delay:.1s}.fade-up.d2{transition-delay:.2s}.fade-up.d3{transition-delay:.3s}.fade-up.d4{transition-delay:.4s}

/* ================================================================ HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;transition:all .35s ease}
.site-header.scrolled{background:rgba(28,18,37,.92);backdrop-filter:blur(16px) saturate(1.3);padding:6px 0;box-shadow:0 2px 20px rgba(0,0,0,.15)}
.header-inner{display:flex;flex-direction:column;align-items:center;gap:6px}
.header-logo-row{text-align:center}
.site-logo img{height:100px;width:auto;transition:height .3s}
.scrolled .site-logo img{height:48px}
.scrolled .header-inner{flex-direction:row;justify-content:space-between;gap:0}
.scrolled .header-logo-row{text-align:left}
.main-nav ul{display:flex;gap:4px;align-items:center;justify-content:center}
.main-nav a{color:rgba(255,255,255,.75);padding:10px 18px;border-radius:8px;font-weight:500;font-size:.92rem;transition:all .25s}
.main-nav a:hover,.main-nav .active>a{color:#fff;background:rgba(255,255,255,.08)}
.main-nav li{position:relative}
.nav-cta{background:var(--grad-warm)!important;color:#fff!important;border-radius:50px!important;padding:10px 24px!important;font-weight:600!important;font-size:.92rem!important}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}
.hamburger span{display:block;width:24px;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:all .3s}
.wa-dropdown{position:relative}
.wa-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:rgba(28,18,37,.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:220px;box-shadow:0 12px 40px rgba(0,0,0,.3);z-index:100}
.wa-dropdown.open .wa-menu{display:block;animation:waFade .2s ease}
@keyframes waFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.wa-menu a{display:flex;align-items:center;gap:10px;padding:10px 14px;color:rgba(255,255,255,.85);font-size:.85rem;font-weight:500;border-radius:8px;transition:background .2s;white-space:nowrap;text-decoration:none}
.wa-menu a:hover{background:rgba(37,211,102,.12);color:#25D366}

/* ================================================================ HERO */
.hero{min-height:92vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--grad-hero)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(217,123,42,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(107,58,138,.35) 0%,transparent 50%);animation:heroShift 12s ease-in-out infinite alternate}
@keyframes heroShift{0%{opacity:.5}100%{opacity:1}}
.hero::after{content:'';position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Ccircle cx='90' cy='90' r='70' fill='none' stroke='white' stroke-width='.3'/%3E%3Ccircle cx='90' cy='90' r='50' fill='none' stroke='white' stroke-width='.25'/%3E%3Ccircle cx='90' cy='90' r='30' fill='none' stroke='white' stroke-width='.2'/%3E%3Cpath d='M90 20 L90 160 M20 90 L160 90' stroke='white' stroke-width='.15' fill='none'/%3E%3C/svg%3E");background-size:180px}
.hero-content{position:relative;z-index:2;text-align:center;max-width:780px;margin:0 auto;padding:140px 24px 64px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:7px 20px;font-size:.72rem;font-weight:600;color:var(--saffron-glow);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:20px}
.hero-badge .dot{width:5px;height:5px;border-radius:50%;background:var(--saffron-light);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);color:#fff;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}
.hero h1 em{font-style:italic;font-weight:400;color:var(--saffron-glow);display:block;font-size:.46em;margin-top:6px;letter-spacing:0}
.hero-desc{font-size:1rem;color:rgba(255,255,255,.6);margin-bottom:32px;line-height:1.8}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-stats{display:flex;gap:44px;justify-content:center;margin-top:44px}
.hero-stat-num{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--saffron-glow)}
.hero-stat-label{font-size:.72rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}

/* ================================================================ ABOUT */
.about-section{padding:var(--section-pad) 0;background:var(--parchment)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.about-img-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;background:linear-gradient(135deg,#F0E4FF,#E2D4F5)}
.about-img-wrap img{width:100%;height:520px;object-fit:cover;display:block;font-size:0}
.about-img-overlay{position:absolute;bottom:0;left:0;right:0;padding:28px;background:linear-gradient(to top,rgba(28,18,37,.8) 0%,transparent 100%)}
.about-img-name{color:var(--saffron-glow);font-family:var(--font-display);font-size:1.3rem;font-weight:700}
.about-img-role{color:rgba(255,255,255,.55);font-size:.82rem;margin-top:2px}
.about-text{color:var(--ash);font-size:.95rem;margin-bottom:32px;line-height:1.85}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-feature{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--radius);background:var(--cloud);border:1px solid var(--silk);box-shadow:var(--shadow-sm);transition:all .3s ease}
.about-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:transparent}
.about-feature-icon{width:46px;height:46px;min-width:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-feature-icon.af-warm{background:linear-gradient(135deg,#FFF0DE,#FFE4C4);color:var(--saffron)}
.about-feature-icon.af-cool{background:linear-gradient(135deg,#F0E4FF,#E2D4F5);color:var(--amethyst)}
.about-feature strong{font-family:var(--font-body);font-size:.85rem;font-weight:700;display:block;color:var(--text)}
.about-feature span{font-size:.76rem;color:var(--ash);line-height:1.4}

/* ================================================================ TRAINERS */
.trainers-section{padding:var(--section-pad) 0;background:var(--cloud)}
.trainers-circle-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:48px;margin-top:52px}
.trainer-circle-card{text-align:center;width:230px;transition:transform .4s ease}
.trainer-circle-card:hover{transform:translateY(-6px)}
.trainer-circle-link{display:block;text-decoration:none;color:inherit}
.trainer-circle-photo{width:220px;height:220px;margin:0 auto;border-radius:50%;position:relative;overflow:hidden;border:3px solid var(--amethyst-glow);box-shadow:0 6px 24px rgba(107,58,138,.1);transition:all .4s ease;background:linear-gradient(135deg,#F0E4FF,#E2D4F5)}
.trainer-circle-card:hover .trainer-circle-photo{border-color:var(--amethyst);box-shadow:0 10px 40px rgba(107,58,138,.18)}
.trainer-circle-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;border-radius:50%;font-size:0;color:transparent}
.trainer-circle-card:hover .trainer-circle-photo img{transform:scale(1.06)}
.trainer-circle-overlay{position:absolute;inset:0;border-radius:50%;background:linear-gradient(150deg,rgba(107,58,138,.8),rgba(74,39,102,.85));display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;opacity:0;transition:opacity .3s ease}
.trainer-circle-card:hover .trainer-circle-overlay{opacity:1}
.trainer-circle-overlay .social-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .25s;text-decoration:none}
.trainer-circle-overlay .social-icon:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}
.trainer-circle-overlay .overlay-text{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.8);letter-spacing:2px;text-transform:uppercase;margin-top:4px}
.trainer-circle-info{margin-top:18px}
.trainer-circle-info h3{font-size:1.2rem;font-weight:700;margin-bottom:2px;transition:color .25s}
.trainer-circle-info a{text-decoration:none;color:inherit}
.trainer-circle-info a:hover h3{color:var(--amethyst)}
.trainer-circle-info .role{font-size:.82rem;color:var(--saffron);font-weight:600}

/* ================================================================ REVIEWS */
.reviews-section{padding:var(--section-pad) 0;background:var(--night);color:#fff;position:relative;overflow:hidden}
.reviews-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 90%,rgba(217,123,42,.12) 0%,transparent 40%),radial-gradient(ellipse at 90% 10%,rgba(107,58,138,.15) 0%,transparent 40%)}
.reviews-section .section-badge{color:var(--saffron-glow)}
.reviews-section .section-title{color:#fff}
.reviews-section .section-desc{color:rgba(255,255,255,.5)}
.reviews-header{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2;flex-wrap:wrap;gap:20px}
.review-overall{text-align:right}
.review-score{font-family:var(--font-display);font-size:3.8rem;font-weight:700;color:var(--saffron);line-height:1}
.review-stars{font-size:1.3rem;color:var(--saffron);margin:4px 0}
.review-count{font-size:.8rem;color:rgba(255,255,255,.4)}
.reviews-scroll{display:flex;gap:20px;margin-top:40px;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory;position:relative;z-index:2;-webkit-overflow-scrolling:touch}
.reviews-scroll::-webkit-scrollbar{height:3px}
.reviews-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:3px}
.reviews-scroll::-webkit-scrollbar-thumb{background:var(--saffron);border-radius:3px}
.review-card{flex:0 0 340px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:28px;scroll-snap-align:start;transition:all .3s ease}
.review-card:hover{background:rgba(255,255,255,.07);transform:translateY(-3px)}
.review-card .reviewer{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.review-card .avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grad-warm);color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}
.review-card .avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.review-card .reviewer-name{font-weight:600;font-size:.9rem}
.review-card .review-date{font-size:.72rem;color:rgba(255,255,255,.35)}
.review-card .card-stars{color:var(--saffron);font-size:.84rem;margin-bottom:10px}
.review-card .review-text{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.75;max-height:6.2em;overflow:hidden;position:relative;transition:max-height .4s ease}
.review-card.expanded .review-text{max-height:600px}
.review-card .read-more{display:none;font-size:.78rem;font-weight:600;color:var(--saffron);cursor:pointer;margin-top:8px;padding:0;border:none;background:none;font-family:var(--font-body)}
.review-card .read-more:hover{color:var(--saffron-light)}
.review-card.truncated .read-more{display:inline-block}
.review-card.truncated .review-text::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2em;background:linear-gradient(transparent,rgba(255,255,255,.04))}
.review-card.expanded.truncated .review-text::after{display:none}
.reviews-cta{text-align:center;margin-top:40px;position:relative;z-index:2}
.google-link{display:inline-flex;align-items:center;gap:10px;color:var(--saffron-glow);font-weight:600;font-size:.95rem;transition:all .25s}
.google-link:hover{color:var(--saffron)}
.google-link .arrow{transition:transform .25s}
.google-link:hover .arrow{transform:translateX(4px)}

/* ================================================================ PLATFORMS */
.platforms-section{padding:var(--section-pad) 0;background:var(--mist);position:relative}
.platforms-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}
.platform-card{background:var(--cloud);border-radius:var(--radius-lg);padding:40px;border:1px solid var(--silk);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1)}
.platform-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.platform-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s}
.platform-card:hover::before{opacity:1}
.platform-app::before{background:var(--grad-warm)}
.platform-online::before{background:var(--grad-cool)}
.platform-app:hover{box-shadow:0 16px 48px rgba(217,123,42,.1)}
.platform-online:hover{box-shadow:0 16px 48px rgba(107,58,138,.1)}
.platform-icon-wrap{margin-bottom:20px}
.platform-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.platform-app .platform-icon{background:linear-gradient(135deg,#FFF0DE,#FFE4C4);color:var(--saffron)}
.platform-online .platform-icon{background:linear-gradient(135deg,#F0E4FF,#E2D4F5);color:var(--amethyst)}
.platform-badge{font-size:.66rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:8px}
.platform-app .platform-badge{color:var(--saffron)}
.platform-online .platform-badge{color:var(--amethyst)}
.platform-card h3{font-size:1.6rem;font-weight:700;margin-bottom:10px}
.platform-card>p{font-size:.92rem;color:var(--ash);line-height:1.8;margin-bottom:24px}
.platform-features{padding:0;margin:0 0 28px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.platform-features li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text);font-weight:500}
.pf-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;flex-shrink:0}
.platform-app .pf-check{background:#FFF0DE;color:var(--saffron)}
.platform-online .pf-check{background:#F0E4FF;color:var(--amethyst)}
.platform-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.platform-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;transition:gap .25s}
.platform-app .platform-link{color:var(--saffron)}
.platform-online .platform-link{color:var(--amethyst)}
.platform-link:hover{gap:10px}
.platform-link .arrow{transition:transform .25s}
.platform-link:hover .arrow{transform:translateX(3px)}

/* ================================================================ CTA */
.cta-section{padding:80px 0;background:var(--grad-hero);text-align:center;position:relative;overflow:hidden}
.cta-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0%,transparent 60%)}
.cta-title{font-size:clamp(1.7rem,4vw,2.8rem);color:#fff;margin-bottom:14px;font-weight:700}
.cta-desc{color:rgba(255,255,255,.55);font-size:1rem;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}
.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ================================================================ BLOG */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}
.blog-featured-img{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:32px}

/* ================================================================ TRAINER DETAIL */
.trainer-detail-section{padding:60px 0 var(--section-pad);background:var(--mist)}
.back-link{font-size:.85rem;display:inline-flex;align-items:center;gap:6px;margin-bottom:28px;color:var(--amethyst)}
.trainer-detail-grid{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start}
.trainer-detail-photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
.trainer-detail-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.trainer-detail-badge{position:absolute;top:16px;right:16px;background:var(--grad-warm);color:#fff;padding:6px 16px;border-radius:50px;font-size:.7rem;font-weight:700;letter-spacing:1px}
.trainer-detail-social{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.trainer-social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;background:var(--cloud);border:1px solid var(--silk);color:var(--amethyst);font-size:.82rem;font-weight:600;transition:all .25s;text-decoration:none}
.trainer-social-btn:hover{background:var(--amethyst);color:#fff;border-color:var(--amethyst)}
.trainer-detail-name{font-size:2.2rem;margin:8px 0 12px}
.trainer-detail-branch{font-size:.92rem;color:var(--saffron);font-weight:600;margin-bottom:20px}
.trainer-detail-bio{font-size:1rem;line-height:1.9;color:var(--ash);margin-bottom:24px}
.trainer-detail-block{margin-bottom:24px}
.trainer-detail-block h4{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--amethyst);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px}
.tag-list{display:flex;gap:8px;flex-wrap:wrap}
.cert-tag{font-size:.72rem;font-weight:700;padding:6px 14px;border-radius:50px;background:linear-gradient(135deg,#F0E4FF,#E2D4F5);color:var(--amethyst-deep);letter-spacing:.3px}
.skill-tag{font-size:.8rem;padding:6px 14px;border-radius:50px;background:var(--parchment);color:var(--saffron-deep);border:1px solid #F0DFC8}
.trainer-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ================================================================ SCHEDULE */
.schedule-section{padding:var(--section-pad) 0;background:var(--cloud)}
.schedule-wrap{overflow-x:auto;margin-top:36px;-webkit-overflow-scrolling:touch}
.schedule-table{width:100%;border-collapse:separate;border-spacing:3px;min-width:700px}
.schedule-table th{background:var(--amethyst);color:#fff;padding:12px 10px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-radius:6px 6px 3px 3px}
.schedule-table td{padding:9px 8px;background:var(--mist);border-radius:5px;font-size:.78rem;text-align:center;font-weight:500}
.schedule-table td.time-col{font-weight:700;color:var(--amethyst);background:var(--cloud)}
.schedule-table td.duzce{background:#FFF0E0;color:var(--saffron-deep)}
.schedule-table td.eregli{background:#F0E4FF;color:var(--amethyst-deep)}
.schedule-legend{display:flex;gap:24px;margin-top:18px;justify-content:center;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600}
.legend-dot{width:14px;height:14px;border-radius:3px}

/* ================================================================ INSTAGRAM */
.instagram-section{padding:var(--section-pad) 0;background:var(--parchment);overflow:hidden}
.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:40px}
.insta-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);cursor:pointer}
.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.insta-item:hover img{transform:scale(1.1)}
.insta-overlay{position:absolute;inset:0;background:var(--grad-hero);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s}
.insta-item:hover .insta-overlay{opacity:.8}
.insta-overlay span{color:#fff;font-size:1.6rem}
.insta-follow{text-align:center;margin-top:28px}
.insta-handle{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;color:var(--amethyst)}
.insta-handle:hover{color:var(--saffron)}
.insta-placeholder{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:40px}
.insta-ph-item{aspect-ratio:1;border-radius:var(--radius-sm);position:relative;overflow:hidden}
.insta-ph-item:nth-child(odd){background:linear-gradient(135deg,var(--amethyst-glow),var(--saffron-glow))}
.insta-ph-item:nth-child(even){background:linear-gradient(135deg,var(--saffron-glow),var(--amethyst-glow))}

/* ================================================================ FOOTER */
.site-footer{background:var(--night);color:rgba(255,255,255,.65);padding:72px 0 0;position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-warm)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:36px}
.footer-col h4{color:var(--saffron-glow);font-family:var(--font-display);font-size:1.2rem;margin-bottom:18px}
.footer-col p{font-size:.85rem;margin-bottom:8px;line-height:1.7;opacity:.65}
.footer-col a{color:rgba(255,255,255,.55)}
.footer-col a:hover{color:var(--saffron)}
.footer-links li{margin-bottom:9px}
.footer-links a{font-size:.87rem;display:flex;align-items:center;gap:8px}
.footer-links a::before{content:'›';color:var(--saffron);font-weight:700}
.footer-contact li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:.85rem}
.footer-contact .icon{color:var(--saffron);font-size:1rem;flex-shrink:0;margin-top:2px}
.footer-bottom{margin-top:48px;padding:22px 0;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;font-size:.78rem;opacity:.45}
.footer-ya img{height:46px;opacity:.55;transition:opacity .25s}
.footer-ya img:hover{opacity:1}

/* ================================================================ FIXED ELEMENTS */
.wa-fab{position:fixed;bottom:24px;right:24px;z-index:999}
.wa-fab-btn{width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.3);transition:all .25s}
.wa-fab-btn:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.4)}
.wa-fab-menu{display:none;position:absolute;bottom:68px;right:0;background:#fff;border-radius:16px;box-shadow:0 12px 48px rgba(0,0,0,.18);min-width:240px;overflow:hidden}
.wa-fab.open .wa-fab-menu{display:block;animation:waFade .25s ease}
.wa-fab-menu a{display:flex;align-items:center;gap:10px;padding:12px 16px;color:var(--text);font-size:.88rem;font-weight:500;transition:background .2s;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.04)}
.wa-fab-menu a:last-child{border-bottom:none}
.wa-fab-menu a:hover{background:rgba(37,211,102,.06);color:#25D366}
.scroll-top{position:fixed;bottom:92px;right:24px;z-index:998;width:40px;height:40px;border-radius:50%;background:var(--amethyst);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:var(--shadow-glow-p);cursor:pointer;border:none;opacity:0;visibility:hidden;transition:all .25s}
.scroll-top.show{opacity:1;visibility:visible}
.scroll-top:hover{background:var(--amethyst-deep);transform:translateY(-2px)}

/* ================================================================ RESPONSIVE — TABLET */
@media(max-width:1024px){
    .about-grid{grid-template-columns:1fr;gap:40px}
    .about-img-wrap img{height:400px}
    .trainer-circle-photo{width:190px;height:190px}
    .trainer-circle-card{width:210px}
    .trainers-circle-grid{gap:36px}
    .trainer-detail-grid{grid-template-columns:280px 1fr;gap:36px}
    .trainer-detail-name{font-size:1.9rem}
    .platforms-grid{gap:20px}
    .platform-card{padding:32px}
    .platform-card h3{font-size:1.4rem}
    .platform-features{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:28px}
}

/* ================================================================ RESPONSIVE — MOBILE */
@media(max-width:768px){
    :root{--section-pad:clamp(48px,8vw,80px)}
    .container{padding:0 20px}
    .site-header{padding:10px 0}
    .header-inner{flex-direction:row;justify-content:space-between}
    .site-logo img{height:60px}
    .scrolled .site-logo img{height:44px}
    .main-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(28,18,37,.97);backdrop-filter:blur(16px);padding:80px 28px 28px;flex-direction:column;z-index:999}
    .main-nav.open{display:flex}
    .main-nav ul{flex-direction:column;gap:0}
    .main-nav a{padding:14px 12px;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.05);display:block}
    .hamburger{display:block;z-index:1001}
    .hero{min-height:auto}
    .hero-content{padding:120px 20px 48px}
    .hero h1{font-size:clamp(1.8rem,6.5vw,2.4rem)}
    .hero h1 em{font-size:.48em}
    .hero-desc{font-size:.9rem;margin-bottom:24px}
    .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
    .hero-actions .btn{justify-content:center;padding:14px 24px}
    .hero-stats{gap:20px;flex-wrap:wrap;margin-top:32px}
    .hero-stat-num{font-size:1.5rem}
    .hero-stat-label{font-size:.64rem}
    .hero-badge{font-size:.64rem;padding:6px 14px}
    .about-grid{grid-template-columns:1fr;gap:32px}
    .about-img-wrap img{height:300px}
    .about-img-overlay{padding:20px}
    .about-features{grid-template-columns:1fr 1fr;gap:10px}
    .about-feature{padding:12px 14px}
    .about-feature-icon{width:40px;height:40px;min-width:40px;border-radius:10px}
    .about-feature-icon svg{width:18px;height:18px}
    .about-feature strong{font-size:.8rem}
    .about-feature span{font-size:.7rem}
    .trainers-circle-grid{gap:28px}
    .trainer-circle-card{width:160px}
    .trainer-circle-photo{width:150px;height:150px;border-width:2.5px}
    .trainer-circle-info h3{font-size:1rem}
    .trainer-circle-info .role{font-size:.76rem}
    .trainer-circle-overlay .social-icon{width:34px;height:34px}
    .trainer-circle-overlay .social-icon svg{width:16px;height:16px}
    .trainer-circle-overlay .overlay-text{font-size:.6rem}
    .trainer-detail-grid{grid-template-columns:1fr;gap:28px}
    .trainer-detail-name{font-size:1.7rem}
    .trainer-detail-photo img{aspect-ratio:1}
    .trainer-detail-social{justify-content:center}
    .trainer-detail-actions{flex-direction:column}
    .trainer-detail-actions .btn{justify-content:center}
    .reviews-header{flex-direction:column;align-items:flex-start;gap:16px}
    .review-overall{text-align:left}
    .review-score{font-size:2.8rem}
    .review-card{flex:0 0 280px;padding:22px}
    .platforms-grid{grid-template-columns:1fr;gap:16px}
    .platform-card{padding:28px}
    .platform-card h3{font-size:1.3rem}
    .platform-features{grid-template-columns:1fr;gap:6px}
    .platform-actions{flex-direction:column;align-items:stretch;gap:12px}
    .platform-actions .btn{justify-content:center}
    .platform-link{justify-content:center}
    .cta-section{padding:56px 0}
    .cta-title{font-size:clamp(1.4rem,5vw,1.9rem)}
    .cta-desc{font-size:.88rem}
    .cta-buttons{flex-direction:column;align-items:stretch;gap:10px;padding:0 16px}
    .cta-buttons .btn{justify-content:center}
    .blog-grid{grid-template-columns:1fr;gap:20px}
    .blog-featured-img{height:200px}
    .insta-grid,.insta-placeholder{grid-template-columns:repeat(3,1fr)}
    .footer-grid{grid-template-columns:1fr;gap:28px;text-align:center}
    .footer-links a{justify-content:center}
    .footer-contact li{justify-content:center}
    .footer-bottom{flex-direction:column;gap:10px;text-align:center;margin-top:32px}
    .footer-ya{display:flex;justify-content:center}
    .btn{padding:13px 26px;font-size:.86rem}
    .wa-fab{bottom:18px;right:16px}.wa-fab-btn{width:50px;height:50px}
    .scroll-top{width:36px;height:36px;bottom:78px;right:16px;font-size:.95rem}
}

/* ================================================================ RESPONSIVE — SMALL */
@media(max-width:480px){
    .hero-content{padding:110px 16px 40px}
    .hero h1{font-size:1.7rem}
    .hero-stats{gap:14px}
    .hero-stat-num{font-size:1.3rem}
    .about-img-wrap img{height:240px}
    .about-features{grid-template-columns:1fr}
    .trainers-circle-grid{gap:20px}
    .trainer-circle-card{width:140px}
    .trainer-circle-photo{width:130px;height:130px}
    .trainer-circle-info h3{font-size:.9rem}
    .trainer-circle-info{margin-top:12px}
    .review-card{flex:0 0 256px;padding:18px}
    .insta-grid,.insta-placeholder{grid-template-columns:repeat(2,1fr)}
    .section-title{font-size:clamp(1.5rem,5.5vw,2.2rem)}
}
