/* Owl Carousel: constrain to viewport, show 1 item at a time */
.owl-carousel{max-width:100%;overflow:visible!important;position:relative}
.owl-carousel .owl-stage-outer{overflow:hidden!important;padding-bottom:12px!important}
.owl-carousel .owl-item{width:100%;display:flex;justify-content:center}

/* Uniform card size for certificates/projects */
.project .project-info{display:flex;align-items:center;justify-content:center;width:900px;max-width:90%;aspect-ratio:16/9;margin:0 auto;background:#ffffff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.35)}
.project .project-info img{width:100%;height:100%;object-fit:contain;display:block;background:#f8f8f8}

/* Fallback for browsers without aspect-ratio support */
@supports not (aspect-ratio: 16/9) {
	.project .project-info{height:540px}
	@media (max-width:1199px){.project .project-info{height:360px}}
	@media (max-width:991px){.project .project-info{height:220px}}
}

@media (max-width:991px){
	.skills-grid{grid-template-columns:1fr;gap:20px}
	.skill-card{min-width:unset;padding:22px;min-height:auto}
	.project .project-info{max-width:100%;width:100%}
}

/* Make nav arrows visible outside the carousel card and style them */
.owl-carousel .owl-nav{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;z-index:30}
.owl-carousel .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:none;background:#ffffff;color:#111;box-shadow:0 8px 20px rgba(0,0,0,0.12);display:flex;align-items:center;justify-content:center;pointer-events:auto}
.owl-carousel .owl-nav .owl-prev{left:calc(50% - 474px)}
.owl-carousel .owl-nav .owl-next{right:calc(50% - 474px)}
.owl-carousel .owl-nav button:focus{outline:0}

@media (max-width:767px){
  .owl-carousel .owl-nav .owl-prev{left:8px}
  .owl-carousel .owl-nav .owl-next{right:8px}
  .owl-carousel .owl-nav button{width:40px;height:40px}
}

@media (max-width:1199px){
	.owl-carousel .owl-nav .owl-prev{left:calc(50% - 360px)}
	.owl-carousel .owl-nav .owl-next{right:calc(50% - 360px)}
}