.ok07-index-products {padding:96px 0;background:#fff;}
.ok07-index-products .section-header {text-align:center;max-width:768px;margin:0 auto 80px;}
.ok07-index-products .section-header .label {color:#5da9e1;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;font-size:14px;margin-bottom:16px;}
.ok07-index-products .section-header .title {color:#0d233e;margin-bottom:24px;font-size:3.5rem;font-weight:600;line-height:1.2;}
.ok07-index-products .section-header .underline {width:80px;height:6px;background:#5da9e1;border-radius:50px;margin:0 auto;}
.ok07-index-products .grid {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media (min-width:768px) {.ok07-index-products .grid {grid-template-columns:repeat(3,1fr);gap:32px;}
}
@media (min-width:1024px) {.ok07-index-products .grid {grid-template-columns:repeat(4,1fr);gap:40px;}
}
.ok07-index-products .card-box {position:relative;border:none;border-radius:0;display: block;}
@media (min-width:992px) {.ok07-index-products .card-box {margin-bottom:35px;}
.ok07-index-products .card-box:nth-child(2n) {margin-bottom:0;margin-top:35px;}
}
.ok07-index-products .card-box .img-wrap {position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:1.5rem;background:#f1f5f9;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.7s ease-out;}
.ok07-index-products .card-box:hover .img-wrap {box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.ok07-index-products .card-box .img-wrap img {width:100%;height:100%;object-fit:cover;transition:transform 1s;}
.ok07-index-products .card-box:hover .img-wrap img {transform:scale(1.1);}
.ok07-index-products .card-box .img-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(13,35,62,1),rgba(13,35,62,0.2),transparent);opacity:0.8;transition:opacity 0.5s;}
.ok07-index-products .card-box:hover .img-overlay {opacity:1;}
.ok07-index-products .card-box .play-btn {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.5s;transform:scale(0.75);display:none;}
.ok07-index-products .card-box:hover .play-btn {opacity:1;transform:scale(1);}
.ok07-index-products .card-box .play-btn .circle {width:64px;height:64px;background:rgba(255,255,255,0.2);backdrop-filter:blur(24px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,0.3);box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);}
.ok07-index-products .card-box .play-btn .circle i {font-size:24px;color:#fff;}
.ok07-index-products .card-box .info {position:absolute;bottom:0;left:0;right:0;padding:24px;transform:translateY(8px);transition:transform 0.5s;}
.ok07-index-products .card-box:hover .info {transform:translateY(0);}
.ok07-index-products .card-box .info .line {display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.ok07-index-products .card-box .info .line .bar {width:32px;height:1px;background:#5da9e1;transition:width 0.5s;}
.ok07-index-products .card-box:hover .info .line .bar {width:48px;}
.ok07-index-products .card-box .info .line .cat {color:#5da9e1;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;}
.ok07-index-products .card-box .info .name {font-size:20px;font-weight:700;color:#fff;line-height:1.25;}
.ok07-index-products .card-box .glow-bg {position:absolute;inset:0;background:rgba(93,169,225,0.05);border-radius:1.5rem;filter:blur(40px);opacity:0;transition:opacity 0.7s;z-index:-1;}
.ok07-index-products .card-box:hover .glow-bg {opacity:1;}

@media (max-width:992px) {
.ok07-index-products .section-header .title {margin-bottom: 15px;font-size: 2rem;}
.ok07-index-products .section-header .label {font-size: 12px;margin-bottom: 10px;}
.ok07-index-products {padding: 30px 0;}
.ok07-index-products .section-header .underline {width: 60px;height: 4px;}
.ok07-index-products .section-header {margin: 0 auto 30px;}
.ok07-index-products .card-box .info .name {font-size: 18px;}
}