/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.34.1773122184
Updated: 2026-03-10 14:56:24

*/

.trainer-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
}

.trainer-tabs {
    margin: 30px 0;
}

.trainer-tabs a {
    display: inline-block;
    margin-right: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    background: #eee;
    text-decoration: none;
}

.trainer-tabs a.active {
    background: #000;
    color: #fff;
}

.profile-top {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.profile-image img {
    max-width: 300px;
    border-radius: 12px;
}

.sns-links a {
    display: inline-block;
    margin-right: 15px;
    padding: 8px 16px;
    background: #f5f5f5;
    border-radius: 20px;
}
.profile-top {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

.profile-image img {
    max-width: 300px;
    border-radius: 12px;
}

.video-grid {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.video-grid video {
    width: 30%;
    border-radius: 10px;
}
.profile-top {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

.profile-image img {
    max-width: 300px;
    border-radius: 12px;
}

.trainer-name {
    font-size: 32px;
    margin-bottom: 5px;
}

.trainer-name-en {
    font-size: 14px;
    letter-spacing: 2px;
    color: #888;
    margin-bottom: 15px;
}

.section-title {
    margin-top: 40px;
    margin-bottom: 15px;
    padding: 10px 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.video-grid {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.video-grid video {
    width: 30%;
    border-radius: 10px;
}
<?php
get_header();

$tab = isset($_GET['tab']) ? $_GET['tab'] : 'profile';

$trainer_type = get_field('trainer_type');
$gym_name = get_field('gym_name');
$area = get_field('area');
$short_message = get_field('short_message');
$career = get_field('career');
$free_area = get_field('free_area');
$name_en = get_field('name_en');
$specialty = get_field('specialty');
$expertise = get_field('expertise');

$instagram = get_field('instagram_url');
$tiktok = get_field('tiktok_url');
$youtube = get_field('youtube_url');
$x = get_field('x_url');

$video1 = get_field('video_1');
$video2 = get_field('video_2');
$video3 = get_field('video_3');

$video1_title = get_field('video_1_title');
$video2_title = get_field('video_2_title');
$video3_title = get_field('video_3_title');
?>

<style>