/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */





/* Elementor loop — black overlay + white buttons on hover */

#product_card .e-con-inner{ position:relative; }

#product_card .elementor-element-4563aa7{
	position:absolute;
	
	aspect-ratio:405 / 461;          /* your product image ratio */
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin:0;
	padding:20px;
	background:rgba(0,0,0,.45);       /* black overlay — adjust .45 for darker/lighter */
	opacity:0;
	visibility:hidden;
	transition:opacity .3s ease;
	z-index:3;
}
#product_card:hover .elementor-element-4563aa7{
	opacity:1;
	visibility:visible;
}

#product_card .elementor-element-4563aa7 .elementor-widget{ width:auto; }

/* white pills (forced over theme button styles) */
#product_card .elementor-element-4563aa7 a.button,
#product_card .elementor-element-4563aa7 .wpcbn-btn{
	display:inline-block;
	min-width:200px;
	padding:15px 30px;
	background:#fff !important;
	color:#111 !important;
	font-size:13px;
	font-weight:700;
	letter-spacing:.08em;
	line-height:1;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none !important;
	border:0 !important;
	border-radius:10px;
	box-shadow:none;
	transition:background .8s ease, color .8s ease;
}
#product_card .elementor-element-4563aa7 a.button:hover,
#product_card .elementor-element-4563aa7 .wpcbn-btn:hover{
	background:#111 !important;
	color:#fff !important;
}

#product_card .elementor-element-4563aa7{
	pointer-events:none;
}
#product_card .elementor-element-4563aa7 a.button,
#product_card .elementor-element-4563aa7 .wpcbn-btn{
	pointer-events:auto;
}


.single-product table.variations th.label label{
	color: #000000!important;
    margin: 0!important;
    padding: 10px 2px!important;
}



.elementor .e-tab-base.e--selected{
	background-color: #0C0D0E!important;
    color: #fff!important;
}


.single-product .single_add_to_cart_button.disabled {
    border-radius: 6px;
    padding: 18px 24px !important;
}

 .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #A800FE;
}

.woocommerce-variation-price {
    margin-bottom: 10px;
}


.woocommerce div.product form.cart .variations label {
    font-size: 17px!important;
}


.yith-wcwl-add-to-wishlist-button svg, .yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon
 {
    width: 40px!important;
    height: 35px!important;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 5px;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
    color: var(--add-to-wishlist-icon-color, #000);
    border: 1px solid var(--add-to-wishlist-icon-color, #000);
    border-radius: 50%;
    padding: 5px;
}


.wc-block-components-product-name, .wc-block-cart__main .wc-block-cart-items th {
    font-size: 15px;
    color: #000;
}

.wc-block-components-totals-item__label, .wc-block-components-formatted-money-amount, h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title, .wc-block-components-product-name{
    color: #000;
	font-size: 15px!important;
}


.wc-block-components-totals-coupon .wc-block-components-panel__button{
	color: #000;
}

.wc-block-cart__submit-button, .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
    border-radius: 9px!important;
}

input#wc-block-components-totals-coupon__input-coupon {
    border-radius: 9px;
}

.wc-block-cart__submit-button:hover{
	color:#fff;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained
 {

}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
	border:1px solid #A800FE;
	color:#A800FE;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover{
	background:#A800FE;
}


.e-sticky-right-column--active, .e-checkout__order_review, .elementor-widget-woocommerce-checkout-page .woocommerce .e-checkout__order_review, .elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout #payment, .elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box, .elementor-widget-woocommerce-checkout-page .woocommerce #coupon_code{
    background: #EEEAE8!important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce button.woocommerce-button, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order {
    background-color: #000000!important;
    border-color: #000!important;
    border-radius: 9px !important;
    color: #fff !important;
	text-transform:uppercase;
}


.elementor-widget-woocommerce-checkout-page .woocommerce #coupon_code{
	border:1px solid #000!important;
    border-radius: 9px !important;
}

.elementor-widget-woocommerce-checkout-page a {
    color: #000!important;
}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single
 {
    margin-inline: 25px!important;
}





/* ============================================================
   Mykka — Elementor Checkout restyle
   ============================================================ */

/* ---------- RIGHT column = one gray "Order Summary" card ---------- */
.e-checkout__column-end .e-checkout__column-inner{
	background:#f4f4f4;
	border-radius:5px;
	padding:24px;
}


.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table td, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table th, .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr
{
	padding-bottom: 0px;
}



.e-checkout__column-end #order_review_heading{
	font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
	margin:0 0 18px;
}

/* line items */
.e-checkout__column-end .woocommerce-checkout-review-order-table{ border:0; width:100%; }
.e-checkout__column-end .woocommerce-checkout-review-order-table thead{ display:none; }
.e-checkout__column-end .woocommerce-checkout-review-order-table td,
.e-checkout__column-end .woocommerce-checkout-review-order-table th{ border:0; }
.e-checkout__column-end .cart_item{ display:flex; justify-content:space-between; gap:12px; align-items:center; }
.e-checkout__column-end .cart_item .product-name{ flex:1; font-size:14px; line-height:1.4; }
.e-checkout__column-end .cart_item .product-name .ci-thumb img{
	width:54px; height:54px; object-fit:cover; border-radius:8px; margin-right:10px; float:left;
}
.e-checkout__column-end .cart_item .product-quantity{ color:#666; font-weight:500; }
.e-checkout__column-end .cart_item .product-total{ font-weight:700; white-space:nowrap; }

/* totals */
.e-checkout__column-end .cart-subtotal,
.e-checkout__column-end tr.shipping,
.e-checkout__column-end tr.tax-rate,
.e-checkout__column-end .order-total{ display:flex; justify-content:space-between; }
.e-checkout__column-end tfoot th{ font-weight:500; }
.e-checkout__column-end .order-total{
	font-size:18px; font-weight:800;
	border-top:1px solid #ddd; 
}

.elementor-widget-woocommerce-checkout-page .woocommerce .shop_table tr {padding:5px 0!important;}

/* coupon → discount + apply */
.e-checkout__column-end .e-coupon-box{ margin:14px 0; }
.e-checkout__column-end .e-coupon-box .coupon-container-grid{ display:flex; gap:10px; }
.e-checkout__column-end .e-coupon-box input.input-text{
	border:1px solid #e2e2e2 !important; border-radius:8px !important; background:#fff !important;
	padding:12px 14px !important; min-height:48px;
}
.e-checkout__column-end .e-coupon-box .button{
	background:#111 !important; color:#fff !important; border:0 !important; border-radius:8px;
	padding:0 22px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
}

/* payment as cards — stays in this column */
.e-checkout__column-end #payment{ background:transparent; padding:0; }
.e-checkout__column-end #payment ul.payment_methods{ border:0; padding:0;  }
.e-checkout__column-end #payment ul.payment_methods li{
	border:1px solid #e2e2e2; border-radius:10px; padding:14px 16px;  background:#fff;
}
.e-checkout__column-end #payment .payment_box{ background:#fff; border:0; padding:0; }
.e-checkout__column-end #payment .payment_box::before{ display:none; }

/* place order */
.e-checkout__column-end #place_order{
	width:100%;
	background:#111 !important; color:#fff !important; border:0 !important;
	border-radius:8px; padding:18px; font-size:14px; font-weight:700;
	text-transform:uppercase; letter-spacing:.06em; transition:background .2s ease;
}
.e-checkout__column-end #place_order:hover{ background:#333 !important; }

/* ---------- LEFT column: numbered heading + clean inputs ---------- */
.e-checkout__column-start .woocommerce-billing-fields > h3{
	display:flex; align-items:center; gap:12px;
	font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; margin:0 0 18px;
}
.e-checkout__column-start .woocommerce-billing-fields > h3::before{
	content:"1"; flex:0 0 26px; width:26px; height:26px;
	background:#111; color:#fff; border-radius:6px;
	display:flex; align-items:center; justify-content:center; font-size:13px;
}
.e-checkout__column-start .form-row label{ font-size:12px; color:#555; font-weight:500; margin-bottom:6px; }
.e-checkout__column-start .form-row input.input-text,
.e-checkout__column-start .form-row textarea,
.e-checkout__column-start .form-row select,
.e-checkout__column-start .select2-container .select2-selection{
	border:1px solid #e2e2e2 !important; border-radius:8px !important; background:#fff !important;
	padding:12px 14px !important; min-height:48px !important; box-shadow:none !important;
}
.e-checkout__column-start .select2-container .select2-selection__rendered{ line-height:24px; }

.e-checkout__column-start .select2-container--default .select2-selection--single{
	height:48px !important;
	display:flex !important;
	align-items:center !important;
	padding:0 14px !important;
}
.e-checkout__column-start .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:normal !important;
	padding:0 !important;
}
.e-checkout__column-start .select2-container--default .select2-selection--single .select2-selection__arrow{
	height:46px !important;
}

.e-checkout__column-end #payment .payment_box{
	margin:8px 0 0 !important;
	padding:0 !important;
	background:transparent !important;
}
.e-checkout__column-end #payment .payment_box p{ margin:0; color:#666; font-size:13px; }

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"]{
	background-color:#A800FE !important;
	color:#fff !important;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .cart_item{
	display:flex;
	align-items:center;            /* centers thumb + name + price */
	justify-content:space-between;
	gap:12px;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table .cart_item td.product-name{
	display:flex;
	align-items:center;
	gap:12px;
	max-width:none;                /* width removed */
	padding:0;
}
.elementor-widget-woocommerce-checkout-page .cart_item td.product-name .ci-thumb img{
	float:none;                    /* key fix */
	margin:0;
	width:54px;height:54px;object-fit:cover;border-radius:8px;
}
.elementor-widget-woocommerce-checkout-page .cart_item td.product-total{
	white-space:nowrap;
	font-weight:700;
}

.elementor-widget-woocommerce-checkout-page .woocommerce .woocommerce-checkout-review-order-table .cart_item td.product-name {
    max-width: unset !important;
}


/* ============================================================
   WooCommerce single product gallery — responsive
   Desktop/Tablet: thumbnails LEFT (vertical), main image RIGHT
   Mobile: thumbnails in a scrollable row under the image
   Add to Additional CSS (or the product template's Custom CSS)
   ============================================================ */

.woocommerce-product-gallery{
	display:flex;
	flex-direction:row-reverse;          /* main right, thumbs left */
	gap:16px;
	align-items:flex-start;
	position:relative;
}

/* main image — min-width:0 lets it shrink so it never overflows */
.woocommerce-product-gallery .flex-viewport{
	flex:1 1 auto;
	min-width:0;
	width:auto;
	margin:0;
}

/* thumbnail column (fluid width) */
.woocommerce-product-gallery ol.flex-control-thumbs{
	flex:0 0 clamp(64px, 7vw, 96px);
	width:clamp(64px, 7vw, 96px);
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}
.woocommerce-product-gallery ol.flex-control-thumbs li{
	width:100% !important;
	margin:0 !important;
	float:none !important;
}
.woocommerce-product-gallery ol.flex-control-thumbs img{
	width:100%;
	height:auto;
	display:block;
	border-radius:6px;
	cursor:pointer;
	opacity:.55;
	transition:opacity .2s ease;
}
.woocommerce-product-gallery ol.flex-control-thumbs img.flex-active,
.woocommerce-product-gallery ol.flex-control-thumbs img:hover{
	opacity:1;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger{ z-index:5; }

/* ---- mobile: thumbnails become a scrollable row under the image ---- */
@media (max-width:768px){
	.woocommerce-product-gallery{ flex-direction:column; gap:12px; }
	.woocommerce-product-gallery .flex-viewport{ width:100%; }
	.woocommerce-product-gallery ol.flex-control-thumbs{
		flex:none;
		width:100%;
		flex-direction:row;
		flex-wrap:nowrap;
		overflow-x:auto;
		gap:8px;
		padding-bottom:4px;
		-webkit-overflow-scrolling:touch;
	}
	.woocommerce-product-gallery ol.flex-control-thumbs li{
		flex:0 0 64px;
		width:64px !important;
	}
}



/* ============================================================
   Mykka — YITH Wishlist redesign (responsive rows, final)
   Add to Additional CSS (or the wishlist page Custom CSS)
   ============================================================ */

.yith-wcwl-form, .yith-wcwl-form *{ font-family:"Manrope", sans-serif !important; }
:root{ --mykka:#000; --mykka-dark:#8a00d0; --ink:#17141a; }

/* title */
.yith-wcwl-form .wishlist-title h2{ font-size:30px; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
.yith-wcwl-form .wishlist-title .show-title-form{
	display:inline-flex; align-items:center; gap:6px;
	border:1px solid #e6e6ea; border-radius:999px; padding:7px 14px;
	font-size:13px; font-weight:600; color:#555; background:#fff;
}
.yith-wcwl-form .wishlist-title .show-title-form:hover{ border-color:var(--mykka); color:var(--mykka); }
.yith-wcwl-form .wishlist-title .show-title-form svg{ width:15px; height:15px; }

/* table → stacked rows */
.yith-wcwl-form .wishlist_table{ border:0 !important; width:100%; background:transparent; margin:0; }
.yith-wcwl-form .wishlist_table thead{ display:none; }
.yith-wcwl-form .wishlist_table tbody.wishlist-items-wrapper{ display:block; }

.yith-wcwl-form .wishlist_table tbody tr{
	position:relative;
	display:flex; align-items:center; gap:40px;
	background:#fff; border:1px solid #ececf0; border-radius:16px;
	padding:14px 30px; margin-bottom:14px;
	transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.yith-wcwl-form .wishlist_table tbody tr:hover{
	border-color:#A800FE;
	box-shadow:0 14px 34px -22px rgba(168,0,254,.4);
	transform:translateY(-2px);
}
.yith-wcwl-form .wishlist_table tbody tr td{ border:0 !important; padding:0; text-align:left; }

/* thumbnail */
.yith-wcwl-form .wishlist_table td.product-thumbnail{ order:1; flex:0 0 84px; width:84px; }
.yith-wcwl-form .wishlist_table td.product-thumbnail a{ display:block; }
.yith-wcwl-form .wishlist_table td.product-thumbnail img{
	width:84px; height:84px; object-fit:cover; border-radius:12px; display:block; background:#f1f1f4;
}

/* name */
.yith-wcwl-form .wishlist_table td.product-name{ order:2; flex:1 1 auto; min-width:0; }
.yith-wcwl-form .wishlist_table td.product-name a{
	font-size:16px; font-weight:700; color:var(--ink) !important; text-decoration:none;
}
.yith-wcwl-form .wishlist_table td.product-name a:hover{ color:var(--mykka) !important; }

/* stock badge */
.yith-wcwl-form .wishlist_table td.product-stock-status{ order:3; flex:0 0 auto; }
.yith-wcwl-form .wishlist-in-stock{
	display:inline-block; background:#e9f9ef; color:#138a47;
	font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px;
}
.yith-wcwl-form .wishlist-out-of-stock{
	display:inline-block; background:#fdecec; color:#d22;
	font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px;
}

/* price */
.yith-wcwl-form .wishlist_table td.product-price{ order:4; flex:0 0 auto; min-width:80px; text-align:right; }
.yith-wcwl-form .wishlist_table td.product-price .amount{ font-size:18px; font-weight:800; color:var(--mykka) !important; }

/* add to cart */
.yith-wcwl-form .wishlist_table td.product-add-to-cart{ order:5; flex:0 0 auto; }
.yith-wcwl-form .wishlist_table td.product-add-to-cart a.add_to_cart_button{
	display:inline-block; background:var(--mykka) !important; color:#fff !important;
	padding:12px 22px; border-radius:10px; white-space:nowrap;
	font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
	text-decoration:none; border:0; transition:background .2s ease;
}
.yith-wcwl-form .wishlist_table td.product-add-to-cart a.add_to_cart_button:hover{ background:var(--mykka-dark) !important; }

/* remove × */
.yith-wcwl-form .wishlist_table td.product-remove{ order:6; flex:0 0 auto; }
.yith-wcwl-form .wishlist_table td.product-remove .remove{
	display:flex; align-items:center; justify-content:center;
	width:40px; height:40px; padding:10px; border-radius:50%;
	background:#f4f4f6; color:#777 !important; font-size:35px; line-height:1; text-decoration:none;
	transition:all .2s ease;
}
.yith-wcwl-form .wishlist_table td.product-remove .remove:hover{
	background:#ffe6e6; color:#e23 !important; transform:rotate(90deg);
}

/* share */
.yith-wcwl-form .yith-wcwl-share{ margin-top:30px; }
.yith-wcwl-form .yith-wcwl-share .yith-wcwl-share-title{ font-size:14px; font-weight:700; color:#555; margin-bottom:12px; }
.yith-wcwl-form .yith-wcwl-share ul{ display:flex; gap:12px; list-style:none; margin:0; padding:0; }
.yith-wcwl-form .yith-wcwl-share ul li a{
	width:38px; height:38px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	background:#f3f3f6 !important; color:#444 !important; transition:all .2s ease;
}
.yith-wcwl-form .yith-wcwl-share ul li a:hover{ background:var(--mykka) !important; color:#fff !important; transform:translateY(-2px); }
.yith-wcwl-form .yith-wcwl-share ul li a svg{ width:15px; height:15px; }





/* ============================================================
   Mykka — Filter popup styles  (load this CSS file separately)
   ============================================================ */
#mkFilter, #mkFilter *{ box-sizing:border-box; font-family:"Manrope", system-ui, sans-serif; }

.mk-filter-by{ display:inline-flex; align-items:center; gap:8px; border:0; background:none; font-size:15px; font-weight:600; cursor:pointer; color:#111; }
.mk-filter-by svg{ width:18px; height:18px; }

.mk-filter-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; z-index:99999; }
.mk-filter-overlay.open{ display:block; }
.mk-filter{ position:fixed; top:0; right:0; height:100%; width:460px; max-width:92vw; background:#fff; z-index:100000; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .3s ease; box-shadow:-20px 0 60px -30px rgba(0,0,0,.4); }
.mk-filter-overlay.open .mk-filter{ transform:translateX(0); }

.mk-head{ display:flex; align-items:center; justify-content:space-between; padding:22px 28px; border-bottom:1px solid #eee; }
.mk-head h3{ margin:0; font-size:22px; font-weight:800; letter-spacing:-.01em; }
.mk-close{ display:inline-flex; align-items:center; gap:8px; border:0; background:none; cursor:pointer; font-size:13px; font-weight:600; letter-spacing:.05em; color:#333; text-transform:uppercase; }
.mk-close svg{ width:16px; height:16px; }

.mk-body{ flex:1; overflow-y:auto; padding:24px 28px; }
.mk-group{ padding:18px 0; border-bottom:1px solid #f0f0f0; }
.mk-group:first-child{ padding-top:4px; }
.mk-group-head{ font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#222; margin-bottom:16px; }

.mk-sizes{ display:flex; flex-wrap:wrap; gap:10px; }
.mk-size{ min-width:46px; height:46px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #e2e2e2; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; text-transform:uppercase; transition:all .15s; }
.mk-size:hover{ border-color:#111; }
.mk-size.active{ background:#15202b; color:#fff; border-color:#15202b; }

.mk-colors{ display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; }
.mk-color{ display:flex; align-items:center; gap:12px; cursor:pointer; font-size:15px; color:#222; }
.mk-swatch{ width:26px; height:26px; border-radius:50%; flex:0 0 26px; border:1px solid rgba(0,0,0,.12); position:relative; }
.mk-color.active .mk-swatch::after{ content:""; position:absolute; inset:-4px; border:2px solid #15202b; border-radius:50%; }

.mk-price-head{ display:flex; justify-content:space-between; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#222; margin-bottom:18px; }
.mk-range{ position:relative; height:24px; }
.mk-range input[type=range]{ position:absolute; width:100%; pointer-events:none; -webkit-appearance:none; background:none; top:7px; margin:0; }
.mk-range input[type=range]::-webkit-slider-thumb{ -webkit-appearance:none; pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#111; cursor:pointer; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.3); }
.mk-track{ position:absolute; top:11px; left:0; right:0; height:4px; background:#e2e2e2; border-radius:4px; }
.mk-fill{ position:absolute; top:11px; height:4px; background:#111; border-radius:4px; }
.mk-price-vals{ display:flex; justify-content:space-between; margin-top:14px; font-size:14px; color:#333; font-weight:600; }

.mk-foot{ display:grid; grid-template-columns:1fr 1.4fr; border-top:1px solid #eee; }
.mk-foot button{ padding:20px; font-size:14px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; cursor:pointer; border:0; }
.mk-clear{ background:#fff; color:#111; } .mk-clear:hover{ background:#f5f5f5; }
.mk-show{ background:#111; color:#fff; } .mk-show:hover{ background:#333; }

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* tablet */
@media (max-width:782px){
	.mk-filter{ width:420px; }
	.mk-head{ padding:18px 22px; }
	.mk-head h3{ font-size:20px; }
	.mk-body{ padding:20px 22px; }
}

/* phones */
@media (max-width:600px){
	.mk-filter{ width:100%; max-width:100%; }
	.mk-body{ padding:18px 20px; }
	.mk-colors{ gap:14px 14px; }
	.mk-size{ min-width:42px; height:42px; font-size:12px; }
}

/* small phones */
@media (max-width:380px){
	.mk-colors{ grid-template-columns:1fr; }
	.mk-foot{ grid-template-columns:1fr 1fr; }
	.mk-foot button{ padding:16px 10px; font-size:12px; }
}

/* landscape / short screens — keep footer reachable */
@media (max-height:560px){
	.mk-head{ padding:14px 22px; }
	.mk-group{ padding:14px 0; }
	.mk-foot button{ padding:15px; }
}