/* Mana — design system. Tokens first; dark mode only re-maps tokens. */
:root{--m-bg:#F7F4EE;--m-surface:#FFFFFF;--m-tint:#EFE8DA;--m-ink:#1E2430;--m-heading:#101827;--m-accent:#17243A;--m-accent-hover:#263B59;--m-on-accent:#FFFFFF;--m-gold:#D9C6A5;--m-link:#17243A;--m-muted:#5F6574;--m-border:#E5E0D7;--m-navy:#101827;--m-navy-2:#17243A;--m-on-navy:#F7F4EE;--m-on-navy-soft:#C9CFDC;--m-shadow:0 10px 30px rgba(16,24,39,.10);--m-success:#247A57;--m-warning:#A96818;--m-error:#B83D4B;--m-r-sm:8px;--m-r-md:12px;--m-r-lg:20px;--m-container:1200px;--m-ease:cubic-bezier(.2,.8,.2,1);color-scheme:light}
:root[data-theme='dark']{--m-bg:#0B1220;--m-surface:#131D31;--m-tint:#1B2942;--m-ink:#ECE8DF;--m-heading:#F7F4EE;--m-accent:#D9C6A5;--m-accent-hover:#E8D9BC;--m-on-accent:#101827;--m-link:#D9C6A5;--m-muted:#A9B0BF;--m-border:#26354F;--m-navy:#070C17;--m-navy-2:#101B2E;--m-shadow:0 10px 30px rgba(0,0,0,.45);--m-success:#4FC08D;--m-warning:#E0A24B;--m-error:#F0808C;color-scheme:dark}
html{direction:rtl;scroll-behavior:smooth}
body{background:var(--m-bg);color:var(--m-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}
:where(h1,h2,h3){text-wrap:balance}
:where(p){text-wrap:pretty}
:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px;border-radius:4px}
::selection{background:var(--m-gold);color:#101827}
.m-main{margin:0}
.m-main>*{margin-block:0}
@view-transition{navigation:auto}
header.wp-block-template-part{view-transition-name:m-site-header}

/* Buttons */
.wp-block-button__link,.m-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button:not(.is-link){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--m-accent);color:var(--m-on-accent);border:1px solid transparent;border-radius:var(--m-r-md);padding:.65rem 1.15rem;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--m-accent) 22%,transparent);transition:transform .2s var(--m-ease),background-color .2s ease,box-shadow .2s ease}
.wp-block-button__link:hover,.m-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.wc-block-components-button:not(.is-link):hover{background:var(--m-accent-hover);color:var(--m-on-accent);transform:translateY(-1px)}
.m-btn--arrow::after{content:'';width:1em;height:1em;background:currentColor;flex:none;transform:scaleX(-1);transition:transform .25s var(--m-ease);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.m-btn--arrow:hover::after{transform:scaleX(-1) translateX(3px)}
.m-btn--ghost{background:transparent;color:var(--m-on-navy);border-color:rgba(255,255,255,.28);box-shadow:none}
.m-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:var(--m-gold);color:#fff}
.m-hero .m-btn:not(.m-btn--ghost),.m-band .m-btn:not(.m-btn--ghost){background:var(--m-gold);color:#101827;box-shadow:0 6px 18px rgba(217,198,165,.25)}
.m-hero .m-btn:not(.m-btn--ghost):hover,.m-band .m-btn:not(.m-btn--ghost):hover{background:#E8D9BC;color:#101827}

/* Header */
header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar header.wp-block-template-part{top:32px}
@media(max-width:782px){.admin-bar header.wp-block-template-part{top:46px}}
.m-header{background:color-mix(in srgb,var(--m-bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-block-end:1px solid transparent;transition:border-color .25s ease,box-shadow .25s ease,background-color .3s ease}
html.m-scrolled .m-header{border-color:var(--m-border);box-shadow:0 6px 24px rgba(16,24,39,.06)}
.m-header .m-header__in{display:flex;flex-wrap:nowrap;align-items:center;gap:1.25rem;max-width:var(--m-container);margin-inline:auto;padding:.8rem 1.25rem;transition:padding .25s var(--m-ease)}
html.m-scrolled .m-header .m-header__in{padding-block:.5rem}
.m-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.2rem;color:var(--m-heading);text-decoration:none}
.m-brand svg{transition:transform .35s var(--m-ease)}
.m-brand:hover svg{transform:rotate(-8deg) scale(1.06)}
.m-nav{display:flex;align-items:center;gap:1.5rem;margin-inline-end:auto}
.m-nav>a,.m-menu>summary{position:relative;color:var(--m-ink);text-decoration:none;font-size:.95rem;font-weight:500;cursor:pointer;list-style:none;padding-block:.25rem}
.m-nav>a::after,.m-menu>summary::after{content:'';position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--m-gold);border-radius:2px;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--m-ease)}
.m-nav>a:hover::after,.m-menu>summary:hover::after,.m-menu[open]>summary::after{transform:scaleX(1)}
.m-menu>summary::-webkit-details-marker,.m-burger>summary::-webkit-details-marker{display:none}
.m-menu{position:relative}
.m-menu__panel{position:absolute;inset-inline-start:0;top:calc(100% + .8rem);width:min(660px,92vw);background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-r-lg);box-shadow:var(--m-shadow);padding:1.1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem 1.25rem}
.m-menu[open] .m-menu__panel,.m-burger[open] .m-burger__panel{animation:m-pop .2s var(--m-ease)}
.m-menu__panel div{display:grid;align-content:start;gap:.1rem}
.m-menu__panel a,.m-burger__panel a{padding:.4rem .6rem;border-radius:var(--m-r-sm);color:var(--m-muted);text-decoration:none;font-size:.92rem;transition:background-color .15s ease,color .15s ease}
.m-menu__panel a:hover,.m-burger__panel a:hover{background:var(--m-tint);color:var(--m-heading)}
.m-menu__panel a.m-menu__h{color:var(--m-heading);font-weight:700}
.m-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem}
.m-search input[type='search']{width:200px;padding:.45rem .9rem;border:1px solid var(--m-border);border-radius:999px;background:var(--m-surface);color:var(--m-ink);font:inherit;font-size:.88rem;transition:border-color .2s ease,box-shadow .2s ease,width .25s var(--m-ease)}
.m-search input[type='search']:focus{width:240px;border-color:var(--m-gold);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--m-gold) 35%,transparent)}
.m-icon-btn,.mana-theme-toggle,.m-actions .wc-block-mini-cart__button,.m-actions .wc-block-customer-account__link,.m-actions .wc-block-customer-account__toggle{position:relative;overflow:hidden;width:38px;height:38px;min-width:38px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--m-border);border-radius:999px;background:var(--m-surface);color:var(--m-ink);cursor:pointer;transition:border-color .2s ease,transform .2s var(--m-ease)}
.m-icon-btn:hover,.mana-theme-toggle:hover,.m-actions .wc-block-mini-cart__button:hover,.m-actions .wc-block-customer-account__link:hover{border-color:var(--m-gold);transform:translateY(-1px);text-decoration:none}
.m-actions .wc-block-mini-cart__button{width:auto;padding-inline:.6rem}
.mana-theme-toggle .i-moon,.mana-theme-toggle .i-sun{position:absolute;transition:transform .55s var(--m-ease),opacity .3s ease}
.mana-theme-toggle .i-sun{display:block;opacity:0;transform:rotate(-90deg) scale(.4)}
:root[data-theme='dark'] .mana-theme-toggle .i-sun{opacity:1;transform:none}
:root[data-theme='dark'] .mana-theme-toggle .i-moon{opacity:0;transform:rotate(90deg) scale(.4)}
.m-burger{display:none;position:relative}
.m-burger>summary{list-style:none}
.m-burger>summary svg{transition:transform .3s var(--m-ease)}
.m-burger[open]>summary svg{transform:rotate(90deg)}
.m-burger__panel{position:absolute;inset-inline-end:0;top:calc(100% + .7rem);min-width:250px;background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-r-lg);box-shadow:var(--m-shadow);padding:.5rem;display:grid}
@keyframes m-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}}
@keyframes m-rise{from{opacity:0;transform:translateY(16px)}}

/* Hero */
.m-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--m-navy);color:var(--m-on-navy)}
.m-hero::before{content:'';position:absolute;z-index:-1;inset-block-start:-25%;inset-inline-end:-12%;width:min(60vw,760px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(217,198,165,.32),transparent 70%);filter:blur(24px);animation:m-drift 18s ease-in-out infinite alternate}
@keyframes m-drift{to{transform:translate3d(6%,10%,0) scale(1.1)}}
.m-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center;max-width:var(--m-container);margin-inline:auto;padding:clamp(3rem,7vw,5.5rem) 1.25rem}
.m-hero h1{font-size:clamp(1.8rem,3.3vw,2.6rem);line-height:1.5;font-weight:700;color:#fff;margin:0 0 1rem}
.m-hero p{color:var(--m-on-navy-soft);font-size:1.05rem;max-width:50ch;margin:0 0 1.75rem}
.m-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.m-hero__copy>*{animation:m-rise .8s var(--m-ease) both}
.m-hero__copy>:nth-child(2){animation-delay:.08s}
.m-hero__copy>:nth-child(3){animation-delay:.16s}
.m-panel{animation:m-rise .9s var(--m-ease) .2s both;background:var(--m-surface);color:var(--m-ink);border:1px solid color-mix(in srgb,var(--m-gold) 30%,transparent);border-radius:var(--m-r-lg);padding:1.5rem;box-shadow:0 24px 60px rgba(4,6,16,.45)}
.m-hero .m-panel p{color:var(--m-muted);font-size:.93rem;margin:0 0 1rem}
.m-panel h2{font-size:1.1rem;font-weight:700;margin:0 0 .35rem;color:var(--m-heading)}
.m-psearch{display:flex;gap:.5rem;margin-block-end:1rem}
.m-psearch input[type='search']{flex:1;min-width:0;padding:.65rem .9rem;border:1px solid var(--m-border);border-radius:var(--m-r-md);background:var(--m-bg);color:var(--m-ink);font:inherit;font-size:.93rem;transition:border-color .2s ease,box-shadow .2s ease}
.m-psearch input[type='search']:focus{border-color:var(--m-gold);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--m-gold) 35%,transparent)}
.m-psearch .m-btn{background:var(--m-accent)!important;color:var(--m-on-accent)!important}
.m-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.m-chips a{padding:.28rem .75rem;border:1px solid transparent;border-radius:999px;font-size:.84rem;color:var(--m-link);text-decoration:none;background:var(--m-tint);transition:border-color .2s ease,transform .2s var(--m-ease)}
.m-chips a:hover{border-color:var(--m-gold);transform:translateY(-1px)}

/* Sections */
.m-section{max-width:var(--m-container);margin-inline:auto;padding:clamp(2.5rem,5vw,4rem) 1.25rem}
.m-section h2{font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:700;margin:0 0 .6rem}
.m-lead{color:var(--m-muted);max-width:60ch;margin:0 0 2rem}
.m-section--products:not(:has(ul.products)){display:none}
.m-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.m-head h2{margin:0}
.m-head a{font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap}
.m-head a:hover{text-decoration:underline}
.m-dir{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.m-cat{background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-r-lg);padding:1.4rem 1.5rem;transition:transform .3s var(--m-ease),border-color .2s ease,box-shadow .3s ease}
.m-cat:hover{transform:translateY(-3px);border-color:var(--m-gold);box-shadow:var(--m-shadow)}
.m-cat__ic{width:40px;height:40px;border-radius:var(--m-r-md);background:var(--m-tint);color:var(--m-accent);display:grid;place-items:center;margin-block-end:.9rem;transition:transform .3s var(--m-ease)}
:root[data-theme='dark'] .m-cat__ic{color:var(--m-gold)}
.m-cat:hover .m-cat__ic{transform:scale(1.08) rotate(-4deg)}
.m-cat h3{font-size:1.05rem;font-weight:700;margin:0 0 .6rem}
.m-cat h3 a{color:var(--m-heading);text-decoration:none}
.m-cat ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.m-cat li a{color:var(--m-muted);text-decoration:none;font-size:.92rem;transition:color .15s ease}
.m-cat li a:hover{color:var(--m-heading)}
.m-cat:first-child{grid-column:span 2;background:linear-gradient(140deg,var(--m-navy-2),var(--m-navy));border-color:color-mix(in srgb,var(--m-gold) 22%,transparent)}
.m-cat:first-child .m-cat__ic{background:rgba(255,255,255,.08);color:var(--m-gold)}
.m-cat:first-child h3{font-size:1.25rem}
.m-cat:first-child h3 a{color:#fff}
.m-cat:first-child li a{color:var(--m-on-navy-soft)}
.m-cat:first-child li a:hover{color:#fff}
.m-cat:first-child ul{grid-template-columns:1fr 1fr}
.m-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:3.5rem;align-items:start}
.m-steps{display:grid;gap:1.25rem}
.m-step{padding-inline-start:1.25rem;border-inline-start:2px solid var(--m-border);transition:border-color .25s ease}
.m-step:hover{border-color:var(--m-gold)}
.m-step h3{font-size:1.05rem;font-weight:700;margin:0 0 .3rem}
.m-step p{margin:0;color:var(--m-muted);font-size:.97rem}
.m-band{position:relative;isolation:isolate;overflow:hidden;background:var(--m-navy);color:var(--m-on-navy)}
.m-band::before{content:'';position:absolute;z-index:-1;inset-block-end:-60%;inset-inline-start:-8%;width:min(46vw,560px);aspect-ratio:1;background:radial-gradient(closest-side,rgba(217,198,165,.22),transparent 70%);filter:blur(22px)}
.m-band__in{max-width:var(--m-container);margin-inline:auto;padding:clamp(2.5rem,5vw,3.8rem) 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.m-band h2{color:#fff;margin:0 0 .4rem;font-size:clamp(1.3rem,2.2vw,1.65rem)}
.m-band p{color:var(--m-on-navy-soft);margin:0;max-width:54ch}
.mana-js .m-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s var(--m-ease)}
.mana-js .m-reveal.is-in{opacity:1;transform:none}

/* Products */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
@media(min-width:768px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;position:relative;display:flex;flex-direction:column;padding:.75rem;background:var(--m-surface);border:1px solid var(--m-border);border-radius:var(--m-r-lg);transition:transform .3s var(--m-ease),border-color .2s ease,box-shadow .3s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);border-color:var(--m-gold);box-shadow:var(--m-shadow)}
.woocommerce ul.products li.product img{border-radius:var(--m-r-md);margin:0 0 .75rem;aspect-ratio:1/1;object-fit:cover;width:100%;height:auto}
.woocommerce-loop-product__title{font-size:.95rem!important;font-weight:600;line-height:1.7;color:var(--m-heading);padding:0!important}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--m-heading);font-weight:700}
.woocommerce .price del{color:var(--m-muted);font-weight:400}
.woocommerce .price ins{text-decoration:none}
.woocommerce span.onsale,.wc-block-components-product-sale-badge{background:var(--m-accent);color:var(--m-on-accent);border:0;border-radius:999px;min-height:0;min-width:0;padding:.15rem .8rem;line-height:1.8;font-weight:600;font-size:.8rem}
.woocommerce ul.products li.product .button{margin-top:auto}
.woocommerce-breadcrumb{color:var(--m-muted);font-size:.9rem}

/* Forms, notices, tables (shop, cart, checkout, account) */
input[type='text'],input[type='email'],input[type='tel'],input[type='password'],input[type='search'],input[type='number'],select,textarea,.wc-block-components-text-input input,.wc-blocks-components-select .wc-blocks-components-select__select{background-color:var(--m-surface);color:var(--m-ink);border:1px solid var(--m-border);border-radius:var(--m-r-md)}
input:focus,select:focus,textarea:focus{border-color:var(--m-gold)}
::placeholder{color:var(--m-muted);opacity:1}
.wc-block-components-text-input label,.wc-block-components-text-input.is-active label{color:var(--m-muted)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{background:var(--m-surface);color:var(--m-ink);border:1px solid var(--m-border);border-radius:var(--m-r-md)}
.woocommerce-message{border-inline-start:4px solid var(--m-success)}
.woocommerce-error{border-inline-start:4px solid var(--m-error)}
.woocommerce-info{border-inline-start:4px solid var(--m-gold)}
.woocommerce table.shop_table{background:var(--m-surface);border-color:var(--m-border);border-radius:var(--m-r-md)}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.woocommerce-MyAccount-navigation a{display:block;padding:.55rem .8rem;border-radius:var(--m-r-sm);text-decoration:none;color:var(--m-muted)}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--m-tint);color:var(--m-heading)}

/* Footer */
.m-footer{background:var(--m-navy);color:var(--m-on-navy-soft)}
.m-footer__in{max-width:var(--m-container);margin-inline:auto;padding:3.5rem 1.25rem 1.75rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem}
.m-footer h2{color:#fff;font-size:.95rem;font-weight:700;margin:0 0 .9rem}
.m-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.m-footer a{color:var(--m-on-navy-soft);text-decoration:none;font-size:.93rem;transition:color .15s ease}
.m-footer a:hover{color:#fff}
.m-footer .m-brand{color:#fff;margin-block-end:.8rem}
.m-footer p{margin:0;max-width:40ch;font-size:.93rem}
.m-footer__copy{max-width:var(--m-container);margin-inline:auto;padding:1rem 1.25rem 1.75rem;border-block-start:1px solid rgba(255,255,255,.1);font-size:.85rem}

@media(max-width:900px){.m-nav,.m-search{display:none}.m-burger{display:block}.m-header .m-header__in{gap:.75rem}.m-brand{margin-inline-end:auto}.m-hero__grid,.m-split,.m-footer__in{grid-template-columns:1fr;gap:2rem}.m-dir{grid-template-columns:1fr}.m-cat:first-child{grid-column:auto}.m-cat:first-child ul{grid-template-columns:1fr}.m-band__in{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mana-js .m-reveal{opacity:1;transform:none}@view-transition{navigation:none}}