/**
Theme Name: CostOK
Author: CostOK
Author URI: https://www.costok.com/
Description: Cost OK is Child Theme of Astra
Version: 4.11.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: costok
Template: astra
*/

.pd-top-10{padding-top:10px!important;}
.pd-top-20{padding-top:20px!important;}
.pd-top-30{padding-top:30px!important;}
.pd-top-40{padding-top:40px!important;}
.pd-top-50{padding-top:50px!important;}
.pd-top-60{padding-top:60px!important;}

.pd-botm-10{padding-bottom:10px!important;}
.pd-botm-20{padding-bottom:20px!important;}
.pd-botm-30{padding-bottom:30px!important;}
.pd-botm-40{padding-bottom:40px!important;}
.pd-botm-50{padding-bottom:50px!important;}
.pd-botm-60{padding-bottom:60px!important;}

.pd-left-10{padding-left:10px!important;}
.pd-left-20{padding-left:20px!important;}
.pd-left-30{padding-left:30px!important;}
.pd-left-40{padding-left:40px!important;}
.pd-left-50{padding-left:50px!important;}
.pd-left-60{padding-left:60px!important;}

.pd-right-10{padding-right:10px!important;}
.pd-right-20{padding-right:20px!important;}
.pd-right-30{padding-right:30px!important;}
.pd-right-40{padding-right:40px!important;}
.pd-right-50{padding-right:50px!important;}
.pd-right-60{padding-right:60px!important;}



.mg-top-10{margin-top:10px!important;}
.mg-top-20{margin-top:20px!important;}
.mg-top-30{margin-top:30px!important;}
.mg-top-40{margin-top:40px!important;}
.mg-top-50{margin-top:50px!important;}
.mg-top-60{margin-top:60px!important;}

.mg-botm-10{margin-bottom:10px!important;}
.mg-botm-20{margin-bottom:20px!important;}
.mg-botm-30{margin-bottom:30px!important;}
.mg-botm-40{margin-bottom:40px!important;}
.mg-botm-50{margin-bottom:50px!important;}
.mg-botm-60{margin-bottom:60px!important;}

.mg-left-10{margin-left:10px!important;}
.mg-left-20{margin-left:20px!important;}
.mg-left-30{margin-left:30px!important;}
.mg-left-40{margin-left:40px!important;}
.mg-left-50{margin-left:50px!important;}
.mg-left-60{margin-left:60px!important;}

.mg-right-10{margin-right:10px!important;}
.mg-right-20{margin-right:20px!important;}
.mg-right-30{margin-right:30px!important;}
.mg-right-40{margin-right:40px!important;}
.mg-right-50{margin-right:50px!important;}
.mg-right-60{margin-right:60px!important;}



.custom-product-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.custom-product-card {
	width: 200px;
	position: relative;
	border: 1px solid #eee;
	padding: 10px;
	transition: 0.3s;
}
.product-image {
	position: relative;
	overflow: hidden;
}
.product-image img {
	width: 100%;
	display: block;
	transition: opacity 0.3s ease-in-out;
}
.product-image .hover-img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.product-image:hover .hover-img {
	opacity: 1;
}
.sale-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background: red;
	color: #fff;
	font-size: 12px;
	padding: 2px 6px;
	border-radius: 3px;
	z-index: 1;
}
.product-title {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 10px 0 5px;
}
.rating {
	font-size: 12px;
	color: #f5a623;
}
.product-brand{
    margin: 0px 0 15px 0;
}
.ast-single-product-payments legend{
	margin-bottom: 10px;
}
.ast-single-product-payments ul li svg, 
.ast-single-product-payments ul li img{
    height: 100%;
    width: 100%;
}
.ast-single-product-payments {
    padding: 13px 10px 13px;
}
.woocommerce-product-details__short-description table td, .woocommerce-product-details__short-description table th {
    padding: .2em 0.0em;
	font-size:14px;
	border:none;
}
.woocommerce-product-details__short-description table{
border:none;	
}
.woocommerce-product-details__short-description table tr td:first-child, 
.woocommerce-product-details__short-description table tr th:first-child {
    width:200px;
}

.woocommerce-store-notice, p.demo_store {
    font-size: .7em;
    padding: .2em 0;
}

.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport,
.woocommerce-js div.product div.images.woocommerce-product-gallery .ast-single-product-thumbnails .ast-woocommerce-product-gallery__image{
    border: 1px solid #ccc;
}

.woocommerce-js div.product div.images.woocommerce-product-gallery .ast-single-product-thumbnails .flex-viewport{
    border: 0px solid #ccc;
}
.ast-variation-button-group .ast-single-variation {
    padding: 0em .3em;
    font-size: 14px;
    border-radius: 5px;
}
.woocommerce-js .widget_product_tag_cloud .tagcloud a {
    padding: .5em .9em;
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 0px;
    line-height: 1;
    padding: .5em 0.5em;
    font-size: .7rem !important;
}
.site-footer .wc-brand-list-layered-nav-product_brand li{
	display:inline-block;
	padding: 0 0 0 0px;
    margin: 0 15px 0 0;
}