body{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Montserrat';color: #333;}
* { box-sizing: border-box; }
button{font-family: 'Montserrat';cursor: pointer; }
html, body { margin: 0; padding: 0; }
.wrapper{max-width: 1200px;margin: 0 auto;padding: 0px 15px;}
a,a:hover,img{transition: all 0.4s;text-decoration: none;}
.h1,.h2,.h3,.h4,.h5,.h6{color: #333;margin: 0;font-weight: 400;line-height: 1.2;font-family: 'Rikatin';}
.h1{font-size: 68px;}
.h2{font-size: 46px;}
.h3{font-size: 24px;font-family: Montserrat;}
.h4{font-size: 20px;font-family: Montserrat;}
.red{color: #16458B;}
p,.p-mini,.p-big{font-size: 16px;color: #333;font-family: Montserrat;font-weight: 400;margin: 0;line-height: 1.5;}
.p-mini{font-size: 14px;}
.p-big{font-size: 18px;}
.bold{font-weight: 600;}
.custom_btn{padding: 10px 22px;border-radius: 999px;background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;font-family: Montserrat;font-size: 16px;font-weight: 600;display: inline-flex;gap: 12px;align-items: center;border: 1px solid #16458B;box-shadow: 0 10px 24px rgba(22,69,139,0.24);transition: background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;}
.center{text-align: center;}
.custom_btn span{background: #fff;width: 40px;height: 40px;border-radius: 999px;display: grid;place-items: center;color: #16458B;transition: background 0.2s ease,color 0.2s ease;}
.custom_btn span svg{width: 18px;height: 18px;display: block;}
.custom_btn:hover{background: #fff;color: #16458B;transform: translateY(-2px);box-shadow: 0 18px 36px rgba(22,69,139,0.22);}
.custom_btn:hover span{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;}
.custom_btn:hover span svg{color: inherit;}
.white_btn{background: #fff;color: #333;border: 1px solid #fff;box-shadow: 0 8px 20px rgba(15,23,42,0.08);}
.white_btn span{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;color: #fff;}
.white_btn span svg{width: 16px;height: 16px;display: block;}
.white_btn:hover{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;}
.white_btn:hover span{background: #fff;color: #16458B;}
.white_btn:hover span svg{filter: invert(0);}
.site-header { position: sticky; top: 0; z-index: 50; background: #fff; }
.header-inner { max-width: 1200px; margin: 0 auto; padding: 14px 16px; display: flex; align-items: center; gap: 16px; }
.search { flex: 1 1 auto; display: flex; align-items: center; gap: 12px; background: #f6f6f6; padding: 10px 10px 10px 18px; border-radius: 999px; max-width: 420px;margin: 0 auto;}
.search input { flex: 1; border: none; background: transparent; outline: none; font-size: 14px; color: #333; }
.search input::placeholder{color:#9CA3AF;}
.icon-btn { width: 36px; height: 36px; border: none; background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); color: #fff; border-radius: 999px; display: inline-grid; place-items: center; cursor: pointer; transition: background 0.2s ease, transform 0.2s ease;}
.icon-btn svg { width: 18px; height: 18px; fill: transparent; }
.icon-btn:hover{background:#123A73;transform:translateY(-1px);}
.site-header .search .icon-btn { width: 40px; height: 40px; padding: 0; background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); color: #fff; flex-shrink: 0; }
.site-header .search .icon-btn:hover{background:#123A73;}
.site-header .search .icon-btn svg { width: 18px; height: 18px; }
header .brand img{height: 36px;}
.primary-nav { display: flex; gap: 28px; align-items: center; justify-content: center;padding: 18px 0px;border-top: 1px solid #E3E3E3;}
.primary-nav .nav-link { color: #333; text-decoration: none; font-weight: 500;font-family: 'Montserrat'; }
.primary-nav .nav-link.active,.primary-nav .nav-link:hover { background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #16458B; }
.actions .icon-btn.hamburger{width: 40px;height: 40px;padding: 1px 6px;border: 1px solid #eee;}
.actions {display: flex; align-items: center; gap: 10px; }
.actions .icon-btn { background: transparent; color: #222; border: 0px solid #eee; padding: 0;height: auto;width: auto;}
.actions .icon-btn svg{height: 28px;width: 28px;}
.actions .icon-btn.only-mobile { display: none; }

.hamburger { width: 40px; height: 40px; border: 1px solid #eee; border-radius: 8px; background: #fff; display: none; align-items: center; justify-content: center; gap: 5px; }
.hamburger span { display: block; width: 18px; height: 2px; background: #222; border-radius: 2px; }

.primary-nav.open { transform: translateY(0); }
.primary-nav .close { background: transparent; color: #222; border: 1px solid #eee; border-radius: 8px; width: 40px; height: 40px; margin-left: auto;}
.mobile-only { display: none; }
.mobile-search { display: none; }
.mobile-search input { flex: 1; padding: 12px 14px; border-radius: 10px; border: 1px solid #e6e6e6; font-size: 16px; }
.mobile-search .icon-btn { width: 44px; height: 44px; border-radius: 10px; background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); color: #fff; }
footer {
      border-radius: 50px 50px 0 0;
background: linear-gradient(180deg, #EEF3FA 0%, #EEF3FA 100%);
      padding: 90px 0px 200px 0px;position: relative;
    }
.footer-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      max-width: 1200px;
      margin: auto;
      align-items: start;
      padding: 0px 15px;
    }

.newsletter h2 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 20px;
      color: #333;
    }

.newsletter-form {
      display: flex;
      background: #fff;
      border-radius: 50px;
      overflow: hidden;
      border: 1px solid #ddd;
      max-width: 450px;
      align-items: center;
      padding-right: 10px;
    }

.newsletter-form input {
      flex: 1;
      border: none;
      padding: 14px 20px;
      font-size: 14px;
      outline: none;
    }

.newsletter-form button {
      background: #d94a4a;
      border: none;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: 0.3s;
    }

.newsletter-form button:hover {
      background: #b83838;
    }

.footer-links {
      display: grid;
      grid-template-columns: repeat(2, auto);
      gap: 40px;
      justify-content: start;
    }

.footer-links ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

.footer-links ul li {
      margin-bottom: 10px;
    }

.footer-links ul li a {
      text-decoration: none;
      color: #333;
      font-size: 14px;
      transition: 0.3s;
    }

.footer-links ul li a:hover {
      color: #16458B;
    }

.footer-bottom {
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: space-between;
      max-width: 1200px;
      margin: 0 auto;padding: 0px 15px;
      padding-top: 40px;
      gap: 20px;
    }

.social {
      display: flex;
      gap: 20px;
    }

.social a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #555;
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      transition: 0.3s;
      background: #fff;
    }
.social a:hover{transform: translateY(-5px);}
.copy {
      font-size: 13px;
      color: #555;
    }
.homebanner{padding: 0px 0px 70px 0px;}
.homebanner .homebanner-slider .slick-dots{display: flex;gap: 6px;align-items: center;justify-content: center;bottom: -60px;}
.homebanner .homebanner-slider .slick-dots li{margin: 0;width: 40px;
height: 6px;}
.homebanner .homebanner-slider .slick-dots li.slick-active button{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);width: 70px;}
.homebanner .homebanner-slider .slick-dots li.slick-active{width: 70px;}
.homebanner .homebanner-slider .slick-dots li button{width: 40px;
height: 6px;border-radius: 30px;
background: #B7C6DD;padding: 0;}
.homebanner .homebanner-slider .slick-dots li button:before{display: none;}
.homebanner .element.banner-slide{display: block !important;}
.homebanner .element.banner-slide a{display: block;}
.homebanner .element.banner-slide img{width: 100%;height: 60vh;min-height: 320px;max-height: 620px;object-fit: cover;display: block;}
.category-sec{padding: 120px 0px;background-image: url('../image/category-bg.svg');background-repeat: no-repeat;background-size: cover;}
.category-sec .categories {
      display: flex;
      justify-content: center;
      flex-wrap: nowrap;
      gap: 24px;
      padding-top: 50px;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }
.category-sec .categories::-webkit-scrollbar{ display: none; }

.category-sec  .category .img {
      position: relative;
      width: 165px;
      height: 165px;
      border-radius: 50%;
      border: 3px solid #F1E8E8;
      background: #FCFAFA;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      cursor: pointer;
      transition: transform 0.3s ease;
      overflow: hidden;
    }   .category-sec .category {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;position: relative;
    flex-shrink: 0;
}

.category-sec .category img {
     max-width: 145px;
    max-height: 145px;
    transition: transform 0.3s ease;
    object-fit: cover;
    }

.category-sec .category span {
      margin-top: 8px;
      font-weight: 600;
    }

.category-sec  .arrow {
      width: 48px;
      height: 48px;
      background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 16px;
      opacity: 0;
      transition: all 0.3s ease;
    }
.category-sec  .arrow svg{filter:brightness(2.5);}
.category-sec .category:hover img {
      transform: scale(1.1);
    }

.category-sec .category:hover .arrow {
      opacity: 1;
    }

.tranding-sec .card{
    background: #fff;
    border: none;
    border-radius:28px;
    overflow:hidden;
    padding: 16px 16px 20px 16px;
    box-shadow: 0 8px 24px rgba(15,23,42,0.08);
    transition:transform .25s ease, box-shadow .25s ease;
    height: 100%;

  }
.tranding-sec  .card:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(17,24,39,.12);
  }
.tranding-sec  .thumb{
    position:relative;
    aspect-ratio: 1 / 1; 
  }
.tranding-sec  .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    height: 270px;
border-radius: 20px;
  }
.tranding-sec .slick-slide > div{height: 100%;}
.tranding-sec .fav{
    position:absolute; top:16px; right:16px;
    width:36px; height:36px; border-radius:50%;
    background:#fff;border: 0;
    box-shadow: 0 4px 10px rgba(15,23,42,.12);
    display:grid; place-items:center;
    font-size:22px; cursor:pointer;line-height: 25px;
    transition:transform .2s ease;
    color: #292D32;
  }
.tranding-sec .fav:hover{ transform:scale(1.08); }
.tranding-sec .badge{
  position:absolute; left:10px; top:10px;
  background:#111; color:#fff; font-size:12px;
  padding:4px 8px; border-radius:999px;
}
.tranding-sec{padding: 100px 0px;}
.tranding-sec  .content{ padding-top: 16px; }
.tranding-sec  .content .title{
    font-size:16px; line-height:1.5;margin: 0;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    min-height: calc(1.5em * 2);
  }
.tranding-sec  .price-row{ display:flex; align-items:center; gap:8px;padding: 12px 0px;}
.tranding-sec  .price{ font-weight:700; font-size: 20px;}
.tranding-sec  .old{ color:#565656; text-decoration:line-through; font-size:14px; }
.tranding-sec  .rating{margin-left:auto; display:flex; align-items:center; gap:6px;color:#000; font-size:14px;}
.tranding-sec  .rating .star-icon{ color:#F9C749; }
.tranding-sec  .slick-prev, .tranding-sec .slick-next{
    position:absolute; top:-40px;
    width:45px; height:45px; border-radius:999px;
    border:1px solid #F1E8E8;
    background:#fff; color:#111;
    cursor:pointer; z-index:2;
    transition: all 0.4s;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
  }
.tranding-sec  .slick-arrow::before{font-size: 0;opacity: 0;}
.tranding-sec  .slick-prev{ right:92px; left:auto; }
.tranding-sec  .slick-next{ right:36px; }
.tranding-sec  .slick-prev:hover,.tranding-sec .slick-next:hover{ background:#f9fafb; }
.tranding-sec .slick-slide{margin: 0px 10px;height: auto;}
.tranding-sec .card .cta a,.tranding-sec .card .cta button{color: #333;font-size: 16px;font-weight: 600;display: flex;align-items: center;gap: 10px;padding: 14px 16px;border-radius: 50px;border: 1px solid #E5E7EB;justify-content: center;width: 100%;background: transparent;cursor: pointer;}.tranding-sec .card .cta a svg,.tranding-sec .card .cta button svg{width: 20px;height: 20px;}
.tranding-sec .mainwrapper{max-width: 1320px;margin-left: auto;padding-bottom: 50px;}
.tranding-sec .slick-prev:hover, .tranding-sec .slick-next:hover{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);}
.tranding-sec .slick-prev:hover img, .tranding-sec .slick-next:hover img{filter: invert(10);}
.sale-sec{padding-bottom: 100px;}
.sale-sec .saleblock{filter: drop-shadow(0 30px 104px rgba(0, 0, 0, 0.20));position: relative;}
.sale-sec .saleblock img{width: 100%;height: auto;}
.sale-sec .saleblock a{position: absolute;bottom: 40px;left: 100px;}
.arrivals-sec  .grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:18px;
  }
.arrivals-sec .card .thumb{aspect-ratio: auto;}
.tranding-sec .card .cta a:hover,.tranding-sec .card .cta button:hover{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;}
.tranding-sec .card .cta a:hover svg,.tranding-sec .card .cta button:hover svg{color: #fff;}
.arrivals-sec .card{
    background:#fff;
    border: none;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 26px rgba(0,0,0,.06);
    display:flex;
    flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease;
  }
.arrivals-sec  .card:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(17,24,39,.14);
  }

.arrivals-sec .thumb{
    margin: 0;
  }
.arrivals-sec .thumb img{
    width:100%; height:270px; object-fit:cover; display:block;border-radius: 20px;
  }
.arrivals-sec  .fav{
    position:absolute; top:12px; right:12px;
    width:36px; height:36px; border-radius:50%;
    background:#fff; border:0;
    box-shadow: 0 4px 10px rgba(15,23,42,.12);
    display:grid; place-items:center; cursor:pointer;
    transition:transform .18s ease, background .18s ease;
    color:#292D32;
  }
.arrivals-sec .fav svg,.tranding-sec .fav svg{width: 18px;height: 18px;}
.arrivals-sec  .fav:hover{ transform:scale(1.08); background:#fff;}
.arrivals-sec  .badge{
    position:absolute; left:10px; top:10px;
    background:#111; color:#fff; font-size:12px;
    padding:4px 8px; border-radius:999px;
  }
.arrivals-sec.tranding-sec{padding: 0;}
.arrivals-sec  .content{
    display:flex; flex-direction:column; gap:10px;
    flex:1;
  }
.arrivals-sec .title{
    font-size:16px; line-height:1.38;margin: 0;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    min-height: calc(1.38em * 2);
  }
.arrivals-sec  .money-row{
    display:flex; align-items:center; gap:8px;
  }
.arrivals-sec  .price{ font-weight:700; }
.arrivals-sec .old{ color:#333; text-decoration:line-through; font-size:13px; }
.arrivals-sec .rating{
    margin-left:auto; display:flex; align-items:center; gap:6px;
    color:#000; font-size:13px;
  }

.arrivals-sec  .cta{
    margin-top:auto;
    border-top:1px dashed #E3E3E3;
    padding-top:10px;
  }

.arrivals-sec  .chips{ display:flex; gap:8px; margin-left:6px; }
.arrivals-sec  .chip{
    width:22px; height:22px; border-radius:8px;
    display:grid; place-items:center;
    background:#f8fafc; border:1px solid #E3E3E3;
    font-size:12px;
}.arrivals-sec .grid{padding-top: 50px;}
.blog_sec .blogblock{padding-top: 50px;display: flex;gap: 20px;justify-content: space-between;}.blog_sec .blogblock .box{display: flex;flex-direction: column;gap: 16px;width: 33.33%;}.blog_sec .blogblock .box .readmore{padding: 14px 16px;text-align: center;border-radius: 70px;border: 1px solid #F1E8E8;color: #333;
font-family: Montserrat;
font-size: 16px;
font-weight: 600;
line-height: 24px;}
.blog_sec{padding: 100px 0px;}
.blog_sec .blogblock .box img{width: 100%;height: 240px;border-radius: 20px;}
.blog_sec .blogblock .box .readmore:hover{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;}

.customer_sec  .review-slider{ padding-top: 50px; }
.customer_sec  .review-slider .slick-list{
    overflow:hidden;            
    padding: 0 !important;      
  }

.customer_sec .review-slider .slick-slide{
    opacity:.35;
    transition:transform .3s ease, opacity .3s ease, box-shadow .3s ease;
    transform:scale(.96);
    padding:0 10px;             
  }

.customer_sec  .review-slider .slick-center{
    opacity:1;
    transform:scale(1);
  }
.customer_sec  .review-card{
    background:#fff;
    border:1px solid #F1E8E8;
    border-radius:16px;
    padding:18px 20px;
    display:flex; gap:14px; align-items:flex-start;
  }
.customer_sec  .review-slider .slick-center .review-card{
    box-shadow: 0 20px 45px rgba(15,23,42,0.12);
    border-color: #fff;
  }

.customer_sec  .avatar{
    width:56px; height:56px; border-radius:50%; flex:0 0 56px;
    overflow:hidden; border:2px solid #fff; box-shadow:0 4px 10px rgba(0,0,0,.12);
  }
.customer_sec  .avatar img{ width:100%; height:100%; object-fit:cover; display:block; }

.customer_sec  .text{
    flex:1; min-width:0;
  }
.customer_sec  .quote{
    color: #878680;padding-bottom: 30px;
  }
.customer_sec  .name{ font-weight:700; padding-bottom: 10px;}
.customer_sec  .role{ color:#333; font-size:13px; }

.customer_sec  .review-slide{ width:560px; }    

.customer_sec  .nav{
    margin-top:50px;
    display:flex; flex-direction:column; align-items:center; gap:50px;
  }.customer_sec{background: #FCFAFA;padding: 90px 0px;}
.customer_sec .dots-holder ul.slick-dots{
    position:static; display:flex !important; gap:12px; margin:0; padding:0;
  }
.customer_sec .dots-holder .slick-dots li{ width:auto; height:auto; margin:0; }
.customer_sec .dots-holder .slick-dots li button{
    width:40px; height:6px; padding:0; border-radius:999px; background:#D9E3F2;
  }
.customer_sec .dots-holder .slick-dots li button:before{ display:none; }
.customer_sec .dots-holder .slick-dots li.slick-active button{
    background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);width: 70px;
  }
.customer_sec .arrows-holder{ display:flex; gap:10px; }
.customer_sec .nav-btn{
    width:45px; height:45px; border-radius:50%;
    border:1px solid #F1E8E8;
    background:#fff; color:#0f172a;
    display:grid; place-items:center; cursor:pointer;
    box-shadow:0 6px 16px rgba(0,0,0,.06);
    transition:transform .15s ease, background .2s ease, color .2s ease;
    padding:0;
  }
.tranding-sec  .slick-prev img,
.tranding-sec  .slick-next img,
.customer_sec .nav-btn img{
    display:block;
  }
.customer_sec .nav-btn:hover{ transform:translateY(-1px); }
.customer_sec .nav-btn:hover{ background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); border-color:#16458B; color:#fff; }
.customer_sec .nav-btn:hover img{filter: brightness(0) invert(1);}
.customer_sec .nav-btn.next{ background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); border-color:#16458B; }
.customer_sec .nav-btn.next img{filter: brightness(0) invert(1);}
.blog_sec .btnblock{padding-top: 50px;text-align: center;}
header .cartheader{position: relative;}
header .cartheader .number{position: absolute;top: -10px;right: -10px;border-radius: 60px;
background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;font-size: 10px;font-weight: 600;padding: 4px 7px;}
.common_banner{background-image: url('../image/common-banner-bg.svg');background-repeat: no-repeat;background-size: cover;padding: 135px 0px;}
.aboutmain .wrapper{display: flex;align-items: center;gap: 70px;}
.aboutmain .imgblock,.aboutmain .about-info{width: 50%;}
.aboutmain .about-info h2{padding: 20px 0px;}
.aboutmain .counterblock{display: flex;gap: 40px;justify-content: space-between;padding-top: 30px;}.aboutmain .counterblock .box{padding-left: 20px;border-left: 1px solid #E3E3E3;}.aboutmain .counterblock .box:first-child{border: 0;padding-left: 0;}
.aboutmain .imgblock img{width: 100%;}.aboutmain,.vision-sec{padding: 90px 0px;}
.vision-sec .rowcustom{display: flex;justify-content: space-between;gap: 70px;align-items: center;}.vision-sec .rowcustom .heding{width: 50%;text-align: right;}
.vision-sec .rowcustom .block{width: 50%;}.vision-sec .rowcustom .block .img{display: flex;gap: 20px;align-items: center;}.vision-sec .rowcustom .block .img img{width: 60px;height: 60px;border-radius: 50%;}.vision-sec .rowcustom .block p{padding-top: 20px;}
.vision-sec .rowcustom .block{padding: 30px;border-radius: 20px;background: #FFF;box-shadow: 6px 6px 34px 0 rgba(0, 0, 0, 0.10);}.vision-sec .rowcustom:last-child {justify-content: center;padding-top: 50px;}

.contact-sec .wrap{
    max-width:1080px;
    margin-inline:auto;
    background:#fff;
    border-radius:32px;
    position:relative;
    box-shadow:
      0 1px 2px rgba(0,0,0,.04),
      0 20px 40px rgba(16,24,40,.08);
    overflow:hidden;
  }

.contact-sec .inner{
    display:grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap:28px;
    padding:36px 40px 40px 40px;
    position:relative;
  }

.contact-sec .accent{
    position:absolute;
    inset:auto 0 0 auto;
    width:36%;
    height:100%;
    background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
    z-index:0;
  }

.contact-sec  .left{
    z-index:1;
  }
.contact-sec .eyebrow{font-size:.96rem;color:var(--muted);margin:0 0 .25rem}
.contact-sec  .sub{
    color:#6b7280;
    margin:20px 0 20px;
    max-width:560px;
  }

.contact-sec form{
    display:grid;
    gap:12px;
    margin:10px 0 16px;
  }
.contact-sec .field{
    position:relative;
  }
.contact-sec .input, .contact-sec .textarea{
    width:100%;
    border:1px solid #E0E0E0;
    background:#fff;
    border-radius:14px;
    padding:18px 14px;
    font-size:14px;
    color: #828282;
    font-family: Montserrat;
    outline:none;
    transition:.2s;
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
  }
.contact-sec .textarea{min-height:110px; resize:vertical}
.contact-sec .input::placeholder,.contact-sec .textarea::placeholder{color:#a1a1aa}
.contact-sec .input:focus,.contact-sec .textarea:focus{
    border-color:#d1d5db;
    box-shadow:0 0 0 4px rgba(22,69,139,.08);
  }

.contact-sec .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-sec .btn{
    border:0;
    background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
    color:#fff;
   padding: 12px 24px;
    border-radius:60px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight:600;
    cursor:pointer;
    transition:.18s transform, .18s background;
  }
.contact-sec .mini{
    display:flex; gap:26px; flex-wrap:wrap;padding-top: 50px;
  }
.contact-sec .mini .item{
    display:flex; align-items:center; gap:10px; color:var(--muted); font-size:.95rem;
  }
.contact-sec .mini svg{width:18px;height:18px; flex:0 0 18px; color:#16458B;}

.contact-sec .right{
    position:relative; z-index:1;
    display:flex; align-items:center; justify-content:center;
    padding:18px 6px 24px 6px;
  }

.contact-sec .map-card{
    width:100%;
    border-radius:22px;
    overflow:hidden;
    background:#fff;
    box-shadow:
      0 10px 20px rgba(0,0,0,.08),
      0 3px 8px rgba(0,0,0,.05);
    position:relative;
  }
.contact-sec{padding: 120px 0px;}
.contact-sec .mini .item span{display: flex;flex-direction: column;gap: 5px;}
.contact-sec .map-card iframe{width: 100%;height: 648px;border-radius: 30px;border-radius: 30px;
box-shadow: 0 34px 74px 0 rgba(0, 0, 0, 0.12);}
.fasionmain .selected-filters {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
     padding-top: 50px;
}
.fasionmain .chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 4px 4px 16px;
  border: 1px solid #16458B;
  border-radius: 9999px;
  background: #fff;
  color: #16458B;
  font-size: 14px;
  font-weight: 500;
}
.fasionmain .chip button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
  color: #fff;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.fasionmain .chip.active {
  background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
  color: #fff;
}
.fasionmain .chip.active button {
  background: #fff;
  color: #16458B;
}

.fasionmain .filter-bar{
  padding-top: 30px;
    display:flex;
    gap:12px;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
  }
.fasionmain .tags{display:flex;gap:7px;flex-wrap:wrap}
.fasionmain  .tag{
    padding:8px 14px;
    border-radius:8px;
    background:#fff;
    border:1px solid #eee;
    font-size:14px;
    cursor:pointer;
  }
.fasionmain  .tag.active{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:white;border-color:#16458B;}
.fasionmain .right-actions{display:flex;align-items:center;gap:10px;justify-content: space-between;width: 100%;padding-top: 25px;}
.fasionmain .right-actions .left{display:flex;align-items:center;gap:12px;}


.fasionmain .filter-toggle{
    background:transparent;
    padding:6px 10px;
    border: 0;
    cursor:pointer;
    display:inline-flex;
    gap:8px;
    align-items:center;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    font-family: Montserrat;
  }
.fasionmain .filterbarsblock{border-bottom: 2px solid #16458B;padding-bottom: 30px;}
.fasionmain{padding: 70px 0px 100px 0px;}



.fasionmain .filter-panel-wrap{
    position:fixed;
    left:0;right:0;
    bottom:0;
    top:100%;
    display:flex;
    justify-content:center;
    pointer-events:none;
    transition:top .32s cubic-bezier(.2,.9,.2,1);
    z-index:999;
  }
.fasionmain .filter-panel-wrap.open{
    top:0;
    pointer-events:auto;
    background:rgba(0,0,0,0.25);
  }

.fasionmain .filter-panel{
    margin:auto;
    width:92%;
    max-width:1200px;
    background:#F7FAFD;
    border-radius: 8px;
    border: 1px solid #E5E9F0;
    padding:18px;
    transform:translateY(10px);
  }
.fasionmain  .panel-close{
    display:flex;
    justify-content:flex-end;
  }
.fasionmain .panel-close button{
    background:#fff;border:1px solid #eee;border-radius:8px;padding:6px 10px;cursor:pointer; font-size: 18px;
  }

  /* brands row with arrows */
.fasionmain  .brands-row{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
  }
.fasionmain .brand-track-wrap{
    overflow:hidden;
    flex:1;
  }
.fasionmain .brand-track{
    display:flex;
    gap:8px;
    padding:6px;
    transition:transform .25s;
  }
.fasionmain .brand{
    padding:8px 12px;
    background:#fff;
    border-radius:8px;
    border:1px solid #eee;
    white-space:nowrap;
    cursor:pointer;
    font-size:14px;
  }
.fasionmain .brand.active{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border-color:#16458B;}
.fasionmain .arrow-btn{
    background:#fff;border:1px solid #eee;padding:8px;border-radius:10px;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
  }

.fasionmain .filters-grid{
    display: flex;flex-direction: column;
    gap:24px;
    align-items:start;
  }
.fasionmain .filters-grid .left-col,
.fasionmain .filters-grid .right-col{display: flex;gap: 24px;align-items: center;flex-wrap: wrap;}
.fasionmain .filter-section{background:#fff;padding:8px 16px;border-radius:12px;display: flex;gap: 16px;align-items: center;}
.fasionmain .filter-section h4{font-size:14px;margin: 0;}
.fasionmain .inline-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

  /* Price dual range */
.fasionmain  .range-wrap{display:flex;gap:10px;align-items:center}
.fasionmain .range-inputs{display:flex;gap:8px;align-items:center}
.fasionmain .range-value{min-width:70px;padding:6px 10px;background:#fff;border-radius:8px;border:1px solid #eee;text-align:center;font-size:14px}

.fasionmain .range-sliders{position:relative;height:34px;width:100%}
.fasionmain .range-sliders input[type=range]{position:absolute;left:0;right:0;top:8px;width:100%;pointer-events:auto;-webkit-appearance:none;height:6px;background:transparent}
.fasionmain input[type=range]::-webkit-slider-runnable-track{height:6px;background:#eee;border-radius:6px}
.fasionmain input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #16458B;margin-top:-6px;box-shadow:0 2px 6px rgba(0,0,0,0.12)}
.fasionmain .price-track{
    position:absolute;left:0;right:0;top:15px;height:6px;background:#eee;border-radius:6px;pointer-events:none;
  }
.fasionmain .price-range-highlight{position:absolute;top:15px;height:6px;background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);border-radius:6px;pointer-events:none}

  /* colors */
.fasionmain .colors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fasionmain .color-swatch{width:30px;height:30px;border-radius:8px;cursor:pointer;display:inline-block;text-align: center;line-height: 30px;}
.color-swatch.selected{outline:3px solid rgba(0,0,0,0.08);transform:scale(1.06)}

  /* sizes & ratings tags */
.fasionmain .size-tag,.fasionmain .rating-tag{padding:8px 14px;border-radius:8px;background:#fff;border:1px solid #E3E3E3;cursor:pointer}
.fasionmain .size-tag.active,.fasionmain .rating-tag.active{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border-color:#16458B}

  /* bottom actions */
.fasionmain .panel-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px;align-items:center}
.fasionmain .btn{
    padding:8px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;
  }
.fasionmain .btn.primary{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff}
.fasionmain .btn.ghost{background:#fff;border:1px solid #ddd}
.pagination-block{margin-top: 32px;padding-top: 25px;border-top: 2px solid #16458B;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.pagination-block .left p{font-weight: 500;}
.pagination-block .right ul{list-style: none;padding: 0;margin: 0;display: flex;gap: 5px;align-items: center;}.pagination-block .right ul a{color: #000;
text-align: center;
font-family: Montserrat;
font-size: 15px;
font-weight: 500;
padding: 8px 15px;border-radius: 8px;display: inline-block;}.pagination-block .right ul a:hover{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;}.pagination-block .right ul li a.active{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color: #fff;
}.pagination-block .right ul li .next{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);    padding: 4px 6px;}
.pagination-block .right ul li .next img{filter: brightness(0) invert(1);}

.fasionmain .filterbarsblock .range-slider-wrap {
    flex:1;
    position:relative;
    height:40px;
    display:flex;
    align-items:center;
}
.fasionmain .filterbarsblock .range-slider-wrap input[type=range] {
    position:absolute;
    left:0;
    width:100%;
    height:6px;
    background:transparent;
    pointer-events:none;
    -webkit-appearance:none;
}.fasionmain .filterbarsblock .filter-section.filter-box{width: 540px;}
.fasionmain .filterbarsblock input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    appearance:none;
    height:20px;
    width:20px;
    border-radius:50%;
    border:3px solid #16458B;
    background:#fff;
    cursor:pointer;
    pointer-events:auto;
    position:relative;
    z-index:3;
}
.fasionmain .filterbarsblock input[type=range]::-moz-range-thumb {
    height:20px;
    width:20px;
    border-radius:50%;
    border:3px solid #16458B;
    background:#fff;
    cursor:pointer;
    pointer-events:auto;
    position:relative;
    z-index:3;
}

/* Track */
.fasionmain .filterbarsblock .slider-track {
    position:absolute;
    height:6px;
    border-radius:5px;
    background:#ddd;
    width:100%;
    z-index:1;
}
.fasionmain .filterbarsblock .slider-range {
    position:absolute;
    height:6px;
    border-radius:5px;
    background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
    z-index:2;
}

.fasionmain .filterbarsblock .price-bubble {
    position:absolute;
    top:-20px;
    transform:translateX(-50%);
    padding:3px 8px;
    border-radius:20px;
    background:#fff;
    border:2px solid #16458B;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
    z-index:4;
}

.product_bradcrums .product_block a{font-family: Montserrat;font-size: 16px;color: #565656;font-weight: 600;}
.product_bradcrums .product_block span{color: #16458B;font-weight: 600;}
.product_bradcrums{padding: 50px 0px;}


.product-detail-sec .product-container {
    display: flex;
    gap: 20px;
  }

  /* Right Section */
.product-detail-sec .product-details {
    flex: 1;
  }
.product-detail-sec .product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.product-detail-sec .product-details h2 {
    margin: 0;
    font-size: 22px;
    flex: 1;
  }

  /* Like Share */
.product-detail-sec .actions {
    display: flex;
    gap: 10px;
  }
.product-detail-sec .actions button {
    background: transparent;
    border: none;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
  }
.product-detail-sec .actions button:hover {
    background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
    color: #fff;
  }

.product-detail-sec .rating {
    color: #000;

font-family: Montserrat;
font-size: 16px;
font-weight: 600;
    margin: 10px 0 20px 0px;display: flex;align-items: center;gap: 6px;
  }.product-detail-sec .color-options{padding-bottom: 20px;border-bottom: 1px solid #E3E3E3;}
.product-detail-sec .price {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #E3E3E3;
  }.product-detail-sec .price span{display: block;font-size: 18px;color: #30333C;font-weight: 400;padding-bottom: 8px;}
.product-detail-sec .color-options, .product-detail-sec .size-options {
    margin: 20px 0;
  }
.product-detail-sec  .color-options span, .product-detail-sec .size-options span {
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
  }.product-detail-sec .color-options h4{padding-bottom: 10px;}
.product-detail-sec .color-options span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #D9D9D9;
  }
.product-detail-sec .color-options span.active {
    border: 1px solid #16458B;
  }
.product-detail-sec .size-options span {
    padding: 8px 16px;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    font-size: 18px;font-weight: 500;color: #333;margin-top: 7px;
  }
.product-detail-sec .size-options span.active {
    background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
    color: #fff;
    border-color: #16458B;
  }

  /* Quantity */
.product-detail-sec .quantity {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #D7D7D7;
    padding: 8px;
  }
.product-detail-sec .quantity button {
    padding: 6px 10px;
    border: none;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
  }
.product-detail-sec .quantity input {
    width: 35px;
    text-align: center;
    margin: 0 5px;
    padding: 6px;
    border: 0px;
    font-size: 18px;color: #16458B;
  }

  /* Add to cart */
.product-detail-sec .add-to-cart {
color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    font-family: Montserrat;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 50px;
    border: 1px solid #F1E8E8;
    justify-content: center;width: 100%;
    transition: all 0.4s;background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
  } .product-detail-sec .add-to-cart svg{width: 20px;height: 20px;filter: invert(10);}
.product-detail-sec .add-to-cart:hover {
    background: transparent;
    border-color: #333;color: #333;
  } .product-detail-sec .add-to-cart:hover svg{filter: invert(0);}
.product-detail-sec .size-options h4{padding-bottom: 10px;}
.product-detail-sec .size-options{padding-bottom: 20px;border-bottom: 1px solid #E3E3E3;}
.product-detail-sec .quantityblock{display: flex;align-items: center;gap: 20px;padding-bottom: 30px;}.tabination-sec .tab-menu ul{list-style: none;padding: 0;margin: 0;display: flex;gap: 30px;justify-content: center;padding-bottom: 16px;border-bottom: 1px solid #E3E3E3;}.tabination-sec .tab-menu ul a{padding: 16px 26px;color: #333;
font-family: Montserrat;
font-size: 18px;
font-weight: 500;
}.tabination-sec .tab-menu ul a.active{color: #16458B;border-bottom: 3px solid #16458B;
box-shadow: 6px 6px 24px 0 rgba(251, 179, 113, 0.20);}.tabination-sec{padding-top: 70px;}
.tabination-sec .tab-main-box .tab-box{display: none;padding-top: 50px;}
.tabination-sec .tab-main-box .tab-box h2{margin: 0;padding: 15px 0px;}
.tabination-sec .tab-main-box .tab-box ul{margin: 0;padding: 18px 0px;list-style: none;display: flex;flex-direction: column;gap: 25px;}
.tabination-sec .tab-main-box .tab-box ul li{padding-left: 46px;position: relative;font-size: 18px;font-weight: 500;font-family: Montserrat;color: #333;}
.tabination-sec .tab-main-box .tab-box ul li::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 32px;height: 32px;background-image: url('../image/apply-tick.svg');background-repeat: no-repeat;background-size: contain;}
.tabination-sec .tab-main-box .tab-box .review-blocks{display: flex;flex-direction: column;}
.tabination-sec .tab-main-box .tab-box .box{padding: 30px 0px;border-bottom: 1px solid #E3E3E3;}.tabination-sec .tab-main-box .tab-box .top,
.tabination-sec .tab-main-box .tab-box .top .left,
.tabination-sec .tab-main-box .tab-box .top .right{display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.tabination-sec .tab-main-box .tab-box .top .right .date{font-size: 18px;}
.tabination-sec .tab-main-box .tab-box .box p{padding-bottom: 16px;color: #6C6C6C;}
.tabination-sec .tab-main-box .tab-box .top{padding-bottom: 16px;}
.tabination-sec .tab-main-box .tab-box p.name{color: #333;}



.product-detail-sec .gallery{
      display:grid;
      grid-template-columns: 100px 1fr;
      gap:20px;
      align-items:start;
      width: 60%;
    }

    /* Left thumbnails column */
.product-detail-sec   .thumbs{
      width:100%;
    }
.product-detail-sec .thumbs .thumb{
      width:100px;
      height:90px;
      margin: 6px 0px;
      border-radius:12px;
      overflow:hidden;
      cursor:pointer;
      border:2px solid transparent;
      position:relative;
      transition:transform .15s ease, border-color .15s ease;
    }
.product-detail-sec .thumbs .thumb img{
      width:100px; height:90px; object-fit:cover; display:block;border-radius: 8px;
      
    }
.product-detail-sec  .thumbs .slick-current .thumb{
      border-color:#16458B;
      outline:0;
      transform:translateX(0);
    }

.product-detail-sec .preview{
      border-radius:20px;
      overflow:hidden;
      background:var(--bg);
      padding:10px;
    }
.product-detail-sec  .preview .item{
      border-radius:18px;
      overflow:hidden;
    }
.product-detail-sec .preview .item img{
      width:100%; height:520px; object-fit:cover; display:block;
      border-radius:20px;border: 1px solid #D9D9D9;
    }

.product-detail-sec  .slick-arrow{ display:none !important; }
.product-detail-sec .slick-dots{ display:none !important; }
.relatedproduct-sec h2{padding-bottom: 50px;}

.profile_sec  .profile-container {
      display: flex;
      background: #fff;
      border-radius: 10px;gap: 20px;
    }

.profile_sec .sidebar {
      width: 29%;
      background: #FFF9F9;
      border-radius: 20px;
      padding: 20px 16px;
      border: 1px solid #E3E3E3;
    }

.profile_sec  .sidebar ul {
      list-style: none;
      padding: 0;margin: 0;display: flex;flex-direction: column;gap: 10px;
    }

.profile_sec  .sidebar li a {
      padding: 16px;
      cursor: pointer;
      display: flex;
      font-size: 16px;
      font-weight: 500;
      align-items: center;
      color: #333;
      transition: 0.3s;
      border-radius: 10px;
    }
.profile_sec  .sidebar li img,
.profile_sec  .sidebar li .sidebar-icon{margin-right: 10px;width: 24px;height: 24px;display: inline-block;vertical-align:middle;}
.profile_sec  .sidebar li.active a,
.profile_sec  .sidebar li:hover a {
      background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
      color: #fff;
    }
.profile_sec  .sidebar li.active img,
.profile_sec  .sidebar li:hover img{filter: brightness(6);}
.profile_sec  .profile-content {border-radius: 20px;background: #FFF;border: 1px solid #E3E3E3;width: 69%;height: fit-content;}

.profile_sec   .profile-form {
      background: #fff;
      border-radius: 10px;
      padding: 30px 20px;
    }

.profile_sec  .profile-photo {
      position: relative;
      display: inline-block;
      margin-bottom: 25px;
    }

.profile_sec   .profile-photo img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      object-fit: cover;
    }

.profile_sec .upload-btn {
      position: absolute;
      bottom: 0;
      right: 0;
      background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
      color: #fff;
      border-radius: 50%;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      cursor: pointer;
    }
.profile_sec .upload-btn img{width: 18px;height: 18px;}
.profile_sec  #uploadImg {
      display: none;
    }

.profile_sec .form-group {
      margin-bottom: 20px;width: 100%;
    }
.profile_sec .form-row .form-group {width: 50%;}
.profile_sec  .form-group label,.profile_sec  .gender-group {
      display: block;
      font-size: 16px;
      margin-bottom: 6px;
      color: #333;font-weight: 600;
    }

.profile_sec .form-group input,.profile_sec .form-group select, .profile_sec .form-group .address-form textarea {
      width: 100%;
      padding: 18px 24px;
      border-radius: 12px;
      border: 1px solid #E7E7E7;
      outline: none;
      transition: 0.3s;
      font-size: 16px;
      font-weight: 400;
      color: #333;
    }
.profile_sec .form-group input::placeholder{color: #6C6C6C;font-size: 16px;font-weight: 400;}
.profile_sec .form-group input:focus {
      border-color: #16458B;
    }
.profile_sec .form-row {
      display: flex;
      gap: 15px;
    }

.profile_sec  .gender-group {
      margin-bottom: 30px;
    }

.profile_sec   .radio-group label {
      margin-right: 20px;
      font-size: 16px;font-weight: 600;
      display: flex;align-items: center;gap: 10px;
    }

.profile_sec  .update-btn,.order-page .center .update-btn {
      background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);
      border: 1px solid #16458B;
      color: #fff;
      border: none;
     padding: 16px 46px;
      border-radius: 50px;
      cursor: pointer;font-size: 16px;font-weight: 600;
      transition: 0.3s;
      font-family: Montserrat;
    }
.profile_sec  .update-btn:hover,.order-page .center .update-btn:hover{background: #fff;color: #333;border: 1px solid #333;}
.profile_sec .radio-group {
      display: flex;
      align-items: center;
      gap: 20px;
      margin-top: 6px;
    }

    /* Custom radio buttons */
.profile_sec .radio-group input[type="radio"] {
      appearance: none;
      width: 23px;
      height: 23px;
      border: 2px solid #C0C0C0;
      border-radius: 50%;
      position: relative;
      cursor: pointer;
      transition: all 0.2s ease;
      margin: 0;
    }

.profile_sec .radio-group input[type="radio"]:checked {
      border-color: #16458B;
      background: radial-gradient(circle, #16458B 40%, transparent 50%);
    }
.profile_sec .profile-form .profilename{padding-bottom: 10px;}
.profile_sec .profile-form .btn{text-align: right;}
.profile_sec{padding-bottom: 90px;}.profile_sec .gender-group label{padding-bottom: 8px;}


.profile_sec .orders-container{display:flex;flex-direction:column;gap:20px;height: 610px;overflow-y: auto;}
.profile_sec .order-card{border:1px solid #E3E3E3;border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:20px;}
.profile_sec .order-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;}
.profile_sec .order-left{display:flex;align-items:center;gap:15px;flex:1;}
.profile_sec .order-left img{width:70px;height:70px;border-radius:10px;object-fit:cover;}
.profile_sec .order-price{text-align:right;display: flex;flex-direction: column;gap: 10px;}
.profile_sec .order-price .dateinfo{font-size: 12px;}
.profile_sec .order-price p{font-size:15px;color:#333;}
.profile_sec .status-badge{display:inline-block;padding: 6px 12px;border-radius:8px;font-size:13px;font-weight:600;width: fit-content;margin-left: auto;}
.profile_sec .status-accepted{
border: 1px solid #1B9FE6;color: #1B9FE6;
background: rgba(27, 159, 230, 0.10);}
.profile_sec .status-intransit{color:#C49A00;background: rgba(230, 169, 27, 0.10);border: 1px solid #E6A91B;}
.profile_sec .status-delivered{color:#1E8B3E;border-radius: 8px;
border: 1px solid #41B410;
background: rgba(65, 180, 16, 0.10);}
.profile_sec .order-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid #E3E3E3;padding-top:20px;}
.profile_sec .payment-method{display:flex;align-items:center;gap:6px;font-size:15px;color:#555;}
.profile_sec .order-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.profile_sec .order-buttons button,.profile_sec .order-buttons a{padding:10px 20px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:0.3s;text-decoration:none;display:inline-block;}
.profile_sec .order-bottom .btn-outline{background:#fff;border:1px solid #ccc;color:#333;transition: all 0.3s;}
.profile_sec .order-bottom .btn-outline:hover{border-color:#000;}
.profile_sec .order-bottom .btn-red{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;transition: all 0.3s;border:none;}
.profile_sec .order-bottom .btn-red:hover{background:#123A73;}

.profile_sec .address-wrap .address-wrap{display:flex;flex-direction:column;gap:18px;}
.profile_sec .address-wrap .address-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom: 16px;}
.profile_sec .address-wrap .address-head h3{font-size:18px;}
.profile_sec .address-wrap .address-list{border:1px solid #E3E3E3;background:#FFF;border-radius:14px;padding:30px;}
.profile_sec .address-wrap .addr-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.profile_sec .address-wrap .addr-left{display:flex;flex-direction:column;gap:6px;max-width:78%;}
.profile_sec .address-wrap .addr-name{font-weight:600;color:#333;font-size: 18px;}
.profile_sec .address-wrap .addr-text{color:#6C6C6C;font-size:18px;line-height:1.4;}
.profile_sec .address-wrap .addr-actions{display:flex;gap:8px;}
.profile_sec .address-wrap .icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid #16458B;background:#fff;display:grid;place-items:center;cursor:pointer;transition:0.2s;color:#16458B;}
.profile_sec .address-wrap .icon-btn:hover{border-color:#123A73;background:#eef3fa;color:#123A73;}
.profile_sec .address-wrap .icon-btn svg{width:18px;height:18px;stroke-width:2;}
.profile_sec .address-wrap .add-btn-main{align-self:flex-end;background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border:none;padding: 16px 46px;border-radius:30px;cursor:pointer;font-size: 16px;transition: all 0.3s;font-weight: 600;}
.profile_sec .address-wrap .add-btn-main:hover{background:#123A73}

.profile_sec .address-wrap .address-form{display:none;opacity:0;transform:translateY(8px);transition:all .3s ease;margin-top: 30px;}
.profile_sec .address-wrap .address-form.show{display:block;opacity:1;transform:translateY(0)}
.profile_sec .address-wrap .address-form h4{margin-bottom:12px}
.profile_sec .address-wrap .address-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile_sec .address-wrap .address-grid .full{grid-column:1/-1}
.profile_sec .address-wrap .address-form .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.profile_sec .address-wrap .btn-ghost{background:#fff;border:1px solid #CFCFCF;border-radius:32px;padding:12px 18px;font-weight:600;cursor:pointer}
.profile_sec .address-wrap .btn-primary{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border:none;border-radius:32px;padding:12px 22px;font-weight:600;cursor:pointer}
.profile_sec .address-wrap .btn-primary:hover{background:#123A73}
.profile_sec .address-wrap .form-group input{padding: 16px 18px;font-size: 16px;color: #333;}

.profile_sec .payment-wrap{display:flex;flex-direction:column;gap:18px}
.profile_sec .payment-wrap .payment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.profile_sec .payment-wrap .payment-head h3{font-size:18px}
.profile_sec .payment-wrap .pm-add-btn{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border:none;padding:12px 22px;border-radius:30px;font-weight:600;cursor:pointer}
.profile_sec .payment-wrap .pm-add-btn:hover{background:#123A73}

.profile_sec .payment-wrap .saved-cards{border:1px solid #E3E3E3;background:#fff;border-radius:14px;padding:16px}
.profile_sec .payment-wrap .saved-cards h4{font-size:14px;color:#666;margin-bottom:12px}
.profile_sec .payment-wrap .pm-card{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #EFEFEF;border-radius:12px;padding:14px;background:#fff}
.profile_sec .payment-wrap .pm-left{display:flex;align-items:center;gap:14px}
.profile_sec .payment-wrap .pm-logo{width:60px;height:24px;display:grid;place-items:center}
.profile_sec .payment-wrap .pm-mask{font-weight:600;color:#222;letter-spacing:1px}
.profile_sec .payment-wrap .pm-del{width:36px;height:36px;border:1px solid #E7E7E7;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer}
.profile_sec .payment-wrap .pm-del:hover{border-color:#C53030}

.profile_sec .payment-wrap .pm-form{border:1px solid #E3E3E3;background:#fff;border-radius:14px;padding:18px;display:none}
.profile_sec .payment-wrap .pm-form.show{display:block}
.profile_sec .payment-wrap .pm-form h4{margin-bottom:12px}
.profile_sec .payment-wrap .pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profile_sec .payment-wrap .pm-grid .full{grid-column:1/-1}
.profile_sec .payment-wrap .pm-form .form-group label{display:block;font-size:14px;margin-bottom:6px;font-weight:600}
.profile_sec .payment-wrap .pm-form input{width:100%;padding:14px 16px;border:1px solid #E7E7E7;border-radius:12px;font-size:14px}
.profile_sec .payment-wrap .pm-form input:focus{border-color:#16458B;outline:none}
.profile_sec .payment-wrap .pm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.profile_sec .payment-wrap .pm-btn-ghost{background:#fff;border:1px solid #CFCFCF;border-radius:32px;padding:12px 18px;font-weight:600;cursor:pointer}
.profile_sec .payment-wrap .pm-btn-primary{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border:none;border-radius:32px;padding:12px 22px;font-weight:600;cursor:pointer}
.profile_sec .payment-wrap .pm-btn-primary:hover{background:#123A73}



.profile_sec .cp-wrap{display:flex;flex-direction:column;gap:18px}
.profile_sec .cp-wrap .cp-group{margin-bottom:14px}
.profile_sec .cp-wrap .cp-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#333}
.profile_sec .cp-wrap .cp-field{position:relative}
.profile_sec .cp-wrap .cp-input{width:100%;padding:16px 48px 16px 16px;border:1px solid #E7E7E7;border-radius:12px;font-size:15px;outline:none}
.profile_sec .cp-wrap .cp-input:focus{border-color:#16458B}
.profile_sec .cp-wrap .cp-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#fff;display:grid;place-items:center;cursor:pointer;border: 0;}
.profile_sec .cp-wrap .cp-eye:hover{border-color:#16458B}
.profile_sec .cp-wrap .cp-eye .ico-off{display:none}
.profile_sec .cp-wrap .cp-eye.active .ico-open{display:none}
.profile_sec .cp-wrap .cp-eye.active .ico-off{display:block}

.profile_sec .cp-wrap .cp-actions{display:flex;justify-content:flex-end;margin-top:10px}
.profile_sec .cp-wrap .cp-btn,
.profile_sec .logout-wrap .cp-btn{background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%);color:#fff;border:none;border-radius:32px;padding:12px 22px;font-weight:600;cursor:pointer;transition: all 0.4s;}
.profile_sec .cp-wrap .cp-btn:hover,
.profile_sec .logout-wrap .cp-btn:hover{background:#123A73}

.profile_sec .cp-wrap .cp-msg{font-size:12px;margin-top:6px}
.profile_sec .cp-wrap .cp-error{color:#c53030}
.profile_sec .cp-wrap .cp-success{color:#1E8B3E}
.profile_sec .logout-wrap h3{padding-bottom: 12px;}
.profile_sec .logout-wrap .btn{text-align: right;}
.profile_sec .logout-wrap .cp-btn{display: inline-block;margin-top: 20px;}
.cart-section{padding-bottom: 100px;}


.cart-section .grid{
      display:grid; grid-template-columns:2fr 1fr; gap:24px;padding-top: 50px;
    }

.cart-section .card.summary {background:#fff; border:1px solid #E3E3E3; border-radius:12px;}
.cart-section .cart{
      width:100%; border-collapse:collapse;
    }.cart-section .cart td.actions{margin-top: 18px;cursor: pointer;}
.cart-section .cart thead th{
      font-size:16px; letter-spacing:.02em; color:#565656; text-align:left; padding:18px 16px; border-bottom:1px solid #E3E3E3;
    }
.cart-section  .cart tbody tr{border-bottom:1px solid #E3E3E3;}    
.cart-section .cart td{padding:16px; vertical-align:middle;}

.cart-section .product{
      display:flex; align-items:center; gap:12px; min-width:220px;
    }
.cart-section .thumb{width:56px; height:56px; border-radius:12px; object-fit:cover;}
.cart-section .p-title{font-weight:600; font-size:14px; line-height:1.35;}

.cart-section .price,.cart-section .row-total{font-weight:600; white-space:nowrap;font-size: 18px;}

.cart-section .qty{
      display:inline-flex; align-items:center; gap:8px; border:1px solid #D7D7D7; border-radius:6px; padding: 8px; background:#fff;
    }
.cart-section .qty button{border:0; background:#fff; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; cursor:pointer;}
.cart-section  .qty input{width:28px; text-align:center; border:0; background:transparent; font-weight:600;color: #16458B;font-size: 18px;}
.cart-section .qty button:hover{background:#f9fafb}

.cart-section .trash{cursor:pointer; width:18px; height:18px; opacity:.6;}
.cart-section .trash:hover{opacity:1}

    /* Summary */
.cart-section .summary{padding:16px; position:sticky; top:10rem;}
.cart-section .sum-title{font-weight:600; margin:6px 0 12px 0; font-size:18px; color:#000;}
.cart-section .coupon{display:flex; gap:8px; margin-bottom:8px;}
.cart-section .coupon input{flex:1; border:1px solid #E3E3E3; border-radius:8px; padding:10px 16px; font-size:14px;}
.cart-section .coupon button{border:0; background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); color:#fff; padding:10px 14px; border-radius:60px; cursor:pointer; font-weight:600;}
.cart-section .coupon button:hover{background:#123A73}

.cart-section .rows{display:grid; gap:22px; margin-top:8px;}
.cart-section .r{display:flex; justify-content:space-between; font-size:18px;}
.cart-section  .muted{color: #6C6C6C;}
.cart-section .total{font-weight:600; font-size:20px; margin-top:8px;color: #333;}

.cart-section .checkout{margin-top:14px; width:100%; border:0; background: linear-gradient(90deg, #16458B -22.81%, #4C80C6 107.89%); color:#fff; padding:14px 16px; border-radius:999px; cursor:pointer; font-weight:700;display: inline-block;text-align: center;}
.cart-section .checkout[disabled]{opacity:.6; cursor:not-allowed}

.checkout-page .grid{display:grid; grid-template-columns:2fr 1fr; gap:24px; align-items:start;}
.checkout-page .card{background:#fff; border:1px solid var(--border); border-radius:12px;}

.checkout-page .fieldset{display:grid; gap:25px; margin-bottom:18px;}
.checkout-page .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.checkout-page .grid-3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px;}

.checkout-page label{display:block; font-size:14px; color: #333; margin-bottom:6px;}
.checkout-page .req::after{content:"*"; color:#c0392b; margin-left:3px;}

.checkout-page input[type="text"],
.checkout-page input[type="email"],
.checkout-page input[type="tel"],
.checkout-page select{
      width:100%; border:1px solid #E7E7E7; border-radius:8px; padding: 16px 18px; font-size:16px; outline:none; background:#fff;color: #333;
    }
.checkout-page input:focus,
.checkout-page select:focus{border-color:#16458B; box-shadow:0 0 0 3px rgba(22,69,139,0.15);} 

.checkout-page .phone-wrap{display:grid; grid-template-columns:110px 1fr; gap:8px;}
.checkout-page .inline{display:flex; align-items:center; gap:8px;}

.checkout-page .checkbox{display:flex; align-items:center; gap:8px; font-size:14px;}
.order-page .center{display:grid; place-items:center; gap:0px; text-align:center;}
.order-page .badge img{width: 90px;height: 90px;margin: 0 auto;}
.order-page p.lead{padding-top: 10px;padding-bottom: 25px;}
.order-page .card{background:#fff; border:1px solid #E3E3E3; border-radius:20px;padding: 20px;max-width: 966px;margin: 0 auto;}

.order-page .order-wrap{margin-top:65px; position:relative}
.order-page .order-head{display:flex; justify-content:space-between; align-items:center; padding:8px 8px 12px 8px; border-bottom:1px solid #E3E3E3;} 
.order-page .order-title{font-weight:600;font-size: 20px;}
.order-page .order-meta{font-size:14px; color:#565656; margin-top:10px}
.order-page .icon-btn{background: transparent;height: 40px;width: 40px;}

.order-page .order-grid{display:grid; grid-template-columns:2fr 1fr; gap:16px;padding-top: 20px;}

.order-page .items{background:#fff;}
.order-page .item{display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:12px 6px; border-bottom:1px solid var(--border);} 
.order-page .item:last-child{border-bottom:0}
.order-page .thumb{width:70px; height:70px; border-radius:12px; object-fit:cover}
.order-page .name{font-weight:600; font-size:14px;max-width: 270px;}
.order-page .sku{font-size:12px; color:var(--muted)}
.order-page .price{font-weight:600; white-space:nowrap;font-size: 18px;}
.order-page .qty{font-size:14px; color:#565656; text-align:right}

.order-page .side{display:grid; gap:12px}
.order-page .info{padding:12px; border:1px solid #E3E3E3; border-radius:10px}
.order-page .info-title{font-weight:500; font-size:14px; margin-bottom:6px; color:#333}
.order-page .sub{font-size:14px; color:#565656;padding-top: 10px;}

.order-page .summary{padding:12px; border:1px solid #E3E3E3; border-radius:10px}
.order-page .rows{display:grid; gap:15px}
.order-page .r{display:flex; justify-content:space-between; font-size:18px}
.order-page .total{font-weight:600; font-size:22px; margin-top:20px;color: #333;}
.order-page{padding-bottom: 100px;}
.wishlist-sec table .actions button{background: transparent;border: 0;width: 28px;height: 28px;}
.wishlist-sec table tr:hover{background: #FFF9F9;}
.wishlist-sec table tr{transition: all 0.3s;}
.wishlist-sec .card{overflow-x: auto;}
.wishlist-sec.cart-section{padding-bottom: 10px;}
.bottom-header{display: none;}

.profile_sec .upload-btn img,
.profile_sec .upload-btn .upload-icon{width: 18px;height: 18px;}

.arrivals-sec .rating .star-icon{color:#F9C749;}
.product-detail-sec .rating .star-icon{color:#F9C749;}

.transperent_btn svg{width: 20px;height: 20px;}
.transperent_btn .btn-icon{margin-left: 8px;}

.product-detail-sec .actions button .icon-outline{color:#16458B;}
.product-detail-sec .actions button:hover .icon-outline{color:#fff;}


.arrivals-sec .rating .star-icon,

.transperent_btn svg{width: 20px;height: 20px;}
.transperent_btn .btn-icon{margin-left: 8px;}

.product-detail-sec .actions button .icon-outline{color:#16458B;}
.product-detail-sec .actions button:hover .icon-outline{color:#fff;}