/*__________________products_______*/
    .products-top-row{
      padding:30px 0;
    }
        .products-top-row .head-con{
            margin-bottom:20px;
    }
.third-sec .sec-row {
    margin: 75px 0 90px 0;
}
div.snapp {
    display: flex;
    justify-content: space-between;
    padding: 1px 5px;
    user-select: none;
    align-items: center;
    background: #008efa;
    color: #fff;
    margin: 20px 0;
}
div.snapp div:first-child{
  text-align:center;width:100%;
}
.products-top-row .head-con .head {
    padding: 0;
    margin: 0;
    color: var(--b100);
    font-size: 24px;
    font-weight: 600;
}
            .products-top-row .head-con .head2 {
                padding: 0;
                margin: 0;
                   color:var(--b100);
                font-size: 15px;
                font-weight: 300;
               margin-top:5px;
            }
                    .products-top-row .sub-con{
            margin-top:20px;
            display:flex;
    }
                        .products-top-row .sub-con .sub-item {
                            margin-left: 15px;
                            padding: 7px 20px;
                            background-color: var(--w90);
                            color: var(--b100);
                            transition: all .3s;
                            -o-transition: all .3s;
                            -webkit-transition: all .3s;
                           -moz-transition: all .3s;
                        }
                        .products-top-row .sub-con .sub-item:hover {
                            
                            background-color: var(--w70);
                            color: var(--b100);
                        }
                            .products-top-row .sub-con .sub-item.active {
                                color: var(--w90);
                                background-color: var(--b100);
                            }
                    .products-top-row .sub-con .sub-item .head{
         margin:0;
         font-size: 15px;
                font-weight: 400;
    }
       .collection-top-row{
      position:relative;
      display:flex;
      flex-direction:column;
      min-height:33vw;
      justify-content:space-between;
      margin-bottom:30px;
    }
.collection-top-row .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}
.collection-top-row .bg img{
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}      
.collection-top-row .cap{
    width:100%;
    z-index:3;
    position:relative;
}
    .collection-top-row .cap .back-con {
        display: inline-flex;
        align-items: center;
        font-size: 14px;
        margin-top: 15px;
    }
             
             .collection-top-row .cap .back-con .icon{
 font-size:24px;
 margin-left:5px;
}                      
                .collection-top-row .cap .head-con{
  padding:40px 0;
  display:flex;
  flex-direction:column-reverse;
}    
                .collection-top-row .cap .head-con .head1{
        font-size: 19px;
        font-weight:300;
        margin:0;
        color:var(--b100);
    }
                    .collection-top-row .cap .head-con .head-en {
                        font-size: 36px;
                        font-weight: 500;
                        letter-spacing: 1px;
                        margin: 0;
                        color: var(--b100);
                    }
                    .collection-top-row .cap.dark .head-con .head-en {
                        
                        color: var(--w100);
                    }
    .collection-top-row .cap.dark .back-con {
        color: var(--w100);
    }        
.pr-filter-row{
border-bottom:1px solid var(--w80);

margin-bottom:20px;
}
.pr-filter-row .pr-filter-con{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:5px;
}
.pr-filter-row .filter-ttl-con{
}
.pr-filter-row .filter-ttl{
     display:flex;
     align-items:center;
     cursor:pointer
}
.pr-filter-row .filter-ttl .ttl{
     font-size:13px;
     font-weight:500;
     color:var(--b100);
}
.pr-filter-row .filter-ttl .count{
     font-size:13px;
     margin-right:7px;
}

.pr-filter-row .sort-ttl-con{
     display:flex;
    align-items:center;
}
.pr-filter-row .sort-ttl-con .sort-ttl{
   font-size:13px;
     font-weight:500;
     color:var(--b100);
margin-left:10px;
}
.pr-filter-row .sort-ttl-con select{
   font-size:13px;
color:var(--b100);
padding:0;
outline:0;
border:none;
}

.filter-con{
    padding:10px 0;
    border-top:1px solid var(--w80);
    display:flex;
    flex-wrap:wrap;
}

.filter-con .filter-item{
    padding-left:40px;
    margin:10px 0;

    flex:1 0 0;
    max-width:280px;
    min-width:220px;
}
.filter-con .filter-item .head{
    font-size:13px;
    font-weight:300;
    padding-bottom:10px;
    border-bottom:1px solid var(--w80);
}
.filter-con .filter-item .head span{
    font-weight:500;
}

.filter-con .filter-item .form-con{
   display:flex;
   flex-direction:column;
}
.filter-con .filter-item .form-con .form-filter{
   margin-top:15px;
}

.filter-btn-con{
    margin-bottom:15px;
    display:flex;
}

.filter-btn-con .button{
    margin-left:15px;
}

 .form-filter{
          display: block;

 }  
  .form-filter input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
    .form-filter input ~ .checkmark {
        width: 100%;
        padding: 0;
        font-weight:300;
        padding-right: 20px;
        font-size:13px;
        color:var(--b100);
        display:inline-block;
        position:relative;
        transition:all 0.2s;
          cursor: pointer;
          user-select:none !important
    }


   .form-filter input ~ .checkmark:before {
     content: "";
  position: absolute;
  top: 50%;
  margin-top:-6px;
  right: 0px;
  width: 12px;
  height: 12px;
  border:1px solid var(--b100);
  background-color:var(--w100);
}
    .form-filter input ~ .checkmark:after {
     content: "";
  position: absolute;
  top: 50%;
  margin-top:-4px;
  right: 2px;
  width: 8px;
  height: 8px;

}
.form-filter input:hover ~ .checkmark:after {
  background-color:var(--w40);
}

.form-filter input:checked ~ .checkmark:after {
  background-color:var(--b100);
}



.products-row{
    position:relative;
}
.products-row .products-con{
      width:100%;
     grid-template-columns: repeat(4,1fr);
    display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    overflow:hidden;
}
.products-row.collection-products-row .products-con{
     grid-template-columns: repeat(3,1fr);
}
.products-row .products-con .img-item {
    grid-column: 3 / span 2;
    grid-row: 3 / span 2;
}
.products-row .products-con .img-item .item-con {
   display:flex;
   align-items:flex-end;
   position:relative;
   width:100%;
   height:100%
    }
.products-row .products-con .img-item .item-con .bg{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 z-index:2;
    }
.products-row .products-con .img-item .item-con .bg img{
     position:absolute;
    top:0;
    left:0;
 width:100%;
 height:100%;
 object-fit:cover;
    }
.products-row .products-con .img-item .item-con .cap{
 position:relative;
   min-width:100%;
 z-index:3;
 padding:40px;
 text-align:center;
    }
.paging-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    margin-bottom: 30px;
}
.paging-row .paging-con{
    display:flex;
    align-items:center;
}
.paging-row .paging-con .p-link{
   color: var(--b100);
    cursor: pointer;
    border-bottom: 1px solid var(--b100);
    padding-bottom: 2px;
    font-size: 15px;
    font-weight: 500;
    margin-right:0;
}
.paging-row .paging-con .p-link.disable{
   color: var(--w50);
    cursor: not-allowed;
    border-bottom: 1px solid var(--w70);
}
.paging-row .paging-con .p-num{
   display:flex;
    align-items:center;
    padding:0;
    margin:0;
    list-style:none;
}
.paging-row .paging-con .p-num li{
   margin-right:20px;
}
.paging-row .paging-con .p-num li a{
    font-size: 17px;
    font-weight: 300;
   color: var(--b100);
}
.paging-row .paging-con .p-num li.active a{
    font-weight: 700;
}
    .pr-about-row{
        position:relative;
        height:640px;
        overflow:hidden;
    }
    .pr-about-row.full{
        height:auto;
    }
    .pr-about-row  .pr-about-con{
        position:relative;
       z-index:2
    }
        .pr-about-row .pr-about-con .about-txt {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.8em;
            text-align: justify;
        }
            .pr-about-row .pr-about-con .about-txt img.size-medium {
                margin-right: auto;
                margin-left: auto;
                display: block;
                aspect-ratio: 3 / 4 !important;
                object-fit: cover;
                width: 230px !important;
                height: auto !important;
            }

                 .pr-about-row  .pr-about-con .about-txt h2,
                 .pr-about-row  .pr-about-con .about-txt h3,
                 .pr-about-row  .pr-about-con .about-txt h4,
                 .pr-about-row  .pr-about-con .about-txt h5{
     font-size:17px;
     font-weight:500;
     margin:5px 0;
    }
                .pr-about-row  .pr-about-btm {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     padding:30px;
     padding-top:60px;
     text-align:center;
     z-index:3;
     background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
   }
              .pr-about-row.full  .pr-about-btm {
     position:relative;
     padding-top:20px;
   }
                .pr-about-row  .pr-about-btm .close {
   display:none;
   }
              .pr-about-row.full  .pr-about-btm .close {
   display:inline-flex;
   }
             .pr-about-row.full  .pr-about-btm .open {
   display:none
   }
@media(max-width:1199px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
    .third-sec .sec-row {
        margin: 35px 0 50px 0;
    }
    div.snapp {
       font-size:12.5px;
    }
}
/*______________PRODUCT option ______________*/

.form-col.weight-col{
   max-width:50%;
}
.form-option {
    display: inline-block;
}
    .form-option input {
        position: absolute;
        opacity: 0;
        height: 0;
        width: 0;
    }
        .form-option input ~ .val {
            display: block;
            transition: all 0.3s;
            cursor: pointer;
            -webkit-box-shadow: inset 0px 0px 0px 1px var(--w50);
            -moz-box-shadow: inset 0px 0px 0px 1px var(--w50);
            box-shadow: inset 0px 0px 0px 1px var(--w50);
            position: relative;
            background-color: var(--w100);
        }
            .form-option input ~ .val.txt {
                display:flex;
                align-items:center;
                justify-content:center;
                border-radius:50%;
                overflow:hidden;
                text-align: center;
                min-width:38px;
                height:38px;
                font-size: 15px;
                font-weight: 300;
                color: var(--b100);
                padding-top:3px;
              
            }
    .form-option.wgt-option input ~ .val.txt {
        border-radius: 0%;
        min-width: initial;
        height: auto;
        font-size: 15px;
        font-weight: 500;
        padding: 5px 7px;
    }

    .form-option input ~ .val.txt .unit {
        font-size: 11px;
        font-weight: 300;
        margin-right: 4px;
    }
            .form-option input ~ .val.img {
                width: 36px;
                height: 36px;
            }
        .form-option input ~ .img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            z-index: 1;
            position: relative;
        }
    .form-option:hover input ~ .val {
        -webkit-box-shadow: inset 0px 0px 0px 1px var(--b100);
        -moz-box-shadow: inset 0px 0px 0px 1px var(--b100);
        box-shadow: inset 0px 0px 0px 1px var(--b100);
    }
    .form-option input:checked ~ .val {
        -webkit-box-shadow: inset 0px 0px 0px 2px var(--b100);
        -moz-box-shadow: inset 0px 0px 0px 2px var(--b100);
        box-shadow: inset 0px 0px 0px 2px var(--b100);
    }
    .form-option input:disabled ~ .val {
        color: #999;
        cursor: not-allowed;
        -webkit-box-shadow: inset 0px 0px 0px 1px var(--w60);
        -moz-box-shadow: inset 0px 0px 0px 1px var(--w60);
        box-shadow: inset 0px 0px 0px 1px var(--w60);
    }
        .form-option input:disabled ~ .val:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            background: linear-gradient(to top left, 
            rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(50% - 0.8px), 
            rgba(0,0,0,0.3) 50%, rgba(0,0,0,0) calc(50% + 0.8px), 
            rgba(0,0,0,0) 100%), linear-gradient(to top right, 
            rgba(0,0,0,0) 0%, rgba(0,0,0,0) calc(50% - 0.8px), 
            rgba(0,0,0,0) 50%, rgba(0,0,0,0) calc(50% + 0.8px), 
            rgba(0,0,0,0) 100%);
        }
.form-option input:checked ~ .val.txt {
           font-weight:600
        }
        .form-option input:disabled ~ .val.txt {
            color: var(--w40);
                       background-color: transparent;
        }
    .form-option input:disabled ~ .img img {
        opacity: 0.5;
    }
@media(max-width:767px) {
    .form-col.weight-col {
        max-width: 100%;
    }
}
    /*________________PRODUCT_______________*/
    .product-main-con{
    }
    .product-row {
        display:flex;
        position:relative;
        flex-direction:row-reverse;
}
    .product-row .img-col {
        flex:2;
        position:relative;
}
    .product-row .txt-col {
        flex:1;
        max-width:720px;
        min-width:520px;
}
        .product-row  .pr-head-row{
      margin-top:30px;
      margin-bottom:30px;
       display:flex;
       justify-content:space-between;
       position:relative;
        }
        .product-row  .pr-head-row .head-con{
       margin-left:30px;
        }
            .product-row  .pr-head-row .head-con .head1 {
padding: 0;
    margin: 0;
    font-weight:500;
    font-size: 24px;
    color:var(--b100)
            }
                              .product-row .pr-head-row .weight-con {
              font-size:15px;
              font-weight:300;
            }
  .product-row  .pr-option-row{
      display:flex;
      align-items:center;
      border-top:1px solid var(--w80);
      padding-top:10px;
      margin-bottom:15px;
        }
  .product-row  .pr-option-row .ttl-con{
      margin-left:10px;
        }
  .product-row  .pr-option-row .ttl-con .ttl{
font-size:13px;
font-weight:300;
        }
               .product-row  .pr-option-row .options-con{
       display:flex;
       align-items:center;
       flex-wrap:wrap;
       flex-grow:1;
        }
.product-row  .pr-option-row .options-con .form-option{
       margin-right: 10px;
        }
                .product-row .pr-option-row .options-con.options-wgt-con {
                    margin-bottom: -10px;
                }

                    .product-row .pr-option-row .options-con.options-wgt-con .form-option {
                        margin-right: 10px;
                        margin-bottom: 10px;
                    }

            .product-row  .pr-price-row {
                margin-top: 15px;
                padding-bottom:10px;
                display:flex;
                align-items:center;
                justify-content:space-between
            }
            .product-row  .pr-price-row .price-con {
              display:flex;
              margin-left:20px;
            }
            .product-row  .pr-price-row .price-b {
                             color:var(--b100);
                            position:relative;
                            padding:0 3px;
                            margin-left:10px;
                        }
            .product-row  .pr-price-row .price-b:after {
                            content:'';
                            position:absolute;
                            top:50%;
                            margin-top:-2px;
                            left:0;
                            width:100%;
                            height:1px;
                            background-color:rgba(0,0,0,0.3);
                        }
            .product-row  .pr-price-row .price-b .prc {
                               font-size: 19px;
                            font-weight: 300;
                            }
            .product-row  .pr-price-row .price-b .ccy {
                                font-size: 13px;
                                font-weight: 300;
                            }
            .product-row  .pr-price-row .price {
                             color:var(--b100);
                        }
    .product-row .pr-price-row.off .price {
                              color:var(--c5)
                            }
            .product-row  .pr-price-row .price.na {
                             color:var(--w50);
                        }
            .product-row  .pr-price-row .price .prc {
                               font-size: 21px;
                            font-weight: 600;
                            }
            .product-row  .pr-price-row .price .ccy {
                                font-size: 13px;
                                font-weight: 300;
                            }
            .product-row  .pr-avl-row{
                text-align:center;
                margin:15px 0;
            }
   .product-row  .pr-avl-row .avl{
display:inline-flex;
background-color:var(--w90);
padding:5px 15px 5px 30px;
border-radius:15px;
color:var(--c6)
            }
   .product-row  .pr-avl-row.n-avl .avl{
color:var(--b40)
            }


   .product-row  .pr-avl-row .avl .icon{
font-size:20px;
margin-left:5px;
            }
     .product-row  .pr-btn-row {
              display:flex;
              margin:10px 0;
            }
                .product-row  .pr-btn-row .button {
                  flex-grow:1;
                }
 .product-row  .pr-btn-row .like-con {
                  margin-right:1px;
                 display:flex;
                }
 .product-row  .pr-btn-row .like-con .like-btn {
                  display:flex;
                  align-items:center;
                  justify-content:center;
                  background-color:var(--b100);
                  padding:10px;
                  color:var(--w100);
                  cursor:pointer;
                }
 .product-row  .pr-btn-row .like-con .like-btn .icon {
                 font-size:24px;
                }
 .product-row  .pr-btn-row .like-con .like-btn.btn-2 {
                display:none;
                }
 .product-row  .pr-btn-row .like-con.liked .like-btn.btn-2 {
                display:flex;
                }
  .product-row  .pr-btn-row .like-con.liked .like-btn.btn-1 {
                display:none;
                }
            .product-row  .pr-club-row {
                margin:10px 0;
                font-size:13px;
                font-weight:300;
            }
  .product-row  .pr-club-row a{
               text-decoration:underline;
            }
  .product-row  .pr-info-row {
      margin-top:10px;
  }
                .product-row  .pr-info-row .info-con {
                     width: 100%;
                     background-color:var(--c1);
                     padding:20px 40px;
                }
                .product-row  .pr-info-row .info-con .info-item {
                   display:flex;
                   align-items:center;
                   justify-content:space-between;
                    padding: 0;
                    margin: 10px 0;
                }
  .product-row  .pr-info-row .info-con .info-item:after {
                  content:'';
                  flex-grow:1;
                  height:1px;
                  background-color:var(--w70);
                  order:2;
                  margin:0 15px;
                }
                .product-row  .pr-info-row .info-con .info-item .ttl {
                        color:  var(--b100);
                        font-weight:300;
                           font-size:13px;
                           order:1;
                    }
                .product-row  .pr-info-row .info-con .info-item .val {
                        color:  var(--b100);
                           font-weight:600;
                           font-size:13px;
                           order:3;
                    }
       .product-row  .pr-info-row .info-con .info-item .val a {
                      text-decoration:underline;
                    }
.product-row .img-col .pr-gallery{
       width: 100%;
        display: flex;
    grid-column-gap: 0;
    grid-row-gap: 0;
    overflow: hidden;
    flex-wrap:wrap;
    position:relative;
    z-index:5
}
.product-row .img-col .pr-gallery .gallery-item{
       aspect-ratio:10/11;
       flex:1 0 0;
       min-width:50%;
    overflow: hidden;
}
.product-row .img-col .pr-gallery .gallery-item img,
.product-row .img-col .pr-gallery .gallery-item video{
     width: 100%;
      height: 100%;
      object-fit:cover;
}
.product-row .img-col .back-con{
    position:absolute;
    top:20px ;
    right:40px;
display:inline-flex;
   align-items:center;
    font-size:14px;
    z-index:6
}                 
.product-row .img-col .back-con .icon{
 font-size:24px;
 margin-left:5px;
}                      
    .lg-outer {
        direction: ltr;
    }
    .lg-backdrop {
        background-color: #fff;
    }
.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
}.lg-outer .lg-video {
    width: 100%;
    height: 100%;
    padding-bottom:0%;
    overflow: hidden;
    position: relative;
}
.lg-outer .lg-video video{
    width: 100%;
}
    .lg-toolbar {
        background-color: rgba(255,255, 255, 0.0);
    }
        .lg-toolbar .lg-icon {
            color: #000;
            font-size: 22px;
        }
            .lg-toolbar .lg-icon:hover {
                color: #000;
            }
    .lg-icon {
        font-family: 'icomoon';
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    .lg-toolbar .lg-close:after {
        content: "\e916";
    }
#lg-zoom-in:after {
    content: "\e939";
}
#lg-zoom-out:after {
    content: "\e93b";
}
    .lg-actions .lg-next, .lg-actions .lg-prev {
        background-color: rgba(255, 255, 255, 0);
        border-radius: 50%;
        color: #000;
        padding: 10px;
        font-size: 22px;
        margin-top: -10px;
        top: 50%;
    }
    .lg-actions .lg-next {
        right: 0px;
    }
    .lg-actions .lg-prev {
        left: 0px;
    }
        .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
            color: #000;
        }
    .lg-actions .lg-next:before {
        content: "\e90a";
    }
    .lg-actions .lg-prev:after {
        content: "\e908";
    }
    .lg-sub-html {
        background-color: rgba(255, 255, 255, 0.5);
        color: #000;
        font-size: 14px;
        direction:rtl;
    }
    #lg-actual-size,
    .lg-fullscreen, 
    .lg-autoplay-button {
        display:none;
    }
 #powerTip {
  font-size:13px; 
  font-weight:300;
    white-space: initial;
}
/*PRODUCT SECTIONs______________*/
.product-tab .tab-heads{
    display:flex;
    padding:0;
    margin:0;
    list-style:none;
    border-bottom:1px solid var(--b100);
    margin-bottom:20px;
}
.product-tab .tab-heads li .head{
    font-size:15px;
    font-weight:500;
    padding:5px 20px;
    border-bottom:2px solid transparent
}
.product-tab .tab-heads li.active .head{
    border-bottom:2px solid var(--b100);
}
.pr-txt-row{
    font-size:15px;
    font-weight:300;
   line-height: 1.7em;
}
.pr-txt-row h2,.pr-txt-row h3,.pr-txt-row h4,.pr-txt-row h5,.pr-txt-row h6
{
    font-size:17px;
    font-weight:500;
    margin:5px 0;
}
.pr-comments-row{
    display:flex;
     flex-direction:row-reverse;
}
.pr-comments-row .comments-col{
   flex:5 0 0;
   margin-left:30px;
}
.pr-comments-row .side-col{
       flex:3 0 0;
   min-width:320px;
  max-width:480px;
}
.pr-comments-row .comment-item{
    margin-bottom:20px;
      border-bottom:1px solid var(--w70)
}
.pr-comments-row .comment-item .comment-body{
    padding-bottom:20px;
}
.pr-comments-row .comment-item .c-head{
display:flex;
align-items:center;
margin-bottom:10px;
justify-content:space-between;
}
.pr-comments-row .comment-item .c-head .name{
   font-weight:500;
   color:var(--b100);
   font-size:15px;
   margin-left:10px;
}
.pr-comments-row .comment-item .c-head .date{
   font-weight:300;
   font-size:11px;
}
.pr-comments-row .comment-item .c-txt{
   font-size:15px;
   font-weight:300;
   line-height:1.5em;
}
.pr-comments-row .comment-item .comment-reply .c-txt{
   font-size:14px;
   line-height:24px;
}
.pr-comments-row .c-add-row{
    background-color:var(--w90);
    padding:20px;
    margin:0
}
.pr-comments-row .c-add-row .ttl{
       margin:20px 0;
}
.pr-comments-row .c-add-row .ttl .icon{
   font-size:36px;
   margin-bottom:15px;
   display:inline-block;
    color:var(--b100);
}
.pr-comments-row .c-add-row .head{
   font-size:17px;
   margin:0;
    color:var(--b100);
}
.pr-comments-row .c-add-row .btn{
width:100%;
    max-width: 240px;
margin:20px 0;
}
.pr-comments-row .c-add-row .btn .button{
width:100%;
}
.pr-collection-row{
    display:flex;
    flex-direction:row-reverse;
}
.pr-collection-row .img-col{
   flex:1 0 0;
    max-width:50%;
    position:relative;
    display:flex;
    align-items:flex-end;
}
.pr-collection-row .img-col .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}
.pr-collection-row .img-col .bg img{
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
.pr-collection-row .img-col .cap{
    position:relative;
    width:100%;
    z-index:3;
    padding:40px;
    text-align:center;
}
.pr-collection-row .pr-col{
    flex:1 0 0;
    max-width:50%;
}
.pr-collection-row .pr-col .slider-con{
  padding-right:40px;
}
.collection-slider .slider-item .pr-grid {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}
.pr-feature-row{
    background-color:var(--c1);
    padding:80px 0;
}
.feature-con{
   display:flex;
    width: 100%;
    justify-content:space-between;
}
.feature-con .feature-item{
   text-align:center;
   padding:15px;
}
.feature-con .feature-item .img{
 margin-bottom:20px;
}
.feature-con .feature-item .img img{
  width:60px;
  height:60px;
  object-fit:contain;
}
.feature-con .feature-item .ttl{
font-size:14px;
font-weight:400;
   color:var(--b100);
}
    /*______________collections____________*/
    .collections-top-row{
    }
    .collections-top-row .head-con{
        margin:40px 0;
        display:flex;
        flex-direction:column;
        align-items:flex-start
    }
    .collections-top-row .head-con .head1{
          padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 24px;
    color: var(--b100)
    }
    .collections-top-row .head-con .head2{
          padding: 0;
    margin: 0;
    margin-top:5px;
    font-weight: 300;
    font-size: 15px;
    color: var(--b100)
    }
    .collections-row{
        display:flex;
    }
   .collections-row .list-col{
       flex:1;
       min-width:460px;
       max-width:540px;
    }
   .collections-row .list-col .list-con{
       padding-left:30px;
    }
  .collections-row .list-col .list-con ul{
      list-style:none;
      margin:0;
      padding:0;
    }
  .collections-row .list-col .list-con ul li{
     border-bottom:1px solid var(--w70);
     padding:10px 0;
    }
  .collections-row .list-col .list-con ul li a{
     display:flex;
     align-items:center;
     padding:5px;
    }
  .collections-row .list-col .list-con ul li a .ttl{
       padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 15px;
    color: var(--b100);
    min-width:150px;
    }
  .collections-row .list-col .list-con ul li a .count{
       padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 13px;
   flex-grow:1;
    }
  .collections-row .list-col .list-con ul li a .icon{
       padding: 0;
    margin: 0;
    font-size: 24px;
    color: var(--b100);
     transform:translateX(30px);
    transition:all 0.5s;
    }
  .collections-row .list-col .list-con ul li a:hover .icon{
      transform:translateX(0)
    }
   .collections-row .img-col{
       flex:2;
    }
   .collections-row .img-col .img-con{
      aspect-ratio:5/4;
      position:relative;
      display:flex;
      align-items:flex-end;
    }
   .collections-row .img-col .img-con .bg{
 position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}
   .collections-row .img-col .img-con .bg img{
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
}
   .collections-row .img-col .img-con .cap{
 position:relative;
    width:100%;
    z-index:3;
    padding:40px;
}
   .collections-row .img-col .img-con .cap .ttl{
     font-size: 19px;
    font-weight: 300;
    margin: 0;
    color: var(--b100);
}
   .collections-row .img-col .img-con .cap .ttlen{
   
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    color: var(--b100);
}
   .collections-row .img-col .img-con .cap .button{
  margin-top:30px;
}

   .collections-grid{
           display: grid;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);

   }
   .collections-grid .c-item{
        position:relative;
        aspect-ratio:2/3;
        display:flex;
        align-items:flex-end;
   }
    .collections-grid .c-item.big-item {
        grid-column: span 2;
        aspect-ratio:initial
    }

   .collections-grid .c-item .cap{
        position:relative;
        z-index:4;
        padding:30px 15px;
        display:flex;
        flex-direction:column;
   }

   .collections-grid .c-item .cap .ttl-en{
          
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    color: var(--b100);
    order:1;
   }
   .collections-grid .c-item .cap .ttl{
        
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    color: var(--b100);
    order:2;
   }
   .collections-grid .c-item .cap .count{
        
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
    color: var(--b100);
    order:3;
   }

   .collections-grid .c-item .bg{
        position:absolute;
       top:0;
       left:0;
       width:100%;height:100%;
       z-index:3;
       overflow:hidden;
   }

   .collections-grid .c-item .bg img{
        position:absolute;
       top:0;
       left:0;
       width:100%;
       height:100%;
       object-fit:cover;
       transition:all 1.5s;
   }
   .collections-grid .c-item:hover .bg img{
        transform:scale(1.1)
   }

@media (max-width: 1199px) {
}
@media (max-width: 991px) {
    .products-row .products-con {
        grid-template-columns: repeat(3, 1fr);
    }
        .products-row .products-con .img-item {
            grid-column: 2 / span 2;
            grid-row: 3 / span 2;
        }
    .product-row .txt-col {
        flex: 1;
        max-width: 50%;
        min-width: 50%;
    }

       .collections-grid{

    grid-template-columns: repeat(3, 1fr);

   }
}
@media(max-width:767px) {
    /*__________________products_______*/
    .products-top-row{
      padding:20px 0;
    }
        .products-top-row .head-con{
            margin-bottom:15px;
    }
  .products-top-row .head-con .head{
     font-size:20px;
    }
            .products-top-row .head-con .head2 {
                font-size: 13px;
            }
                    .products-top-row .sub-con{
         flex-wrap:wrap;
    }
                    .products-top-row .sub-con .sub-item{
         margin-left:10px;
         margin-bottom:10px;
         padding:6px 15px;
    }
                    .products-top-row .sub-con .sub-item .head{
   font-size: 13px;
    }
       .collection-top-row{
      min-height:50vw;
      margin-bottom:20px;
    }
      .collection-top-row .cap .back-con{
  margin-top:10px;
    font-size:12px;
}                 
             .collection-top-row .cap .back-con .icon{
 font-size:20px;
}                      
                .collection-top-row .cap .head-con{
  padding:20px 0;
}    
                .collection-top-row .cap .head-con .head1{
        font-size: 17px;
    }
                .collection-top-row .cap .head-con .head-en{
   font-size: 28px;
    }          
.pr-filter-row{
margin-bottom:15px;
}

.pr-filter-row .filter-ttl .ttl{
     font-size:11px;
}
.pr-filter-row .filter-ttl .count{
     font-size:11px;
     margin-right:5px;
}
.pr-filter-row .sort-ttl-con .sort-ttl{
   font-size:11px;
margin-left:5px;
}
.pr-filter-row .sort-ttl-con select{
    font-size:11px;
}

.filter-con{
    padding:7px 0;

}

.filter-con .filter-item{
    padding-left:15px;
    margin:7px 0;
    min-width:50%;
}
.filter-con .filter-item .head{
    font-size:11px;
    padding-bottom:7px;

}
.filter-con .filter-item .form-con .form-filter{
   margin-top:12px;
}

.filter-btn-con{
    margin-bottom:12px;
    display:flex;
}

    .form-filter input ~ .checkmark {

        font-size:11px;
    
    }


.products-row .products-con{
     grid-template-columns: repeat(2,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 15px;
}
.products-row.collection-products-row .products-con{
     grid-template-columns: repeat(2,1fr);
}
.products-row .products-con .img-item {
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}
.products-row .products-con .img-item .item-con .cap{
 padding:20px 0;
    }
.products-row .products-con .img-item .item-con .cap .button{
 padding:5px 10px;
    }
.products-row .products-con .img-item .item-con .cap .button .icon{
display:none;
    }
.paging-row{
    margin-top:20px;
}
.paging-row .paging-con .p-link{
    font-size: 13px;
    margin-right:15px;
}
.paging-row .paging-con .p-num li{
   margin-right:15px;
}
.paging-row .paging-con .p-num li a{
    font-size: 15px;
    border-bottom:none !important;
}
    .pr-about-row{
        height:480px;
    }
        .pr-about-row  .pr-about-con .about-txt{
      font-size:14px;
      text-align:right;
    }
                 .pr-about-row  .pr-about-con .about-txt h2,
                 .pr-about-row  .pr-about-con .about-txt h3,
                 .pr-about-row  .pr-about-con .about-txt h4,
                 .pr-about-row  .pr-about-con .about-txt h5{
     font-size:15px;
    }
/*______________PRODUCT option ______________*/
.form-option {
    display: inline-block;
}
            .form-option input ~ .val.txt {
                min-width:34px;
                height:34px;
                font-size: 14px;
            }
            .form-option input ~ .val.img {
                width: 32px;
                height: 32px;
            }
    /*________________PRODUCT_______________*/
    .product-main-con{
    }
    .product-row {
        flex-direction:column-reverse;
}
    .product-row .img-col {
        flex:2;
        position:relative;
}
    .product-row .txt-col {
        flex:1;
        max-width:100%;
        min-width:100%;
}
        .product-row  .pr-head-row{
      margin-top:20px;
      margin-bottom:20px;
        }
        .product-row  .pr-head-row .head-con{
        }
            .product-row  .pr-head-row .head-con .head1 {
    font-size: 20px;
            }
.product-row .pr-head-row .weight-con {
              font-size:11px;
              font-weight:300;
            } 
  .product-row  .pr-option-row .ttl-con{
      margin-left:5px;
        }
  .product-row  .pr-option-row .ttl-con .ttl{
font-size:11px;
font-weight:300;
        }
.product-row  .pr-option-row .options-con .form-option{
    margin:3px 0;
       margin-right: 7px;
        }
.product-row  .pr-option-row .link-con{
margin-right:5px;
        }
            .product-row  .pr-price-row .price-con {
              margin-left:10px;
              flex-direction:column;
            }
            .product-row  .pr-price-row .price-b {
                            padding:0 2px;
                            margin-left:5px;
                        }
            .product-row  .pr-price-row .price-b:after {
                        }
            .product-row  .pr-price-row .price-b .prc {
                               font-size: 17px;
                            }
            .product-row  .pr-price-row .price-b .ccy {
                                font-size: 11px;
                            }
            .product-row  .pr-price-row .price .prc {
                               font-size: 19px;
                            }
            .product-row  .pr-price-row .price .ccy {
                                font-size: 11px;
                            }
 .product-row  .pr-btn-row .like-con .like-btn .icon {
                 font-size:20px;
                }
            .product-row  .pr-club-row {
                font-size:11px;
            }
  .product-row  .pr-info-row {
      margin-top:20px;
  }
                .product-row  .pr-info-row .info-con {
                     padding:10px 20px;
                }
  .product-row  .pr-info-row .info-con .info-item:after {
                  margin:0 10px;
                }
                .product-row  .pr-info-row .info-con .info-item .ttl {
                           font-size:11px;
                    }
                .product-row  .pr-info-row .info-con .info-item .val {
                           font-size:11px;
                    }
       .pr-gallery .owl-dots{
           position:absolute;
           right:15px;
           bottom:15px;
           display:flex;
       }
     .pr-gallery .owl-dots .owl-dot{
         width:10px;
         height:10px;
         border:1px solid var(--b100);
         border-radius:50%;
         margin-left:15px;
       }
     .pr-gallery .owl-dots .owl-dot.active{
        background-color: var(--b100);
       }
.product-row .img-col .pr-gallery{
        display: block;
}
.product-row .img-col .pr-gallery .gallery-item{
       aspect-ratio:10/11;
       min-width:100%;
       display:block;
}
.product-row .img-col .pr-gallery .gallery-item img,
.product-row .img-col .pr-gallery .gallery-item video{
     width: 100%;
      height: 100%;
      object-fit:cover;
}
.product-row .img-col .back-con{
    top:10px ;
    right:15px;
    font-size:12px;
}                 
.product-row .img-col .back-con .icon{
 font-size:20px;
}                      
        .lg-toolbar .lg-icon {
            font-size: 18px;
        }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        padding: 7px;
        font-size: 18px;
        margin-top: -9px;
    }
  .lg-sub-html {
        font-size: 12px;
    }
  #powerTip {
  font-size:11px; 
}
/*PRODUCT SECTIONs______________*/
.product-tab .tab-heads{
    margin-bottom:15px;
}
.product-tab .tab-heads li .head{
    font-size:13px;
    padding:5px 15px;
}
.pr-txt-row{
    font-size:13px;
}
.pr-txt-row h2,.pr-txt-row h3,.pr-txt-row h4,.pr-txt-row h5,.pr-txt-row h6
{
    font-size:15px;
}
.pr-comments-row{
     flex-direction:column;
}
.pr-comments-row .comments-col{
   margin-left:0;
}
.pr-comments-row .side-col{
   min-width:100%;
  max-width:100%;
}
.pr-comments-row .comment-item{
    margin-bottom:15px;
}
.pr-comments-row .comment-item .comment-body{
    padding-bottom:15px;
}
.pr-comments-row .comment-item .c-head{
margin-bottom:5px;
}
.pr-comments-row .comment-item .c-head .name{
   font-size:13px;
}
.pr-comments-row .comment-item .c-head .date{
   font-size:9px;
}
.pr-comments-row .comment-item .c-txt{
   font-size:13px;
}
.pr-comments-row .c-add-row{
    padding:15px;
    margin-bottom:20px
}
.pr-comments-row .c-add-row .ttl{
       margin:0;
}
.pr-comments-row .c-add-row .ttl .icon{
   font-size:32px;
   margin-bottom:10px;
}
.pr-comments-row .c-add-row .head{
   font-size:15px;
}
.pr-comments-row .c-add-row .btn{
    max-width: 150px;
margin:15px 0 5px 0;
}
.pr-collection-row{
    flex-direction:column-reverse;
}
.pr-collection-row .img-col{
    max-width:100%;
    aspect-ratio:4/4;
}
.pr-collection-row .img-col .cap{
    padding:20px;
}
.pr-collection-row .pr-col{
    max-width:100%;
    margin-top:15px
}
.pr-collection-row .pr-col .slider-con{
          padding-right:0;
  overflow-x:scroll;
}
.collection-slider{
    display:flex;
}
.collection-slider .slider-item{
    margin-left:10px;
}
.collection-slider .slider-item:first-of-type{
    padding-right:15px;
}
.collection-slider .slider-item:last-of-type{
    padding-left:15px;
}
.collection-slider .slider-item .pr-grid {
    display: flex;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.collection-slider .slider-item .pr-grid .pr-item {
        min-width: 200px;
    }
.pr-feature-row{
    padding:45px 0;
}
.feature-con{
   display:flex;
    width: 100%;
    justify-content:space-between;
}
.feature-con .feature-item{
    flex:1 0 0;
   padding:5px;
}
.feature-con .feature-item .img{
 margin-bottom:15px;
}
.feature-con .feature-item .img img{
  width:40px;
  height:40px;
}
.feature-con .feature-item .ttl{
font-size:12px;
}
    /*______________collections____________*/
    .collections-top-row{
    }
    .collections-top-row .head-con{
        margin:20px 0;
    }
    .collections-top-row .head-con .head1{
    font-size: 20px;
    }
    .collections-top-row .head-con .head2{
    font-size: 13px;
    }
   .collections-row .list-col{
       min-width:100%;
       max-width:100%;
    }
   .collections-row .list-col .list-con{
       padding-left:0;
    }
  .collections-row .list-col .list-con ul li{
       padding:7px 0;
    }
  .collections-row .list-col .list-con ul li a .ttl{
    font-size: 13px;
    min-width:120px;
    }
  .collections-row .list-col .list-con ul li a .count{
    font-size: 11px;
    }
  .collections-row .list-col .list-con ul li a .icon{
    font-size: 20px;
         transform:translateX(0);
    }
   .collections-row .img-col{
      display:none;
    }


          .collections-grid{
    grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 15px;
    grid-row-gap: 15px;

   }
          .collections-grid .c-item.big-item {
    aspect-ratio: 4/3;
}

          .collections-grid .c-item .cap {
        padding:15px 10px;
   }
           .collections-grid .c-item .cap .ttl-en{
        
    font-size: 20px;
   
   }
   .collections-grid .c-item .cap .ttl{
        
    font-size: 14px;
   }
   .collections-grid .c-item .cap .count{
    font-size: 10px;
    margin-top: 7px;

   }
}