/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/* single product image */
.hmy-p-img img {
    max-height: 660px;
    max-width: 560px;
    object-fit: cover;
}
/* main page titles */
.hmy-tit-bold span {
    font-weight: 900;
}
.hmy-tit-bold {
    display: flex;
}
.hmy-tit-bold::before,
.hmy-tit-bold::after {
    content: url("https://neda-milano.com/wp-content/uploads/2025/08/vec-hmy.svg");
    display: inline-block;
    height: 50px;
    width: 200px;
}
.hmy-tit-bold::before{
    margin: -8px 0px 0px 0px;
    left: 0;
    rotate: 180deg
}
.hmy-tit-bold::after{
    right: 0;
    margin: 0px 0px 0px 0px;
}
/* product swiper */
.hmy-swiper .button-hmy {
    content: url("https://neda-milano.com/wp-content/uploads/2025/08/Frame-126.svg");
    display: inline-block;
}
@media only screen and (width > 1024px){
    .hmy-swiper .swiper-slide {
        width: auto;
        height: 550px;
    }
    .hmy-swiper .button-hmy {
     position: absolute;
     height: 40px;
     right: 100px;
     bottom: 90px;
     opacity: 0;
     transition: opacity 350ms ease-in;
    }
    .hmy-swiper .category-tag {
    position: absolute;
    bottom: 90px;
    left: 30px;
    font-size: 24px; 
    font-weight: 100;
    color: #fff;
    opacity: 0;
    transition: opacity 350ms ease-in;
    }
    .hmy-swiper .swiper-slide img {
      width: 400px;
      height: 480px;
      object-fit: cover;
    }
    .hmy-swiper .swiper-slide-active .category-tag,
    .hmy-swiper .swiper-slide-active .button-hmy{
     visibility: visible;
     opacity: 1
    }
    .swiper-button-next::after {
        font-size:15px;
        color:#fff;
        background-color: #01376A;
        padding: 10px 25px;
        border-radius:50px;
    }
    .swiper-button-prev::after {
        font-size:15px;
        color:#fff;
        background-color: rgba(1, 55, 106, 0.30);
        padding: 10px 14px;
        border-radius:50px;
    }
    .swiper-button-next {
        position:absolute;
        right:47%;
        top:520px;
    }
    .swiper-button-prev{
        position:absolute;
        left:47%;
        top:520px;
    }
}
@media only screen and (width < 1024px){
    .hmy-swiper{
        padding-bottom:100px;
    }
    .hmy-swiper .swiper-slide {
        width: auto;
        height: 550px;
    }
    .hmy-swiper .button-hmy {
     position: absolute;
     height: 40px;
     right: 25px;
     bottom: 120px;
     opacity: 0;
     transition: opacity 350ms ease-in;
    }
    .hmy-swiper .category-tag {
    position: absolute;
    bottom: 120px;
    left: 25px;
    font-size: 24px; 
    font-weight: 100;
    color: #fff;
    opacity: 0;
    transition: opacity 350ms ease-in;
    }
    .hmy-swiper .swiper-slide img {
      width: 400px;
      height: 450px;
      object-fit: cover;
    }
    .hmy-swiper .swiper-slide-active .category-tag,
    .hmy-swiper .swiper-slide-active .button-hmy{
     visibility: visible;
     opacity: 1
    }
    .swiper-button-next::after {
        font-size:15px;
        color:#fff;
        background-color: #01376A;
        padding: 10px 25px;
        border-radius:50px;
    }
    .swiper-button-prev::after {
        font-size:15px;
        color:#fff;
        background-color: rgba(1, 55, 106, 0.30);
        padding: 10px 14px;
        border-radius:50px;
    }
    .swiper-button-next {
        position:absolute;
        right:45%;
        top:520px;
    }
    .swiper-button-prev{
        position:absolute;
        left:43%;
        top:520px;
    }
}
@media only screen and (width <= 767px){
    .hmy-tit-bold::before,
    .hmy-tit-bold::after {
      height: 30px;
      width: 90px;
    }
    .hmy-tit-bold::after{
      right: 0;
      margin: 5px 0px 0px 0px;
    }
    .hmy-swiper{
        padding-bottom:100px;
    }
    .hmy-swiper .swiper-slide {
        width: auto;
        height: 380px;
    }
    .hmy-swiper .button-hmy {
     position: absolute;
     height: 18px;
     right: 10px;
     bottom: 90px;
     opacity: 0;
     transition: opacity 350ms ease-in;
    }
    .hmy-swiper .category-tag {
    position: absolute;
    bottom: 90px;
    left: 15px;
    font-size: 12px; 
    font-weight: 100;
    color: #fff;
    opacity: 0;
    transition: opacity 350ms ease-in;
    }
    .hmy-swiper .swiper-slide img {
      width: 400px;
      height: 300px;
      object-fit: cover;
    }
    .hmy-swiper .swiper-slide-active .category-tag,
    .hmy-swiper .swiper-slide-active .button-hmy{
     visibility: visible;
     opacity: 1
    }
    .swiper-button-next::after {
        font-size:10px;
        color:#fff;
        background-color: #01376A;
        padding: 10px 20px;
        border-radius:50px;
    }
    .swiper-button-prev::after {
        font-size:10px;
        color:#fff;
        background-color: rgba(1, 55, 106, 0.30);
        padding: 10px 13px;
        border-radius:50px;
    }
    .swiper-button-next {
        position:absolute;
        right:40%;
        top:340px;
    }
    .swiper-button-prev{
        position:absolute;
        left:39%;
        top:340px;
    }
}