Shop

.dtbh-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.dtbh-wrap { font-family: ‘Open Sans’, sans-serif; color: #212326; line-height: 1.6; }
.dtbh-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.dtbh-btn {
display: inline-block;
background: #65bd7d;
color: #ffffff;
padding: 14px 32px;
border-radius: 4px;
text-decoration: none;
font-family: ‘Open Sans’, sans-serif;
font-weight: 600;
font-size: 15px;
transition: background 0.2s;
cursor: pointer;
border: none;
}
.dtbh-btn:hover { background: #4fa868; color: #ffffff; }
.dtbh-btn-outline {
display: inline-block;
background: transparent;
color: #65bd7d;
padding: 12px 28px;
border-radius: 4px;
text-decoration: none;
font-family: ‘Open Sans’, sans-serif;
font-weight: 600;
font-size: 15px;
border: 2px solid #65bd7d;
transition: all 0.2s;
}
.dtbh-btn-outline:hover { background: #65bd7d; color: #ffffff; }
h1,h2,h3,h4 { font-family: ‘PT Sans’, sans-serif; }

.dtbh-courses-section {
padding: 80px 0;
background: #f2f3f5;
}
.dtbh-section-eyebrow {
text-align: center;
font-size: 12px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #65bd7d;
margin-bottom: 12px;
}
.dtbh-section-title {
text-align: center;
font-size: clamp(22px, 4vw, 36px);
font-weight: 700;
color: #141617;
margin-bottom: 48px;
line-height: 1.2;
}
.dtbh-course-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
@media (max-width: 900px) { .dtbh-course-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .dtbh-course-grid { grid-template-columns: 1fr; } }
.dtbh-course-card {
background: #ffffff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.07);
transition: transform 0.22s, box-shadow 0.22s;
display: flex;
flex-direction: column;
}
.dtbh-course-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.14);
}
.dtbh-course-card img {
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
display: block;
}
.dtbh-course-body {
padding: 22px 20px 24px;
display: flex;
flex-direction: column;
flex: 1;
}
.dtbh-course-body h3 {
font-size: 17px;
font-weight: 700;
color: #141617;
margin-bottom: 8px;
line-height: 1.3;
}
.dtbh-course-body p {
font-size: 14px;
color: #434549;
line-height: 1.6;
flex: 1;
margin-bottom: 18px;
}
.dtbh-course-body .dtbh-btn { font-size: 14px; padding: 10px 22px; align-self: flex-start; }

.dtbh-shop-header {
padding: 80px 24px 60px;
background: #141617;
text-align: center;
color: #ffffff;
}
.dtbh-shop-header h1 {
font-size: clamp(32px, 5vw, 56px);
font-weight: 700;
color: #ffffff;
margin-bottom: 18px;
}
.dtbh-shop-header .dtbh-shop-sub {
font-size: clamp(16px, 2.5vw, 20px);
color: rgba(255,255,255,0.82);
max-width: 680px;
margin: 0 auto 14px;
line-height: 1.65;
font-weight: 300;
}
.dtbh-shop-header .dtbh-shop-tagline {
font-size: 16px;
color: #c99046;
font-style: italic;
font-family: ‘PT Sans’, sans-serif;
margin-top: 8px;
}
.dtbh-shop-courses {
padding: 80px 0 100px;
background: #f2f3f5;
}