/*
Theme Name: Maison Noir
Theme URI: https://example.com/maison-noir
Author: LYSOOQ
Author URI: https://example.com
Description: A minimal editorial WooCommerce theme for women's fashion, inspired by modern high-street aesthetics. Fully compatible with Elementor and Elementor Pro (Theme Builder), with a transparent scroll header, side drawer navigation, swipeable product gallery, and a built-in cash-on-delivery order form. RTL ready and translation ready for Arabic, French, and English.
Version: 2.1.1
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maison-noir
Tags: e-commerce, elementor, rtl-language-support, translation-ready, custom-logo, custom-menu, featured-images, threaded-comments, block-styles, wide-blocks
WC requires at least: 6.0
WC tested up to: 8.5
*/

/* ==========================================================================
   TOKENS
   ========================================================================== */
:root{
  --mn-black:#000000;
  --mn-ink:#111111;
  --mn-white:#ffffff;
  --mn-paper:#f4f3f0;
  --mn-line:#d5d2cc;
  --mn-grey:#4a4a4a;
  --mn-sale:#c0392b;
  --mn-font-display:"Inter","Cairo",system-ui,sans-serif;
  --mn-font-body:"Cairo","Inter",system-ui,sans-serif;
  --mn-track:.14em;
  --mn-header-h:64px;
}

/* ==========================================================================
   BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;}
body{
  margin:0;
  font-family:var(--mn-font-body);
  color:var(--mn-ink);
  background:var(--mn-white);
  font-size:16px;
  line-height:1.6;
  font-weight:500;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{
  font-family:var(--mn-font-display);
  font-weight:600;
  letter-spacing:var(--mn-track);
  text-transform:uppercase;
  margin:0 0 .6em;
}
html[lang^="ar"] h1,html[lang^="ar"] h2,html[lang^="ar"] h3,html[lang^="ar"] h4{
  font-family:var(--mn-font-body);letter-spacing:0;
}
.mn-container{width:100%;max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,48px);}
button,input,select,textarea{font-family:inherit;font-size:inherit;}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
:focus-visible{outline:2px solid var(--mn-black);outline-offset:2px;}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.mn-btn{
  display:inline-block;background:var(--mn-black);color:var(--mn-white);
  border:1.5px solid var(--mn-black);padding:16px 40px;
  font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer;transition:.2s;text-align:center;
}
.mn-btn:hover{background:var(--mn-white);color:var(--mn-black);}
.mn-btn--ghost{background:#fff;color:#111;border-color:#fff;}
.mn-btn--ghost:hover{background:transparent;color:#fff;}
.mn-btn--block{display:block;width:100%;}

/* ==========================================================================
   HEADER
   ========================================================================== */
.mn-header{
  position:fixed;top:0;left:0;right:0;z-index:500;
  transition:background .3s,color .3s,border-color .3s;
  border-bottom:1px solid transparent;
}
.mn-header.always-solid{position:sticky;background:#fff;color:#111;border-color:var(--mn-line);}
.mn-header.is-transparent{background:transparent;color:#fff;}
.mn-header.is-transparent .mn-icon-btn,
.mn-header.is-transparent .mn-menu a,
.mn-header.is-transparent .mn-logo a{color:#fff;}
.mn-header.is-solid{background:#fff;color:#111;border-color:var(--mn-line);}
.mn-header.is-solid .mn-icon-btn,
.mn-header.is-solid .mn-menu a,
.mn-header.is-solid .mn-logo a{color:#111;}

.mn-header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--mn-header-h);}
.mn-nav-left{display:flex;align-items:center;gap:20px;}
.mn-nav-right{display:flex;align-items:center;gap:14px;justify-content:flex-end;}
.mn-logo{
  font-family:var(--mn-font-display);font-weight:700;
  font-size:clamp(18px,3.2vw,26px);letter-spacing:.26em;
  text-transform:uppercase;text-align:center;white-space:nowrap;
}
.mn-logo img{max-height:44px;width:auto;margin:0 auto;}
.mn-menu{display:flex;gap:20px;list-style:none;margin:0;padding:0;}
.mn-menu a{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:6px 0;}
.mn-icon-btn{
  background:none;border:none;cursor:pointer;padding:4px;
  display:inline-flex;align-items:center;color:inherit;
}
.mn-cart-count{font-size:11px;margin-inline-start:4px;font-weight:600;}
.mn-burger{display:inline-flex;}

/* offset content below fixed header (except transparent hero pages) */
body:not(.mn-has-transparent-header) #mn-content{padding-top:var(--mn-header-h);}
body.mn-has-transparent-header #mn-content{padding-top:0;}

/* ==========================================================================
   DRAWER
   ========================================================================== */
.mn-drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:900;
  opacity:0;visibility:hidden;transition:.3s;
}
.mn-drawer-overlay.open{opacity:1;visibility:visible;}
.mn-drawer{
  position:fixed;top:0;height:100%;width:min(88vw,380px);
  background:#fff;z-index:901;display:flex;flex-direction:column;
  transition:transform .32s cubic-bezier(.4,0,.2,1);
}
html[dir="ltr"] .mn-drawer{left:0;transform:translateX(-100%);}
html[dir="rtl"] .mn-drawer{right:0;transform:translateX(100%);}
.mn-drawer.open{transform:translateX(0);}
.mn-drawer-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 24px;border-bottom:1px solid var(--mn-line);
}
.mn-drawer-logo{font-family:var(--mn-font-display);font-weight:700;letter-spacing:.2em;font-size:16px;text-transform:uppercase;}
.mn-drawer-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--mn-ink);}
.mn-drawer-search{
  display:flex;align-items:center;gap:10px;margin:16px 24px 4px;
  border:1.5px solid var(--mn-black);padding:13px 14px;
}
.mn-drawer-search input{flex:1;border:none;outline:none;background:transparent;font-size:16px;font-weight:500;color:#111;}
.mn-drawer-nav{flex:1;overflow-y:auto;padding:12px 0;}
.mn-drawer-nav ul{list-style:none;margin:0;padding:0;}
.mn-drawer-nav a{
  display:block;padding:16px 24px;font-size:17px;font-weight:700;
  color:var(--mn-ink);letter-spacing:.04em;text-transform:uppercase;
  border-bottom:1px solid #eceae6;
}
html[lang^="ar"] .mn-drawer-nav a{letter-spacing:0;}
.mn-drawer-nav a:hover{background:var(--mn-paper);}
.mn-drawer-bottom{border-top:1px solid var(--mn-line);padding:20px 24px;}

/* language selector */
.mn-selector-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.mn-selector{
  background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  padding:6px 0;font-size:17px;font-weight:600;color:var(--mn-ink);font-family:var(--mn-font-body);
}
.mn-selector svg{transition:transform .25s;}
.mn-selector.open svg{transform:rotate(180deg);}
.mn-sel-panel{display:none;padding:10px 0 2px;}
.mn-sel-panel.open{display:block;}
.mn-sel-opt{
  display:block;width:100%;padding:13px 2px;font-size:16px;font-weight:500;
  color:var(--mn-ink);border-bottom:1px solid #eceae6;
}
.mn-sel-opt.current{font-weight:700;}

/* ==========================================================================
   HERO
   ========================================================================== */
.mn-hero{
  position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;
  background:#c9c4bc center/cover no-repeat;color:#fff;
}
.mn-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);}
.mn-hero-content{position:relative;z-index:2;padding:clamp(28px,5vw,72px);max-width:660px;width:100%;}
.mn-hero-content h1{font-size:clamp(44px,10vw,110px);line-height:.95;margin-bottom:.2em;font-weight:400;letter-spacing:.02em;}
.mn-hero-content p{letter-spacing:var(--mn-track);text-transform:uppercase;font-size:13px;margin-bottom:1.4em;}

/* ==========================================================================
   SECTIONS
   ========================================================================== */
.mn-section{padding:clamp(44px,6vw,84px) 0;}
.mn-section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  margin-bottom:clamp(20px,3vw,40px);flex-wrap:wrap;gap:12px;
}
.mn-section-head h2{font-size:clamp(18px,2.4vw,26px);margin:0;}
.mn-section-head a{
  font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  border-bottom:1.5px solid currentColor;padding-bottom:2px;color:var(--mn-ink);
}

/* ==========================================================================
   WOOCOMMERCE — PRODUCT GRID
   ========================================================================== */
.woocommerce ul.products,ul.products{
  display:grid !important;grid-template-columns:repeat(4,1fr);
  gap:clamp(12px,2vw,24px) !important;margin:0 !important;padding:0 !important;list-style:none;
}
ul.products::before,ul.products::after{display:none !important;}
ul.products li.product{width:auto !important;margin:0 !important;float:none !important;text-align:start;position:relative;}
ul.products li.product a img{
  width:100%;aspect-ratio:3/4;object-fit:cover;margin-bottom:10px;background:var(--mn-paper);
}
ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--mn-font-body) !important;font-size:14px !important;font-weight:500 !important;
  color:var(--mn-ink) !important;text-transform:none !important;letter-spacing:0 !important;
  padding:0 !important;margin:0 0 4px !important;
}
ul.products li.product .price{font-size:14px !important;font-weight:700 !important;color:var(--mn-ink) !important;}
ul.products li.product .price del{color:#777;font-weight:400;margin-inline-end:6px;}
ul.products li.product .price ins{color:var(--mn-sale);text-decoration:none;}
ul.products li.product .button,ul.products li.product .added_to_cart{display:none;}

.woocommerce span.onsale,span.onsale{
  background:var(--mn-black) !important;color:#fff !important;border-radius:0 !important;
  min-height:0 !important;min-width:0 !important;padding:5px 11px !important;
  font-size:11px !important;font-weight:600 !important;line-height:1 !important;
  letter-spacing:.08em;text-transform:uppercase;
  top:10px !important;inset-inline-start:10px !important;margin:0 !important;
}

/* ==========================================================================
   WOOCOMMERCE — SINGLE PRODUCT
   ========================================================================== */
.woocommerce div.product{
  display:grid;grid-template-columns:1.15fr 1fr;
  gap:clamp(24px,4vw,64px);align-items:start;
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{margin:0 !important;width:auto !important;float:none !important;}
.woocommerce div.product .product_title{
  font-size:clamp(22px,2.8vw,32px);text-transform:uppercase;letter-spacing:var(--mn-track);
}
html[lang^="ar"] .woocommerce div.product .product_title{text-transform:none;letter-spacing:0;}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--mn-ink);font-size:22px;font-weight:700;
}
.woocommerce div.product p.price del{color:#777;font-weight:400;font-size:17px;}
.woocommerce div.product p.price ins{color:var(--mn-sale);text-decoration:none;}

.woocommerce div.product form.cart .button,
.woocommerce div.product .single_add_to_cart_button{
  background:var(--mn-black) !important;color:#fff !important;border-radius:0 !important;
  text-transform:uppercase;letter-spacing:.08em;font-weight:600;
  padding:16px 40px !important;font-size:13px !important;
}
.woocommerce .quantity input.qty{border:1.5px solid var(--mn-line);border-radius:0;padding:12px;width:74px;}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--mn-line);}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border-radius:0;background:transparent;border-color:var(--mn-line);
}

/* generic buttons */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:var(--mn-black);color:#fff;border-radius:0;
  text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:13px;padding:13px 26px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{background:var(--mn-ink);color:#fff;}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{border-top-color:var(--mn-black);}
.woocommerce-message::before,.woocommerce-info::before{color:var(--mn-black);}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection{
  border:1.5px solid var(--mn-line) !important;border-radius:0 !important;padding:13px !important;
}

/* ==========================================================================
   COD ORDER FORM
   ========================================================================== */
.mn-order-box{border:2px solid var(--mn-black);padding:26px;margin-top:20px;background:#fff;}
.mn-order-box h3{font-size:17px;font-weight:700;color:var(--mn-ink);letter-spacing:0;text-transform:none;margin-bottom:6px;}
.mn-cod-note{font-size:14px;color:#444;margin:0 0 20px;}
.mn-field{margin-bottom:14px;}
.mn-field label{display:block;font-size:13px;font-weight:600;color:var(--mn-ink);margin-bottom:7px;}
.mn-field input{
  width:100%;border:1.5px solid var(--mn-line);padding:14px;background:#fff;
  color:var(--mn-ink);font-weight:500;border-radius:0;
}
.mn-field input:focus{outline:none;border-color:var(--mn-black);}
.mn-field input::placeholder{color:#8a8a8a;font-weight:400;}
.mn-qty-row{display:flex;align-items:center;border:1.5px solid var(--mn-line);width:fit-content;}
.mn-qty-row button{width:46px;height:48px;background:#fff;border:none;font-size:18px;cursor:pointer;color:var(--mn-ink);}
.mn-qty-row input{width:56px;height:48px;border:none;border-inline:1.5px solid var(--mn-line);text-align:center;font-weight:600;}
.mn-order-total{
  display:flex;justify-content:space-between;align-items:center;
  font-size:15px;font-weight:600;padding:16px 0;border-top:1.5px solid var(--mn-line);margin-top:10px;
}
.mn-order-total strong{font-size:19px;font-weight:700;}
.mn-order-box .mn-btn{margin-top:12px;}

.mn-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--mn-line);}
.mn-trust div{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--mn-ink);}
.mn-trust svg{flex-shrink:0;}

/* sticky order bar */
.mn-sticky-order{
  position:fixed;bottom:0;left:0;right:0;z-index:400;background:#fff;
  border-top:2px solid var(--mn-black);
  padding:12px clamp(16px,4vw,48px);
  padding-bottom:calc(12px + env(safe-area-inset-bottom));
  display:none;align-items:center;justify-content:space-between;gap:16px;
  box-shadow:0 -4px 16px rgba(0,0,0,.1);
}
.mn-sticky-order.show{display:flex;}
.mn-so-info{font-size:14px;font-weight:600;color:var(--mn-ink);display:flex;flex-direction:column;}
.mn-so-info strong{font-size:18px;font-weight:700;}
.mn-so-info .price{color:var(--mn-ink);}
.mn-sticky-order .mn-btn{padding:14px 28px;white-space:nowrap;}

/* ==========================================================================
   BACK TO TOP
   ========================================================================== */
.mn-to-top{
  position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));inset-inline-end:26px;z-index:450;
  width:56px;height:56px;border:none;background:#fff;border-radius:50%;
  cursor:pointer;display:grid;place-items:center;color:var(--mn-ink);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:.28s;
  box-shadow:0 2px 14px rgba(0,0,0,.15);
}
.mn-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.mn-to-top.lifted{bottom:96px;}
.mn-to-top .mn-ring{position:absolute;inset:0;}
.mn-to-top .mn-arrow{position:relative;z-index:2;}
#mn-ring-fill{transition:stroke-dashoffset .15s linear;}

/* ==========================================================================
   BLOG
   ========================================================================== */
.mn-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.mn-post h3{font-size:17px;margin:14px 0 8px;text-transform:none;letter-spacing:0;font-family:var(--mn-font-body);}
.mn-post-excerpt{font-size:15px;color:#444;}
.mn-post-thumb{margin-bottom:28px;}
.mn-entry-content{max-width:820px;font-size:17px;line-height:1.75;}
.mn-entry-content p{margin-bottom:1.3em;}
.mn-404{text-align:center;padding:120px 0;}
.mn-404 h1{font-size:clamp(60px,14vw,140px);margin:0;}
.mn-404 p{letter-spacing:var(--mn-track);text-transform:uppercase;margin:16px 0 32px;}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.mn-footer{background:var(--mn-black);color:#fff;padding:clamp(44px,6vw,72px) 0 32px;}
.mn-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;margin-bottom:48px;}
.mn-footer h4{font-size:13px;font-weight:600;letter-spacing:var(--mn-track);margin-bottom:18px;color:#fff;}
html[lang^="ar"] .mn-footer h4{letter-spacing:0;}
.mn-footer ul{list-style:none;margin:0;padding:0;}
.mn-footer li{margin-bottom:10px;}
.mn-footer a{font-size:14px;color:#fff;opacity:.85;}
.mn-footer a:hover{opacity:1;}
.mn-footer p{font-size:14px;color:#ccc;margin-top:0;}
.mn-newsletter input{
  width:100%;background:#1c1c1c;border:1px solid #555;color:#fff;padding:13px;margin-bottom:10px;
}
.mn-newsletter input::placeholder{color:#999;}
.mn-footer-bottom{
  border-top:1px solid #444;padding-top:24px;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:var(--mn-track);
  text-transform:uppercase;color:#ccc;
}

/* ==========================================================================
   ELEMENTOR COMPATIBILITY
   ========================================================================== */
.mn-elementor-page .mn-container{max-width:none;padding:0;}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}
/* let Elementor full-width sections break out */
.elementor-widget-container ul.products{grid-template-columns:repeat(4,1fr);}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:1024px){
  .woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr);}
  .mn-post-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .woocommerce div.product{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .mn-menu{display:none;}
  .mn-header-inner{grid-template-columns:auto 1fr auto;}
  .woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:10px !important;}
  .mn-post-grid{grid-template-columns:1fr;}
  .mn-hero-content h1{font-size:clamp(40px,15vw,72px);}
  .mn-so-info{font-size:12px;}
  .mn-sticky-order .mn-btn{padding:13px 18px;font-size:12px;}
  .mn-to-top{width:48px;height:48px;bottom:20px;inset-inline-end:16px;}
  .mn-to-top.lifted{bottom:92px;}
}

/* ==========================================================================
   WHATSAPP
   ========================================================================== */
.mn-wa-btn{
  display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;
  border:none;padding:14px 26px;font-size:14px;font-weight:600;
  letter-spacing:.04em;transition:.2s;
}
.mn-wa-btn:hover{background:#1da851;color:#fff;}
.mn-wa-confirm{
  border:2px solid #25D366;padding:20px;margin:0 0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.mn-wa-confirm p{margin:0;font-weight:600;}
.mn-wa-float{
  position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));inset-inline-start:26px;z-index:440;
  width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
  display:grid;place-items:center;box-shadow:0 4px 16px rgba(0,0,0,.22);
  transition:transform .2s;
}
.mn-wa-float:hover{transform:scale(1.07);color:#fff;}

/* ==========================================================================
   PAGE HERO (About / Contact / Size Guide)
   ========================================================================== */
.mn-page-hero{
  background:var(--mn-paper);padding:clamp(48px,7vw,90px) 0;
  border-bottom:1px solid var(--mn-line);margin-bottom:0;
}
.mn-page-hero h1{
  font-size:clamp(28px,5vw,52px);margin:0;
}
.mn-narrow{max-width:760px;}

/* ==========================================================================
   ABOUT
   ========================================================================== */
.mn-values{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:32px;margin-top:56px;
}
.mn-values h3{font-size:15px;letter-spacing:var(--mn-track);margin-bottom:10px;}
html[lang^="ar"] .mn-values h3{letter-spacing:0;font-size:18px;}
.mn-values p{font-size:15px;color:#444;margin:0;}

/* ==========================================================================
   CONTACT
   ========================================================================== */
.mn-contact-grid{
  display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start;
}
.mn-contact-item{margin-bottom:32px;}
.mn-contact-item h4{font-size:13px;letter-spacing:var(--mn-track);margin-bottom:10px;}
html[lang^="ar"] .mn-contact-item h4{letter-spacing:0;font-size:16px;}
.mn-contact-item p{margin:0;font-size:16px;}
.mn-contact-form-wrap{border:2px solid var(--mn-black);padding:clamp(20px,3vw,32px);}
.mn-contact-form-wrap h3{font-size:17px;letter-spacing:0;text-transform:none;margin-bottom:20px;}
.mn-contact-form textarea{
  width:100%;border:1.5px solid var(--mn-line);padding:14px;background:#fff;
  color:var(--mn-ink);font-weight:500;border-radius:0;resize:vertical;
}
.mn-contact-form textarea:focus{outline:none;border-color:var(--mn-black);}
.mn-notice{padding:14px 18px;margin-bottom:20px;font-weight:600;}
.mn-notice--ok{background:#e8f6ee;border:1.5px solid #1BA05C;color:#0d6b3c;}
.mn-notice--err{background:#fdeceb;border:1.5px solid var(--mn-sale);color:#8c1f16;}

/* ==========================================================================
   SIZE GUIDE
   ========================================================================== */
.mn-size-tables h3{
  font-size:16px;letter-spacing:var(--mn-track);margin:44px 0 16px;
}
html[lang^="ar"] .mn-size-tables h3{letter-spacing:0;font-size:20px;}
.mn-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  max-width:100%;
  scrollbar-width:thin;
}
.mn-table-wrap::-webkit-scrollbar{height:6px;}
.mn-table-wrap::-webkit-scrollbar-thumb{background:var(--mn-line);border-radius:3px;}
.mn-size-table{
  width:100%;border-collapse:collapse;font-size:15px;min-width:520px;
}
.mn-size-table th,.mn-size-table td{
  border:1px solid var(--mn-line);padding:14px 16px;text-align:start;
}
.mn-size-table th{
  background:var(--mn-black);color:#fff;font-weight:600;
  font-size:13px;letter-spacing:.06em;text-transform:uppercase;
}
html[lang^="ar"] .mn-size-table th{letter-spacing:0;text-transform:none;font-size:15px;}
.mn-size-table tbody tr:nth-child(even){background:var(--mn-paper);}
.mn-measure-tips{margin-top:48px;border-top:1px solid var(--mn-line);padding-top:32px;}
.mn-measure-tips ul{padding-inline-start:20px;line-height:2;}
.mn-measure-tips li{margin-bottom:6px;}

@media(max-width:900px){
  .mn-contact-grid{grid-template-columns:1fr;}
}


/* ==========================================================================
   MOBILE OPTIMISATION
   ========================================================================== */

/* prevent horizontal scroll anywhere */
html,body{max-width:100%;overflow-x:hidden;}

/* stop iOS zooming on input focus (needs >=16px) */
input,select,textarea{font-size:16px;}

/* comfortable tap targets everywhere */
.mn-icon-btn,.mn-burger,.mn-drawer-close,.mn-selector,
.mn-qty-row button,.mn-sel-opt,.mn-drawer-nav a,
.mn-btn,.mn-wa-btn{
  min-height:44px;
}
.mn-icon-btn{min-width:44px;justify-content:center;}

/* smoother momentum scrolling in the drawer */
.mn-drawer-nav{-webkit-overflow-scrolling:touch;}

@media(max-width:1024px){
  .woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr);}
  .mn-post-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:900px){
  .woocommerce div.product{grid-template-columns:1fr;}
  .mn-contact-grid{grid-template-columns:1fr;}
  .mn-values{grid-template-columns:1fr 1fr;}
}

@media(max-width:768px){
  :root{--mn-header-h:56px;}

  /* header */
  .mn-menu{display:none;}
  .mn-header-inner{grid-template-columns:auto 1fr auto;}
  .mn-logo{font-size:17px;letter-spacing:.18em;}
  .mn-logo img{max-height:34px;}
  .mn-nav-right{gap:6px;}

  /* hero */
  .mn-hero-content{padding:24px 20px 40px;}
  .mn-hero-content h1{font-size:clamp(36px,13vw,64px);}
  .mn-hero-content p{font-size:12px;}

  /* sections */
  .mn-section{padding:40px 0;}
  .mn-section-head{margin-bottom:20px;}
  .mn-section-head h2{font-size:18px;}
  .mn-page-hero{padding:44px 0;}
  .mn-page-hero h1{font-size:28px;}

  /* products: 2 columns */
  .woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:10px !important;}
  ul.products li.product .woocommerce-loop-product__title{font-size:13px !important;}
  ul.products li.product .price{font-size:13px !important;}

  /* single product */
  .woocommerce div.product .product_title{font-size:22px;}
  .woocommerce div.product p.price,.woocommerce div.product span.price{font-size:20px;}

  /* COD form */
  .mn-order-box{padding:20px;}
  .mn-order-box h3{font-size:16px;}
  .mn-field input,.mn-contact-form textarea{padding:14px 12px;}
  .mn-qty-row button{width:52px;height:52px;}
  .mn-qty-row input{width:60px;height:52px;}
  .mn-trust{gap:12px;}
  .mn-trust div{font-size:12px;}

  /* blog / posts */
  .mn-post-grid{grid-template-columns:1fr;gap:28px;}
  .mn-entry-content{font-size:16px;}

  /* about */
  .mn-values{grid-template-columns:1fr;gap:24px;margin-top:36px;}

  /* contact */
  .mn-contact-form-wrap{padding:20px;}
  .mn-wa-confirm{flex-direction:column;align-items:stretch;text-align:center;}
  .mn-wa-btn{justify-content:center;}

  /* size guide — table scrolls horizontally inside its wrapper */
  .mn-table-wrap{position:relative;}
  .mn-table-wrap::after{
    content:"←";position:absolute;top:8px;inset-inline-end:8px;
    background:rgba(0,0,0,.7);color:#fff;font-size:12px;
    padding:3px 8px;pointer-events:none;opacity:.85;
  }
  .mn-size-table{font-size:14px;min-width:460px;}
  .mn-size-table th,.mn-size-table td{padding:11px 12px;}

  /* footer */
  .mn-footer{padding:40px 0 24px;}
  .mn-footer-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;}
  .mn-newsletter{grid-column:1 / -1;}
  .mn-footer-bottom{flex-direction:column;gap:8px;font-size:11px;}

  /* floating controls — keep them clear of each other */
  .mn-to-top{
    width:46px;height:46px;
    bottom:calc(18px + env(safe-area-inset-bottom));inset-inline-end:14px;
  }
  .mn-to-top.lifted{bottom:calc(88px + env(safe-area-inset-bottom));}
  .mn-wa-float{
    width:50px;height:50px;
    bottom:calc(18px + env(safe-area-inset-bottom));inset-inline-start:14px;
  }
  body.mn-sticky-visible .mn-wa-float{bottom:calc(88px + env(safe-area-inset-bottom));}

  /* sticky order bar */
  .mn-sticky-order{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:10px;}
  .mn-so-info{font-size:12px;line-height:1.3;}
  .mn-so-info strong{font-size:15px;}
  .mn-sticky-order .mn-btn{padding:14px 16px;font-size:11px;letter-spacing:.04em;min-height:46px;display:flex;align-items:center;justify-content:center;}

  /* drawer full comfort */
  .mn-drawer{width:min(92vw,340px);}
  .mn-drawer-nav a{font-size:16px;padding:15px 20px;}
  .mn-drawer-search{margin:14px 20px 2px;}
  .mn-drawer-top,.mn-drawer-bottom{padding-left:20px;padding-right:20px;}
}

@media(max-width:420px){
  .mn-logo{font-size:15px;letter-spacing:.14em;}
  .mn-hero-content h1{font-size:clamp(32px,12vw,48px);}
  .mn-footer-grid{grid-template-columns:1fr;}
  .mn-sticky-order{flex-direction:row;}
  .mn-so-info{max-width:45%;}
  .mn-sticky-order .mn-btn{padding:12px;font-size:10.5px;flex:1;min-height:46px;display:flex;align-items:center;justify-content:center;}
  .mn-size-table{min-width:420px;}
}

/* landscape phones: shorten the hero */
@media(max-height:520px) and (orientation:landscape){
  .mn-hero{min-height:420px;}
}

/* respect reduced-motion preferences */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}