/* Boxxi v26: catalog sidebar, menu surfaces, card readability. */
/* Boxxi catalog sidebar v2. LOCAL CANDIDATE — NOT PUBLISHED.
 * Shared Czech native Classic template; includes login/registration/newsletter/favourites.
 * Hide only three known left catalog boxes. Functional filter shells and unknown widgets
 * retain their sidebar. Main forms and native behavior are untouched. Checkout excluded.
 * This supersedes the seven-route info-sidebar-v1.css; do not load both versions.
 */

/* Remove the catalog widgets in their native or owned category-details position. */
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)) #content-wrapper > .content-wrapper-in:has(> #content):has(> aside.sidebar.sidebar-left > .sidebar-inner) > aside.sidebar.sidebar-left > .sidebar-inner > :is(.box-categories,.box-onlinePayments,.box-topProducts):not(:has(form,input,select,textarea,button,iframe,object,embed,[contenteditable],.box-filters,#filters,.filters-wrapper,.widget-parameter-wrapper,[data-widget],[class*="widget" i],[id*="widget" i])),
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)) #content-wrapper > .content-wrapper-in:has(> #content):has(> aside.sidebar.sidebar-left > .sidebar-inner) > aside.sidebar.sidebar-left > .sidebar-inner > details.bxcat-sidebar-extras > :is(.box-categories,.box-onlinePayments,.box-topProducts):not(:has(form,input,select,textarea,button,iframe,object,embed,[contenteditable],.box-filters,#filters,.filters-wrapper,.widget-parameter-wrapper,[data-widget],[class*="widget" i],[id*="widget" i])),
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)) #content-wrapper > .content-wrapper-in:has(> #content):has(> aside.sidebar.sidebar-left > .sidebar-inner) > aside.sidebar.sidebar-left > .sidebar-inner > details.bxcat-sidebar-extras:not(:has(> :not(summary,.box-categories,.box-onlinePayments,.box-topProducts))):not(:has(form,input,select,textarea,button,iframe,object,embed,[contenteditable],.box-filters,#filters,.filters-wrapper,.widget-parameter-wrapper,[data-widget],[class*="widget" i],[id*="widget" i])) {
  display:none!important;
}

/* Collapse only a catalog-only/empty shell, never a functional filter or unknown widget. */
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)) #content-wrapper > .content-wrapper-in:has(> #content):has(> aside.sidebar.sidebar-left > .sidebar-inner):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.box-categories,.box-onlinePayments,.box-topProducts,details.bxcat-sidebar-extras))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > details.bxcat-sidebar-extras > :not(summary,.box-categories,.box-onlinePayments,.box-topProducts))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left {
  display:none!important;
}

/* Retain the wrapper's existing display model; remove only its unused column/gap. */
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)) #content-wrapper > .content-wrapper-in:has(> #content):has(> aside.sidebar.sidebar-left > .sidebar-inner):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.box-categories,.box-onlinePayments,.box-topProducts,details.bxcat-sidebar-extras))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > details.bxcat-sidebar-extras > :not(summary,.box-categories,.box-onlinePayments,.box-topProducts))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) {
  grid-template-columns:minmax(0,1fr)!important;
  column-gap:0!important;
}

html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)) #content-wrapper > .content-wrapper-in:has(> #content):has(> aside.sidebar.sidebar-left > .sidebar-inner):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.box-categories,.box-onlinePayments,.box-topProducts,details.bxcat-sidebar-extras))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > details.bxcat-sidebar-extras > :not(summary,.box-categories,.box-onlinePayments,.box-topProducts))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > #content {
  grid-column:1 / -1!important;
  float:none!important;
  flex:1 1 100%!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  margin-left:0!important;
  margin-right:0!important;
}
/* Existing article/form max-width, padding and readability rules remain in force. */

/* Verified password-reset exception: preserve the real account link above the form.
 * Exact page identity + original form + account-nav topology; no generic customer rule. */
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) {
  display:block!important;
}
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left,
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > #content {
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  margin-left:0!important;
  margin-right:0!important;
}
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left {
  display:block!important;
  margin-top:0!important;
  margin-bottom:16px!important;
  padding:0!important;
}
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left > .sidebar-inner {
  display:block!important;
  position:static!important;
  width:100%!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box {
  margin:0!important;
  padding:0!important;
}
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0!important;
  padding:0!important;
}
html[lang|="cs"][data-boxxi-native="1"] body.template-11:not(.ordering-process):not(.in-kosik):not(:has(#cart-wrapper,#order-form)).id--7.in-zapomenute-heslo.customer-page #content-wrapper > .content-wrapper-in:has(> #content > .content-inner > form#formForgottenPassword.forgotten-password-form):has(> aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li > a[href="/klient/"]):not(:has(> aside.sidebar.sidebar-left > :not(.sidebar-inner,h2.sidebar__heading.sr-only))):not(:has(> aside.sidebar.sidebar-left > .sidebar-inner > :not(.client-center-box))):not(:has(> aside.sidebar.sidebar-left form,> aside.sidebar.sidebar-left input,> aside.sidebar.sidebar-left select,> aside.sidebar.sidebar-left textarea,> aside.sidebar.sidebar-left button,> aside.sidebar.sidebar-left iframe,> aside.sidebar.sidebar-left object,> aside.sidebar.sidebar-left embed,> aside.sidebar.sidebar-left [contenteditable],> aside.sidebar.sidebar-left .box-filters,> aside.sidebar.sidebar-left #filters,> aside.sidebar.sidebar-left .filters-wrapper,> aside.sidebar.sidebar-left .widget-parameter-wrapper,> aside.sidebar.sidebar-left [data-widget],> aside.sidebar.sidebar-left [class*="widget" i],> aside.sidebar.sidebar-left [id*="widget" i])) > aside.sidebar.sidebar-left > .sidebar-inner > .client-center-box > ul > li {
  margin:0!important;
  padding:0!important;
}

/* Boxxi menu surface v1 — OFFLINE CANDIDATE, NOT RENDER-VERIFIED.
 * Paint only. Preserve native More, splitMenu, dropdowns, geometry and input handling.
 * Czech enabled Classic header; checkout excluded. No overflow/position/size changes.
 */

/* Shared interaction paint, including the real focusable More div. */
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li > a,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li > a,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper {
  border-radius:8px;
  transition:background-color 140ms ease,color 140ms ease,box-shadow 140ms ease;
}

/* The existing 768px native desktop boundary owns the horizontal strip. */
@media (min-width:768px) {
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation {
    background-color:#f6f3ed!important;
    border-color:#e7e0d4;
    border-radius:14px;
    box-shadow:inset 0 0 0 1px #e7e0d4;
  }
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in,
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1,
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li {
    background-color:transparent!important;
  }
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li:first-child > a {
    border-top-left-radius:14px;
    border-bottom-left-radius:14px;
  }
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper {
    background-color:#f6f3ed!important;
    border-radius:0 14px 14px 0;
    box-shadow:inset 0 0 0 1px #e7e0d4;
  }
}

/* Hover is an enhancement; coarse/touch pointers do not depend on it. */
@media (hover:hover) and (pointer:fine) {
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li:hover > a,
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li:hover > a,
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper:hover {
    background-color:#eee8dc!important;
    color:#20323c!important;
    box-shadow:inset 0 -2px 0 #b49a70;
  }
}

/* Keep the parent cue while native dropdown/More state is open. */
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li.exp > a,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li.exp > a,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li > a[aria-expanded="true"],
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li > a[aria-expanded="true"],
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process).menu-helper-visible #header > .navigation-wrapper > .menu-helper {
  background-color:#eee8dc!important;
  color:#20323c!important;
  box-shadow:inset 0 -2px 0 #b49a70;
}

/* Shoptet marks the anchor .active; also honor native li/aria-current variants. */
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li > a.active,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li > a.active,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li > a[aria-current="page"],
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li > a[aria-current="page"],
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li.active > a,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li.active > a {
  background-color:#e5dac6!important;
  color:#20323c!important;
  box-shadow:inset 0 -2px 0 #897252;
}

/* Inset outline remains inside the existing native clipped/scrollable row.
 * Do not change its overflow rules or expose native splitted items. */
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li > a:focus-visible,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li > a:focus-visible,
html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper:focus-visible {
  background-color:#eee8dc!important;
  color:#20323c!important;
  outline:2px solid #2c4352!important;
  outline-offset:-3px;
}

@media (prefers-reduced-motion:reduce) {
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > #navigation > .navigation-in > .menu-level-1 > li > a,
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper > .menu-level-1 > li > a,
  html[lang|="cs"][data-boxxi-native="1"][data-bxl-layout="1"] body.template-11:not(.ordering-process) #header > .navigation-wrapper > .menu-helper { transition:none; }
}

/* OFFLINE CANDIDATE — not activated. Load after the current owned styles.
   Values use the saved production CSS cascade, not a new browser measurement.
   Native card links, availability, prices, forms and grid counts are unchanged. */

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) > .product > .p[data-bxn-card] {
  border: 1px solid var(--bxn-line,#dedfdc);
  /* The existing photo radius is 9px: +1px for the outside border. */
  border-radius: 10px;
  background: #fff;
  /* Keep keyboard focus outlines visible; the image clips its own contents. */
  overflow: visible;
}

/* A dark focus outline stays recognizable against the white card surface. */
html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] :is(a,button):focus-visible {
  outline: 3px solid #2c4352 !important;
  outline-offset: 3px;
}

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body {
  padding: 16px;
  min-width: 0;
}

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .name {
  font-size: 22px; /* target; current browser baseline still pending */
  line-height: 1.35;
  margin-top: 0 !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .name .bxcf-card-parameters {
  font-size: 16px; /* readable name suffix; saved source: 10px */
}

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .p-desc {
  font-size: 16px; /* target; saved desktop source: 10px */
  line-height: 1.6;
  /* Preserve the existing three-line clamp with space for the enlarged type. */
  min-height: 4.8em !important;
  max-height: 4.8em !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] .ratings-wrapper .availability {
  font-size: 16px; /* stock only; stars stay unchanged */
  overflow-wrap: anywhere;
  word-break: normal;
}

html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] .bxn-card-body .p-tools .btn {
  font-size: 18px; /* CTA only; current browser baseline still pending */
  min-height: 44px !important;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width:800px) {
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body {
    padding: 12px;
  }
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .name {
    font-size: 22px; /* keep the same readable title target on mobile */
  }
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .name .bxcf-card-parameters {
    font-size: 16px; /* mobile target; saved source: 9px */
  }
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .p-desc {
    font-size: 16px; /* mobile target; saved source: 9px */
    line-height: 1.6;
    -webkit-line-clamp: 4;
    min-height: 6.4em !important;
    max-height: 6.4em !important;
  }
}

@media (max-width:1100px) {
  /* Give the native CTA its own row; two narrow cards cannot reliably fit
     an unchanged price and the enlarged button text side by side. */
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] .bxn-card-body .p-tools,
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] .bxn-card-body .p-tools form,
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] .bxn-card-body .p-tools .btn {
    width: 100%;
  }
}

@media (max-width:360px) {
  /* Preserve the existing extra description line on the narrowest viewport. */
  html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] > .bxn-card-body > .p-desc {
    -webkit-line-clamp: 5;
    min-height: 8em !important;
    max-height: 8em !important;
  }
}

/* Improve only the native positive stock color; preserve other stock statuses. */
html[data-boxxi-native="1"][data-bxcf-commerce="1"] #content :is(#products,.products-block) [data-bxn-card] .availability > span[style="color:#009901"] {color:#35684b!important;}