/* Default Product CSS */

.popular-slider .single-product, .popular-slider2 .single-product{ height: 170px; }
.fullPage .single-product .product-img{ height:auto; }
.requir{ width: 100%; text-align:right !important; }

.psymbol{ font-size:22px; font-weight:700; line-height:32px; margin-right:3px; } 
.pprefix{ font-size:22px; font-weight:700; line-height:32px; }
.psuffix{ font-size:22px; font-weight:700; line-height:32px; }

.proho_div{ display:none; position: absolute; width:calc(100% + 40px); height: 100%; z-index: 1; margin: -5px 0 0 -20px; }
.list-view .proho_div{ margin:0; width:100%; }
.single-product.rel_prod{ overflow:hidden; }
.prsvg{ display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:#fff; border-radius:30px; /*box-shadow:2px 1px 1px rgba(0, 0, 0, 0.2);*/ margin:20px; }
.proho_div .prsvg svg{stroke:var(--mycolor); width:21px; height:21px; }
.offprice{ font-weight:400; font-size: 13px; text-decoration:line-through; }

.overlayer{ position:relative; }
.lay-bgblack{ position:absolute; z-index: 9; color: #fff; width: 100%; height: 100%; align-items: center; justify-content: center; }
.lay-bgcolor{ position:absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 2;}
.lay-content{ position:absolute; width: 100%; left: 0; font-size: 20px; color: #fff; font-weight: 500; margin: 0 auto; display: block; text-align: center; z-index:99; }

.Fixed .lay-bgblack{ display: flex;  } 
.Fixed .lay-bgcolor, .Fixed .lay-content{ display:block; }
.MouseOver .lay-bgblack, .MouseOver .lay-bgcolor, .MouseOver .lay-content{ display:none; }
.overnone .lay-bgblack, .overnone .lay-bgcolor, .overnone .lay-content{ display:none; }

.overlayer.MouseOver:hover .lay-bgblack{ display: flex;}
.overlayer.MouseOver:hover .lay-bgcolor{ display: block;}
.overlayer.MouseOver:hover .lay-content{ display: block;}
.overlayer.MouseOver:hover .offerimg{ display: block;}


.lay-content.Top{ top: 0; }
.lay-content.Middle{ top: 40%; }
.lay-content.Bottom{ bottom: 0; }

.shape1{ z-index:2; top: 0; left: -50%; bottom: 0; right: 50%; transform: skew(45deg) translateX(0);  }
.shape2{ width: 90%!important; height: 90%!important; margin: 0px 5%; border-radius:150px; transition:all .35s ease 0s; transform: translate3d(0,10px,0); }
.shape3{ width: 50%!important; height: 100%!important; top:0; left:0; }
.shape4{ width: 100%!important; height: 50%!important; top:0; }
.shape5{ height: 80px!important; border-radius:50px 150px 50px 130px!important; }

.laycolor1{ background:rgb(247 148 29 / 73%); }
.laycolor2{ background:rgb(0 136 204 / 73%); }
.laycolor3{ background:rgb(50 184 125 / 73%); }
.laycolor4{ background:rgb(254 117 74 / 73%); }
.laycolor5{ background:rgb(248 47 86 / 73%); }
.laycolor6{ background:rgb(0 206 201 / 73%); }
.laycolor7{ background:rgb(108 92 231 / 73%); }
.laycolor8{ background:rgb(133 186 70 / 73%); }
.laycolor9{ background:rgb(0 103 56 / 73%); }
.laycolor10{ background:rgb(238 28 39 / 73%); }
.laycolor11{ background:rgb(186 220 88 / 73%); }
.laycolor12{ background:rgb(255 29 56 / 73%); }

.offerimg span{ position:absolute; width:50px; height:50px; cursor:pointer; text-align:center; }
.offerimg span img{ width:100%!important; height:auto!important; position:relative; z-index:1; }
.list-view .single-product .offerimg span{width:25px; height:25px;}
.offerimg span i{ display:none; bottom:0px; background: #fff; border-radius: 30px; }
.offerimg span:hover i{ display:inline-block; position:sticky; z-index:99; font-size:20px; margin-bottom:10px; }

.onspecial .product-img{ margin-top:20px!important;}
.onspecial-title{ position:absolute; width:100%; padding:3px; top:0; left:0; background:var(--gray); color:#fff; z-index:1; text-align:center; border-radius:6px 6px 0 0; font-weight:600; }
.badge2{ font-size: 12px!important; font-weight: 400!important; line-height: 12px; letter-spacing:normal; padding:5px 7px; border-radius:10px; margin-right:5px; }

.single-product .eyei{ display:none; }
.single-product .eyei .svg_ico{ width:20px; height:20px; margin-right:0px; }
.single-product:hover .eyei{ display:block; }

.heart-svg{ border:1px solid #ccc; padding:8px 6px; border-radius:5px; margin-left:5px; }
.heart-svg .svg_ico{ margin-right:0px; }

/*Inner Product Block Design---*/

.list-view .single-product{ width:100%!important; height: auto!important; margin-bottom: 10px; display: flex; flex-wrap:nowrap!important; margin-bottom:10px!important; padding:10px; }
.list-view .single-product .product-img{ width: 100px; height:80px; margin-bottom:0; margin-right: 10px;}
.list-view .onspecial .product-img, .list-view .onspecial .product-content{ min-height: 50px; margin-top:20px!important;}
.list-view .psecond{ width:calc(100% - 120px); display: flex; flex-wrap: nowrap; min-height:initial; flex-grow:inherit!important;}
.list-view .product-content{ width: 50%; margin-top: 0; }
.list-view .product-content h3{ width:100%; margin-bottom: 0; }
.list-view .product-content h3 a{ font-size: 16px; font-weight:500; color:#1a1a1a; margin-bottom:6px; line-height:24px; }
.list-view .product-price span{ color:var(--mycolor); } 
.list-view .product-price small{ display:block; margin-left:0px; }
.list-view .cardblk .flex-grow-1{ align-items:center; }
.list-view .cardblk .product-action-2{ width:120px!important; margin-top:20px; }
.list-view .button-head{ display:inherit; width: 50%; flex: inherit; align-self:inherit; }
.list-view .onspecial .button-head{ margin-top:20px; }
.list-view .single-product .product-action{ width:150px; order: 1; margin-right: 10px; }
.list-view .single-product .product-action-2{ width:calc(100% - 10%); order: 2; margin-left:10%;}
.list-view .single-product .product-action-2 .product-price{ width:100%; align-items: center; margin:0px; }
.list-view .single-product .product-action-2 .quantity2{ width:150px; }
.list-view .single-product .product-action-2 .acart2{ max-width:100px; float:right; }
.list-view .product-img:hover .bgOver, .list-view .product-img:hover .box-content2, .list-view .product-img:hover .box-content{ display:none!important; }
.list-view .glink{ width: 100%; height: 100%; display:flex; flex-direction: column; justify-content:space-between; justify-content: space-between; align-items: flex-end; border:0px; }
.list-view .glink a{ font-size:14px; color:var(--mycolor)!important; line-height:16px; font-weight:500; }

.list-view { display: flex; flex-direction: column; gap: 16px; }
.list-card { background:#fff; border-radius: 8px; display: flex; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.08); transition: all 0.3s ease; border: 1px solid #e5e5e5; height: 180px; }
.list-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
.list-card .image-container{ width: 180px; height: 180px; flex-shrink: 0; background: #fafafa; display: flex; align-items: center; justify-content: center; padding: 20px; }
.list-card .image-container img { max-width: 100%; max-height: 100%; object-fit: contain; }
.list-card .content{ flex: 1; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }
.list-card .top-section { flex: 1; }
.list-card .product-name { font-size: 18px; font-weight:500; color: #1a1a1a; margin-bottom: 6px; line-height: 1.3; }
.list-card .sku { font-size: 14px; color: #666; margin-bottom: 10px; }
.list-card .sku i{ display:none; } .list-card .sku:hover i{ display:inline-block; }
.list-card .specs{ font-size: 14px; color: #666; line-height: 1.5; }
.list-card .bottom-section { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.list-card .price-group { display: flex; flex-direction: column; }
.list-card .price { font-size: 26px; line-height:30px;  font-weight: 700; color:var(--mycolor); }
.list-card .price-note { font-size: 12px; color: #999; line-height:15px; }
.list-card .btn { padding: 12px 32px; background: #0091ea; color: white; border: none; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.2s; white-space: nowrap; }
.list-card .btn:hover { background: #0077c2; }

.searchlist .list-card{ height:120px; }
.searchlist .list-card .image-container{ width: 120px; height: 120px; }
.searchlist .list-card .content{ padding:15px; }
.searchlist .list-card .product-name{ font-size:16px; line-height:22px; }
.searchlist .list-card .sku{ line-height: 16px; }
.searchlist .list-card .price-group{ display:flex; gap:5px; align-items: flex-end; flex-direction:inherit; }
.searchlist .list-card .price { font-size:20px; font-weight:500; line-height: 22px; }

@media (max-width: 768px) { 
    .section { padding: 24px 16px; }
    .compact-grid, .standard-grid, .enhanced-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
    .list-card { flex-direction: column; height: auto; }
    .list-card .image-container { width: 100%; height: 200px; }
    .list-card .bottom-section { flex-direction: column; align-items: stretch; gap: 16px; }
    .list-card .btn { width: 100%; }
}

.spl-slider .single-product{ display:flex; flex-wrap:wrap; width:calc(100% - 16px); height:100%; background: #fff; margin-top:0; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; }
.spl-slider .single-product:hover, .single-product.active{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.spl-slider .single-product .product-img { width:100%; height:230px; position: relative; overflow: hidden; cursor:pointer; margin:0px 0; }
.spl-slider .single-product .product-img a { display: block; position: relative; width:100%; height:100%; text-align:center; }
.spl-slider .single-product .product-img a img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.spl-slider .single-product .product-content{ position: relative; width:100%; }
.spl-slider .single-product .product-content h3,.single-product .product-content .ch3 { margin-top:5px; margin-bottom:5px; }
.spl-slider .single-product .product-content h3 a, .single-product .product-content .ch3 a{ min-height:26px; font-size: 15px; line-height:22px; font-weight: 500; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.spl-slider .single-product .product-content h3 a:hover, .single-product .product-content .ch3 a:hover{ color:var(--mycolor); }
.spl-slider .single-product .product-action { display: inline-block; width:100%; border-radius: 3px; }
.spl-slider .single-product .product-price{ font-size: 15px; margin:8px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.spl-slider .single-product .product-price span{ color:var(--mycolor); }
.spl-slider .single-product .product-price small{ display:inline-block; margin-left:5px; font-size: 12px; color: #171717; }
.spl-slider .single-product .button-head{ position:relative; width:100%; }
.spl-slider .single-product:hover .product-img{ overflow:inherit; }
.spl-slider .single-product:hover .proho_div{ display:flex; align-items:flex-end; justify-content:flex-end; }
.spl-slider .single-product .badge.badge-success{ background:none!important; font-size:16px!important; line-height:22px!important; font-weight:600!important; color:#e30613!important; padding:0px!important; }

.grid-standard{ display:flex; flex-wrap:wrap; margin:0; }
.grid-standard .single-product{ display:flex; flex-wrap:wrap; width:calc(100%/5 - 16px); height:100%; background: #fff; margin-top:0; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; }
.grid-standard .single-product:hover, .single-product.active{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.grid-standard .single-product .product-img { width:100%; height:230px; position: relative; overflow: hidden; cursor:pointer; margin:0px 0; }
.grid-standard .single-product .product-img a { display: block; position: relative; width:100%; height:100%; text-align:center; }
.grid-standard .single-product .product-img a img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.grid-standard .single-product .product-content{ position: relative; width:100%; }
.grid-standard .single-product .product-content h3,.single-product .product-content .ch3 { margin-top:5px; margin-bottom:5px; }
.grid-standard .single-product .product-content h3 a, .single-product .product-content .ch3 a{ min-height:26px; font-size: 15px; line-height:22px; font-weight: 500; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grid-standard .single-product .product-content h3 a:hover, .single-product .product-content .ch3 a:hover{ color:var(--mycolor); }
.grid-standard .single-product .product-action { display: inline-block; width:100%; border-radius: 3px; }
.grid-standard .single-product .product-price{ font-size: 15px; margin:8px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.grid-standard .single-product .product-price span{ color:var(--mycolor); }
.grid-standard .single-product .product-price small{ display:inline-block; margin-left:5px; font-size: 12px; color: #171717; }
.grid-standard .single-product .button-head{ position:relative; width:100%; }
.grid-standard .single-product:hover .product-img{ overflow:inherit; }
.grid-standard .single-product:hover .proho_div{ display:flex; align-items:flex-end; justify-content:flex-end; }

.home-grid .grid-standard .single-product{ width:calc(100%/5 - 16px); }
.grid-standard.owl-carousel .single-product{ width: calc(100% - 16px); margin: auto; }

@media only screen and (max-width: 1000px){
    .home-grid .grid-standard .single-product{ width:calc(100%/3 - 16px); }
}

@media only screen and (max-width: 768px){
    .home-grid .grid-standard .single-product{ width:calc(100%/2 - 16px); }
}

@media only screen and (max-width: 500px){
    .home-grid .grid-standard .single-product{ width:100%; }
}

.grid-compact{ display:flex; flex-wrap:wrap; margin:0; }
.grid-compact .single-product{ display:flex; flex-wrap:wrap; width:calc(100%/4 - 16px); height:100%; background: #fff; margin-top:0; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; margin: 0 8px 15px 8px; }
.grid-compact .single-product:hover, .single-product.active{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.grid-compact .single-product .product-img { width:100%; height:240px; position: relative; overflow: hidden; cursor:pointer; margin:0px 0; }
.grid-compact .single-product .product-img a { display: block; position: relative; width:100%; height:100%; text-align:center; }
.grid-compact .single-product .product-img a img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.grid-compact .single-product .product-content{ position: relative; width:100%; }
.grid-compact .single-product .product-content h3{ margin-top:5px; margin-bottom:5px; }
.grid-compact .single-product .product-content h3 a{ min-height:26px; font-size: 15px; line-height:22px; font-weight: 500; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grid-compact .single-product .product-content h3 a:hover{ color:var(--mycolor); }
.grid-compact .single-product .product-action { display: inline-block; width:100%; border-radius: 3px; }
.grid-compact .single-product .product-price{ font-size: 15px; margin:8px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.grid-compact .single-product .product-price span{ color:var(--mycolor); }
.grid-compact .single-product .product-price small{ display:inline-block; color:#999; font-size:12px; }
.grid-compact .single-product .button-head{ position:relative; width:100%; }
.grid-compact .single-product:hover .product-img{ overflow:inherit; }
.grid-compact .single-product:hover .proho_div{ display:flex; align-items:flex-end; justify-content:flex-end; }

.grid-compact .single-product .proid{ font-size:13px!important; position: relative; color:#666!important; display:block; font-weight:400!important; line-height:16px; }
.grid-compact .single-product .proid i,.copytxt i{ display:none; }
.grid-compact .single-product .proid:hover i,.proid:focus i{ display: none; color: #9b9a9a; font-size: 14px; cursor: pointer; position: absolute; z-index:1; right: -6px; top: 12px; left: auto;  padding:7px; }
.grid-compact .single-product .eyei i{color:#999!important;}
.grid-compact .single-product .copytxt:hover i,.copytxt:focus i{ display:inline-block; color:#000000; font-size:16px; cursor:pointer; margin-left:5px; }

.grid-compact.owl-carousel .single-product{ width: calc(100% - 16px); margin: auto; }

@media only screen and (max-width: 990px){
    .grid-compact .single-product{ width:calc(100%/3 - 16px); }
}

@media only screen and (max-width: 768px){
    .grid-compact .single-product{ width:calc(100%/2 - 16px); }
}

@media only screen and (max-width: 500px){
    .grid-compact .single-product{ width:100%; }
    .grid-compact .single-product .product-img { width:100%; height:auto; }
}

.grid-enhance{ display:flex; flex-wrap:wrap; margin:0; }
.grid-enhance .single-product{ display:flex; flex-wrap:wrap; width:calc(100%/3 - 16px); background: #fff; margin-top:0; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; margin: 0 8px 15px 8px; }
.grid-enhance .single-product:hover, .single-product.active{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.grid-enhance .single-product .product-img { width:100%; height:320px; position: relative; overflow: hidden; cursor:pointer; margin:0px 0; padding:20px; }
.grid-enhance .single-product .product-img a { display: block; position: relative; width:100%; height:100%; text-align:center; }
.grid-enhance .single-product .product-img a img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.grid-enhance .single-product .product-content{ position: relative; width:100%; }
.grid-enhance .single-product .product-content h3{ margin-top:5px; margin-bottom:5px; }
.grid-enhance .single-product .product-content h3 a{ min-height:30px; font-size: 18px; line-height:22px; font-weight: 600; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grid-enhance .single-product .product-content h3 a:hover{ color:var(--mycolor); }
.grid-enhance .single-product .product-content .shortdesc { font-size: 14px; color: #666; line-height: 1.5; margin:10px 0px 5px 0px; height: 21px; overflow: hidden; }
.grid-enhance .single-product .product-action { display: inline-block; width:100%; border-radius: 3px; }
.grid-enhance .single-product .product-price{ font-size: 15px; margin:8px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.grid-enhance .single-product .product-price span{ color:var(--mycolor); }
.grid-enhance .single-product .product-price small{ display:inline-block; color:#999; font-size:12px; margin-left:5px; }
.grid-enhance .single-product .button-head{ position:relative; width:100%; }
.grid-enhance .single-product:hover .product-img{ overflow:inherit; }
.grid-enhance .single-product:hover .proho_div{ display:flex; align-items:flex-end; justify-content:flex-end; }

.grid-enhance .single-product .psymbol,.grid-enhance .single-product .pprefix, .grid-enhance .single-product .psuffix{ font-size:28px; font-weight:700; }
.grid-enhance .single-product .proid{ font-size:13px!important; position: relative; color:#666!important; display:block; font-weight:400!important; line-height:16px; }
.grid-enhance .single-product .proid i,.copytxt i{ display:none; }
.grid-enhance .single-product .proid:hover i,.proid:focus i{ display: none; color: #9b9a9a; font-size: 14px; cursor: pointer; position: absolute; z-index:1; right: -6px; top: 12px; left: auto;  padding:7px; }
.grid-enhance .single-product .eyei i{color:#999!important;}
.grid-enhance .single-product .copytxt:hover i,.copytxt:focus i{ display:inline-block; color:#000000; font-size:16px; cursor:pointer; margin-left:5px; }

.grid-enhance.owl-carousel .single-product{ width: calc(100% - 16px); margin: auto; }

@media only screen and (max-width: 768px){
    .grid-enhance .single-product{ width:calc(100%/2 - 16px); }
}

@media only screen and (max-width: 500px){
    .grid-enhance .single-product{ width:100%; }
    .grid-enhance .single-product .product-img { width:100%; height:auto; }
}


.grid-ultraclean { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1px; background: #e5e5e5; }
.grid-ultraclean .single-product { background: white; padding: 0; transition: all 0.2s ease; cursor: pointer; }
.grid-ultraclean .single-product:hover { background: var(--mycolor10); }
.grid-ultraclean .single-product .product-img { position: relative; width: 100%; height: 260px; background: white; display: flex; align-items: center; justify-content: center; padding: 40px; }
.grid-ultraclean .single-product .product-img a img{ max-width: 100%; max-height: 100%; object-fit: contain; }
.grid-ultraclean .single-product .psecond{ position:relative; width:100%; padding:24px 24px; }
.grid-ultraclean .single-product .product-content { position:relative; width:100%; text-align: center; }
.grid-ultraclean .single-product .product-content h3{ margin-top:5px; margin-bottom:5px; }
.grid-ultraclean .single-product .product-content h3 a{ min-height:26px; color:#333; font-size:14px; line-height:22px; font-weight: 400; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grid-ultraclean .single-product .product-content h3 a:hover{ color:var(--mycolor); }
.grid-ultraclean .single-product .product-action { display: inline-block; width:100%; border-radius: 3px; }
.grid-ultraclean .single-product .product-price{ font-size: 15px; margin:8px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.grid-ultraclean .single-product .product-price span{ color:var(--mycolor); }
.grid-ultraclean .single-product .product-price small{ display:inline-block; color:#999; font-size:12px; margin-left:5px; }
.grid-ultraclean .single-product .button-head{ position:relative; width:100%; }
.grid-ultraclean .single-product:hover .product-img{ overflow:inherit; }
.grid-ultraclean .single-product:hover .proho_div{ display:flex; align-items:flex-end; justify-content:flex-end; }

.grid-ultraclean .single-product .psymbol,.grid-ultraclean .single-product .pprefix, .grid-ultraclean .single-product .psuffix{ font-size:16px; font-weight:600; }
.grid-ultraclean .single-product .proid{ font-size:12px!important; position: relative; color:#666!important; display:block; font-weight:400!important; line-height:16px; }
.grid-ultraclean .single-product .proid i,.copytxt i{ display:none; }
.grid-ultraclean .single-product .proid:hover i,.proid:focus i{ display: none; color: #9b9a9a; font-size: 14px; cursor: pointer; position: absolute; z-index:1; right: -6px; top: 12px; left: auto;  padding:7px; }
.grid-ultraclean .single-product .eyei i{color:#999!important;}
.grid-ultraclean .single-product .copytxt:hover i,.copytxt:focus i{ display:inline-block; color:#000000; font-size:16px; cursor:pointer; margin-left:5px; }

.home-grid .grid-ultraclean{ grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }

.grid-ultraclean.owl-carousel{ background:none; }
.grid-ultraclean.owl-carousel .owl-item.active{ border-left:1px solid #e5e5e5; }
.grid-ultraclean.owl-carousel .owl-item.active:first-child{ border-left:0px; }


.grid-square { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.grid-square .single-product { background: white; aspect-ratio: 1; border-radius: 2px; overflow: hidden; transition: all 0.2s ease; cursor: pointer; border: 1px solid #f0f0f0; }
.grid-square .single-product:hover{ box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.grid-square .single-product .image-container { width: 100%; height: 60%; background: white; display: flex; align-items: center; justify-content: center; padding: 10px; }
.grid-square .single-product .image-container a{ display:block; width:100%; height:100%; text-align:center; }
.grid-square .single-product .image-container img { max-width: 100%; max-height: 100%; object-fit: contain;}
.grid-square .single-product .product-content { width: 100%; height: 22%; padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; background: #fafafa;}
.grid-square .single-product .product-content h3{ width:calc(100% - 80px); margin-top:5px; margin-bottom:5px; }
.grid-square .single-product .product-content h3 a{ min-height:18px; color:#666; font-size: 12px; line-height:16px; font-weight: 400; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grid-square .single-product .product-content h3 a:hover{ color:var(--mycolor); }
.grid-square .single-product .product-price{ width:80px; font-size: 15px; margin:5px 0; margin-left:auto; font-weight: 500; flex-wrap: wrap; }
.grid-square .single-product .product-price span{ color:var(--mycolor); }
.grid-square .single-product .product-price small{ display:inline-block; color:#999; font-size:11px; }
.grid-square .single-product .button-head{ position:relative; width:100%; height: 18%; padding:5px; }

.grid-square .single-product .psymbol,.grid-square .single-product .pprefix, .grid-square .single-product .psuffix{ font-size:15px; line-height:17px; font-weight:600; }
.grid-square .single-product .proid{ font-size:12px!important; position: relative; color:#666!important; display:block; font-weight:400!important; line-height:16px; }
.grid-square .single-product .proid i,.copytxt i{ display:none; }
.grid-square .single-product .proid:hover i,.proid:focus i{ display: none; color: #9b9a9a; font-size: 14px; cursor: pointer; position: absolute; z-index:1; right: -6px; top: 12px; left: auto;  padding:7px; }
.grid-square .single-product .eyei i{color:#999!important;}
.grid-square .single-product .copytxt:hover i,.copytxt:focus i{ display:inline-block; color:#000000; font-size:16px; cursor:pointer; margin-left:5px; }

.grid-square.owl-carousel .single-product{ width: calc(100% - 16px); margin: auto; }


.grid-border { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.grid-border .single-product { background:#fff; transition: opacity 0.2s ease; cursor: pointer; }
.grid-border .single-product:hover { opacity: 0.8; }
.grid-border .single-product .image-container { width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; padding: 40px; }
.grid-border .single-product .image-container a{ display:block; width:100%; height:100%; text-align:center; }
.grid-border .single-product .image-container img { max-width: 100%; max-height: 100%; object-fit: contain; }
.grid-border .single-product .product-content { width: 100%; padding: 12px 16px; display: flex; justify-content: space-between; align-items: center; }
.grid-border .single-product .product-content h3 { margin-top:5px; margin-bottom:5px; }
.grid-border .single-product .product-content h3 a{ min-height:26px; color:#333; font-size: 14px; line-height:18px; font-weight: 400; margin: 0; display: -webkit-box; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.grid-border .single-product .product-content h3 a:hover{ color:var(--mycolor); }
.grid-border .single-product .product-price{ font-size: 15px; margin:8px 0 8px 5px; font-weight: 500; flex-wrap: wrap; }
.grid-border .single-product .product-price span{ color:var(--mycolor); }
.grid-border .single-product .button-head{ position:relative; width:100%; padding:5px; }

.grid-border .single-product .psymbol,.grid-border .single-product .pprefix, .grid-border .single-product .psuffix{ font-size:16px; font-weight:600; }
.grid-border .single-product .proid{ font-size:12px!important; position: relative; color:#666!important; display:block; font-weight:400!important; line-height:16px; }
.grid-border .single-product .proid i,.copytxt i{ display:none; }
.grid-border .single-product .proid:hover i,.proid:focus i{ display: none; color: #9b9a9a; font-size: 14px; cursor: pointer; position: absolute; z-index:1; right: -6px; top: 12px; left: auto;  padding:7px; }
.grid-border .single-product .eyei i{color:#999!important;}
.grid-border .single-product .copytxt:hover i,.copytxt:focus i{ display:inline-block; color:#000000; font-size:16px; cursor:pointer; margin-left:5px; }

@media only screen and (max-width: 670px){
    .grid-border { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
    .grid-border .single-product .image-container { width: 100%; height: 250px; }
}


/*---Outer Category, Brand Block Design---*/
.outer-standard{ display:flex; flex-wrap:wrap; margin:0; }
.outer-standard .outer-block{ display:flex; flex-wrap:wrap; width:calc(100%/5 - 16px); height:100%; background:#fff; margin:8px; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; }
.outer-standard .outer-block:hover{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.outer-standard .outer-block > a{ display:block; width:100%; height:100%; }
.outer-standard .outer-block .outer-img { width:100%; height:230px; position: relative; overflow: hidden; cursor:pointer; text-align:center; }
.outer-standard .outer-block .outer-img img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.outer-standard .outer-block .outer-content{ position: relative; width:100%; }
.outer-standard .outer-block .outer-content h3{ display:block; text-align: center; font-size:20px; line-height:30px; font-weight:500; margin:10px 0px; }
.outer-standard .outer-block .outer-content p{ display:block; color:#6b7280; font-size:14px; line-height:20px; font-weight:400; margin:20px 0px; text-align:center; }
.outer-standard .outer-block .outer-content .acart{ margin-top:20px; }

@media only screen and (max-width: 1200px){
    .outer-standard .outer-block{ width:calc(100%/4 - 16px); }
}

@media only screen and (max-width: 1000px){
    .outer-standard .outer-block{ width:calc(100%/3 - 16px); }
}

.outer-compact{ display:flex; flex-wrap:wrap; margin:0; }
.outer-compact .outer-block{ display:flex; flex-wrap:wrap; width:calc(100%/4 - 16px); height:100%; background:#fff; margin:8px; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; }
.outer-compact .outer-block:hover{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.outer-compact .outer-block > a{ display:block; width:100%; height:100%; }
.outer-compact .outer-block .outer-img { width:100%; height:230px; position: relative; overflow: hidden; cursor:pointer; text-align:center; }
.outer-compact .outer-block .outer-img img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.outer-compact .outer-block .outer-content{ position: relative; width:100%; }
.outer-compact .outer-block .outer-content h3{ display:block; text-align: center; font-size:20px; line-height:30px; font-weight:500; margin:10px 0px; }
.outer-compact .outer-block .outer-content p{ display:block; color:#6b7280; font-size:14px; line-height:20px; font-weight:400; margin:20px 0px; text-align:center; }
.outer-compact .outer-block .outer-content .acart{ margin-top:20px; }

@media only screen and (max-width: 1000px){
    .outer-compact .outer-block{ width:calc(100%/3 - 16px); }
}

@media only screen and (max-width: 768px){
    .outer-compact .outer-block{ width:calc(100%/2 - 16px); }
}

@media only screen and (max-width: 500px){
    .outer-compact .outer-block{ width:100%; }
}

.outer-enhanced{ display:flex; flex-wrap:wrap; margin:0; }
.outer-enhanced .outer-block{ display:flex; flex-wrap:wrap; width:calc(100%/3 - 16px); height:100%; background:#fff; margin:8px; border: solid 1px #e1e3e4; border-radius:8px; padding:15px; }
.outer-enhanced .outer-block:hover{ box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1); border: 2px solid var(--mycolor); }
.outer-enhanced .outer-block > a{ display:block; width:100%; height:100%; }
.outer-enhanced .outer-block .outer-img { width:100%; height:320px; position: relative; overflow: hidden; cursor:pointer; padding:20px; text-align:center; }
.outer-enhanced .outer-block .outer-img img { width: auto; height: 100%; margin:auto; aspect-ratio: auto; object-fit: contain; }
.outer-enhanced .outer-block .outer-content{ position: relative; width:100%; }
.outer-enhanced .outer-block .outer-content h3{ display:block; text-align: center; font-size:20px; line-height:30px; font-weight:500; margin:10px 0px; }
.outer-enhanced .outer-block .outer-content p{ display:block; color:#6b7280; font-size:14px; line-height:20px; font-weight:400; margin:20px 0px; text-align:center; }
.outer-enhanced .outer-block .outer-content .acart{ margin-top:20px; }

@media only screen and (max-width: 1000px){
    .outer-enhanced .outer-block{ width:calc(100%/2 - 16px); }
}

@media only screen and (max-width: 600px){
    .outer-enhanced .outer-block{ width:calc(100%/1 - 16px); }
    .outer-enhanced .outer-block .outer-img { width:100%; height:auto; }
}

.outer-ultraclean { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1px; background: #e5e5e5; }
.outer-ultraclean .outer-block { background: white; padding: 0; transition: all 0.2s ease; cursor: pointer; }
.outer-ultraclean .outer-block:hover { background: var(--mycolor10); }
.outer-ultraclean .outer-block .outer-img { position: relative; width: 100%; height: 260px; background: white; display: flex; align-items: center; justify-content: center; padding:20px; }
.outer-ultraclean .outer-block .outer-img img{ max-width: 100%; max-height: 100%; object-fit: contain; }
.outer-ultraclean .outer-block .outer-content { position:relative; width:100%; padding: 24px 24px; text-align: center; }
.outer-ultraclean .outer-block .outer-content h3{ display:block; text-align: center; color:#333; font-size:16px; line-height:24px; font-weight:500; margin:10px 0px; }
.outer-ultraclean .outer-block .outer-content p{ display:block; color:#6b7280; font-size:14px; line-height:20px; font-weight:400; margin:20px 0px; text-align:center; }
.outer-ultraclean .outer-block .outer-content .acart{ margin-top:20px; }


.outer-square { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.outer-square .outer-block { background: white; aspect-ratio: 1; border-radius: 2px; overflow: hidden; transition: all 0.2s ease; cursor: pointer; border: 1px solid #f0f0f0; }
.outer-square .outer-block:hover{ box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.outer-square .outer-block .outer-img { width: 100%; height: 60%; background: white; display: flex; align-items: center; justify-content: center; padding: 10px; }
.outer-square .outer-block .outer-img img { max-width: 100%; max-height: 100%; object-fit: contain;}
.outer-square .outer-block .outer-content { width: 100%; height: 40%; padding: 12px 16px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #fafafa;}
.outer-square .outer-block .outer-content h3{ display:block; text-align: center; color:#666; font-size:16px; line-height:24px; font-weight:500; margin:0px 0px; }
.outer-square .outer-block .outer-content p{ display:block; color:#666; font-size:14px; line-height:20px; font-weight:400; margin:20px 0px; text-align:center; }

.outer-border { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.outer-border .outer-block { background:#fff; transition: opacity 0.2s ease; cursor: pointer; }
.outer-border .outer-block:hover { opacity: 0.8; }
.outer-border .outer-block .outer-img { width: 100%; height: 300px; display: flex; align-items: center; justify-content: center; padding: 20px; }
.outer-border .outer-block .outer-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.outer-border .outer-block .outer-content { width: 100%; padding: 12px 16px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.outer-border .outer-block .outer-content h3{ display:block; text-align: center; color:#666; font-size:16px; line-height:24px; font-weight:500; margin:0px 0px 20px 0px; }
.outer-border .outer-block .outer-content p{ display:block; color:#666; font-size:14px; line-height:20px; font-weight:400; margin:20px 0px; text-align:center; }