@media(max-width:767px) {
section{padding-left:10px;padding-right:10px}
.bearing-card-image{width:100%;height:auto}
.bearing-card-image img{width:100%;height:auto;border-top-left-radius:14px;border-top-right-radius:14px}
.bearing-card-content{padding:16px}
}
@media(min-width:768px) {
section{padding-left:15px;padding-right:15px}
.main-section-part{padding-left:10%;padding-right:10%;max-width:1280px;margin:auto;min-height:100vh}
.bearing-card-image{width:auto;height:100%;border-top-right-radius:14px;border-bottom-right-radius:14px;overflow:hidden}
.bearing-card-image img{width:auto;height:100%;display:block;transition:transform 1s ease}
}
.bearing-section{width:100%;max-width:1280px;margin:30px auto 100px;padding:0 20px}
.bearing-wrapper{display:grid;grid-template-columns:1.35fr 0.6fr;gap:18px;align-items:stretch}
.main-bearing-card{position:relative;overflow:hidden;border-radius:18px;min-height:520px;box-shadow:0 12px 35px #0000001f}
.main-bearing-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease}
.main-bearing-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90%;background:linear-gradient(to top,#0000fef2,#0000fea6,#0000fe26,transparent);z-index:1}
.main-bearing-card:hover img{transform:scale(1.3)}
.main-card-content{position:absolute;right:28px;left:28px;bottom:30px;z-index:2;color:#fff}
.main-icon{width:64px;height:64px;border-radius:50%;background:#fff;color:#0000FE;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:18px}
.main-card-content h2{margin:0 0 12px;font-size:25px;font-weight:800;color:#FFF}
.main-card-content p{margin:0 0 22px;font-size:14px;line-height:2;color:#ffffffe0}
.main-card-content a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:#fff;color:#0000FE;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:700;transition:.3s ease}
.main-card-content a:hover{background:#eef0ff;transform:translateY(-2px)}
.side-cards{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}
.bearing-card{background:#fff;border-radius:16px;display:grid;grid-template-columns:230px 58px 1fr;gap:18px;align-items:center;box-shadow:0 10px 30px #00000012;transition:.3s ease}
.bearing-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001c}
.card-icon{width:54px;height:54px;border-radius:14px;background:#0000FE;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.bearing-card-content h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:800}
.bearing-card-content p{margin:0 0 12px;color:#777;font-size:13px;line-height:1.9;font-weight:400}
.bearing-card-content a{color:#0000FE;text-decoration:none;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:.3s ease}
.bearing-card-content a:hover{gap:10px}
.icon-book::before{content:"📖"}
.icon-setting img{margin-top:-2px}
.bearing-card-image:hover img{transform:scale(1.2)}
@media (max-width: 900px) {
.bearing-wrapper{grid-template-columns:1fr}
.main-bearing-card{min-height:420px}
}
@media (max-width: 650px) {
.bearing-card{grid-template-columns:1fr;text-align:center}
.card-icon{margin:0 auto}
.bearing-card-content a{justify-content:center}
.main-card-content{right:20px;left:20px;bottom:24px}
.main-card-content h2{font-size:22px}
}