/* =========================
MOBILE HEADER
========================= */
@media(max-width:991px){
.main-header{
padding:15px;
}
.header-inner{
display:flex;
flex-direction:column;
gap:15px;
}
.site-logo{
text-align:center;
}
.site-logo img{
height:55px;
width:auto;
}
.header-search{
width:100%;
}
.header-search form{
max-width:100%;
}
.header-search input[type="search"]{
height:48px;
font-size:15px;
}

.header-search button{
height:48px;
width:55px;
}

.header-icons{
width:100%;
display:flex;
justify-content:center;
gap:20px;
}

.header-icons a{
display:flex;
flex-direction:column;
align-items:center;
gap:4px;
font-size:12px;
}

.header-icons i{
font-size:18px;
}
}
/* =========================
MOBILE HERO
========================= */

@media(max-width:767px){

.hero-section{
min-height:auto;
margin:12px;
border-radius:20px;
background-position:center right;
}

.hero-overlay{
height:auto;
padding:50px 0;
background:linear-gradient(
90deg,
rgba(236,224,208,.92) 0%,
rgba(236,224,208,.75) 45%,
rgba(236,224,208,.25) 100%
);
}

.hero-content{
max-width:100%;
padding:25px;
}

.hero-title{
font-size:52px;
line-height:1.05;
margin-bottom:15px;
}

.hero-desc{
font-size:18px;
line-height:1.6;
margin-bottom:20px;
}

.hero-btn{
padding:12px 24px;
font-size:14px;
border-radius:8px;
}

}

/* =========================
TABLET CATEGORY
========================= */

@media(max-width:991px){

.category-slider-section{
margin:15px;
padding:15px;
}

.category-slider{
gap:16px;
overflow-x:auto;
}

.category-item{
width:80px;
}

.category-image{
width:80px;
height:80px;
}

.category-item h4{
font-size:12px;
}

}

/* =========================
MOBILE CATEGORY
========================= */

@media(max-width:767px){

.category-slider-section{
margin:12px;
padding:12px;
border-radius:18px;
}

.category-slider{
gap:12px;
overflow-x:auto;
}

.category-item{
width:65px;
}

.category-image{
width:65px;
height:65px;
margin-bottom:8px;
}

.category-item h4{
font-size:11px;
line-height:1.3;
}
}

/* shop.css */

/* =================================
TABLET
================================= */
@media(max-width:991px){
.kb-single-product{
grid-template-columns:1fr;
}
.kb-thumbs{
flex-direction:row;
overflow-x:auto;
}
}
/* =================================
MOBILE
================================= */
@media(max-width:767px){
.kb-title{
font-size:24px;
}
.kb-price{
font-size:22px;
}
.kb-short-desc{
font-size:14px;
}
.woocommerce-tabs ul.tabs li{
width:100%;
}
.woocommerce-tabs ul.tabs li a{
width:100%;
height:46px;
font-size:14px;
}
.woocommerce-tabs .panel{
padding:20px;
}
}
@media(max-width:991px){
.kb-related-products ul.products{
grid-template-columns:repeat(2,1fr) !important;
}
}
/* =====================================
TABLET (991px)
===================================== */

/* =====================================
MOBILE HEADER
===================================== */


/* =====================================
MOBILE HERO
===================================== */


/* =====================================
MOBILE CATEGORY
===================================== */


/* =====================================
MOBILE SHOP FINAL GRID FIX
===================================== */

@media(max-width:767px){

/* PRODUCT GRID */
ul.products{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
}

/* GRID ITEMS */
ul.products > li,
ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
    clear:none !important;

    display:block !important;
}

/* CARD */
.product-card{
    width:100% !important;
    height:100% !important;
}

/* STACK LAYOUT */
.product-inner{
    display:block !important;
    padding:10px !important;
}

/* IMAGE */
.product-image{
    width:100% !important;
    min-width:100% !important;
}

.product-image img{
    width:100% !important;
    height:120px !important;
    object-fit:contain !important;
}

/* CONTENT */
.product-content{
    width:100% !important;
}

/* TITLE */
.product-title{
    font-size:12px !important;
    line-height:1.4 !important;
    height:34px !important;
    overflow:hidden !important;

    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
}

/* PRICE */
.product-card .price{
    font-size:13px !important;
    margin-bottom:8px !important;
}

/* BUTTONS */
.kb-loop-buttons{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    width:100% !important;
}

.product-card .button,
.product-card .kb-buy-now-loop{
    width:100% !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:11px !important;
}

}

@media(max-width:767px){

ul.products{
    align-items:stretch !important;
}

ul.products > li{
    height:100% !important;
}

.product-card{
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
}

.product-content{
    flex:1 !important;
}

}
@media(max-width:767px){

ul.products::before,
ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after{
    display:none !important;
    content:none !important;
}

}

/* ==========================
ARCHIVE CATEGORY MOBILE
========================== */

@media(max-width:767px){

.category-slider-section{
    position:sticky;
    top:0;
    z-index:99;
    background:#fff;
    margin:0;
    padding:10px;
    border-radius:0;
}

.category-slider{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:12px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}

.category-slider::-webkit-scrollbar{
    display:none;
}

.category-item{
    width:70px;
    min-width:70px;
}

.category-image{
    width:60px;
    height:60px;
}

.category-item h4{
    font-size:11px;
    line-height:1.2;
}

.shop-title,
.woocommerce-result-count{
    display:none !important;
}

.shop-header{
    justify-content:flex-start;
}

.shop-sorting{
    width:100%;
}

.shop-sorting .orderby{
    width:220px;
    max-width:100%;
}

}


/* =====================================
MOBILE CART
===================================== */


/* =====================================
MOBILE CHECKOUT
===================================== */


/* =====================================
MOBILE ACCOUNT
===================================== */
/* =====================================
SINGLE PRODUCT MOBILE LAYOUT
===================================== ////////////////////////////////////*/

@media(max-width:767px){

.kb-single-product{
display:flex !important;
flex-direction:column !important;
gap:15px !important;
margin-top:20px !important;	
}

/* Main Image First */
.kb-main-image{
order:1;
}

/* Gallery Second */
.kb-thumbs{

order:2;

display:flex !important;
flex-direction:row !important;

gap:10px;

overflow-x:auto;
overflow-y:hidden;

padding-bottom:5px;

scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}

.kb-thumbs::-webkit-scrollbar{
display:none;
}

.kb-thumb{
width:70px !important;
height:70px !important;
min-width:70px !important;
}

/* Product Details Third */

.kb-summary{
order:3;
padding:20px !important;
border-radius:18px !important;
}

.kb-main-image{
height:380px !important;
padding:10px !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;
}

.kb-main-image img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
border-radius:15px !important;
}
.kb-summary{
height:auto !important;
}

.kb-title{
font-size:20px !important;
line-height:1.4 !important;
}

.kb-price{
font-size:28px !important;
margin-bottom:15px !important;
}

}
/* =====================================
MOBILE TAB 2 COLUMN
===================================== */

@media(max-width:767px){

.woocommerce-tabs ul.tabs{

display:grid !important;

grid-template-columns:
1fr 1fr !important;

gap:10px !important;
}

.woocommerce-tabs ul.tabs li{

width:auto !important;
margin:0 !important;
}

.woocommerce-tabs ul.tabs li a{

width:100% !important;
}

}

/* =====================================
PRODUCT PAGE STICKY BAR
===================================== */

@media(max-width:767px){

body.single-product .kb-mobile-nav{
display:none !important;
}

.kb-product-bottom-bar{

position:fixed;
left:0;
bottom:0;

width:100%;

background:#fff;

padding:10px;

z-index:999999;

border-top:1px solid #eee;

box-shadow:0 -5px 20px rgba(0,0,0,.12);
}

.kb-product-bottom-bar form.cart{

display:flex !important;
align-items:center !important;

gap:8px;

margin:0 !important;
}

.kb-product-bottom-bar .quantity{
flex:0 0 55px;
}

.kb-product-bottom-bar .quantity input{

width:55px !important;
height:46px !important;

text-align:center;
}

.kb-product-bottom-bar .single_add_to_cart_button,
.kb-product-bottom-bar .kb-buy-now{

flex:1 !important;

height:46px !important;

white-space:nowrap !important;
}

body.single-product{
padding-bottom:90px !important;
}

}

/* gallery image upper img hand scroll  */
@media(max-width:767px){

.kb-main-image{

overflow-x:auto;
overflow-y:hidden;

scroll-snap-type:x mandatory;

-webkit-overflow-scrolling:touch;

scrollbar-width:none;
}

.kb-main-image::-webkit-scrollbar{
display:none;
}

.kb-main-image-inner{

display:flex;
width:max-content;
}

.kb-main-image-inner img{

width:calc(100vw - 40px);
max-width:100%;

flex-shrink:0;

scroll-snap-align:start;
}

}
/* //////////////////////////////////////////////////////////////////////////// */
/* =====================================
BOTTOM NAVIGATION
===================================== */
@media(max-width:767px){
.kb-mobile-nav{
position:fixed;
bottom:0;
left:0;
width:100%;
height:65px;
background:#fff;
border-top:1px solid #e5e5e5;
display:flex;
align-items:center;
justify-content:space-around;
z-index:99999;
box-shadow:0 -3px 15px rgba(0,0,0,.08);
}
.kb-mobile-nav a{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-decoration:none;
color:#444;
font-size:11px;
font-weight:500;
gap:4px;
}
.kb-mobile-nav i{
font-size:20px;
}
body{
padding-bottom:75px;
}
}
@media(min-width:768px){
.kb-mobile-nav{
display:none;
}
}
@media(max-width:767px){
.kb-mobile-nav{
background:linear-gradient(
180deg,
#fff9dc 0%,
#fff3b0 100%
);
backdrop-filter:blur(15px);
border-top:1px solid #f2d85d;
box-shadow:
0 -8px 25px rgba(0,0,0,.08);
}
.kb-mobile-nav a{
transition:.15s ease;
}
.kb-mobile-nav a:active{
transform:scale(.92);
}
.kb-mobile-nav i{
font-size:20px;
margin-bottom:2px;
}
}
/* Header icons hide , add to cart , acc , etc only showing on desktop */
@media(max-width:767px){
.header-icons{
display:none !important;
}
}
/* =====================================
MOBILE LOGIN / REGISTER PAGE
===================================== */
@media(max-width:767px){
/* MY ACCOUNT PAGE */
.woocommerce-account .woocommerce{
padding:15px;
}
/* LOGIN + REGISTER CARD */
.woocommerce-account .woocommerce-form,
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
background:#ffffff;
border:none !important;
border-radius:24px !important;
padding:22px !important;
box-shadow:
0 10px 30px rgba(0,0,0,.08);
}
/* SECTION TITLE */
.woocommerce-account h2{
font-size:24px;
font-weight:700;
margin-bottom:20px;
color:#2f1d17;
}
/* LABEL */
.woocommerce-account label{
font-size:14px;
font-weight:600;
margin-bottom:8px;
}
/* INPUT */
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"]{
height:54px;
border:2px solid #ececec !important;
border-radius:14px !important;
padding:0 16px !important;
font-size:15px !important;
background:#fafafa !important;
}
/* INPUT FOCUS */
.woocommerce-account input:focus{
border-color:#fbd704 !important;
box-shadow:none !important;
outline:none !important;
}
/* LOGIN BUTTON */
.woocommerce-account button,
.woocommerce-account .button{
height:52px;
border:none !important;
border-radius:14px !important;
background:linear-gradient(
135deg,
#fbd704,
#ffd900
) !important;
color:#000 !important;
font-weight:700 !important;
font-size:15px !important;
padding:0 24px !important;
}
/* REMEMBER ME */
.woocommerce-account .woocommerce-form__label{
display:flex;
align-items:center;
gap:8px;
}
/* LOST PASSWORD */
.woocommerce-account .lost_password a{
color:#2f1d17;
font-weight:600;
text-decoration:none;
}
/* REGISTER COLUMN */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2{
width:100% !important;
margin-bottom:20px;
}
/* TWO COLUMN FIX */
.woocommerce-account .u-columns{
display:flex;
flex-direction:column;
gap:20px;
}
}
/* =====================================
LOGIN / REGISTER FORM FINAL FIX
===================================== */
@media(max-width:767px){
/* INPUTS */
.woocommerce-account input.input-text{
width:100% !important;
height:56px !important;
padding:0 18px !important;
font-size:16px !important;
border:2px solid #e5e5e5 !important;
border-radius:14px !important;
background:#fff !important;
box-sizing:border-box !important;
}
/* PASSWORD WRAPPER */
.password-input{
position:relative !important;
display:block !important;
width:100% !important;
}
/* EYE ICON */
.password-input .show-password-input{
position:absolute !important;
right:18px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:auto !important;
height:auto !important;
background:none !important;
border:none !important;
padding:0 !important;
}
/* BUTTON + REMEMBER ME */
.woocommerce-form-login .woocommerce-form-row:last-child{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:15px;
flex-wrap:nowrap !important;}
.woocommerce-form-login .woocommerce-form__label-for-checkbox{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 !important;
}
.woocommerce-form-login .woocommerce-form__label-for-checkbox input{
width:18px !important;
height:18px !important;
margin:0 !important;
}
.woocommerce-form-login button.button{
height:54px !important;
min-width:130px !important;
margin-left:auto !important;
}
/* REGISTER FORM */
.woocommerce-form-register input[type="email"]{
height:56px !important;
}
}

/* =================================
RELATED PRODUCTS 
================================= */
@media(max-width:767px){

.related.products ul.products{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:10px !important;
}

.related.products .product-inner{
display:block !important;
padding:8px !important;
}

.related.products .product-image img{
height:100px !important;
}

.related.products .product-title{
font-size:11px !important;
height:32px !important;
}

.related.products .product-card .price{
font-size:11px !important;
}

.related.products .kb-loop-buttons{
display:none !important;
}

}

/* =================================
MOBILE HOMEPAGE COLLECTIONS
================================= */

@media(max-width:767px){

.kb-home-collection{
    margin:12px;
    padding:14px;
    border-radius:20px;
}

.kb-collection-header{
    margin-bottom:12px;
}

.kb-collection-header h2{
    font-size:22px;
    font-weight:800;
    color:#fff;
}

.kb-view-all{
    width:40px;
    height:40px;
    font-size:18px;
}

.kb-collection-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.kb-home-card{
    border-radius:14px;
}

.kb-home-image{
    padding:8px;
}

.kb-home-image img{
    height:130px;
}

.kb-home-content{
    padding:10px;
}

.kb-home-subtitle{
    font-size:11px;
}

.kb-home-content h3{
    font-size:13px;
    line-height:1.35;
    min-height:36px;
}

.kb-home-price{
    font-size:17px;
}

}




/* Globel css , ////////////////////////// */
/* on sale hide badge  */
@media(max-width:767px){
.product-card .onsale{
    display:none !important;
}
}

@media(max-width:767px){

/* Hide "Showing all X results" */
.woocommerce-result-count{
    display:none !important;
}

/* Sorting box left align */
.woocommerce-ordering{
    float:none !important;
    width:100% !important;
    margin:0 0 12px !important;
    text-align:left !important;
}

	
.woocommerce-ordering .orderby{
    width:100% !important;
    max-width:220px !important;
    margin:0 !important;
    display:block !important;
}
}

/* ==========================
MY ACCOUNT PAGE CLEAN MOBILE
========================== */

@media(max-width:767px){
.woocommerce-account .top-marquee,
.woocommerce-account .main-header{
display:none !important;
}
.woocommerce-account .container.py-5{
    padding-top:15px !important;
}
}
/* woocommerce cart page font color  */
/* Cart Product Title */
@media(max-width:767px){
.wc-block-components-product-name,
.wc-block-components-product-name a{
color:#222 !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:600 !important;
line-height:1.5 !important;
}
}
.wc-block-components-product-name a{
text-decoration:none !important;
}

/* add to cart btn bg color  */
@media(max-width:767px){

.single_add_to_cart_button.button.alt{

background:linear-gradient(
135deg,
#6b4a3a 0%,
#4a2f24 50%,
#2f1d17 100%
) !important;

color:#fff !important;
border:none !important;
}

}