/* MB.ART — interaction polish interaction and motion polish */
:root{--mb-card-shadow:0 20px 55px rgba(64,45,30,.12);--mb-card-border:rgba(23,22,20,.11)}
html[dir="rtl"] body{font-family:"Noto Sans Arabic","Noto Kufi Arabic",Tahoma,Arial,sans-serif;line-height:1.9}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.45}
html[dir="rtl"] .lead,html[dir="rtl"] p{letter-spacing:0}
.header{transition:background .28s ease,box-shadow .28s ease,border-color .28s ease}
.header .brand,.header .nav a,.header .tools{transition:transform .28s var(--ease),opacity .28s ease}
.header.scrolled .brand{transform:scale(.98)}
/* Segmented language selector adapted to MB.ART's light header */
.lang.language-switcher{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:15px;background:rgba(255,252,247,.9);overflow:visible;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 20px rgba(64,45,30,.06)}
.lang.language-switcher .language-option{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 9px;border-radius:11px;color:var(--muted);font-size:.72rem;font-weight:800;line-height:1;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease);margin:0}
.lang.language-switcher .language-option img{width:25px;height:17px;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.16)}
.lang.language-switcher .language-option:hover{background:var(--soft);color:var(--ink);transform:translateY(-1px)}
.lang.language-switcher .language-option.is-active,.lang.language-switcher .language-option.current{background:var(--ink);color:#fff;box-shadow:0 5px 14px rgba(23,22,20,.18)}
.footer .lang.language-switcher{background:#211d19;border-color:#4a423b;box-shadow:none}
.footer .lang.language-switcher .language-option{color:#d8d0c7}.footer .lang.language-switcher .language-option:hover{background:#312b25;color:#fff}.footer .lang.language-switcher .language-option.is-active,.footer .lang.language-switcher .language-option.current{background:#fff;color:#171614}
/* richer but restrained motion */
.js .reveal{opacity:0;transform:translate3d(0,24px,0) scale(.995);filter:blur(1.8px);transition:opacity .58s var(--ease),transform .65s var(--ease),filter .45s ease;will-change:opacity,transform}
.js .reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}
.product-card,.values article,.policy-grid article,.why article{transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s var(--ease)}
@media(hover:hover) and (pointer:fine){
 .product-card:hover{transform:translateY(-5px)}
 .product-card:hover .product-media{box-shadow:var(--mb-card-shadow)}
 .why article:hover,.values article:hover,.policy-grid article:hover{transform:translateY(-3px)}
}
.product-media{transition:box-shadow .24s var(--ease)}
.btn{transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s ease,color .2s ease,border-color .2s ease}
.btn:hover{box-shadow:0 10px 24px rgba(64,45,30,.12)}
.icon-btn{transition:background .2s ease,transform .2s var(--ease)}.icon-btn:active{transform:scale(.96)}
/* floating WhatsApp — official glyph SVG */
.wa{background:#25D366;width:56px;height:56px;box-shadow:0 16px 34px rgba(37,211,102,.28);transition:transform .2s var(--ease),box-shadow .2s ease}
.wa img{width:29px;height:29px;display:block}.wa:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 42px rgba(37,211,102,.35)}
/* live reviews */
.reviews-live .section-head>p{color:#cbbdaf}.reviews-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.reviews-summary{display:flex;align-items:center;gap:10px;color:#e9dfd5}.reviews-summary strong{font-size:1.7rem}.reviews-summary span{color:#e2b15e;letter-spacing:.12em}.reviews-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.live-review-card{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:1.25rem;background:rgba(255,255,255,.04);min-height:220px;display:flex;flex-direction:column;transition:transform .22s var(--ease),background .22s ease,border-color .22s ease}.live-review-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28)}.live-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-review-person{display:flex;align-items:center;gap:10px}.live-review-avatar{width:42px;height:42px;border-radius:12px;background:#f0e0d6;color:#713b25;display:grid;place-items:center;font-weight:900}.live-review-meta strong{display:block}.live-review-meta small{display:block;color:#cbbdaf}.live-review-stars{color:#f2b94b;letter-spacing:.1em;margin:1rem 0 .65rem}.live-review-card p{color:#f5ede5;margin:0}.reviews-empty-live{border:1px dashed rgba(255,255,255,.25);border-radius:14px;padding:2rem;text-align:center;grid-column:1/-1;color:#d8ccc0}
.review-dialog{border:0;padding:0;background:transparent;max-width:none}.review-dialog::backdrop{background:rgba(23,22,20,.66);backdrop-filter:blur(5px)}.review-dialog-card{width:min(620px,calc(100vw - 28px));background:var(--surface);color:var(--ink);border-radius:20px;padding:26px;box-shadow:0 30px 90px rgba(23,22,20,.28)}.review-dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:20px}.review-dialog-head h2{font-size:2rem}.review-dialog-close{border:1px solid var(--border);background:#fff;width:42px;height:42px;border-radius:12px;font-size:1.5rem}.review-form{display:grid;gap:16px}.review-form label{display:grid;gap:6px;font-size:.86rem;font-weight:750}.review-stars-input{display:flex;gap:4px}.review-stars-input button{border:0;background:transparent;color:#d6d0c7;font-size:2rem;padding:0 3px}.review-stars-input button.active,.review-stars-input button:hover{color:#f2b94b;transform:translateY(-1px)}.review-form-status{min-height:1.4em;font-size:.86rem;font-weight:700}.review-form-status.ok{color:var(--ok)}.review-form-status.error{color:var(--danger)}
/* social icon row */
.mb-social-links{display:flex;align-items:center;gap:10px;margin-top:12px}.mb-social-links a{width:40px;height:40px;border:1px solid #3d3630;border-radius:11px;display:grid;place-items:center;margin:0!important;transition:transform .2s var(--ease),background .2s ease}.mb-social-links a:hover{transform:translateY(-2px);background:#27221e}.mb-social-links img{width:21px;height:21px}.mb-social-links .instagram-icon{color:#fff}
/* generic product page */
.dynamic-product-state{padding:5rem 0;text-align:center;color:var(--muted)}
@media(max-width:980px){.reviews-live-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.footer .lang.language-switcher{display:inline-flex}.menu-drawer .lang.language-switcher{display:inline-flex}.lang-name{display:none}.lang.language-switcher .language-option{width:39px;padding:0 6px}.lang.language-switcher .language-option img{width:25px}.reviews-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.reviews-live-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin-inline:-14px;padding-inline:14px 14px}.live-review-card{flex:0 0 84vw;scroll-snap-align:start}.review-dialog-card{padding:22px 18px}.wa{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.js .reveal{filter:none!important}.product-card,.wa,.live-review-card{transform:none!important}}

/* Empty catalog state */
.product-grid>.product-empty{grid-column:1/-1;width:100%;border:1px dashed var(--border);border-radius:12px;background:var(--surface);padding:46px 20px}.product-empty strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;font-weight:600;color:var(--ink)}.product-empty span{display:block;color:var(--muted);margin-top:4px}


/* 2026 final navigation — intentionally limited to Shop / About / Contact */
@media(min-width:821px){
 .header .nav{gap:.22rem;padding:.3rem;border:1px solid rgba(138,75,46,.16);border-radius:999px;background:rgba(255,252,247,.72);box-shadow:0 10px 28px rgba(64,45,30,.055);backdrop-filter:blur(12px)}
 .header .nav a{padding:.52rem .9rem;border-radius:999px;font-weight:700;color:var(--muted);transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
 .header .nav a:after{display:none}
 .header .nav a:hover,.header .nav a:focus-visible{background:var(--soft);color:var(--ink);transform:translateY(-1px)}
 .header .nav a[aria-current="page"]{background:var(--ink);color:#fff;box-shadow:0 7px 18px rgba(23,22,20,.14)}
}
.menu-drawer nav{gap:.45rem}
.menu-drawer nav a{display:flex;align-items:center;justify-content:space-between;padding:.8rem .9rem;border:1px solid transparent;border-radius:14px;font-size:clamp(1.55rem,7vw,2rem);transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.menu-drawer nav a:hover,.menu-drawer nav a:focus-visible{background:var(--soft);border-color:var(--border);transform:translateX(3px)}
html[dir="rtl"] .menu-drawer nav a:hover,html[dir="rtl"] .menu-drawer nav a:focus-visible{transform:translateX(-3px)}
.menu-drawer nav a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}