:root{
      --orange:#ff5a00;
      --orange-dark:#e64e00;
      --text:#171717;
      --muted:#71757b;
      --line:#e8e8e8;
      --soft:#f7f7f8;
      --green:#21a657;
      --blue:#1769ff;
      --shadow:0 10px 28px rgba(22,22,22,.08);
      --radius:16px;
      --black:#111827;
    }

    /*----------------- shop page  style ----------- */
      
    .product-grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:20px;
    }

    .product-grid .product-card{
      position:relative;
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      transition:.22s ease;
    }

    .product-grid .product-card:hover{
      transform:translateY(-4px);
      box-shadow:var(--shadow);
      border-color:#ddd;
    }

    .product-grid .product-card .product-media{
      position:relative;
      /* aspect-ratio:1/1; */
      overflow:hidden;
      height:215px;
      background: linear-gradient(180deg, #fafafa, #f2f3f5);
    }

     .product-grid .product-card .product-media img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform .3s ease;
    }

.product-grid .product-card:hover .product-media img{
      transform:scale(1.035);
    }

     .product-grid .product-card .badge-row{
      position:absolute;
      top:12px;
      left:12px;
      right:12px;
      z-index:3;
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      pointer-events:none;
    }

     .product-grid .product-card .badge-group{
      display:flex;
      gap:7px;
      flex-wrap:wrap;
    }

     .product-grid .product-card .wei-badge{
      display:inline-flex;
      align-items:center;
      min-height:28px;
      padding:0 10px;
      border-radius:999px;
      color:#fff;
      font-size:12px;
      font-weight:800;
      box-shadow:0 4px 12px rgba(0,0,0,.12);
      background:var(--orange)
    }

     .product-grid .product-card .wishlist{
      pointer-events:auto;
      width:38px;
      height:38px;
      border-radius:50%;
      border:1px solid rgba(0,0,0,.08);
      background:rgba(255,255,255,.95);
      cursor:pointer;
      font-size:20px;
      color:#333;
      transition:.2s ease;
      display: flex;
      justify-content: center;
      align-items: center;
    }

     .product-grid .product-card .wishlist:hover,
     .product-grid .product-card .wishlist.active{
      background:#fff1eb;
      color:var(--orange);
      border-color:#ffd2bf;
    }
     .product-grid .product-card .wishlist .yith-wcwl-add-button a{
      font-size: 0 !important;
    }
     .product-grid .product-card .wishlist  svg{
      fill:var(--orange);
      margin: 0 !important;
    }
     .product-grid .product-card .wishlist .yith-wcwl-add-to-wishlist{
      margin: 0 !important;
    }
   
     .product-grid .product-card .product-content{
      padding:16px;
    }

     .product-grid .product-card .store-line{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:9px;
      font-size:12px;
      color:var(--muted);
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: .7px;
    }

     .product-grid .product-card .store-name{
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

     .product-grid .product-card .product-title{
      margin:0;
      min-height:44px;
      font-size:14px !important;
      line-height:1.45;
      font-weight:700;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
      color:var(--black);
    }
    .product-grid .product-card .product-title a{
        color:var(--black);
    }

     .product-grid .product-card .rating{
      display:flex;
      align-items:center;
      gap:7px;
      /* margin-top:10px; */
      font-size:12px;
      color:var(--muted);
    }

     .product-grid .product-card .stars{
      color:#ff9f00;
      letter-spacing:1px;
      font-size:14px;
    }

    .price-box{
      margin-top:12px;
    }

     .product-grid .product-card .price-line{
      display:flex;
      align-items:flex-end;
      gap:9px;
      flex-wrap:wrap;
    }

     .product-grid .product-card .current-price{
      font-size:22px;
      font-weight:900;
      line-height:1;
      color:var(--black);
    }

     .product-grid .product-card .old-price{
      color:#a3a3a3;
      text-decoration:line-through;
      font-size:13px;
    }

     .product-grid .product-card .delivery{
      font-size:12px;
      margin-top: 8px;
      color: var(--green);
      font-weight: 700;
    }

     .product-grid .product-card .card-actions{
      gap:9px;
      margin-top:14px;
    }

     .product-grid .product-card .add_to_cart_button, .product-grid .product-card .product_type_simple{
      font-weight:900;
      font-size: 16px !important;
      cursor:pointer;
      transition:.2s ease;
      text-align: center;
      display: flex !important;
      justify-content: center;
      align-items: center;
      line-height: normal !important;
      color:var(--white) !important;
      width: 100%;
      margin-top: 13px;
      padding: 11px;
      border: 0 !important;
      border-radius: 999px !important;
      background: var(--orange) !important;
    }

     .product-grid .product-card .add_to_cart_button:hover, .product-grid .product-card .product_type_simple:hover{
      background:transparent !important;
      border:2px solid var(--orange) !important;
      color:var(--orange) !important;
    }

     .product-grid .product-card .card-compact .product-content{
      padding:14px;
    }

     .product-grid .product-card .card-compact .product-title{
      min-height:40px;
    }

     .product-grid .product-card .card-compact .delivery,
     .product-grid .product-card .card-compact .promo-strip{
      display:none;
    }
   
     .product-grid .product-card .product-content{
      text-align: start;
    }

    .newsletter{margin:30px auto 30px;}
    .newsletter-box{padding:28px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;color:#fff;background:var(--black)}
    .newsletter h3{margin:0 0 6px;font-size:24px}
    .newsletter p{margin:0;color:#cbd5e1}
    .newsletter-form{display:grid;grid-template-columns:280px auto;gap:8px}
    .newsletter input,.newsletter .newsltr-btn{border:0;border-radius:10px;padding:13px 15px}
    .newsletter .newsltr-btn{font-weight:900;background:var(--orange);color:#fff}

    /* filter  */

    .shop-sidebar {
      position: sticky !important;
      top: 0;
      align-self: start;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 20px;
    }
    .shop-sidebar .widget .block-title-widget h2,.shop-sidebar .sw-best-seller-product  h3{
      padding:10px 0 !important;

    }
    .shop-sidebar .widget .block-title-widget,.shop-sidebar .sw-best-seller-product .box-title{
      background-color: unset !important;
    }
    .shop-sidebar .widget ul >li,.shop-sidebar .widget.widget_product_categories ul.product-categories >li,.shop-sidebar .sw-best-seller-product .wrap-content,.shop-sidebar .widget.widget_layered_nav .widget-inner ul>li{
      border-top:unset !important;
      padding:6px 0 !important;
      border-bottom:0 !important;
    }
    .shop-sidebar .widget,.shop-sidebar .sw-best-seller-product{
      border:unset !important;
    }
    .price_slider_wrapper{
      padding:0 !important;
    }
    .price_slider_wrapper input{
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 10px !important;
    }
    .price_slider_wrapper .button{
        width: 100%;
        font-size: 16px !important;
        border: 0 !important;
        border-radius: 10px !important;
        padding: 11px !important;
        color: #fff !important;
        font-weight: 800 !important;
        background: var(--black);
    }

    /* end filter */
    .view-mode-wrap{display: none;}
    .product-header{
      display: flex;
      justify-content: space-between;
      align-items: start;
      padding-left: 15px;
    }
    
    .page-title-wrapper{
      width: 100%;
    }
    .page-title-wrapper .page-title{
      font-size: 28px !important;
      text-transform: capitalize !important;
      margin-bottom: 8px;
    }
    .products-wrapper{
      padding-top: 0 !important;
    }
    .products-wrapper .products-nav .catalog-ordering .orderby-order-container form.woocommerce-ordering select{
      padding: 11px 14px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #fff;
      height: 44px !important;
    }
    .products-wrapper .products-nav{
      text-align: end !important;
    }
    .widget_sp_image{
      display: none;
    }

    /* ---her0 */
    
.wei-heromain {
    margin: 20px 0;
    padding: 0;
}
.p-0{
  padding:0 !important;
}
.wei-heromain .hero-card {
    min-height: 210px;
    border-radius: 24px;
    padding: 36px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: linear-gradient(120deg, #fff3e8, #ffe0bf 60%, #ffd39c);
    box-shadow: var(--shadow)
}

.wei-heromain .hero-copy {
    max-width: 650px;
    z-index: 2
}

.wei-heromain .hero-kicker {
    font-size: 13px;
    font-weight: 900;
    color: var(--orange);
    letter-spacing: 1.3px;
    text-transform: uppercase
}

.wei-heromain h2 {
    margin: 10px 0 12px;
    font-size: 42px;
    line-height: 1.05;
    color:var(--black);
}

.wei-heromain p {
    margin: 0;
    color: #4b5563;
    line-height: 1.6
}

.wei-heromain .hero-cta {
    display: inline-flex;
    margin-top: 20px;
    padding: 13px 20px;
    border-radius: 12px;
    background: var(--black);
    color: #fff;
    font-weight: 800
}
.wei-heromain .hero-cta:hover{
  color:#fff;
}
.wei-heromain .hero-art {
    position: absolute;
    right: 4%;
    width: 330px;
    height: 180px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    align-items: end
}

.wei-heromain .hero-art span {
    border-radius: 30px 30px 18px 18px;
    box-shadow: 0 18px 30px rgba(17, 24, 39, .18)
}

.wei-heromain .hero-art span:nth-child(1) {
    height: 130px;
    background: linear-gradient(#111, #7c3aed)
}

.wei-heromain .hero-art span:nth-child(2) {
    height: 170px;
    background: linear-gradient(#fff, #ff6b00)
}

.wei-heromain .hero-art span:nth-child(3) {
    height: 115px;
    background: linear-gradient(#111, #0ea5e9)
}

.mobile-filter-toggle {
    display: none;
}


/* -----responsive design------------- */

@media(max-width:1400px){
    /* shop page  */

    .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:1100px){
    /* shop page  */

    .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .wei-heromain .hero-art {
        display: none
    }
}

@media(max-width:820px){
    /* shop page  */
    .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .newsletter-box,.newsletter-form{grid-template-columns:1fr}
    .product-header{flex-wrap: wrap;}
}


@media (max-width: 767px) {

    .mobile-filter-toggle {
      display: inline-flex;
      margin-top: 0;
      margin-bottom: 0 !important;
      padding: 13px 20px;
      border-radius: 12px;
      background: var(--black);
      color: #fff;
      font-weight: 800;
    }
    .shop-sidebar{
      width: 280px !important;
      left: -300px !important;
      transition: all .3s ease;
      display: none;
    }

    .shop-sidebar.active {
        position: fixed !important;
        top: 0;
         left: 0 !important;
        height: 100vh;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        display: block;
        box-shadow: 0 0 20px rgba(0,0,0,.15);
    }

    body.filter-open {
        overflow: hidden;
    }
    .products-nav{
      display: flex !important;
      justify-content: end;
      align-items: center;
      gap: 9px;
    }
    .wei-heromain {
      padding: 10px;
    }
}


@media(max-width:520px){
    /* shop page  */

    .product-grid{gap:12px}
    .product-grid .product-card .product-content{padding:12px}
    .product-grid .product-card .product-title{font-size:14px;min-height:41px}
    .product-grid .product-card .current-price{font-size:19px}
    .product-grid .product-card .store-line{font-size:11px}
    .product-grid .product-card .delivery{font-size:11px}
    .product-grid{grid-template-columns:repeat(1,minmax(0,1fr))}
    .wei-heromain h2 {font-size: 32px;}
    .mobile-filter-toggle {padding: 13px 7px;}
}