.our-company{
    padding: 40px 50px;
    border: 2px solid var(--theme-color);
    max-width: 900px;
    margin: 60px auto 0px auto;
    border-radius: 20px;
    font-size: 16px;
    position: relative;
    background: white;
}

/* Orange corner accent */
.our-company::before{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 120px;
    height: 120px;
    background: #fa9509;
    border-top-left-radius: 20px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}


.our-company-container{
    padding: 10px;
}





.product-slider{

  padding: 30px 0;
}

/* hide scrollbar but keep scrolling */
.product-slider::-webkit-scrollbar{
  display:none;
}

.slider-track{
  display: grid;
  grid-template-columns: repeat(3, 220px); /* 3 columns */
  gap: 20px;

  padding: 10px 20px;

  justify-content: center; /* centers the grid horizontally */
  margin: auto;
}


@media (max-width:724px){
    .slider-track{
        display: grid;
        grid-template-columns: repeat(2, 220px);
    }
}


@media (max-width:478px){
    .slider-track{
        display: grid;
        grid-template-columns: repeat(1, 220px);
    }
}
/* product cards */

.product-card{
  height: 220px;
  width: 220px;
  border-radius: 12px;
  overflow: hidden;
  background: white;
  border: 2px solid var(--theme-color);
  position: relative;
  transition: transform .3s ease, box-shadow .3s ease;
}

.product-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* image fix */

.product-card img{
  width: 100%;
  height: 150px;
  object-fit: contain;
  background: #fff;
  padding: 10px;
}

/* caption */

.product-overlay{
  position:absolute;
  bottom:0;
  width:100%;
  background: rgba(4,52,100,.9);
  text-align:center;
  padding:10px;
}

.product-overlay h4{
  font-size:14px;
  margin:0;
  color:white;
}

/* orange accent underline */

.product-overlay::after{
  content:"";
  display:block;
  width:40px;
  height:3px;
  background:#fa9509;
  margin:6px auto 0;
}



.product-card img{
  width:100%;
  height:150px;
  object-fit:contain;
}