/* DIGIKROM Szalona Italia Mega Menu — isolated styling, Figma menu_kategorie_desktop */
.szi-mm-root,
.szi-mm-root * { box-sizing: border-box; }
.szi-mm-root {
  --szi-mm-green: #1C7D30;
  --szi-mm-ink: #151515;
  --szi-mm-panel-width: 1374px;
  width: min(var(--szi-mm-panel-width), calc(100vw - 32px));
  max-width: none !important;
  height: 560px;
  background: #fff;
  color: var(--szi-mm-ink);
  font-family: Montserrat, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #efefef;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  isolation: isolate;
}
.szi-mm-root [hidden] { display: none !important; }
.szi-mm-root a,
.szi-mm-root a:hover,
.szi-mm-root a:focus { text-decoration: none; }
.szi-mm-root button { font: inherit; }
.szi-mm-layout { display: grid; grid-template-columns: 223px minmax(0,1fr); height:100%; }
.szi-mm-sidebar { min-width:0; min-height:0; display:flex; flex-direction:column; padding:8px 0; overflow:hidden; }
.szi-mm-nav-items { min-height:0; flex:1; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d2d2d2 transparent; }
.szi-mm-nav-link { display:flex; align-items:center; justify-content:space-between; gap:8px; height:40px; margin:0 0 2px; padding:0 16px; background:#fff; border:0; color:#151515 !important; font-size:14px; font-weight:500; line-height:1.25; transition:background-color .12s,color .12s; outline-offset:-3px; }
.szi-mm-nav-link:hover,
.szi-mm-nav-link:focus-visible,
.szi-mm-nav-link.is-active { background:#efeff0; color:#151515 !important; }
.szi-mm-nav-link.is-active .szi-mm-arrow { color:var(--szi-mm-green); }
.szi-mm-nav-name { display:flex; gap:8px; align-items:center; min-width:0; }
.szi-mm-nav-name > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.szi-mm-icon { display:block; flex:none; width:24px; height:24px; object-fit:contain; }
.szi-mm-icon-placeholder { flex:none; width:24px; height:24px; }
.szi-mm-arrow { flex:none; color:#334155; }
.szi-mm-panels { min-height:0; min-width:0; }
.szi-mm-panel { height:100%; min-width:0; padding:47px 28px 43px 32px; display:grid; grid-template-columns:minmax(0,534fr) minmax(0,526fr); column-gap:30px; }
.szi-mm-details { min-width:0; min-height:0; display:flex; flex-direction:column; }
.szi-mm-heading { margin:0 0 22px !important; padding:0; font-family:Montserrat,Arial,sans-serif !important; font-size:20px !important; font-weight:500 !important; line-height:1.4 !important; color:#151515 !important; text-transform:none !important; letter-spacing:0 !important; }
.szi-mm-heading span { color:#1C7D30; }
.szi-mm-links { margin:0 !important; padding:0 !important; list-style:none !important; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; row-gap:12px; align-content:start; }
.szi-mm-links li { margin:0 !important; padding:0 !important; list-style:none !important; min-width:0; line-height:1.65; }
.szi-mm-links a { color:#111 !important; font-size:14px !important; line-height:1.65 !important; font-weight:400 !important; }
.szi-mm-links a:hover, .szi-mm-links a:focus-visible { color:#1C7D30 !important; text-decoration:underline !important; }
.szi-mm-nochildren { color:#4b5563; font-size:14px; margin:0; }
.szi-mm-all { color:#1C7D30 !important; margin-top:auto; align-self:flex-start; font-size:14px !important; font-weight:600 !important; text-decoration:underline !important; }
.szi-mm-all:hover,.szi-mm-all:focus-visible { color:#145923 !important; }
.szi-mm-promos { min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; height:468px; }
.szi-mm-promo { min-width:0; position:relative; display:flex; flex-direction:column; align-items:stretch; height:100%; overflow:hidden; padding:24px 32px 22px; border-radius:16px; color:#fff; background:linear-gradient(145deg,var(--szi-promo-from),var(--szi-promo-to)); isolation:isolate; }
.szi-mm-promo-copy { position:relative; z-index:1; }
.szi-mm-promo h3 { color:#fff !important; margin:0 0 18px !important; font-family:Montserrat,Arial,sans-serif !important; font-size:30px !important; font-weight:700 !important; line-height:1.22 !important; letter-spacing:-.3px !important; text-transform:none !important; overflow-wrap:anywhere; }
.szi-mm-promo p { color:#fff !important; margin:0 !important; font-family:Montserrat,Arial,sans-serif !important; font-size:14px !important; font-weight:400 !important; line-height:1.5 !important; }
.szi-mm-promo-image { display:block; position:relative; z-index:0; width:100%; min-width:0; max-width:175px; height:174px; margin:auto auto 14px; object-fit:contain; }
.szi-mm-promo-cta { display:flex; gap:10px; align-items:center; justify-content:center; align-self:stretch; margin-top:auto; min-height:48px; padding:10px 11px; border-radius:16px 16px 16px 0; background:#fff !important; color:#101010 !important; font-size:13px !important; line-height:1.2 !important; font-weight:600 !important; white-space:nowrap; transition:background-color .15s,color .15s; }
.szi-mm-promo-cta > span { font-size:20px; line-height:.8; }
.szi-mm-promo-cta:hover,.szi-mm-promo-cta:focus-visible { background:#151515 !important; color:#fff !important; }
/* v0.1.1 — Remove the SECOND frame added by Woodmart / Elementor.
   The only visible border and shadow must belong to .szi-mm-root.
   :has() scopes every reset to dropdowns containing OUR shortcode. */
@media (min-width:1025px) {
  .wd-dropdown:has(.szi-mm-root) {
    --wd-dropdown-width: 1374px;
    width: min(1374px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  /* Woodmart may wrap its HTML Block with a padded WD container. */
  .wd-dropdown:has(.szi-mm-root) :is(
    .wd-html-block, .wd-dropdown-inner, .wd-scroll-content,
    .elementor, .elementor-section, .elementor-container,
    .elementor-column, .elementor-widget-wrap,
    .elementor-widget, .elementor-widget-container,
    .e-con, .e-con-inner
  ):has(.szi-mm-root) {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .wd-dropdown:has(.szi-mm-root) .szi-mm-root {
    display: block;
    width: min(1374px, calc(100vw - 32px));
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width:1380px) and (min-width:1025px) {
  .szi-mm-layout { grid-template-columns:200px minmax(0,1fr); }
  .szi-mm-panel { padding:32px 22px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; }
  .szi-mm-promos { gap:10px; height:496px; }
  .szi-mm-promo { padding:20px 16px; }
  .szi-mm-promo h3 { font-size:23px !important; }
  .szi-mm-promo-cta { font-size:11px !important; }
}
@media (max-width:1150px) and (min-width:1025px) {
  .szi-mm-panel { grid-template-columns:minmax(0,1fr) 245px; }
  .szi-mm-promos { grid-template-columns:1fr; }
  .szi-mm-promo:nth-child(2) { display:none; }
  .szi-mm-links { column-gap:10px; }
}
/* Desktop-only: leave Woodmart's existing mobile menu untouched. */
@media (max-width:1024px) { .szi-mm-root { display:none !important; } }