﻿
:root{
    --tb-ink:#28363d;
    --tb-muted:#6f7d82;
    --tb-teal:#719b98;
    --tb-teal-dark:#527e7a;
    --tb-sky:#dfeaec;
    --tb-cream:#f7f1e7;
    --tb-paper:#fffdf9;
    --tb-line:#e9e4da;
    --tb-shadow:0 14px 40px rgba(47,69,72,.08);
    --tb-radius:22px;
}
html{scroll-behavior:smooth}
body.tb-site-body{background:var(--tb-paper);color:var(--tb-ink);padding-bottom:0}
.tb-site-header{z-index:1035;background:rgba(255,253,249,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(82,126,122,.09)}
.tb-top-strip{background:var(--tb-teal-dark);color:#fff;font-size:.82rem}
.tb-top-strip .container{min-height:34px}
.tb-top-strip a{color:#fff;text-decoration:none;opacity:.95}
.tb-top-message{opacity:.9}
.tb-main-nav{min-height:96px;padding:.65rem 0}
.tb-main-nav>.container{gap:1.25rem}
.tb-brand{padding:0;margin-left:.5rem}
.tb-brand-logo{height:80px;width:auto;max-width:235px;object-fit:contain}
.tb-main-nav .navbar-collapse{min-width:0}
.tb-main-nav .navbar-nav{gap:.15rem}
.tb-main-nav .nav-link{color:var(--tb-ink);font-weight:700;border-radius:12px;padding:.65rem .82rem!important;transition:.2s ease}
.tb-main-nav .nav-link:hover,.tb-main-nav .nav-link.active{color:var(--tb-teal-dark);background:#edf4f2}
.tb-mega-menu{min-width:260px;padding:.75rem;border:1px solid var(--tb-line);border-radius:18px;box-shadow:var(--tb-shadow);margin-top:.65rem}
.tb-menu-heading{font-size:.78rem;color:var(--tb-muted);font-weight:800;padding:.35rem .75rem .6rem}
.tb-mega-menu .dropdown-item{border-radius:10px;padding:.58rem .7rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.tb-mega-menu .dropdown-item:hover{background:#edf4f2;color:var(--tb-teal-dark)}
.tb-mega-menu .dropdown-item span{font-size:.75rem;color:#98a4a6}
.tb-menu-all{font-weight:800;color:var(--tb-teal-dark)!important}
.tb-icon-button{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--tb-cream);color:var(--tb-ink);font-size:1.2rem;text-decoration:none}
.tb-icon-button:hover{background:#e8f1ef;color:var(--tb-teal-dark)}
.tb-cart-badge{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--tb-teal-dark);color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.tb-login-button,.tb-account-button{min-height:44px;border:0;border-radius:14px;padding:.65rem 1rem;display:inline-flex;align-items:center;justify-content:center;background:var(--tb-teal-dark);color:#fff;text-decoration:none;font-weight:800}
.tb-login-button:hover,.tb-account-button:hover{background:#416b68;color:#fff}
.tb-account-avatar{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;margin-left:.4rem}
.tb-account-menu{border:1px solid var(--tb-line);border-radius:16px;padding:.55rem;min-width:220px}
.tb-account-menu .dropdown-item{border-radius:10px;padding:.65rem .75rem}
.tb-menu-toggle{border:0!important;box-shadow:none!important;padding:.45rem}
.tb-search-row{padding:.15rem 0 1rem}
.tb-search-row .container{display:flex;justify-content:center}
.tb-header-search{width:100%;max-width:1040px;margin:0 auto;background:#fff;border:1px solid #e4ddd1;border-radius:18px;display:flex;align-items:center;padding:.3rem .4rem .3rem .9rem;gap:.65rem;box-shadow:0 7px 24px rgba(40,54,61,.07)}
.tb-header-search>i{font-size:1rem;color:var(--tb-teal-dark);margin-right:.45rem}
.tb-header-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:.78rem .25rem;color:var(--tb-ink)}
.tb-header-search button{border:0;border-radius:13px;background:var(--tb-teal-dark);color:#fff;font-weight:800;padding:.72rem 1.35rem}
.tb-main-content{min-height:55vh}
.tb-site-footer{margin-top:4rem;background:#e9f0ef;border-top:1px solid #d9e5e2}
.tb-footer-main{padding:4.5rem 0 3rem}
.tb-footer-brand img{height:64px;max-width:190px;object-fit:contain}
.tb-footer-about{margin:1.25rem 0;color:#5d6c70;line-height:2}
.tb-socials{display:flex;gap:.55rem}
.tb-socials a{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--tb-teal-dark);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 14px rgba(47,69,72,.06)}
.tb-footer-title{font-size:1rem;font-weight:900;margin-bottom:1.2rem;color:var(--tb-ink)}
.tb-footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}
.tb-footer-links a{color:#5b686c;text-decoration:none}
.tb-footer-links a:hover{color:var(--tb-teal-dark)}
.tb-footer-contact{display:grid;gap:.8rem}
.tb-footer-contact>a,.tb-footer-contact>div{display:flex;gap:.8rem;align-items:flex-start;color:var(--tb-ink);text-decoration:none;background:rgba(255,255,255,.56);border-radius:16px;padding:.8rem}
.tb-footer-contact i{width:36px;height:36px;border-radius:11px;background:#fff;color:var(--tb-teal-dark);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.tb-footer-contact span{display:grid;gap:.1rem;line-height:1.7}
.tb-footer-contact small{color:var(--tb-muted)}
.tb-footer-trust{border-top:1px solid rgba(82,126,122,.14);border-bottom:1px solid rgba(82,126,122,.14);padding:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.tb-footer-trust-text{display:flex;align-items:center;gap:.65rem;color:#586b6d;font-weight:700}
.tb-footer-trust-text i{font-size:1.35rem;color:var(--tb-teal-dark)}
.tb-enamad img{height:72px;width:auto}
.tb-footer-bottom{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.86rem;color:#687678}
.tb-footer-bottom div{display:flex;gap:1rem}
.tb-footer-bottom a{color:#687678;text-decoration:none}
.tb-mobile-bottom-nav{position:fixed;right:12px;left:12px;bottom:10px;z-index:1040;height:66px;background:rgba(255,253,249,.97);backdrop-filter:blur(15px);border:1px solid var(--tb-line);border-radius:22px;box-shadow:0 12px 35px rgba(36,52,56,.18);display:grid;grid-template-columns:repeat(5,1fr);padding:.35rem}
.tb-mobile-bottom-nav a{color:#7a8588;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border-radius:16px;font-size:.68rem;position:relative}
.tb-mobile-bottom-nav a i{font-size:1.18rem}
.tb-mobile-bottom-nav a.active{background:#edf4f2;color:var(--tb-teal-dark);font-weight:900}
.tb-mobile-bottom-nav b{position:absolute;top:1px;left:50%;transform:translateX(-18px);background:var(--tb-teal-dark);color:#fff;border-radius:99px;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:.6rem}
.tb-back-top{position:fixed;left:18px;bottom:22px;width:42px;height:42px;border:0;border-radius:14px;background:var(--tb-teal-dark);color:#fff;z-index:1020;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.tb-back-top.show{opacity:1;visibility:visible;transform:none}
.tb-hero-db-image,.tb-home-course-card .card-img-top,.tb-home-product-card .card-img-top{aspect-ratio:4/3;object-fit:cover}
.tb-home-course-card,.tb-home-product-card{border-radius:20px!important;overflow:hidden}
@media (max-width:1199.98px){
    .tb-main-nav{min-height:70px}
    .tb-brand-logo{height:50px}
    .tb-main-nav .navbar-collapse{padding:.8rem 0 1rem}
    .tb-main-nav .navbar-nav{align-items:stretch!important}
    .tb-main-nav .nav-link{padding:.75rem!important}
    .tb-mega-menu{box-shadow:none;border-radius:14px;margin:.25rem .5rem .5rem}
}
@media (max-width:991.98px){
    body.tb-site-body{padding-bottom:86px}
    .tb-site-footer{margin-top:3rem}
    .tb-footer-main{padding:3rem 0 2rem}
    .tb-back-top{bottom:88px}
}
@media (max-width:575.98px){
    .tb-brand-logo{height:45px;max-width:128px}
    .tb-icon-button{width:40px;height:40px;border-radius:12px}
    .tb-menu-toggle{width:40px}
    .tb-footer-main{padding-top:2.5rem}
    .tb-footer-trust,.tb-footer-bottom{align-items:flex-start;flex-direction:column}
    .tb-footer-bottom{padding:1rem 0 1.5rem}
    .tb-footer-bottom div{flex-wrap:wrap}
    .tb-mobile-bottom-nav{right:8px;left:8px;bottom:7px}
}
