/*
Theme Name: minishop
Theme URI: http://heey.shop
Author: Ruslan R.
Author URI: http://heey.shop
Description: 
Version: 1.0
Text Domain: minishop  BASE V1
Tags: light
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

header{
	background: #eee;
	width: 100%;
	height: 50px;
	
	
}


body{

	font-family: "PT Sans narrow", "Oswald", serif;
	font-weight: 400;
}


a{color: #000; text-decoration:none;}
a:hover{color: #111; text-decoration:none;}


h1{
	font-size: 33px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 40px 0 20px 0;
}



.logo{
    font-family: 'Verdana';
    font-weight: bold;
    position: relative;
    display: inline-block;
	padding-top: 0px;
	margin-left: 0px;
    font-size: 27px; 
    color: #000;
    letter-spacing: -2px;
	line-height: 100%;
}

.logo a{color: #000}

.logo a span {
    font-size: 8px;
    letter-spacing: -1px;
    position: absolute;
    top: -2px;
    /* font-family: 'Oswald'; */
    right: -12px;
transform: rotateZ(92deg);
}


.logo:after{

	
}

.logo img {
    width: 77px;
	max-width: 100%;
}

.menu-line {
	display: block;
    margin: 0px 15px 0 0px;
    width: 25px;
	float: left;
}

.menu-line .line {
	display: block;
    width: 100%;
    height: 1px;
    background: #000;
    margin-bottom: 7px;
    border-radius: 20px;
}

.menu-line .line.two {
    width: 100% !important;
    float: right;
    margin: 0 0px 0 0;
}

.plus, .minus{cursor: pointer;}


.btn-transformer {

    width: 100%;
    vertical-align: middle;
    border: 2px solid #000;
    border-radius: 50px;
    /* height: 34px; */
    padding: 0px;
    overflow: hidden;
	position: relative;
}

.btn-transformer .qty-data {

    
    top: 0px;
    /* line-height: 170%; */
    /* position: relative; */
    vertical-align: middle;

}

.pls, .mns {
	display: flex !important;
	align-items: center;
    position: absolute;
    height: 100%;
    width: 50%;
    vertical-align: middle;
    padding: 0px 15px;
	cursor: pointer; 
}
.quantity.q {
    padding: 5px 0px;
}

.pls {
    justify-content: end;
    top: 0;
    right: 0;
}

.mns {
	left: 0px;
    top: 0px;
    line-height: 126%;
    text-align: left;
} 

.box {
	background:#eee;
	height: 170px;
	
}

.card{border: 0px !important;}

.x2{
	height: 270px;
	
}


/*MY BTSTRP*/
.rounded {
    border-radius: 27px !important;
}

.mw-1000 {
    max-width: 1000px !important;
}

.fs-10{font-size: 10px;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-20{font-size: 20px;}

.fs-desc{
	font-size: 19px;
    letter-spacing: 0px;
    line-height: 120%;
    font-weight: 100;
    letter-spacing: -0.4px;
    color: #181818;
    /* text-transform: uppercase; */
}

.fs-card a{
    font-weight: 900;
    /*text-shadow: -1px 1px black;*/
    letter-spacing: -0.3px;
}

.card a {
    font-size: 13px !important;
    letter-spacing: 0px;
    text-align: left;
    overflow: hidden;
    font-weight: 900;
	line-height: 127%;
    /* padding: 0 10px; */
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.card-body {
    padding: 20px 37px 10px 23px !important;
}

a.author {
    font-size: 11px !important;
	color:#fff;
}

.rounded-22{
	border-radius:22px;
}
.ls-0-1 {letter-spacing:-1px;}
.ls-1 {letter-spacing:1px;}
.ls-2 {letter-spacing:2px;}
.ls-3 {letter-spacing:3px;}
.ls-4 {letter-spacing:4px;}
.ls-5 {letter-spacing:5px;}

.grd{background: linear-gradient(0deg, #0000009e, #00000075, #0000004d, #0000000d, transparent);}



.product-gallery{
	position: relative;
}


.crt{
	top: 50%;
    color: #fff;
    background: #000;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
}

.cat .product h2{
	font-size: 21px;
    letter-spacing: -1;
    font-weight: 400;
    margin: 3px 0px 0px 0;
}
.cat, 
.cat .product .price{
    font-size: 18px;
    letter-spacing: -1px; 
    font-weight: 400;
}
.cat .product img.rounded{
	border-radius:  5px !important;
}
.btn,
.cat .product .btn{
	font-size: 11.6px;
    letter-spacing: 1.7px;
    padding: 10px 5px !important;
    font-weight: 300 !important; 
	background:#000;
	width: 88%;
}

.page .product h1{
    font-size: 27px;
    letter-spacing: -1px;
    font-weight: 400;
    margin: 0px 0 10px 0;
}

.page .product .price,
.page .product  .qty-data
 {
    font-size: 21px;
    letter-spacing: 0px;
    font-weight: 400;
    margin: 0px 0 5px 0px;
	
}


.page .product  .desc{}


.cart h2{
	font-size: 22px;
    letter-spacing: -1;
    font-weight: 400;
    margin: 0px 0px 7px 0;	
	
}
.cart .qty-data{
	font-size: 17px;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0px 0px 7px 0;		
	
}

.cart img {
	border-radius: 5px !important;
}

 
.f-32 img {
    aspect-ratio: 3 / 2;
    width: 100%;
    object-fit: cover;
}


@media (min-width: 768px) {



	.g-md-1,.gx-md-1
	 {
		--bs-gutter-x: 0.10rem;
	}
	.g-md-1,.gy-md-1
	 {
		--bs-gutter-y: 0.10rem;
	}

	
	
	.logo{
		font-family: 'Verdana';
		font-weight: bold;
		position: relative;
		display: inline-block;
		padding-top: 2px;
		font-size: 33px;
		color: #000;
		letter-spacing: 1px;
	}	
	
	
	.cart h2{
		font-size: 21px;
		letter-spacing: -1;
		font-weight: 400;
		margin: 0px 0px 7px 0;	
		
	}	
	.cart img {
		border-radius: 5px !important;
	}





}