:root{
  --bg:#f6f1ea;
  --surface:#ffffff;
  --surface-2:#efe7db;
  --surface-3:#fbf8f3;
  --text:#161616;
  --muted:#6e665e;
  --border:#e7ddcf;
  --primary:#111111;
  --primary-2:#231a13;
  --accent:#b78a57;
  --accent-2:#eadbc7;
  --success:#1f7a5b;
  --radius:26px;
  --radius-sm:16px;
  --shadow:0 16px 50px rgba(17,17,17,.07);
  --shadow-strong:0 22px 70px rgba(17,17,17,.12);
  --container:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul{padding-left:20px}
input,button,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(100% - 32px,var(--container));margin-inline:auto}
.narrow-container{width:min(100% - 32px,900px);margin-inline:auto}
.section{padding:86px 0}
.section-light{background:var(--surface-2)}
.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--accent-2);color:#7f5a28;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;font-weight:700;transition:.25s ease;border:1px solid transparent;line-height:1.2}
.button-primary{background:var(--primary);color:#fff;box-shadow:0 14px 30px rgba(17,17,17,.18)}
.button-primary:hover{transform:translateY(-2px);background:#000}
.button-secondary{background:transparent;border-color:var(--border)}
.button-secondary:hover{background:#fff}
.text-link,.section-link{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.text-link::after,.section-link::after{content:"→";transition:transform .2s ease}
.text-link:hover::after,.section-link:hover::after{transform:translateX(4px)}
.topbar{background:#111;color:#fff;font-size:14px}
.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding:11px 0;flex-wrap:wrap}
.topbar-trust{display:flex;gap:18px;opacity:.85;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:90;background:rgba(246,241,234,.88);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s ease}
.site-header.is-sticky{border-color:var(--border);box-shadow:0 10px 30px rgba(0,0,0,.05)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:18px 0}
.site-title,.custom-logo-link{display:inline-flex;align-items:center;font-size:30px;font-weight:800;letter-spacing:.03em}
.custom-logo{max-height:64px;width:auto}
.main-navigation ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;justify-content:center;align-items:center}
.main-navigation li{position:relative}
.main-navigation a{font-weight:700;color:var(--text);font-size:15px}
.main-navigation a:hover{color:#000}
.header-actions{display:flex;gap:10px;align-items:center}
.header-icon,.menu-toggle,.search-close{width:44px;height:44px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);border-radius:50%;position:relative;color:var(--text)}
.cart-count{position:absolute;top:-5px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;display:grid;place-items:center}
.menu-toggle{display:none;padding:0}
.menu-toggle span{display:block;height:2px;background:#111;margin:4px 0;width:18px}
.search-drawer{background:rgba(17,17,17,.52);position:fixed;inset:0;z-index:100;padding:24px}
.search-drawer-inner{max-width:860px;margin:0 auto;background:#fff;border-radius:32px;padding:28px;border:1px solid var(--border);box-shadow:var(--shadow-strong)}
.search-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.search-form{display:flex;gap:12px;flex-wrap:wrap}
.search-form label{flex:1}
.search-form input[type="search"],
.newsletter-form input,
input[type="email"],input[type="text"],input[type="password"],input[type="tel"],input[type="number"],textarea,select{padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:#fff;min-width:220px;width:100%}
.search-form input[type="submit"]{padding:14px 22px;border-radius:999px;border:0;background:var(--primary);color:#fff;font-weight:700}
.morocco-breadcrumbs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fcfaf7;font-size:14px}
.morocco-breadcrumbs .container{padding:12px 0;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.hero-section{padding:58px 0 34px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.hero-content h1{font-size:clamp(42px,6vw,74px);line-height:1.01;margin:12px 0 18px;letter-spacing:-.04em;max-width:10ch}
.hero-content p{font-size:18px;color:var(--muted);max-width:58ch;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-media{position:relative}
.hero-media img{width:100%;border-radius:36px;box-shadow:var(--shadow-strong);background:linear-gradient(180deg,#f2eadf,#fff)}
.hero-floating-card{position:absolute;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);padding:14px 16px;border-radius:18px;max-width:220px}
.hero-floating-card strong{display:block;font-size:14px}
.hero-floating-card span{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}
.hero-floating-card-a{left:18px;bottom:22px}
.hero-floating-card-b{right:18px;top:22px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.stats-row div{padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}
.stats-row strong{display:block;font-size:18px}
.stats-row span{color:var(--muted);font-size:14px}
.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:28px;flex-wrap:wrap}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.04;margin:8px 0 0}
.section-head p{margin:0;color:var(--muted);max-width:60ch}
.compact-head{margin-bottom:24px}
.category-grid,.features-grid,.testimonials-grid,.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.category-grid-large{grid-template-columns:repeat(3,1fr)}
.category-card,.feature-card,.testimonial-card,.blog-card,.entry-card,.widget,.page-shell,.newsletter-box,.promo-panel,.lookbook-strip,.footer-newsletter,.support-grid>div,.morocco-shop-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.category-card{overflow:hidden;position:relative}
.category-card img{aspect-ratio:1/1.14;object-fit:cover;background:#f4efe7;transform:scale(1);transition:transform .45s ease}
.category-card:hover img{transform:scale(1.04)}
.category-card-content{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;background:#fff}
.category-label{font-weight:800;font-size:18px}
.category-card small{color:var(--muted)}
.promo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}
.promo-panel{padding:34px}
.promo-panel h2,.promo-panel h3{margin:14px 0 12px;line-height:1.08}
.promo-panel-dark{background:linear-gradient(135deg,#111,#2d241d);color:#fff;border-color:#111}
.promo-panel-dark p{color:rgba(255,255,255,.78)}
.promo-panel-light{background:linear-gradient(180deg,#fff,#f4ece0)}
.promo-tag{display:inline-flex;background:#111;color:#fff;padding:8px 10px;border-radius:999px;font-weight:700;font-size:12px}
.features-grid{grid-template-columns:repeat(3,1fr)}
.feature-card,.testimonial-card{padding:28px}
.feature-card strong{font-size:20px;display:block;margin-bottom:10px;line-height:1.15}
.feature-card p,.testimonial-card p{margin:0;color:var(--muted)}
.testimonial-card strong{display:block;margin-top:16px}
.lookbook-strip{padding:34px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}
.lookbook-points{display:grid;gap:14px}
.lookbook-points div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px 18px;background:var(--surface-3);border:1px solid var(--border);border-radius:18px}
.lookbook-points strong{font-size:28px;line-height:1}
.blog-grid-home{grid-template-columns:repeat(3,1fr)}
.blog-card{overflow:hidden}
.blog-thumb img,.entry-thumb img{aspect-ratio:1.35/1;object-fit:cover;background:#f4efe7}
.blog-content,.entry-card-content{padding:22px}
.entry-card{overflow:hidden}
.entry-meta{display:flex;gap:14px;color:var(--muted);font-size:14px;margin-bottom:10px;flex-wrap:wrap}
.entry-title,h1,h2,h3{line-height:1.08;letter-spacing:-.02em}
.entry-title{margin:0 0 10px}
.entry-title a:hover{color:#000}
.page-shell-wrap{padding:56px 0}
.page-shell{padding:30px}
.entry-content > *:first-child{margin-top:0}
.entry-content > *:last-child{margin-bottom:0}
.archive-header{margin-bottom:18px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:56px 0}
.sidebar-area{display:grid;gap:20px;align-self:start}
.widget{padding:22px}
.widget-title{margin:0 0 14px}
.footer-newsletter{padding:30px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:28px}
.newsletter-form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.site-footer{background:#131313;color:#ebe7df;margin-top:72px;padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;padding:0 0 30px}
.site-footer h2,.site-footer h3{margin-top:0;color:#fff}
.site-footer a{color:#ebe7df;opacity:.94}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.footer-socials a{display:inline-flex;padding:10px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px}
.footer-bottom{padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.not-found-wrap{text-align:center;padding:100px 0}
.not-found-wrap h1{font-size:72px;margin:0 0 8px}
.woocommerce-wrap{padding:56px 0}
.shop-header{margin-bottom:24px}
.morocco-shop-toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.product-support-strip{padding-top:0}
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.support-grid>div{padding:22px}
.support-grid strong{display:block;margin-bottom:8px}
.support-grid span{color:var(--muted)}
.post-navigation-wrap{margin-top:28px;padding-top:18px;border-top:1px solid var(--border)}
.screen-reader-text{position:absolute;left:-9999px}
.featured-media img{border-radius:22px}
.comments-area{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.archive-description{color:var(--muted)}
@media (max-width: 1100px){
  .hero-grid,.footer-grid,.category-grid,.features-grid,.testimonials-grid,.blog-grid,.promo-grid,.lookbook-strip,.support-grid,.footer-newsletter{grid-template-columns:repeat(2,1fr)}
  .content-grid{grid-template-columns:1fr}
}
@media (max-width: 860px){
  .topbar-inner,.newsletter-box,.hero-grid,.promo-grid,.lookbook-strip,.footer-newsletter{grid-template-columns:1fr;display:grid}
  .menu-toggle{display:grid}
  .main-navigation{display:none}
  .main-navigation.is-open{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:18px 16px;box-shadow:var(--shadow)}
  .main-navigation ul{flex-direction:column;align-items:flex-start}
  .header-inner{grid-template-columns:auto 1fr auto}
  .stats-row,.category-grid,.features-grid,.testimonials-grid,.blog-grid,.footer-grid,.support-grid{grid-template-columns:1fr}
  .hero-content h1{max-width:none}
  .hero-floating-card{position:static;margin-top:14px;max-width:none}
  .search-drawer{padding:12px}
  .search-drawer-inner{padding:22px}
}


.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  min-height:50px;
  font-weight:800;
  letter-spacing:.01em;
}
.button-secondary{
  background:rgba(255,255,255,.75);
  color:var(--primary);
}
.button-secondary:hover{
  border-color:var(--primary);
  color:var(--primary);
}
.morocco-language-switcher{
  display:flex;
  align-items:center;
  gap:8px;
  margin-inline-end:4px;
}
.morocco-language-switcher .lang-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background:var(--surface);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}
.morocco-language-switcher .lang-item.is-current{
  background:var(--primary);
  color:#fff;
  border-color:var(--primary);
}
.hero-content .button-primary,
.newsletter-form .button-primary,
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button{
  box-shadow:0 16px 32px rgba(17,17,17,.16);
}
.site-footer .button-primary{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}
.site-footer .button-primary:hover{
  filter:brightness(.95);
}
.footer-credit{
  opacity:.85;
}
.main-navigation .menu-item-has-children > a::after{
  content:"▾";
  margin-inline-start:6px;
  font-size:11px;
}
.main-navigation ul ul{
  position:absolute;
  top:100%;
  inset-inline-start:0;
  min-width:220px;
  padding:14px;
  margin-top:18px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow);
  display:none;
  flex-direction:column;
  gap:12px;
}
.main-navigation li:hover > ul,
.main-navigation li:focus-within > ul{
  display:flex;
}
.main-navigation ul ul a{
  font-weight:600;
}
@media (max-width: 991px){
  .morocco-language-switcher{
    order:-1;
    width:100%;
    justify-content:flex-end;
  }
  .header-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
}