.shoptimizer-archive .archive-header .col-full{
    max-width:1440px;
}
.archive-user-content .container .content-wrapper{
    display:flex;
    margin-top: 50px;
}
.archive-user-content .container .content-wrapper .title h3{
    font-family:'Matritsa';
    font-weight: 900;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 1.2px;
    color: #000000;
}
.archive-user-content .container .content-wrapper .title {
    width:calc(50%);
}
.archive-user-content .container .content-wrapper .filter-section{
    width: calc(62%);
}
.archive-user-content .container .content-wrapper .filter-section p{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    width: 706px;
}
.archive-user-content .container .content-wrapper .filter-section .filter-title{
    font-family: 'Inter';
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
}
.archive-user-content .container .content-wrapper .filter-section .filter-form form{
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.archive-user-content .container .content-wrapper .filter-section .filter-form form .option select{
    max-width :207px;
    max-height: 38px;
    font-size: 15px !important;
    font-family: 'Inter' !important;
}
.archive-user-content .container .content-wrapper .filter-section .filter-form form .option select option{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    color: #000000;
}
.image-container{
  margin-top: 20px;
  margin-bottom: 10px;
}
.image-container .all-image-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.image-container .all-image-container .image-row-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.image-container .all-image-container .image-row-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.image-container .all-image-container .image-row .image-item{
  position: relative;
}


.image-row-6 .image-item .image-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1; 
  max-width: 231.67px;  
  overflow: hidden;
}
.image-row-6 .image-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image-row-3 .image-item .image-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 473.33px;  
  overflow: hidden;
}
.image-row-3 .image-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image-container .all-image-container .image-row-6 .image-item {
    flex: 1 1 calc((100% - 5 * 10px) / 6);
  }

.image-container .all-image-container .image-row-3 .image-item {
    flex: 1 1 calc((100% - 2 * 10px) / 3);
  }
  .image-container .all-image-container .image-row .image-item .post-meta-wrapper {
    position: absolute;
    top: 5px;
    right:0;
    color: #fff;
    font-size: 12px;
    display: flex;
    gap: 10px;
    z-index: 1;
}
#popup-info.mfp-hide {
    display: none;
  }
  .popup-info-box {
    max-width: 1240px;
    background-color: #fff;
    padding: 20px;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    width: 90%;
    box-sizing: border-box;
  }
  #popup-info .popup-container {
    display: flex;
    gap: 50px;
  }
  #popup-info .popup-container .popup-image {
    flex: 1 1 50%;
  }
  #popup-info .popup-container .popup-image .top-section img {
    width: 100%;
    /* height: auto; */
    display: block;
    border-radius: 4px;
  }
  #popup-info .popup-container  .popup-comment-container {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
 
  #popup-info .popup-container .popup-comment-container .top-section .title{
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    margin-top: 10px;
  }
  #popup-info .popup-container .popup-comment-container .top-section .title span a{
    font-family: "Inter";
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #EF6526;
  }
#popup-info .popup-container .popup-comment-container .top-section .popup-divider{
    /* border: 1px solid #D9D9D9; */
    margin-top: 20px;
}
.mfp-close-btn-in .mfp-close {
    top: 15px;
}
#comment-form .form-element textarea::placeholder{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #999999;
    padding-top: 15px;
}
#comment-form .submit-element{
    display: flex;
    justify-content:end ;
    margin-top: 10px;
}
.bottom-section .signin-button-wrapper a.signin-button,
#comment-form .submit-element .submit-button{
    width:127px;
    border-radius: 2px;
    padding: 8.5px;
    background-color: #F06E22;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    
}
.bottom-section .signin-button-wrapper a.signin-button:hover, 
#comment-form .submit-element .submit-button:hover {
background-color: #d24d1f;
}
.bottom-section .bottom-text{
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    display: flex;
    justify-content: center;
}
.bottom-section .signin-button-wrapper{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}
.popup-carousel-wrapper {
    position: relative;
  }
  .popup-carousel-wrapper #popup-main-image {
    max-width: 100%;
    height: 572px; 
    object-fit: cover;
  }
.nav-button {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 0;
    margin: auto 0;
    cursor: pointer;
    font-size: 24px;
    z-index: 10;
    color: #fff;
}
  
  #prev-image {
    left: 10px;
  }
  
  #next-image {
    right: 10px;
  }
  .logged_out p{
    text-align: center;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #999999;
  }
  .ugc-pagination {
    margin: 20px auto;
    text-align: center;
}

.ugc-pagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
}

.ugc-pagination li {
    margin: 0 5px;
}

.ugc-pagination a,
.ugc-pagination span {
    padding: 8px 14px;
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none;
}

.ugc-pagination .current {
    background-color: #f56721;
    color: #fff;
    border-color: #f56721;
}
a.prev.page-numbers::after {
  display: none !important;
  content: none !important;
}

  
  /* ✅ Mobile styles */
@media (max-width: 768px) {
  .archive-user-content .container {
    padding: 0 15px;
  }
  .archive-header .col-full .woocommerce-breadcrumb{
    padding: 0 15px;
  }
  .archive-user-content .container .content-wrapper {
      flex-direction: column;
  }
  .archive-user-content .container .content-wrapper .title h3{
    font-family:'Matritsa';
    font-weight: 900;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.96px;
    color: #000000;
  }
  .archive-user-content .container .content-wrapper .title,
  .archive-user-content .container .content-wrapper .filter-section {
      width: 100%;
  }
  .archive-user-content .container .content-wrapper .filter-section p{
    width: 361px !important;
  }
  .archive-user-content .container .content-wrapper .filter-section .filter-form form {
    flex-direction: column;
    gap: 10px; 
  }

  .archive-user-content .container .content-wrapper .filter-section .filter-form form .option select{
    width:100%;
    max-width:100%;
  }
  .image-container .all-image-container .image-row .image-item {
    flex: 1 1 calc((100% - 2 * 10px) / 3); 
  }
  .image-container .all-image-container .image-row .image-item .image-wrapper {
    max-width: none;
    width: 100%;
    aspect-ratio: 1 / 1; 
  }
  .image-container .all-image-container .image-row .image-item .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #popup-info .popup-container {
    flex-direction: column;
  }
  #popup-info .popup-container {
    gap: 0;
  }
  .popup-carousel-wrapper #popup-main-image{
    height: 337px;
  }
  .mfp-close-btn-in .mfp-close  {
    top: -35px;
    color: #ffffff;
  }
  .image-container .all-image-container .image-row-6 {
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
  }
  .image-container .all-image-container .image-row-3{
    gap: 5px;
  }
  .image-container .all-image-container {
    gap:5px;
  }
  body .archive-user-content .container .filter-section .filter-wrapper{
    display: block !important;
  }
}