/* ===============================
   GLOBAL BRAND COLOR OVERRIDE
   =============================== */

body {overflow-x:hidden;}
.page-footer small.bugs { display: none !important; }

body.checkout-cart-index .cart-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #fff !important;
  border-bottom: 1px solid #e5eaf2 !important;
  box-sizing: border-box !important;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes .panel.wrapper,
body.catalogsearch-result-index header.page-header.page-header-alothemes .panel.header,
body.catalogsearch-result-index header.page-header.page-header-alothemes .header.links,
body.catalogsearch-result-index header.page-header.page-header-alothemes .page-header.alothemes {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content,
body.catalogsearch-result-index header.page-header.page-header-alothemes .logo,
body.catalogsearch-result-index header.page-header.page-header-alothemes .minicart-wrapper,
body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search {
  float: none !important;
  position: relative !important;
  box-sizing: border-box !important;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search .block-title,
body.catalogsearch-result-index header.page-header.page-header-alothemes .field.search .label,
body.catalogsearch-result-index header.page-header.page-header-alothemes .nested,
body.catalogsearch-result-index header.page-header.page-header-alothemes .catalogsearch-box {
  display: none !important;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes #search_mini_form {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes #search {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 86px 0 16px !important;
  border: 1px solid #164c9e !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #202a36 !important;
  font-size: 15px !important;
  box-sizing: border-box !important;
}

body.catalogsearch-result-index header.page-header.page-header-alothemes #search_mini_form .action.search.button {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 78px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: #164c9e !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

@media (min-width: 1200px) {
  body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: 240px minmax(420px, 1fr) 70px !important;
    grid-template-areas: "logo search cart" !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1240px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 20px 32px !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    display: block !important;
    width: 220px !important;
    height: auto !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search {
    grid-area: search !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 56px !important;
    height: 44px !important;
    min-width: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.catalogsearch-result-index header.page-header.page-header-alothemes {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border-bottom: 1px solid #e5eaf2 !important;
    box-sizing: border-box !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .panel.wrapper,
  body.catalogsearch-result-index header.page-header.page-header-alothemes .panel.header,
  body.catalogsearch-result-index header.page-header.page-header-alothemes .header.links,
  body.catalogsearch-result-index header.page-header.page-header-alothemes .page-header.alothemes {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: minmax(150px, 220px) minmax(260px, 1fr) 56px !important;
    grid-template-areas: "logo search cart" !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1180px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 18px 24px !important;
    box-sizing: border-box !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    position: static !important;
    float: none !important;
    display: block !important;
    width: min(210px, 100%) !important;
    height: auto !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    max-width: 210px !important;
    height: auto !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 56px !important;
    height: 44px !important;
    min-width: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search {
    grid-area: search !important;
    position: relative !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search .block-title,
  body.catalogsearch-result-index header.page-header.page-header-alothemes .field.search .label,
  body.catalogsearch-result-index header.page-header.page-header-alothemes .nested,
  body.catalogsearch-result-index header.page-header.page-header-alothemes .catalogsearch-box {
    display: none !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes #search_mini_form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes #search {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 86px 0 16px !important;
    border: 1px solid #164c9e !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #202a36 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes #search_mini_form .action.search.button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: #164c9e !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }
}

@media (max-width: 767px) {
  body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "logo cart"
      "search search" !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 16px 14px !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    display: block !important;
    width: min(178px, 64vw) !important;
    height: auto !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 52px !important;
    height: 44px !important;
    min-width: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
  }

  body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search {
    grid-area: search !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .zoomContainer {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}


:root{
  --brand:#0f3d91;
  --brand-hover:#2f8cff; /* HELLER HOVER */
}

/* ===============================
   SMARTSPITZE THEME FOOTER
   =============================== */

.cms-static-page-bottom.page-bottom {
  margin-top: 64px !important;
  padding: 16px 0 !important;
  background: #fed700 !important;
  border-color: #fed700 !important;
  color: #333e48 !important;
}

.cms-static-page-bottom.page-bottom .block-subscribe {
  margin: 0 !important;
}

.cms-static-page-bottom.page-bottom .block-subscribe .block-title h3 {
  color: #333e48 !important;
  font-size: 20px;
  font-weight: 700;
}

.cms-static-page-bottom.page-bottom .block-subscribe .block-title h3:before {
  color: #333e48 !important;
}

.cms-static-page-bottom.page-bottom .block-subscribe .form-subscribe-header p,
.cms-static-page-bottom.page-bottom .block-subscribe .form-subscribe-header p span {
  color: #333e48 !important;
}

.cms-static-page-bottom.page-bottom .block-subscribe .field input.input-text {
  height: 44px;
  border: 0 !important;
  border-radius: 999px;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(51, 62, 72, .08);
}

.cms-static-page-bottom.page-bottom .block-subscribe .actions .button {
  background: #333e48 !important;
  border-color: #333e48 !important;
  border-radius: 0 999px 999px 0 !important;
}

.cms-static-page-bottom.page-bottom .block-subscribe .actions .button:hover,
.cms-static-page-bottom.page-bottom .block-subscribe .actions .button:focus {
  background: var(--brand) !important;
  border-color: var(--brand) !important;
}

.page-footer .main-footer {
  padding: 52px 0 48px !important;
  border-top: 1px solid #e5eaf1;
  background: #f8f8f8 !important;
}

.page-footer .cms-static-main-footer.smartspitze-theme-footer {
  display: grid;
  grid-template-columns: 1.18fr .95fr .95fr 1fr;
  gap: 34px;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}

.page-footer .smartspitze-theme-footer .footer-item {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.page-footer .smartspitze-theme-footer .box-content {
  position: relative;
  height: 100%;
}

.page-footer .smartspitze-theme-footer .title {
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 12px;
  color: #333e48;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  text-transform: none;
}

.page-footer .smartspitze-theme-footer .title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48px;
  height: 2px;
  background: #fed700;
}

.page-footer .smartspitze-footer-logo {
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
}

.page-footer .smartspitze-footer-logo:after {
  display: none;
}

.page-footer .smartspitze-footer-logo img {
  display: block;
  width: min(250px, 100%);
  height: auto;
}

.page-footer .smartspitze-theme-footer .content {
  margin-top: 0 !important;
  color: #566170;
  font-size: 14px;
  line-height: 1.65;
}

.page-footer .smartspitze-footer-intro p {
  max-width: 320px;
  margin: 0;
}

.page-footer .smartspitze-footer-hotline {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0 16px;
}

.page-footer .smartspitze-footer-hotline .icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #fed700;
  color: #333e48 !important;
  font-size: 24px !important;
}

.page-footer .smartspitze-footer-hotline .info {
  display: block !important;
  padding: 0 !important;
}

.page-footer .smartspitze-footer-hotline .question {
  display: block;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.25;
}

.page-footer .smartspitze-footer-hotline .hot-number {
  display: block;
  color: #333e48 !important;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
}

.page-footer .smartspitze-footer-badges {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-footer .smartspitze-footer-badges li {
  position: relative;
  margin: 0;
  padding-left: 18px;
  color: #333e48;
  font-size: 13px;
  font-weight: 700;
}

.page-footer .smartspitze-footer-badges li:before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fed700;
}

.page-footer .smartspitze-theme-footer .link-list {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.page-footer .smartspitze-theme-footer .link-list li {
  margin: 0 !important;
}

.page-footer .smartspitze-theme-footer .link-list a {
  display: inline-block !important;
  padding: 0 0 11px !important;
  color: #333e48 !important;
  font-size: 14px;
  line-height: 1.35 !important;
  text-decoration: none;
  transition: color .18s ease, transform .18s ease;
}

.page-footer .smartspitze-theme-footer .link-list a:hover,
.page-footer .smartspitze-theme-footer .link-list a:focus,
.page-footer .smartspitze-footer-hotline .hot-number:hover,
.page-footer .smartspitze-footer-hotline .hot-number:focus {
  color: var(--brand) !important;
}

.page-footer .smartspitze-theme-footer .link-list a:hover,
.page-footer .smartspitze-theme-footer .link-list a:focus {
  transform: translateX(3px);
}

.page-footer .smartspitze-footer-store .address,
.page-footer .smartspitze-footer-hours {
  margin: 0 0 14px;
  color: #566170 !important;
  font-size: 14px;
  line-height: 1.6;
  text-transform: none !important;
}

.page-footer .smartspitze-footer-store strong {
  color: #333e48;
  font-weight: 800;
}

.page-footer .smartspitze-footer-legal {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0 14px;
  padding-top: 6px !important;
}

.page-footer .footer-bottom {
  padding: 18px 0 !important;
  border-top: 1px solid #d8dde5;
  background: #eaeaea !important;
}

.page-footer .footer-bottom .row {
  display: flex;
  align-items: center;
}

.page-footer .footer-bottom .pull-left {
  order: 1;
}

.page-footer .footer-bottom .pull-right {
  order: 2;
}

.page-footer .footer-bottom .paypal {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  min-height: 30px;
  text-align: right;
}

.page-footer .footer-bottom .paypal img {
  width: auto;
  max-width: 260px;
  max-height: 34px;
  object-fit: contain;
}

.page-footer .copyright span,
.page-footer .copyright small {
  color: #333e48 !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

#backtotop {
  bottom: 72px !important;
  right: 22px !important;
  background: #333e48 !important;
  color: #fed700 !important;
}

#backtotop:hover,
#backtotop:focus {
  background: var(--brand) !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  .page-footer .cms-static-main-footer.smartspitze-theme-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 34px;
  }

  .cms-static-page-bottom.page-bottom .block-subscribe .block-title,
  .cms-static-page-bottom.page-bottom .block-subscribe .form.subscribe {
    float: none;
    text-align: center;
  }

  .cms-static-page-bottom.page-bottom .block-subscribe .form-subscribe-header p {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .cms-static-page-bottom.page-bottom {
    margin-top: 42px !important;
    padding: 18px 12px !important;
  }

  .cms-static-page-bottom.page-bottom .block-subscribe .field input.input-text {
    width: min(100%, 360px) !important;
  }

  .page-footer .main-footer {
    padding: 34px 0 30px !important;
  }

  .page-footer .cms-static-main-footer.smartspitze-theme-footer {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .page-footer .smartspitze-theme-footer .footer-item {
    padding-bottom: 18px !important;
    border-bottom: 1px solid #e1e6ee;
  }

  .page-footer .smartspitze-theme-footer .footer-item:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0;
  }

  .page-footer .smartspitze-theme-footer .toggle-tab {
    display: none !important;
  }

  .page-footer .smartspitze-theme-footer .toggle-content {
    display: block !important;
  }

  .page-footer .smartspitze-footer-logo img {
    width: 220px;
  }

  .page-footer .footer-bottom .row {
    display: block;
    text-align: center;
  }

  .page-footer .footer-bottom .pull-left,
  .page-footer .footer-bottom .pull-right {
    float: none !important;
    width: 100% !important;
  }

  .page-footer .footer-bottom .paypal {
    justify-content: center;
    margin: 0 0 12px !important;
    text-align: center;
  }

  #backtotop {
    bottom: 82px !important;
    right: 14px !important;
  }
}

.cms-homepage-buy .smartspitze-home {
  --home-brand: #0f3d91;
  --home-brand-2: #174ea6;
  --home-yellow: #fed700;
  --home-text: #1f2937;
  --home-muted: #667085;
  --home-border: #e2e8f0;
  --home-soft: #f6f8fb;
  color: var(--home-text);
}

.cms-homepage-buy .page-main {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.cms-homepage-buy .column.main {
  padding-bottom: 0;
}

.cms-homepage-buy .smartspitze-home > section {
  width: min(1200px, calc(100% - 30px));
  margin-left: auto;
  margin-right: auto;
}

.cms-homepage-buy .smartspitze-home-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 34px 0 24px;
}

.cms-homepage-buy .smartspitze-home-intro h1,
.cms-homepage-buy .smartspitze-home-section h2,
.cms-homepage-buy .smartspitze-home-deal h2 {
  margin: 0;
  color: #202a37;
  font-weight: 800;
  letter-spacing: 0;
}

.cms-homepage-buy .smartspitze-home-intro h1 {
  max-width: 760px;
  font-size: 34px;
  line-height: 1.15;
}

.cms-homepage-buy .smartspitze-home-intro p {
  max-width: 720px;
  margin: 10px 0 0;
  color: var(--home-muted);
  font-size: 17px;
  line-height: 1.55;
}

.cms-homepage-buy .smartspitze-home-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.cms-homepage-buy .smartspitze-home-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.cms-homepage-buy .smartspitze-home-button:hover,
.cms-homepage-buy .smartspitze-home-button:focus {
  transform: translateY(-1px);
}

.cms-homepage-buy .smartspitze-home-button--primary {
  border: 1px solid var(--home-brand);
  background: var(--home-brand);
  color: #fff !important;
}

.cms-homepage-buy .smartspitze-home-button--ghost {
  border: 1px solid var(--home-border);
  background: #fff;
  color: var(--home-brand) !important;
}

.cms-homepage-buy .smartspitze-home-button--light {
  border: 1px solid #fff;
  background: #fff;
  color: var(--home-brand) !important;
}

.cms-homepage-buy .smartspitze-home-policy {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-top: 8px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: var(--home-border);
}

.cms-homepage-buy .smartspitze-home-policy__item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 2px 12px;
  align-items: center;
  min-height: 92px;
  padding: 18px;
  background: #fff;
}

.cms-homepage-buy .smartspitze-home-policy__icon {
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #edf4ff;
  color: var(--home-brand);
  font-size: 20px;
  font-weight: 900;
}

.cms-homepage-buy .smartspitze-home-policy strong {
  font-size: 15px;
  line-height: 1.25;
}

.cms-homepage-buy .smartspitze-home-policy span:last-child {
  color: var(--home-muted);
  font-size: 13px;
  line-height: 1.35;
}

.cms-homepage-buy .smartspitze-home-categories {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 18px;
  margin-top: 28px;
}

.cms-homepage-buy .smartspitze-home-category {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44%;
  min-height: 230px;
  overflow: hidden;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: linear-gradient(135deg, #f7faff, #fff);
  text-decoration: none !important;
}

.cms-homepage-buy .smartspitze-home-category--phones {
  background: linear-gradient(135deg, #0f3d91, #1f6fd0);
}

.cms-homepage-buy .smartspitze-home-category--apple {
  background: linear-gradient(135deg, #f5f7fb, #e8eef9);
}

.cms-homepage-buy .smartspitze-home-category--samsung {
  background: linear-gradient(135deg, #fff9db, #fff);
}

.cms-homepage-buy .smartspitze-home-category__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 26px;
  min-width: 0;
}

.cms-homepage-buy .smartspitze-home-category__title {
  color: #202a37;
  font-size: 27px;
  font-weight: 900;
  line-height: 1.05;
}

.cms-homepage-buy .smartspitze-home-category--phones .smartspitze-home-category__title,
.cms-homepage-buy .smartspitze-home-category--phones .smartspitze-home-category__text {
  color: #fff;
}

.cms-homepage-buy .smartspitze-home-category__text {
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.45;
}

.cms-homepage-buy .smartspitze-home-category__link {
  width: max-content;
  max-width: 100%;
  margin-top: 4px;
  padding: 10px 16px;
  border-radius: 999px;
  background: var(--home-yellow);
  color: #202a37;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

.cms-homepage-buy .smartspitze-home-category__image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px 18px 0 0;
}

.cms-homepage-buy .smartspitze-home-category__image img {
  width: auto;
  max-width: 100%;
  max-height: 220px;
  object-fit: contain;
  filter: drop-shadow(0 18px 18px rgba(15, 23, 42, .18));
}

.cms-homepage-buy .smartspitze-home-section {
  margin-top: 42px;
}

.cms-homepage-buy .smartspitze-home-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  border-bottom: 2px solid var(--home-border);
}

.cms-homepage-buy .smartspitze-home-section__head h2 {
  position: relative;
  padding-bottom: 12px;
  font-size: 27px;
  line-height: 1.2;
}

.cms-homepage-buy .smartspitze-home-section__head h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 76px;
  height: 2px;
  background: var(--home-yellow);
}

.cms-homepage-buy .smartspitze-home-section__head a {
  margin-bottom: 12px;
  color: var(--home-brand);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.cms-homepage-buy .smartspitze-home-products .products-grid .product-items {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px !important;
  margin: 0 !important;
}

.cms-homepage-buy .smartspitze-home-products .products-grid .product-item {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cms-homepage-buy .smartspitze-home-products .product-item-info {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 16px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.cms-homepage-buy .smartspitze-home-products .product-item-info:hover {
  border-color: #bfd0ec;
  box-shadow: 0 14px 36px rgba(15, 61, 145, .12);
  transform: translateY(-2px);
}

.cms-homepage-buy .smartspitze-home-products .product-item-photo,
.cms-homepage-buy .smartspitze-home-products .product-image-container {
  display: block;
  width: 100% !important;
}

.cms-homepage-buy .smartspitze-home-products .product-image-wrapper {
  height: 210px !important;
  padding-bottom: 0 !important;
}

.cms-homepage-buy .smartspitze-home-products .product-image-photo {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 210px !important;
  object-fit: contain;
}

.cms-homepage-buy .smartspitze-home-products .product-item-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 14px;
}

.cms-homepage-buy .smartspitze-home-products .product-item-name {
  min-height: 44px;
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.cms-homepage-buy .smartspitze-home-products .product-item-link {
  color: #202a37;
  text-decoration: none;
}

.cms-homepage-buy .smartspitze-home-products .price-box {
  margin-top: auto;
}

.cms-homepage-buy .smartspitze-home-products .price {
  color: var(--home-brand);
  font-size: 20px;
  font-weight: 900;
}

.cms-homepage-buy .smartspitze-home-products .block-products-list.grid .product-items.widget-product-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px !important;
  margin: 0 !important;
}

.cms-homepage-buy .smartspitze-home-products .block-products-list.grid .product-items.widget-product-grid > .product-item {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
}

.cms-homepage-buy .smartspitze-home-products .block-products-list.grid .product-items.widget-product-grid .product-item-photo {
  height: 220px !important;
  padding: 18px !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .cms-homepage-buy .smartspitze-home-products .block-products-list.grid .product-items.widget-product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.cms-homepage-buy .smartspitze-home-deal {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 260px;
  gap: 24px;
  align-items: center;
  min-height: 260px;
  margin-top: 46px;
  overflow: hidden;
  padding: 34px 38px;
  border-radius: 8px;
  background: linear-gradient(135deg, #0f3d91 0%, #164ba8 58%, #102a64 100%);
  color: #fff;
}

.cms-homepage-buy .smartspitze-home-deal h2 {
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
}

.cms-homepage-buy .smartspitze-home-deal p {
  max-width: 520px;
  margin: 12px 0 20px;
  color: rgba(255, 255, 255, .82);
  font-size: 16px;
  line-height: 1.55;
}

.cms-homepage-buy .smartspitze-home-deal__price {
  display: grid;
  gap: 4px;
  min-width: 190px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
}

.cms-homepage-buy .smartspitze-home-deal__price span,
.cms-homepage-buy .smartspitze-home-deal__price small {
  color: rgba(255, 255, 255, .78);
  font-size: 13px;
  font-weight: 700;
}

.cms-homepage-buy .smartspitze-home-deal__price strong {
  color: var(--home-yellow);
  font-size: 28px;
  line-height: 1.05;
}

.cms-homepage-buy .smartspitze-home-deal > img {
  max-height: 240px;
  width: auto;
  justify-self: center;
  filter: drop-shadow(0 22px 24px rgba(0, 0, 0, .32));
}

.cms-homepage-buy .smartspitze-home-brands {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
  padding: 16px 0;
  border-top: 1px solid var(--home-border);
  border-bottom: 1px solid var(--home-border);
}

.cms-homepage-buy .smartspitze-home-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 72px;
  padding: 10px;
  border: 1px solid var(--home-border);
  background: #fff;
  color: #202a37;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none !important;
}

.cms-homepage-buy .smartspitze-home-brand--samsung {
  color: #153fa4;
  letter-spacing: 1px;
}

.cms-homepage-buy .smartspitze-home-brand--pixel span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 5px solid #4285f4;
  color: #34a853;
  font-size: 18px;
  line-height: 1;
}

.cms-homepage-buy .smartspitze-home-brand--xiaomi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #ff6900;
  color: #fff;
  font-size: 18px;
}

.cms-homepage-buy .smartspitze-home-brand--xiaomi strong {
  color: #ff6900;
}

.cms-homepage-buy .smartspitze-home-brand--huawei {
  color: #c8102e;
}

.cms-homepage-buy .smartspitze-home-brand--sony {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 1px;
}

.cms-homepage-buy .smartspitze-home-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 28px;
  align-items: center;
  margin-bottom: 46px;
  padding: 28px 0 0;
}

.cms-homepage-buy .smartspitze-home-info p {
  max-width: 720px;
  margin: 12px 0 0;
  color: var(--home-muted);
  font-size: 16px;
  line-height: 1.65;
}

.cms-homepage-buy .smartspitze-home-info__steps {
  display: grid;
  gap: 10px;
}

.cms-homepage-buy .smartspitze-home-info__steps span {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 12px 16px;
  border: 1px solid var(--home-border);
  border-radius: 8px;
  background: #fff;
  font-weight: 800;
}

.cms-homepage-buy .smartspitze-home-info__steps strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--home-brand);
  color: #fff;
}

@media (max-width: 991px) {
  .cms-homepage-buy .smartspitze-home-intro,
  .cms-homepage-buy .smartspitze-home-info {
    grid-template-columns: 1fr;
  }

  .cms-homepage-buy .smartspitze-home-intro__actions {
    justify-content: flex-start;
  }

  .cms-homepage-buy .smartspitze-home-policy {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cms-homepage-buy .smartspitze-home-categories {
    grid-template-columns: 1fr;
  }

  .cms-homepage-buy .smartspitze-home-products .products-grid .product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cms-homepage-buy .smartspitze-home-products .block-products-list.grid .product-items.widget-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cms-homepage-buy .smartspitze-home-deal {
    grid-template-columns: minmax(0, 1fr) 180px;
  }

  .cms-homepage-buy .smartspitze-home-deal__price {
    grid-column: 1 / -1;
    width: min(280px, 100%);
  }

  .cms-homepage-buy .smartspitze-home-brands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .cms-homepage-buy .smartspitze-home > section {
    width: min(100% - 24px, 1200px);
  }

  .cms-homepage-buy .smartspitze-home-intro {
    padding-top: 24px;
  }

  .cms-homepage-buy .smartspitze-home-intro h1 {
    font-size: 27px;
  }

  .cms-homepage-buy .smartspitze-home-policy {
    grid-template-columns: 1fr;
  }

  .cms-homepage-buy .smartspitze-home-category {
    grid-template-columns: 1fr 132px;
    min-height: 190px;
  }

  .cms-homepage-buy .smartspitze-home-category__content {
    padding: 20px;
  }

  .cms-homepage-buy .smartspitze-home-category__title {
    font-size: 22px;
  }

  .cms-homepage-buy .smartspitze-home-products .products-grid .product-items {
    grid-template-columns: 1fr;
  }

  .cms-homepage-buy .smartspitze-home-products .block-products-list.grid .product-items.widget-product-grid {
    grid-template-columns: 1fr;
  }

  .cms-homepage-buy .smartspitze-home-section__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .cms-homepage-buy .smartspitze-home-deal {
    grid-template-columns: 1fr;
    padding: 26px 22px;
  }

  .cms-homepage-buy .smartspitze-home-deal h2 {
    font-size: 27px;
  }

  .cms-homepage-buy .smartspitze-home-deal > img {
    max-height: 190px;
  }

  .cms-homepage-buy .smartspitze-home-brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.header-top {
    background-color: #f5f5f7;
}

/* Header wishlist target is not available on the live shop yet. */
a.wishlist.icon.icon-favorites[href*="/wishlist/"] {
  display: none !important;
}

/* ===============================
   BACKGROUNDS
   =============================== */

.alo-magicslider {
  background-image: url('/media/wysiwyg/alothemes/static/cms/Hintergrund.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.cms-static-main-slide .slick-slide img {
  object-fit: contain !important;
  min-height: auto !important;
}

/* =========================
   Mobile Search immer sichtbar
   ========================= */

@media (max-width: 768px){

  .mobile-search-icon{
    display:none !important;
  }

  .content-seach {
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    height:auto !important;
  }

  #search {
    font-size: 13px !important;
    padding-left: 14px !important;
    padding-right: 12px !important;
    text-overflow: ellipsis;
  }

  #search::placeholder {
    font-size: 13px;
  }

}


.header .form-search .catalogsearch-box {
	display: none;
}

.action.primary,
.btn,
.cart-container .checkout,
.action.tocart,
.minicart-wrapper .action.primary,
.block-minicart .action.primary,
.slick-prev:hover,
.slick-next:hover,
.slick-dots li.slick-active button,
.label-sale,
.label-new,
.badge,
.policy-box i,
.vmagicmenu .block-title,
.box-tocart .action,
.review-add .action,
.post-read-more:hover,
.contact-content .actions .action,
.product.info.detailed .item.title:before,
.product.info.detailed .item.title:after,
.minitabs .item:hover,
.magic-tabs .item:hover,
.pages .current,
.pages .current span,
.page-bottom,
.sell-button,
.minicart-wrapper .action.showcart .counter.qty,
.header-search .form-search button.button
{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
}


/* ===============================
   TEXT / LINKS
   =============================== */

a,
.link,
.item-menu,
.nav a,
.icon-support,
.policy-icon
{
  color: var(--brand) !important;
}


/* ===============================
   SVG ICONS
   =============================== */

svg,
svg path{
  fill: currentColor !important;
}


/* ===============================
   HOVER (HELLER)
   =============================== */

button:hover,
.action.primary:hover,
.btn:hover,
.action.tocart:hover,
.sell-button:hover,
.cart-container .checkout:hover,
.block-minicart .action.primary:hover,
.header-search .form-search button.button:hover,
.pages a:hover,
.magic-tabs .item:hover,
.minitabs .item:hover,
.vmagicmenu .block-title:hover
{
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  color: #fff !important;
}

a:hover,
.footer a:hover,
.header a:hover,
.nav a:hover
{
  color: var(--brand-hover) !important;
}

.magicmenu .nav-desktop .level0.active a span.icon-text {color: var(--brand) !important;}

/* ===============================
   SEARCH BORDER
   =============================== */

.header-search .form-search {
  border-color: var(--brand) !important;
border-width:1px;
}
.header-search .form-search button.button > span {
	height: 38px;
	line-height: 38px;
}


/* ===============================
   SMALL ACCENTS
   =============================== */

.hot-support p .icon,
.hot-support .support-icon .icon {
  color: var(--brand-hover) !important;
}


/* ===============================
   LAYOUT WIDTH
   =============================== */

@media (min-width:1200px){

  .container{
    max-width:1500px;
  }

  [data-content-type="row"][data-appearance="contained"]{
    max-width:1500px !important;
  }
}


/* ===============================
   SMOOTH HOVER ANIMATION (nice UX)
   =============================== */

button,
.action,
.btn,
a{
  transition:all .18s ease;
}

/* ===============================
   SELL BUTTON FIX (Textfarbe beim Hover)
   =============================== */

a.sell-button,
a.sell-button:visited{
  color:#fff !important;
}

a.sell-button:hover,
a.sell-button:focus{
  background-color: var(--brand-hover) !important;

  color:#ffffff !important;
}

html.nav-before-open.nav-open body#html-body.no-js.loading_img.widescreen.cms-home.cms-index-index.page-layout-1column.nav-mobile-display div.page-wrapper
 {    position: relative !important;
 }

html.nav-before-open.nav-open .page-wrapper {    position: relative !important;
 }


.page-layout-2columns-left .page-main .sidebar-main {position: static !important;}

@media and (max-width: 991px) {
.nav-before-open .page-wrapper {position: relative !important;}
}


.nopad .slick-slider {
  margin-bottom: 0px !important;
}

 form#product_addtocart_form div.product-options-bottom div.box-tocart div.fieldset div.field.qty {display:none;}
 button.action span {color:#fff}


.category-product-grid .product-image-photo {
    max-height: 228px;
    object-fit: contain;
}
@media (max-width: 768px) {
    .category-product-grid .product-image-photo {
        max-height: 122px;
    }
}

.checkout-agreements-block .action.action-show span {
      color: #333 !important
}

div.amcheckout-additional-options.additional-options span {
      color: #333 !important
}

.swatch-option.color {
    border-radius: 100px;
    height: 40px;
    width: 40px;
    border: 3px solid #fff;
    outline: 2px solid #8a8a8a;
    cursor: pointer;
    transition: transform .15s ease, outline-color .15s ease, outline-width .15s ease;
}
.swatch-option.color:not(.disabled):hover {
    border: 3px solid #fff;
    outline: 3px solid #ef8d00;
    transform: scale(1.1);
}
.swatch-option.color.selected {
    outline: 3px solid #ef8d00;
    box-shadow: 0 0 0 1px #fff inset;
}
.swatch-option.color.selected::after {
    content: "✓";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-shadow: 0 0 3px rgba(0,0,0,.6);
    pointer-events: none;
}

#top-cart-btn-checkout,
#top-cart-btn-checkout:hover,
#top-cart-btn-checkout:focus,
#top-cart-btn-checkout:active {
    color: #fff !important;
}


.cart.main.actions .action.continue,
.cart.main.actions .action.clear,
.cart.main.actions .action.update {
    background-color: #1a3d84;
    border: 1px solid #1a3d84;
    color: #fff !important;
}
.cart.main.actions .action.continue:hover,
.cart.main.actions .action.clear:hover,
.cart.main.actions .action.update:hover,
.cart.main.actions .action.continue:focus,
.cart.main.actions .action.clear:focus,
.cart.main.actions .action.update:focus {
    background-color: #142f68;
    border-color: #142f68;
    color: #fff !important;
}
.cart.main.actions .action.continue span,
.cart.main.actions .action.clear span,
.cart.main.actions .action.update span {
    color: #fff !important;
}

/* ===============================================================
   PRODUCT DETAIL - Electro theme product view
   =============================================================== */

.catalog-product-view .page-main {
  max-width: 1500px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.catalog-product-view .alocolumns {
  display: grid !important;
  grid-template-columns: 214px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  width: 100%;
}

.catalog-product-view .column.main {
  grid-column: 2;
  grid-row: 1 / span 4;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0;
  padding: 0 !important;
  float: none !important;
}

.catalog-product-view .sidebar-main,
.catalog-product-view .sidebar-additional {
  display: block !important;
  width: auto !important;
  max-width: 100%;
  padding: 0 !important;
  float: none !important;
}

.catalog-product-view .sidebar-main {
  grid-column: 1;
  grid-row: 1;
}

.catalog-product-view .sidebar-additional {
  grid-column: 1;
  grid-row: 2;
  margin-top: 28px;
}

.catalog-product-view .smartspitze-product-breadcrumb,
.catalog-product-view .smartspitze-product-extras,
.catalog-product-view .smartspitze-product-sidebar {
  display: none !important;
}

.catalog-product-view .sidebar-main .accordion-container {
  display: block !important;
  margin: 0 0 28px;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.catalog-product-view .sidebar-main .accordion-container .accor-title {
  margin: 0;
  padding: 16px 18px;
  color: #172033;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 1px solid #edf1f7;
}

.catalog-product-view .sidebar-main .accordion-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 8px 18px;
  border-bottom: 1px solid #edf1f7;
  color: #333e48;
  font-size: 13px;
  font-weight: 400;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li > a:hover,
.catalog-product-view .sidebar-main .accordion-container .accordion > li > a:focus {
  color: var(--brand);
}

.catalog-product-view .sidebar-main .accordion-container .submenu {
  background: #fff;
}

.catalog-product-view .sidebar-main .accordion-container .submenu a {
  display: block;
  padding: 7px 18px 7px 30px;
  color: #333e48;
  font-size: 12px;
  font-weight: 400;
}

.catalog-product-view .sidebar-main .accordion-container .submenu a:hover,
.catalog-product-view .sidebar-main .accordion-container .submenu a:focus {
  color: var(--brand);
}

.catalog-product-view .sidebar-main .accordion-container a.smartspitze-category-active,
.catalog-product-view .sidebar-main .accordion-container li.smartspitze-category-current > a {
  color: var(--brand) !important;
  font-weight: 700 !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion a:not(.smartspitze-category-active) {
  color: #333e48 !important;
  font-weight: 400 !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion li > .submenu {
  display: none !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion li.smartspitze-category-open > .submenu {
  display: block !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li:first-child > .submenu li.smartspitze-category-open > .submenu {
  display: block !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion li.smartspitze-category-open > .submenu > li {
  display: block !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li:first-child > .submenu li.smartspitze-category-open > .submenu > li {
  display: block !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion a {
  position: relative;
}

.catalog-product-view .sidebar-main .accordion-container .submenu a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.catalog-product-view .sidebar-main .accordion-container .smartspitze-category-toggle {
  display: inline-flex;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: auto;
  border: 0;
  border-radius: 0;
  color: #9aa3af;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.catalog-product-view .sidebar-main .accordion-container .smartspitze-category-toggle:before {
  content: "+";
}

.catalog-product-view .sidebar-main .accordion-container li.smartspitze-category-open > a > .smartspitze-category-toggle:before {
  content: "-";
}

.catalog-product-view .sidebar-main .accordion-container .submenu .submenu a {
  padding-left: 44px;
  font-size: 12px;
}

.catalog-product-view .sidebar-main .accordion-container .accordion a:not(.smartspitze-category-active) {
  color: #333e48 !important;
  font-weight: 400 !important;
}

.catalog-product-view .smartspitze-product-sidebar__section,
.catalog-product-view .sidebar-additional .block {
  margin: 0 0 22px;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.catalog-product-view .smartspitze-product-sidebar__section h3,
.catalog-product-view .sidebar-additional .block-title {
  margin: 0;
  padding: 13px 16px;
  background: var(--brand);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.catalog-product-view .smartspitze-product-sidebar__group {
  border-top: 1px solid #edf1f7;
}

.catalog-product-view .smartspitze-product-sidebar__group h4 {
  margin: 0;
  padding: 12px 16px 6px;
  color: #172033;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.catalog-product-view .smartspitze-product-sidebar__group ul,
.catalog-product-view .smartspitze-product-sidebar__section--latest ul {
  margin: 0;
  padding: 0 16px 12px;
  list-style: none;
}

.catalog-product-view .smartspitze-product-sidebar__group li,
.catalog-product-view .smartspitze-product-sidebar__section--latest li {
  border-top: 1px solid #f1f4f8;
}

.catalog-product-view .smartspitze-product-sidebar__group li:first-child,
.catalog-product-view .smartspitze-product-sidebar__section--latest li:first-child {
  border-top: 0;
}

.catalog-product-view .smartspitze-product-sidebar a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.catalog-product-view .smartspitze-product-sidebar a:hover,
.catalog-product-view .smartspitze-product-sidebar a:focus {
  color: var(--brand);
}

.catalog-product-view .smartspitze-product-sidebar__section--latest a {
  display: block;
}

.catalog-product-view .smartspitze-product-sidebar__section--latest span {
  display: block;
}

.catalog-product-view .smartspitze-product-sidebar__section--latest strong {
  display: block;
  margin-top: 3px;
  color: var(--brand);
}

.catalog-product-view .smartspitze-product-sidebar__service {
  padding: 16px;
  background: #f7faff;
  border: 1px solid #dbe8fb;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}

.catalog-product-view .smartspitze-product-sidebar__service strong,
.catalog-product-view .smartspitze-product-sidebar__service span {
  display: block;
}

.catalog-product-view .smartspitze-product-sidebar__service strong {
  margin-bottom: 5px;
  color: #172033;
  font-size: 14px;
}

.catalog-product-view .sidebar-additional img {
  max-width: 100%;
  height: auto;
}

.catalog-product-view .product-essential {
  margin: 0 0 34px;
}

.catalog-product-view .product-essential .row {
  display: grid !important;
  grid-template-columns: minmax(270px, 44%) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.catalog-product-view .product.media,
.catalog-product-view .product-info-main {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0;
  float: none !important;
}

.catalog-product-view .product.media {
  grid-column: 1;
  margin: 0 !important;
  padding: 18px 14px 14px !important;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.catalog-product-view .product-info-main {
  grid-column: 2;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  color: #172033;
}

.catalog-product-view .page-title-wrapper.product {
  margin: 0 0 10px;
}

.catalog-product-view .product-info-main .page-title,
.catalog-product-view .product-info-main .base {
  margin: 0;
  color: #172033;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: 0;
}

.catalog-product-view .product-info-main .product.attribute.overview {
  margin: 13px 0 16px;
  color: #526173;
  font-size: 13px;
  line-height: 1.55;
}

.catalog-product-view .smartspitze-special-offer {
  margin: 17px 0 19px;
  padding: 0 0 18px;
  border-bottom: 1px solid #edf1f7;
  color: #172033;
}

.catalog-product-view .smartspitze-special-offer .slogan-countdown {
  margin: 0 0 12px;
  color: #2f3338;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.catalog-product-view .smartspitze-special-offer .slogan-countdown span {
  color: inherit;
  font-weight: inherit;
}

.catalog-product-view .smartspitze-special-offer .product-deal-special-progress {
  margin: 0;
}

.catalog-product-view .smartspitze-special-offer .deal-stock-label {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
  color: #8b8b8b;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
}

.catalog-product-view .smartspitze-special-offer .deal-stock-label strong {
  color: #6f6f6f;
  font-weight: 800;
}

.catalog-product-view .smartspitze-special-offer .deal-progress {
  position: relative;
  overflow: hidden;
  height: 20px;
  border-radius: 999px;
  background: #e0e0e0;
}

.catalog-product-view .smartspitze-special-offer .deal-progress-bar {
  display: block;
  min-width: 18px;
  height: 100%;
  border-radius: inherit;
  background: repeating-linear-gradient(
    45deg,
    #ffd200 0,
    #ffd200 17px,
    #ffe16a 17px,
    #ffe16a 34px
  );
}

.catalog-product-view .smartspitze-special-offer .deal-progress-bar span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.catalog-product-view .smartspitze-special-offer__timer {
  margin-top: 12px;
}

.catalog-product-view .smartspitze-product-meta {
  margin: 0 0 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid #edf1f7;
}

.catalog-product-view .smartspitze-product-meta__head,
.catalog-product-view .smartspitze-product-meta__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  margin: 0;
}

.catalog-product-view .smartspitze-product-meta__head {
  margin-bottom: 9px;
}

.catalog-product-view .smartspitze-product-meta__brand {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid #d7e2f4;
  color: #172033;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-product-meta__reviews {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #526173;
  font-size: 12px;
  font-weight: 600;
}

.catalog-product-view .smartspitze-product-meta__stars {
  color: #f5c400;
  letter-spacing: 1px;
}

.catalog-product-view .smartspitze-product-meta__list div {
  display: flex;
  gap: 5px;
  align-items: baseline;
}

.catalog-product-view .smartspitze-product-meta__list dt,
.catalog-product-view .smartspitze-product-meta__list dd {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
}

.catalog-product-view .smartspitze-product-meta__list dt {
  color: #526173;
  font-weight: 700;
}

.catalog-product-view .smartspitze-product-meta__list dd {
  color: #172033;
  font-weight: 800;
}

.catalog-product-view .smartspitze-product-meta__list .is-available {
  color: #15803d;
}

.catalog-product-view .smartspitze-detail-trust {
  display: block !important;
  margin: 16px 0 18px;
  padding: 13px 0;
  border-top: 1px solid #edf1f7;
  border-bottom: 1px solid #edf1f7;
}

.catalog-product-view .smartspitze-detail-trust__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
}

.catalog-product-view .smartspitze-detail-trust__item {
  position: relative;
  min-height: 0;
  padding: 0 0 0 18px;
  background: transparent;
  border: 0;
  color: #526173;
}

.catalog-product-view .smartspitze-detail-trust__icon {
  position: absolute;
  left: 0;
  top: 7px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--brand);
}

.catalog-product-view .smartspitze-detail-trust__item--stock .smartspitze-detail-trust__icon {
  background: #22c55e;
}

.catalog-product-view .smartspitze-detail-trust__label,
.catalog-product-view .smartspitze-detail-trust__text {
  display: block;
  font-size: 12px;
  line-height: 1.35;
}

.catalog-product-view .smartspitze-detail-trust__label {
  color: #172033;
  font-weight: 800;
}

.catalog-product-view .smartspitze-detail-trust__text {
  color: #64748b;
  font-weight: 600;
}

.catalog-product-view .smartspitze-detail-trust__note {
  margin-top: 11px;
  color: #526173;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.catalog-product-view .product-info-price {
  margin: 18px 0;
  padding: 15px 0;
  border-top: 1px solid #edf1f7;
  border-bottom: 1px solid #edf1f7;
}

.catalog-product-view .product-info-main .price-box .price {
  color: var(--brand) !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
}

.catalog-product-view .product-options-wrapper,
.catalog-product-view .product-options-bottom {
  margin-top: 16px;
}

.catalog-product-view .product-options-wrapper .swatch-attribute {
  margin: 0 0 18px;
}

.catalog-product-view .product-options-wrapper .swatch-attribute-label {
  margin-right: 8px;
  color: #172033;
  font-size: 13px;
  font-weight: 800;
}

.catalog-product-view .product-options-wrapper .swatch-attribute-selected-option {
  color: #526173;
  font-size: 13px;
  font-weight: 600;
}

.catalog-product-view .swatch-option.text {
  min-width: 56px;
  height: 34px;
  padding: 8px 10px;
  border-radius: 2px;
  border-color: #cbd5e1;
  color: #172033;
  font-size: 12px;
  font-weight: 800;
  line-height: 16px;
}

.catalog-product-view .swatch-option.color {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
}

.catalog-product-view .swatch-option.selected,
.catalog-product-view .swatch-option:hover {
  outline: 0;
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 2px rgba(15, 61, 145, 0.16);
}

.catalog-product-view .box-tocart .fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.catalog-product-view .box-tocart .field.qty {
  margin: 0;
}

.catalog-product-view .box-tocart .field.qty .label {
  margin-right: 8px;
  color: #172033;
  font-size: 13px;
  font-weight: 800;
}

.catalog-product-view .box-tocart .field.qty .control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 124px;
  overflow: hidden;
  border: 1px solid #d7e2f4;
  border-radius: 18px;
  background: #fff;
}

.catalog-product-view .box-tocart .field.qty .items,
.catalog-product-view .box-tocart .field.qty .input-text.qty {
  width: 34px;
  height: 34px;
  min-height: 34px;
  border: 0;
  background: #fff;
  color: #172033;
  text-align: center;
}

.catalog-product-view .box-tocart .field.qty .items {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  cursor: pointer;
  line-height: 1;
}

.catalog-product-view .box-tocart .field.qty .items:before,
.catalog-product-view .box-tocart .field.qty .items:after {
  display: none !important;
}

.catalog-product-view .box-tocart .field.qty .input-text.qty {
  order: 1;
  margin: 0 !important;
  box-shadow: none;
}

.catalog-product-view .box-tocart .field.qty .increase.items {
  order: 2;
}

.catalog-product-view .box-tocart .field.qty .reduced.items {
  order: 3;
}

.catalog-product-view .box-tocart .action.tocart {
  min-width: 190px;
  min-height: 44px;
  padding: 0 24px;
  border-radius: 24px;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  font-weight: 800;
}

.catalog-product-view .box-tocart .action.tocart:hover,
.catalog-product-view .box-tocart .action.tocart:focus {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}

.catalog-product-view .product-social-links,
.catalog-product-view .product-addto-links,
.catalog-product-view .product.info.social {
  margin-top: 15px;
}

.catalog-product-view .zoomContainer,
.catalog-product-view .zoomWindowContainer,
.catalog-product-view .zoomWindow,
.catalog-product-view .zoomLens {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.catalog-product-view .gallery-placeholder,
.catalog-product-view .fotorama,
.catalog-product-view .fotorama__wrap,
.catalog-product-view .fotorama__stage,
.catalog-product-view .fotorama__stage__shaft,
.catalog-product-view .fotorama__stage__frame {
  max-width: 100% !important;
}

.catalog-product-view .fotorama__stage {
  height: clamp(300px, 28vw, 380px) !important;
  margin: 0 auto !important;
}

.catalog-product-view .fotorama__stage__shaft,
.catalog-product-view .fotorama__stage__frame {
  height: 100% !important;
}

.catalog-product-view .fotorama__stage__frame:not(.fotorama__active) {
  visibility: hidden !important;
}

.catalog-product-view .fotorama__stage__frame.fotorama__active {
  visibility: visible !important;
}

.catalog-product-view .product.media img,
.catalog-product-view .fotorama__img,
.catalog-product-view .product-image-photo {
  max-width: 100% !important;
  max-height: 100% !important;
  height: auto;
  object-fit: contain !important;
}

.catalog-product-view .fotorama__nav-wrap {
  display: block !important;
  margin-top: 14px !important;
  max-width: 100% !important;
}

.catalog-product-view .fotorama__nav,
.catalog-product-view .fotorama__nav__shaft {
  max-width: 100% !important;
}

.catalog-product-view .fotorama__nav--thumbs .fotorama__nav__frame {
  width: 70px !important;
  height: 70px !important;
  padding: 0 6px 0 0 !important;
}

.catalog-product-view .fotorama__thumb {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 64px !important;
  height: 64px !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.catalog-product-view .fotorama__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.catalog-product-view .fotorama__thumb-border {
  border-color: var(--brand) !important;
}

.catalog-product-view .product-next-prev,
.catalog-product-view .product-next,
.catalog-product-view .product-prev {
  overflow: hidden !important;
}

.catalog-product-view .product.info.detailed {
  clear: both;
  margin-top: 30px;
}

.catalog-product-view .product.info.detailed .product.data.items > .item.title > .switch {
  color: #172033;
  font-size: 14px;
  font-weight: 800;
}

.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch,
.catalog-product-view .product.info.detailed .product.data.items > .item.title > .switch:hover {
  color: var(--brand);
}

@media (min-width: 1200px) {
  .catalog-product-view .alocolumns {
    grid-template-columns: 252px minmax(0, 1fr);
    gap: 32px;
  }

  .catalog-product-view .product-essential .row {
    grid-template-columns: minmax(360px, 48%) minmax(0, 1fr);
    gap: 34px;
  }
}

@media (max-width: 899px) {
  .catalog-product-view .page-main {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .catalog-product-view .alocolumns {
    display: block !important;
  }

  .catalog-product-view .sidebar-main,
  .catalog-product-view .sidebar-additional {
    display: none !important;
  }

  .catalog-product-view .product-essential .row {
    display: block !important;
  }

  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main,
  .catalog-product-view .product.info.detailed {
    max-width: 100% !important;
  }

  .catalog-product-view .product.media {
    margin-bottom: 24px !important;
  }

  .catalog-product-view .fotorama__stage {
    height: 330px !important;
  }
}

@media (max-width: 479px) {
  .catalog-product-view .product-info-main .page-title,
  .catalog-product-view .product-info-main .base {
    font-size: 23px;
  }

  .catalog-product-view .page-title-wrapper.product .brand a {
    gap: 10px;
    font-size: 16px;
    flex-wrap: wrap;
  }

  .catalog-product-view .smartspitze-title-brand__logo {
    min-height: 34px;
    font-size: 22px;
  }

  .catalog-product-view .smartspitze-title-brand__logo--samsung,
  .catalog-product-view .smartspitze-title-brand__logo--apple,
  .catalog-product-view .smartspitze-title-brand__logo--pixel {
    font-size: 22px;
  }

  .catalog-product-view .smartspitze-title-brand__logo svg {
    width: 24px;
    height: 24px;
  }

  .catalog-product-view .smartspitze-special-offer .slogan-countdown {
    font-size: 21px;
  }

  .catalog-product-view .smartspitze-special-offer .deal-stock-label {
    gap: 8px;
    font-size: 15px;
  }

  .catalog-product-view .smartspitze-special-offer .deal-progress {
    height: 18px;
  }

  .catalog-product-view .smartspitze-detail-trust__grid {
    grid-template-columns: 1fr;
  }

  .catalog-product-view .box-tocart .action.tocart {
    width: 100%;
  }
}

/* ===============================================================
   PRODUCT DETAIL - use the Electro product view directly
   =============================================================== */

.catalog-product-view .smartspitze-product-meta,
.catalog-product-view .smartspitze-detail-trust,
.catalog-product-view .smartspitze-product-sidebar,
.catalog-product-view .smartspitze-product-extras,
.catalog-product-view .smartspitze-product-breadcrumb {
  display: none !important;
}

.catalog-product-view .page-title-wrapper.product .brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.catalog-product-view .page-title-wrapper.product .brand .title {
  display: none;
}

.catalog-product-view .page-title-wrapper.product .brand a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #2f3338 !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.1;
  text-decoration: none !important;
}

.catalog-product-view .page-title-wrapper.product .brand a > span:after,
.catalog-product-view .page-title-wrapper.product .brand a span:after {
  content: none !important;
  display: none !important;
}

.catalog-product-view .smartspitze-title-brand__name {
  flex: 0 0 auto;
  color: #2f3338 !important;
}

.catalog-product-view .smartspitze-title-brand__logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  color: #9297a0;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.catalog-product-view .smartspitze-title-brand__logo svg {
  width: 29px;
  height: 29px;
  fill: currentColor;
}

.catalog-product-view .smartspitze-title-brand__logo small {
  display: block;
  margin-top: 2px;
  color: #b0b4bb;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.catalog-product-view .smartspitze-title-brand__logo--apple {
  color: #8d939c;
  font-size: 27px;
}

.catalog-product-view .smartspitze-title-brand__logo--samsung {
  color: #8f949d;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-title-brand__logo--pixel {
  color: #8f949d;
  font-size: 27px;
}

.catalog-product-view .smartspitze-title-brand__g {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #d9dde5;
  color: #4285f4;
  font-size: 23px;
  font-weight: 800;
}

.catalog-product-view .smartspitze-title-brand__mi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #ff6900;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.catalog-product-view .smartspitze-title-brand__mark {
  position: relative;
  width: 44px;
  height: 36px;
  opacity: 0.8;
}

.catalog-product-view .smartspitze-title-brand__mark:before,
.catalog-product-view .smartspitze-title-brand__mark:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  border: 5px solid #ff9a99;
  border-radius: 10px;
  transform: translate(-50%, -50%) rotate(45deg);
}

.catalog-product-view .smartspitze-title-brand__mark:after {
  width: 17px;
  height: 30px;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  transform: translate(-50%, -18%) rotate(0);
}

.catalog-product-view .smartspitze-title-brand__word {
  display: block;
  color: #9297a0;
  font-size: 31px;
  font-weight: 600;
  line-height: 0.9;
}

.catalog-product-view .product-info-main .product-reviews-summary,
.catalog-product-view .product-info-main .product-info-stock-sku,
.catalog-product-view .product-info-main .product-addto-links,
.catalog-product-view .product-info-main .alo-social-links {
  display: block !important;
}

.catalog-product-view .product-info-main .product-reviews-summary {
  margin-top: 7px;
}

.catalog-product-view .product-info-main .smartspitze-theme-review {
  display: block !important;
  margin: 10px 0 11px;
}

.catalog-product-view .product-info-main .smartspitze-theme-review .rating-summary,
.catalog-product-view .product-info-main .smartspitze-theme-review .reviews-actions {
  display: inline-block;
  vertical-align: middle;
}

.catalog-product-view .product-info-main .smartspitze-theme-review .rating-result {
  width: 88px;
}

.catalog-product-view .product-info-main .smartspitze-theme-review .rating-result > span:before {
  color: #f5c400;
}

.catalog-product-view .product-info-main .smartspitze-theme-review .reviews-actions {
  margin-left: 8px;
}

.catalog-product-view .product-info-main .smartspitze-theme-review .reviews-actions .action {
  color: var(--brand);
  font-size: 12px;
  font-weight: 700;
}

.catalog-product-view .product-info-main .product-info-stock-sku {
  margin-top: 13px;
  margin-bottom: 18px;
}

.catalog-product-view .product-info-main .product-info-price {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
}

.catalog-product-view .product-info-main .price-box .price,
.catalog-product-view .product-options-bottom .price-box .price {
  color: var(--brand) !important;
  font-size: 30px;
  font-weight: 700;
}

.catalog-product-view .product-info-main .product-addto-links .action {
  color: #949494;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin-right: 12px;
}

.catalog-product-view .product-info-main .product-addto-links .action:hover,
.catalog-product-view .product-info-main .product-addto-links .action:focus,
.catalog-product-view .product-info-main .alo-social-links .socials-share a:hover,
.catalog-product-view .product-info-main .alo-social-links .socials-share a:focus {
  color: var(--brand);
}

.catalog-product-view .product-info-main .alo-social-links .title-social {
  display: none;
}

.catalog-product-view .product-info-main .alo-social-links .socials-share {
  margin: 0;
  padding: 0;
}

.catalog-product-view .product-info-main .alo-social-links .socials-share li {
  display: inline-block;
  margin-right: 10px;
}

.catalog-product-view .product-info-main .alo-social-links .socials-share a {
  color: #a8aeba;
  font-size: 16px;
}

.catalog-product-view .box-tocart .field.qty {
  display: inline-block !important;
  margin-left: 0 !important;
  margin-right: 12px !important;
}

.catalog-product-view .box-tocart .field.qty .label {
  display: inline-block;
  margin-right: 8px;
}

.catalog-product-view .box-tocart .field.qty .control {
  display: inline-flex;
  align-items: center;
}

.catalog-product-view .box-tocart .field.qty .items,
.catalog-product-view .box-tocart .field.qty .input-text.qty {
  width: 34px;
  height: 34px;
  min-height: 34px;
  text-align: center;
}

.catalog-product-view .box-tocart .action.tocart {
  min-width: 180px;
  border-radius: 24px;
  background: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

.catalog-product-view .box-tocart .action.tocart:hover,
.catalog-product-view .box-tocart .action.tocart:focus {
  background: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
}

.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch,
.catalog-product-view .product.info.detailed .product.data.items > .item.title > .switch:hover {
  color: var(--brand);
}

.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch:after,
.catalog-product-view .product.info.detailed .product.data.items > .item.title.active > .switch:before {
  background: var(--brand);
}

.catalog-product-view .sidebar-main .accordion-container {
  display: block !important;
  margin-bottom: 28px;
  background: #fff;
  border: 1px solid #e2e8f0;
}

.catalog-product-view .sidebar-main .accordion-container .accor-title {
  margin: 0;
  padding: 16px 18px;
  color: #172033;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 1px solid #edf1f7;
}

.catalog-product-view .sidebar-main .accordion-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  padding: 8px 18px;
  border-bottom: 1px solid #edf1f7;
  color: #333e48;
  font-size: 13px;
  font-weight: 400;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li > a:hover,
.catalog-product-view .sidebar-main .accordion-container .accordion > li > a:focus,
.catalog-product-view .sidebar-main .accordion-container .submenu a:hover,
.catalog-product-view .sidebar-main .accordion-container .submenu a:focus {
  color: var(--brand);
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li:first-child > .submenu {
  display: block !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li:first-child > .submenu > li:nth-child(n+6) {
  display: none !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion > li:first-child > .submenu .submenu {
  display: none !important;
}

.catalog-product-view .sidebar-main .accordion-container .submenu a {
  display: block;
  padding: 7px 18px 7px 30px;
  color: #333e48;
  font-size: 12px;
  font-weight: 400;
}

.catalog-product-view .sidebar-main .accordion-container a.smartspitze-category-active,
.catalog-product-view .sidebar-main .accordion-container li.smartspitze-category-current > a {
  color: var(--brand) !important;
  font-weight: 700 !important;
}

.catalog-product-view .sidebar-main .accordion-container .accordion a:not(.smartspitze-category-active) {
  color: #333e48 !important;
  font-weight: 400 !important;
}

.catalog-product-view .zoomContainer,
.catalog-product-view .zoomWindowContainer,
.catalog-product-view .zoomWindow,
.catalog-product-view .zoomLens {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (min-width: 900px) {
  .catalog-product-view .page-main {
    max-width: 1200px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .catalog-product-view .alocolumns {
    display: block !important;
    width: 100%;
  }

  .catalog-product-view .column.main {
    display: block !important;
    float: right !important;
    width: 75% !important;
    max-width: 75% !important;
    padding: 0 !important;
  }

  .catalog-product-view .sidebar-main {
    display: block !important;
    float: left !important;
    width: 25% !important;
    max-width: 25% !important;
    padding: 0 15px 0 0 !important;
  }

  .catalog-product-view .sidebar-additional {
    clear: left;
    display: block !important;
    float: left !important;
    width: 25% !important;
    max-width: 25% !important;
    padding: 0 15px 0 0 !important;
  }

  .catalog-product-view .product-essential {
    margin: 0 0 40px !important;
    width: 100%;
  }

  .catalog-product-view .product-essential .row {
    display: block !important;
    width: auto !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .catalog-product-view .product.media {
    float: left !important;
    width: 50% !important;
    max-width: 50% !important;
    margin: 0 !important;
    padding: 0 15px !important;
    background: transparent !important;
    border: 0 !important;
  }

  .catalog-product-view .product-info-main {
    float: left !important;
    width: 50% !important;
    max-width: 50% !important;
    margin: 0 !important;
    padding: 0 15px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .catalog-product-view .fotorama__stage {
    height: 410px !important;
  }

  .catalog-product-view .fotorama__stage__shaft,
  .catalog-product-view .fotorama__stage__frame {
    height: 100% !important;
  }

  .catalog-product-view .fotorama__nav-wrap {
    display: block !important;
    margin-top: 14px !important;
  }

  .catalog-product-view .product.info.detailed {
    clear: both;
    margin-top: 40px;
  }
}

@media (max-width: 899px) {
  .catalog-product-view .alocolumns,
  .catalog-product-view .product-essential .row {
    display: block !important;
  }

  .catalog-product-view .sidebar-main,
  .catalog-product-view .sidebar-additional {
    display: none !important;
  }

  .catalog-product-view .column.main,
  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main,
  .catalog-product-view .product.info.detailed {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .catalog-product-view .product.media {
    margin-bottom: 24px !important;
  }

  .catalog-product-view .fotorama__stage {
    height: 330px !important;
  }
}

/* ===============================================================
   WIDGET PRODUCT GRID — CARD STYLE
   (nur Widget-Grids, z.B. auf CMS-/Startseite — nicht Kategorien)
   Angleichung an die Kategorie-Karten-Optik
   =============================================================== */

.block-products-list.grid .products-grid.grid {
  margin: 0 !important;
}

.block-products-list.grid .product-items.widget-product-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
}

.block-products-list.grid .product-items.widget-product-grid > .product-item {
  flex: 1 1 240px !important;
  max-width: calc(25% - 15px) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  background: #fff !important;
  border-radius: 18px !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.09) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform .18s ease, box-shadow .18s ease;
  box-sizing: border-box !important;
}

.block-products-list.grid .product-items.widget-product-grid > .product-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.13);
}

@media (max-width: 991px) {
  .block-products-list.grid .product-items.widget-product-grid > .product-item {
    max-width: calc(50% - 10px);
  }
}

@media (max-width: 575px) {
  .block-products-list.grid .product-items.widget-product-grid > .product-item {
    max-width: 100%;
  }
}

.block-products-list.grid .product-items.widget-product-grid .product-item-info {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bildbereich */
.block-products-list.grid .product-items.widget-product-grid .product-item-photo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 280px !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.block-products-list.grid .product-items.widget-product-grid .product-image-container {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.block-products-list.grid .product-items.widget-product-grid .product-image-wrapper {
  padding-bottom: 0 !important;
  position: relative !important;
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.block-products-list.grid .product-items.widget-product-grid .product-image-photo {
  position: static !important;
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  .block-products-list.grid .product-items.widget-product-grid .product-item-photo {
    height: 200px;
    padding: 15px;
  }
}

/* Details */
.block-products-list.grid .product-items.widget-product-grid .product-item-details {
  padding: 16px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

.block-products-list.grid .product-items.widget-product-grid .product-item-name {
  text-align: center;
  margin: 0;
}

.block-products-list.grid .product-items.widget-product-grid .product-item-link {
  font-size: 1.25em;
  font-weight: 700;
  color: #1f1f1f !important;
  text-decoration: none;
  line-height: 1.3;
}

.block-products-list.grid .product-items.widget-product-grid .product-item-link:hover {
  color: var(--brand) !important;
}

.block-products-list.grid .product-items.widget-product-grid .price-box {
  text-align: center;
  margin: 0;
}

.smartspitze-card-condition {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  margin: 4px 0 2px;
  color: #4b5563;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.smartspitze-card-condition__label {
  color: #6b7280;
}

.smartspitze-card-condition__value {
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--brand);
}

.smartspitze-card-condition__value--neu,
.smartspitze-card-condition__value--new {
  background: #e9f8ef;
  color: #166534;
}

.smartspitze-card-condition__value--gebraucht,
.smartspitze-card-condition__value--used,
.smartspitze-card-condition__value--wie-neu {
  background: #fff7ed;
  color: #9a3412;
}

/* Swatches zentrieren */
.block-products-list.grid .product-items.widget-product-grid [data-role^="swatch-option-"] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
}

/* Aktionen unten festsetzen */
.block-products-list.grid .product-items.widget-product-grid .product-item-inner {
  margin-top: auto;
  padding-top: 14px;
  display: block !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.block-products-list.grid .product-items.widget-product-grid .product-item-actions {
  display: block;
  margin: 0;
}

.block-products-list.grid .product-items.widget-product-grid .actions-primary {
  display: block;
  width: 100%;
}

.block-products-list.grid .product-items.widget-product-grid form[data-role="tocart-form"] {
  margin: 0;
}

/* "Jetzt ansehen" — full-width Brand-Button (Text per CSS getauscht) */
.block-products-list.grid .product-items.widget-product-grid .action.tocart.primary {
  display: block;
  width: 100%;
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  text-align: center;
  padding: 14px 20px !important;
  border-radius: 10px !important;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
}

.block-products-list.grid .product-items.widget-product-grid .action.tocart.primary:hover,
.block-products-list.grid .product-items.widget-product-grid .action.tocart.primary:focus {
  background-color: var(--brand-hover) !important;
  border-color: var(--brand-hover) !important;
  color: #fff !important;
}

/* Original-Text ausblenden */
.block-products-list.grid .product-items.widget-product-grid .action.tocart.primary span {
  display: none !important;
}

/* Neuer Text */
.block-products-list.grid .product-items.widget-product-grid .action.tocart.primary::before {
  content: "Jetzt ansehen \203A";
  color: #fff !important;
  font-size: 1em;
  font-weight: 600;
}

/* Vergleichen-Link ausblenden */
.block-products-list.grid .product-items.widget-product-grid .actions-secondary,
.block-products-list.grid .product-items.widget-product-grid .action.tocompare {
  display: none !important;
}

/* Product card service information */
.category-product-grid .smartspitze-card-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 10px 0 12px;
}

.category-product-grid .smartspitze-card-info__item {
  position: relative;
  min-height: 28px;
  padding: 7px 8px 7px 20px;
  border: 1px solid #e8edf5;
  border-radius: 6px;
  background: #f7faff;
  color: #4f5d6b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

.category-product-grid .smartspitze-card-info__item:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: var(--brand);
}

.category-product-grid .smartspitze-card-info__item--stock {
  border-color: #d8f0df;
  background: #f2fbf5;
  color: #1f7a3a;
}

.category-product-grid .smartspitze-card-info__item--stock:before {
  background: #22c55e;
}

.category-product-list .smartspitze-card-info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
}

.category-product-list .smartspitze-card-info__item {
  padding: 7px 10px 7px 22px;
  width: auto;
}

.block-products-list.grid .product-items.widget-product-grid .smartspitze-card-info,
.block-products-list.grid .product-items.widget-product-carousel .smartspitze-card-info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  margin: 10px 0 12px;
}

.block-products-list.grid .product-items.widget-product-grid .smartspitze-card-info__item,
.block-products-list.grid .product-items.widget-product-carousel .smartspitze-card-info__item {
  position: relative;
  min-height: 26px;
  padding: 7px 8px 7px 20px;
  border: 1px solid #e8edf5;
  border-radius: 6px;
  background: #f7faff;
  color: #4f5d6b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

.block-products-list.grid .product-items.widget-product-grid .smartspitze-card-info__item:before,
.block-products-list.grid .product-items.widget-product-carousel .smartspitze-card-info__item:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: var(--brand);
}

.block-products-list.grid .product-items.widget-product-grid .smartspitze-card-info__item--stock,
.block-products-list.grid .product-items.widget-product-carousel .smartspitze-card-info__item--stock {
  border-color: #d8f0df;
  background: #f2fbf5;
  color: #1f7a3a;
}

.block-products-list.grid .product-items.widget-product-grid .smartspitze-card-info__item--stock:before,
.block-products-list.grid .product-items.widget-product-carousel .smartspitze-card-info__item--stock:before {
  background: #22c55e;
}

@media (max-width: 768px) {
  .category-product-grid .smartspitze-card-info {
    grid-template-columns: 1fr;
    gap: 5px;
    margin-top: 8px;
  }

  .category-product-grid .smartspitze-card-info__item {
    min-height: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 11px;
  }
}

/* ===============================================================
   CATEGORY / LISTING - filter, sorting and product card polish
   =============================================================== */

.catalog-category-view .toolbar-top,
.catalogsearch-result-index .toolbar-top {
  margin-bottom: 20px;
}

.catalog-category-view .toolbar,
.catalogsearch-result-index .toolbar {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto auto auto;
  gap: 10px 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(15, 61, 145, 0.06);
}

.catalog-category-view .smartspitze-toolbar-summary,
.catalogsearch-result-index .smartspitze-toolbar-summary {
  color: #475569;
  font-weight: 800;
}

.catalog-category-view .smartspitze-manual-filter-summary,
.catalogsearch-result-index .smartspitze-manual-filter-summary {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(15, 61, 145, .16);
  border-radius: 999px;
  background: #eef4ff;
  color: var(--brand);
  font-size: 13px;
  font-weight: 800;
}

.catalog-category-view .smartspitze-toolbar-top--manual-filter .toolbar-amount,
.catalog-category-view .smartspitze-toolbar-top--manual-filter .smartspitze-toolbar-summary,
.catalog-category-view .smartspitze-toolbar-top--manual-filter .limiter-text,
.catalogsearch-result-index .smartspitze-toolbar-top--manual-filter .toolbar-amount,
.catalogsearch-result-index .smartspitze-toolbar-top--manual-filter .smartspitze-toolbar-summary,
.catalogsearch-result-index .smartspitze-toolbar-top--manual-filter .limiter-text {
  display: none !important;
}

.smartspitze-listing-controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(15, 61, 145, 0.05);
}

.smartspitze-listing-controls__label {
  margin-right: 4px;
  color: #475569;
  font-size: 13px;
  font-weight: 800;
}

.smartspitze-listing-controls__chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid #d8e1ef;
  border-radius: 999px;
  background: #f7faff;
  color: #475569 !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.smartspitze-listing-controls__chip.is-active,
.smartspitze-listing-controls__chip:hover,
.smartspitze-listing-controls__chip:focus {
  border-color: var(--brand);
  background: #eef4ff;
  color: var(--brand) !important;
}

.catalog-category-view .toolbar .sorter,
.catalog-category-view .toolbar .limiter,
.catalog-category-view .toolbar .modes,
.catalogsearch-result-index .toolbar .sorter,
.catalogsearch-result-index .toolbar .limiter,
.catalogsearch-result-index .toolbar .modes {
  margin: 4px 8px 4px 0;
}

.catalog-category-view .smartspitze-sorter,
.catalogsearch-result-index .smartspitze-sorter {
  display: grid;
  grid-template-columns: minmax(150px, 220px) 38px;
  gap: 8px;
  align-items: end;
}

.catalog-category-view .smartspitze-sorter-head,
.catalogsearch-result-index .smartspitze-sorter-head {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.catalog-category-view .smartspitze-sort-shortcuts,
.catalogsearch-result-index .smartspitze-sort-shortcuts {
  display: inline-flex;
  gap: 6px;
}

.catalog-category-view .smartspitze-sort-chip,
.catalogsearch-result-index .smartspitze-sort-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #d8e1ef;
  border-radius: 999px;
  background: #f7faff;
  color: #475569 !important;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.catalog-category-view .smartspitze-sort-chip.is-active,
.catalog-category-view .smartspitze-sort-chip:hover,
.catalogsearch-result-index .smartspitze-sort-chip.is-active,
.catalogsearch-result-index .smartspitze-sort-chip:hover {
  border-color: var(--brand);
  background: #eef4ff;
  color: var(--brand) !important;
}

.catalog-category-view .toolbar select,
.catalogsearch-result-index .toolbar select {
  min-height: 38px;
  border: 1px solid #d8e1ef;
  border-radius: 8px;
  background-color: #fff;
  color: #1f2937;
  font-weight: 700;
}

.catalog-category-view .toolbar .sorter-action,
.catalogsearch-result-index .toolbar .sorter-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  border: 1px solid #d8e1ef;
  border-radius: 8px;
  background: #fff;
  color: var(--brand) !important;
}

.catalog-category-view .sidebar .filter,
.catalog-category-view .sidebar-main .filter,
.catalogsearch-result-index .sidebar .filter,
.catalogsearch-result-index .sidebar-main .filter {
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(15, 61, 145, 0.05);
  overflow: hidden;
}

.catalog-category-view .filter-title,
.catalogsearch-result-index .filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 16px;
  background: #f7faff;
  color: #1f2937;
  font-weight: 800;
}

.catalog-category-view .smartspitze-filter-count,
.catalogsearch-result-index .smartspitze-filter-count {
  padding: 5px 8px;
  border-radius: 999px;
  background: #e9f8ef;
  color: #166534;
  font-size: 12px;
  font-weight: 800;
}

.catalog-category-view .filter-content,
.catalogsearch-result-index .filter-content {
  padding: 14px 16px 16px;
}

.catalog-category-view .smartspitze-filter-close,
.catalogsearch-result-index .smartspitze-filter-close {
  display: none;
}

.catalog-category-view .filter-subtitle,
.catalogsearch-result-index .filter-subtitle {
  display: block;
  margin: 0 0 10px;
  color: #475569;
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
}

.catalog-category-view .smartspitze-filter-actions,
.catalogsearch-result-index .smartspitze-filter-actions {
  margin: 0 0 12px;
}

.catalog-category-view .smartspitze-filter-clear,
.catalogsearch-result-index .smartspitze-filter-clear {
  display: block;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff5f5;
  color: #b91c1c !important;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

.catalog-category-view .filter-options-item,
.catalogsearch-result-index .filter-options-item {
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid #edf1f7;
}

.catalog-category-view .filter-options-title,
.catalogsearch-result-index .filter-options-title {
  position: relative;
  padding-right: 24px;
  color: #1f2937;
  font-weight: 800;
}

.catalog-category-view .filter-options-title:after,
.catalogsearch-result-index .filter-options-title:after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--brand);
  font-weight: 800;
}

.catalog-category-view .filter-options-item.active .filter-options-title:after,
.catalogsearch-result-index .filter-options-item.active .filter-options-title:after {
  content: "-";
}

.catalog-category-view .smartspitze-filter-items,
.catalogsearch-result-index .smartspitze-filter-items {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
}

.catalog-category-view .smartspitze-filter-link,
.catalogsearch-result-index .smartspitze-filter-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 9px;
  border-radius: 8px;
  background: #f8fafc;
}

.catalog-category-view .filter-options-content a,
.catalogsearch-result-index .filter-options-content a {
  color: #4b5563 !important;
  font-weight: 600;
}

.catalog-category-view .filter-options-content a:hover,
.catalogsearch-result-index .filter-options-content a:hover {
  color: var(--brand-hover) !important;
}

.catalog-category-view .smartspitze-filter-link--disabled,
.catalogsearch-result-index .smartspitze-filter-link--disabled {
  color: #94a3b8;
  cursor: not-allowed;
}

.catalog-category-view .smartspitze-filter-badge,
.catalogsearch-result-index .smartspitze-filter-badge {
  flex: 0 0 auto;
  padding: 3px 7px;
  border-radius: 999px;
  background: #eef4ff;
  color: var(--brand);
  font-size: 11px;
  font-weight: 800;
}

.catalog-category-view .smartspitze-filter-badge .filter-count-label,
.catalogsearch-result-index .smartspitze-filter-badge .filter-count-label {
  display: none;
}

.catalog-category-view .smartspitze-price-slider,
.catalogsearch-result-index .smartspitze-price-slider {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #f8fafc;
}

.catalog-category-view #layered_ajax_price_text,
.catalogsearch-result-index #layered_ajax_price_text {
  color: #1f2937;
  font-size: 13px;
  font-weight: 800;
}

.catalog-category-view #layerednav_price_slider,
.catalogsearch-result-index #layerednav_price_slider {
  min-height: 8px;
  margin: 4px 8px;
}

.catalog-category-view .swatch-layered .swatch-attribute-options,
.catalogsearch-result-index .swatch-layered .swatch-attribute-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.catalog-category-view .swatch-option-link-layered,
.catalogsearch-result-index .swatch-option-link-layered {
  display: inline-flex;
  text-decoration: none !important;
}

.catalog-category-view .swatch-layered .swatch-option.text,
.catalogsearch-result-index .swatch-layered .swatch-option.text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #d8e1ef;
  border-radius: 999px;
  background: #f7faff;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.catalog-category-view .swatch-layered .swatch-option.color,
.catalogsearch-result-index .swatch-layered .swatch-option.color {
  width: 30px;
  min-width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 0 0 1px #d8e1ef;
}

.catalog-category-view .swatch-layered .swatch-option.selected,
.catalog-category-view .swatch-layered .swatch-option:hover,
.catalogsearch-result-index .swatch-layered .swatch-option.selected,
.catalogsearch-result-index .swatch-layered .swatch-option:hover {
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgba(0, 92, 184, 0.18);
}

.category-product-grid .product-item-info {
  border-radius: 12px;
}

.category-product-grid .product-item-link {
  color: #1f2937 !important;
  font-weight: 800;
  line-height: 1.3;
}

.category-product-grid .sell-button,
.category-product-list .sell-button {
  border-radius: 10px;
  font-weight: 800;
}

@media (max-width: 768px) {
  .catalog-category-view .toolbar,
  .catalogsearch-result-index .toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .catalog-category-view .toolbar .sorter,
  .catalog-category-view .toolbar .limiter,
  .catalog-category-view .toolbar .modes,
  .catalogsearch-result-index .toolbar .sorter,
  .catalogsearch-result-index .toolbar .limiter,
  .catalogsearch-result-index .toolbar .modes {
    margin-right: 0;
  }

  .catalog-category-view .toolbar select,
  .catalogsearch-result-index .toolbar select {
    width: 100%;
  }

  .catalog-category-view .smartspitze-sorter,
  .catalogsearch-result-index .smartspitze-sorter {
    grid-template-columns: 1fr 40px;
    width: 100%;
  }

  .catalog-category-view .smartspitze-sorter-head,
  .catalogsearch-result-index .smartspitze-sorter-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .smartspitze-listing-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .smartspitze-listing-controls__chip {
    justify-content: center;
    width: 100%;
  }
}

/* ===============================================================
   PRODUCT DETAIL - Electro demo blocks restored
   =============================================================== */

.catalog-product-view .smartspitze-electro-sidebar-fallback {
  display: block;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .cms-static-banner-sidebar {
  margin: 0 0 28px;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .cms-static-banner-sidebar img {
  display: block;
  width: 100%;
  height: auto;
}

.catalog-product-view .smartspitze-sidebar-promo-wrap {
  margin-bottom: 28px !important;
}

.catalog-product-view .smartspitze-sidebar-promo {
  position: relative;
  display: block;
  min-height: 350px;
  overflow: hidden;
  padding: 22px 18px 18px;
  border-radius: 8px;
  border: 1px solid #dbe3ef;
  background:
    linear-gradient(145deg, #0b172d 0%, #0f3d91 56%, #102a55 100%);
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

.catalog-product-view .smartspitze-sidebar-promo:before {
  content: "";
  position: absolute;
  right: -58px;
  top: -30px;
  width: 160px;
  height: 220px;
  transform: rotate(18deg);
  background: rgba(255, 210, 0, 0.2);
}

.catalog-product-view .smartspitze-sidebar-promo:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 88px;
  background: #fff;
}

.catalog-product-view .smartspitze-sidebar-promo__eyebrow,
.catalog-product-view .smartspitze-sidebar-promo__title,
.catalog-product-view .smartspitze-sidebar-promo__text,
.catalog-product-view .smartspitze-sidebar-promo__badges,
.catalog-product-view .smartspitze-sidebar-promo__footer {
  position: relative;
  z-index: 2;
}

.catalog-product-view .smartspitze-sidebar-promo__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-bottom: 11px;
  padding: 4px 9px;
  border-radius: 4px;
  background: #ffd200;
  color: #172033;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-sidebar-promo__title {
  display: block;
  max-width: 190px;
  color: #fff;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
}

.catalog-product-view .smartspitze-sidebar-promo__text {
  display: block;
  max-width: 190px;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
}

.catalog-product-view .smartspitze-sidebar-promo__image {
  position: absolute;
  z-index: 1;
  right: -8px;
  bottom: 78px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 74%;
  height: 178px;
  pointer-events: none;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .smartspitze-sidebar-promo__image img {
  width: auto !important;
  max-width: 100%;
  height: 100% !important;
  object-fit: contain;
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.28));
}

.catalog-product-view .smartspitze-sidebar-promo__badges {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 104px;
  display: grid;
  gap: 6px;
}

.catalog-product-view .smartspitze-sidebar-promo__badges span {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 23px;
  padding: 4px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.catalog-product-view .smartspitze-sidebar-promo__footer {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.catalog-product-view .smartspitze-sidebar-promo__price {
  color: #172033;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.catalog-product-view .smartspitze-sidebar-promo__cta {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 18px;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .cms-static-latest-product-sidebar {
  margin: 0 0 28px;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .block-title-tabs,
.catalog-product-view .smartspitze-electro-product-rails .block-title-tabs {
  margin: 0 0 18px;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .magictabs,
.catalog-product-view .smartspitze-electro-product-rails .magictabs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .magictabs .title,
.catalog-product-view .smartspitze-electro-product-rails .block-title-tabs strong {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .product-items,
.catalog-product-view .smartspitze-electro-product-rails .product-items {
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 1 !important;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .product-item-info {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 10px 8px;
  border-bottom: 1px solid #e8e8e8;
  background: #fff;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .product-item-info:hover,
.catalog-product-view .smartspitze-electro-sidebar-fallback .product-item-info:focus-within {
  border-color: #dbe3ef;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .product-item-photo {
  flex: 0 0 74px;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .product-item-photo img {
  display: block;
  width: 74px;
  height: 74px;
  object-fit: contain;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .product-item-name {
  display: block;
  margin: 0 0 5px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.catalog-product-view .smartspitze-electro-sidebar-fallback .price {
  color: var(--brand);
  font-size: 14px;
  font-weight: 700;
}

.catalog-product-view .smartspitze-electro-product-rails {
  clear: both;
  margin-top: 36px;
}

.catalog-product-view .smartspitze-electro-product-rails .block {
  margin: 0 0 36px;
}

.catalog-product-view .smartspitze-electro-product-rails .product-items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 22px;
}

.catalog-product-view .smartspitze-electro-product-rails .product-item {
  width: auto !important;
  margin: 0 !important;
}

.catalog-product-view .smartspitze-electro-product-rails .product-item-info {
  position: relative;
  width: 100%;
  padding: 10px;
  border: 1px solid transparent;
  background: #fff;
  text-align: center;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.catalog-product-view .smartspitze-electro-product-rails .product-item-info:hover,
.catalog-product-view .smartspitze-electro-product-rails .product-item-info:focus-within {
  border-color: #e1e5ec;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
}

.catalog-product-view .smartspitze-electro-product-rails .product-item-name {
  min-height: 42px;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.catalog-product-view .smartspitze-electro-product-rails .product-item-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px !important;
  min-height: 160px;
  margin-bottom: 12px;
  overflow: hidden;
}

.catalog-product-view .smartspitze-electro-product-rails .product-image-container,
.catalog-product-view .smartspitze-electro-product-rails .product-image-wrapper {
  max-width: 100% !important;
}

.catalog-product-view .smartspitze-electro-product-rails .product-hover {
  position: relative;
  border: 1px solid #e8e8e8;
  background: #fff;
  transition: border-color 160ms ease;
}

.catalog-product-view .smartspitze-electro-product-rails .product-hover .product-item-photo {
  margin-bottom: 0;
}

.catalog-product-view .smartspitze-electro-product-rails .hover-box {
  margin-top: 12px;
}

.catalog-product-view .smartspitze-electro-product-rails .product-item-info:hover .product-hover,
.catalog-product-view .smartspitze-electro-product-rails .product-item-info:focus-within .product-hover {
  border-color: var(--brand);
}

.catalog-product-view .smartspitze-rail-actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  display: flex;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 160ms ease, transform 160ms ease;
}

.catalog-product-view .smartspitze-electro-product-rails .product-item-info:hover .smartspitze-rail-actions,
.catalog-product-view .smartspitze-electro-product-rails .product-item-info:focus-within .smartspitze-rail-actions {
  opacity: 1;
  transform: translateY(0);
}

.catalog-product-view .smartspitze-rail-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--brand);
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(15, 61, 145, 0.22);
}

.catalog-product-view .smartspitze-rail-action:hover,
.catalog-product-view .smartspitze-rail-action:focus {
  background: var(--brand-hover);
  color: #fff !important;
}

.catalog-product-view .smartspitze-electro-product-rails .product-image-photo {
  width: auto !important;
  max-width: 100%;
  max-height: 160px !important;
  height: auto !important;
  object-fit: contain;
}

.catalog-product-view .smartspitze-electro-product-rails .price {
  color: var(--brand);
  font-size: 16px;
  font-weight: 700;
}

.catalog-product-view .smartspitze-electro-brand-strip {
  clear: both;
  margin: 0 0 30px;
  padding: 18px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.catalog-product-view .smartspitze-electro-brand-strip .shopbrand {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  margin: 0 !important;
  opacity: 1 !important;
}

.catalog-product-view .smartspitze-electro-brand-strip .item {
  display: block !important;
  text-align: center;
}

.catalog-product-view .smartspitze-electro-brand-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e3e7ee;
  background: #fff;
  color: #151b24;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.catalog-product-view .smartspitze-electro-brand-logo svg {
  width: 20px;
  height: 20px;
  color: currentColor;
}

.catalog-product-view .smartspitze-electro-brand-logo--apple {
  color: #111;
  font-size: 13px;
}

.catalog-product-view .smartspitze-electro-brand-logo--samsung {
  color: #1428a0;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-electro-brand-logo--pixel {
  justify-content: flex-start;
  color: #202124;
  font-size: 14px;
  font-weight: 700;
}

.catalog-product-view .smartspitze-electro-brand-g {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 3px solid #4285f4;
  border-right-color: #34a853;
  border-bottom-color: #fbbc05;
  border-left-color: #ea4335;
  border-radius: 50%;
  color: #4285f4;
  font-size: 13px;
  font-weight: 900;
}

.catalog-product-view .smartspitze-electro-brand-g i {
  display: none;
}

.catalog-product-view .smartspitze-electro-brand-logo--xiaomi {
  color: #ff6900;
  font-weight: 800;
}

.catalog-product-view .smartspitze-electro-brand-mi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #ff6900;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
}

.catalog-product-view .smartspitze-electro-brand-logo--huawei {
  color: #cf0a2c;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-electro-brand-logo--sony {
  color: #111;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-electro-brand-logo--lenovo {
  background: #e2231a;
  border-color: #e2231a;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}

.catalog-product-view .smartspitze-electro-brand-logo--htc {
  color: #69b40f;
  font-size: 19px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.catalog-product-view .smartspitze-electro-showcase {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px;
  margin: 0 0 34px;
  padding: 28px 0 8px;
  border-bottom: 1px solid #e8e8e8;
}

.catalog-product-view .smartspitze-electro-showcase__group h3 {
  position: relative;
  margin: 0 0 18px;
  padding: 0 0 13px;
  border-bottom: 1px solid #e8e8e8;
  color: #333e48;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.catalog-product-view .smartspitze-electro-showcase__group h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 110px;
  height: 2px;
  background: var(--brand);
}

.catalog-product-view .smartspitze-electro-showcase__group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalog-product-view .smartspitze-electro-showcase__group li {
  display: flex;
  gap: 14px;
  align-items: center;
  min-height: 92px;
  padding: 12px 0;
}

.catalog-product-view .smartspitze-electro-showcase__group li + li {
  border-top: 1px solid #f0f2f5;
}

.catalog-product-view .smartspitze-electro-showcase__image {
  display: flex;
  flex: 0 0 74px;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  overflow: hidden;
  background: #fff;
}

.catalog-product-view .smartspitze-electro-showcase__image img {
  display: block;
  width: auto;
  max-width: 74px;
  max-height: 74px;
  height: auto;
  object-fit: contain;
}

.catalog-product-view .smartspitze-electro-showcase__info {
  min-width: 0;
}

.catalog-product-view .smartspitze-electro-showcase__name {
  display: block;
  margin: 0 0 7px;
  color: var(--brand) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.catalog-product-view .smartspitze-electro-showcase__price {
  display: block;
  color: #333e48;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.catalog-product-view .smartspitze-electro-newsletter {
  clear: both;
  margin: 0 0 34px;
  background: var(--brand);
  color: #fff;
}

.catalog-product-view .smartspitze-electro-newsletter__inner {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) minmax(280px, 420px);
  gap: 18px;
  align-items: center;
  min-height: 64px;
  padding: 13px 22px;
}

.catalog-product-view .smartspitze-electro-newsletter__lead {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.catalog-product-view .smartspitze-electro-newsletter__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #fff;
  font-size: 20px;
}

.catalog-product-view .smartspitze-electro-newsletter__lead strong {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.catalog-product-view .smartspitze-electro-newsletter p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.catalog-product-view .smartspitze-electro-newsletter__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  overflow: hidden;
  border-radius: 999px;
  background: #fff;
}

.catalog-product-view .smartspitze-electro-newsletter__form input[type="email"] {
  min-width: 0;
  height: 42px;
  padding: 0 18px;
  border: 0;
  background: #fff;
  color: #333e48;
  font-size: 13px;
}

.catalog-product-view .smartspitze-electro-newsletter__form button {
  height: 42px;
  min-width: 108px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: #172033 !important;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
}

.catalog-product-view .smartspitze-electro-newsletter__form button span {
  color: #fff !important;
}

.catalog-product-view .smartspitze-electro-product-rails .product-hover,
.catalog-product-view .smartspitze-electro-product-rails .product-item-photo,
.catalog-product-view .smartspitze-electro-product-rails .product-image-photo {
  transform: none !important;
}

@media (max-width: 899px) {
  .catalog-product-view .fotorama__stage {
    height: clamp(350px, 92vw, 680px) !important;
  }

  .catalog-product-view .smartspitze-electro-product-rails .product-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 22px;
    overflow: hidden;
  }

  .catalog-product-view .smartspitze-electro-product-rails .product-item {
    flex: 0 0 calc(50% - 11px);
    width: calc(50% - 11px) !important;
  }

  .catalog-product-view .smartspitze-electro-brand-strip .shopbrand {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .catalog-product-view .smartspitze-electro-showcase {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .catalog-product-view .smartspitze-electro-newsletter__inner {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 18px;
  }
}

@media (max-width: 479px) {
  .catalog-product-view .smartspitze-electro-product-rails .product-item {
    flex-basis: calc(50% - 11px);
    width: calc(50% - 11px) !important;
  }

  .catalog-product-view .smartspitze-electro-brand-strip .shopbrand {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-product-view .smartspitze-electro-newsletter__form {
    grid-template-columns: 1fr;
    border-radius: 12px;
  }

  .catalog-product-view .smartspitze-electro-newsletter__form button {
    border-radius: 0;
  }
}

/* Product detail responsive parity with the Electro theme */
@media (min-width: 992px) {
  .catalog-product-view .page-main {
    max-width: 1500px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .catalog-product-view .alocolumns {
    display: block !important;
    width: auto !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .catalog-product-view .sidebar-main,
  .catalog-product-view .sidebar-additional {
    display: block !important;
    float: left !important;
    width: 25% !important;
    max-width: 25% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .catalog-product-view .column.main {
    display: block !important;
    float: right !important;
    width: 75% !important;
    max-width: 75% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .catalog-product-view .product-essential .row {
    display: block !important;
    width: auto !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .catalog-product-view .page-main {
    max-width: 970px !important;
  }

  .catalog-product-view .sidebar-main,
  .catalog-product-view .sidebar-additional {
    width: 30% !important;
    max-width: 30% !important;
  }

  .catalog-product-view .column.main {
    width: 70% !important;
    max-width: 70% !important;
  }

  .catalog-product-view .smartspitze-sidebar-promo {
    min-height: 320px;
    padding: 18px 14px 14px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__title {
    max-width: 165px;
    font-size: 23px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__text {
    max-width: 158px;
    font-size: 12px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__image {
    right: -56px;
    bottom: 92px;
    width: 52%;
    height: 132px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__badges {
    left: 14px;
    right: 14px;
    bottom: 98px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__badges span {
    min-height: 22px;
    font-size: 10px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__footer {
    left: 14px;
    right: 14px;
    bottom: 14px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__price {
    font-size: 13px;
  }

  .catalog-product-view .smartspitze-sidebar-promo__cta {
    min-height: 32px;
    padding: 0 10px;
    font-size: 11px;
  }

  .catalog-product-view .smartspitze-electro-product-rails .product-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .catalog-product-view .page-main {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .catalog-product-view .alocolumns,
  .catalog-product-view .product-essential .row {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .catalog-product-view .sidebar-main,
  .catalog-product-view .sidebar-additional {
    display: none !important;
  }

  .catalog-product-view .column.main,
  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main,
  .catalog-product-view .product.info.detailed,
  .catalog-product-view .smartspitze-electro-product-rails {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .catalog-product-view .column.main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .catalog-product-view .product.media {
    margin-bottom: 24px !important;
    padding: 14px !important;
  }

  .catalog-product-view .product-info-main {
    padding: 0 !important;
  }

  .catalog-product-view .smartspitze-electro-product-rails .product-items {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .catalog-product-view .smartspitze-electro-product-rails .product-items::-webkit-scrollbar {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .catalog-product-view .fotorama__stage {
    height: calc(100vw - 108px) !important;
    min-height: 430px !important;
    max-height: 660px !important;
  }
}

@media (max-width: 575px) {
  .catalog-product-view .fotorama__stage {
    height: 330px !important;
  }

  .catalog-product-view .box-tocart .field.qty {
    width: 100% !important;
  }

  .catalog-product-view .box-tocart .actions {
    width: 100% !important;
  }

  .catalog-product-view .box-tocart .action.tocart {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
}

/* ===============================================================
   CATEGORY LISTING FINAL PASS - Electro shell with Smartspitze data
   =============================================================== */

.catalog-category-view .page-main,
.catalogsearch-result-index .page-main {
  max-width: 1500px !important;
}

.catalog-category-view .smartspitze-category-panel,
.catalogsearch-result-index .smartspitze-category-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 0 0 16px;
  padding: 18px 20px;
  border: 1px solid #e3e8f1;
  border-top: 4px solid #ffd200;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 48, 91, 0.07);
}

.catalog-category-view .smartspitze-category-panel__main,
.catalogsearch-result-index .smartspitze-category-panel__main {
  display: grid;
  gap: 3px;
}

.catalog-category-view .smartspitze-category-panel__kicker,
.catalogsearch-result-index .smartspitze-category-panel__kicker {
  color: var(--brand);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.catalog-category-view .smartspitze-category-panel__title,
.catalogsearch-result-index .smartspitze-category-panel__title {
  color: #202a36;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
}

.catalog-category-view .smartspitze-category-panel__count,
.catalogsearch-result-index .smartspitze-category-panel__count {
  color: #6b7280;
  font-size: 13px;
  font-weight: 700;
}

.catalog-category-view .smartspitze-category-panel__trust,
.catalogsearch-result-index .smartspitze-category-panel__trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.catalog-category-view .smartspitze-category-panel__trust span,
.catalogsearch-result-index .smartspitze-category-panel__trust span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 10px;
  border: 1px solid #dbe7f6;
  border-radius: 999px;
  background: #f7faff;
  color: #425166;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.catalog-category-view .smartspitze-category-panel__trust span:first-child,
.catalogsearch-result-index .smartspitze-category-panel__trust span:first-child {
  border-color: #cfeeda;
  background: #f1fbf4;
  color: #16803a;
}

.catalog-category-view .toolbar-top,
.catalogsearch-result-index .toolbar-top {
  margin-bottom: 12px !important;
}

.catalog-category-view .smartspitze-toolbar,
.catalogsearch-result-index .smartspitze-toolbar {
  grid-template-columns: minmax(110px, 1fr) auto auto auto auto;
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15, 48, 91, 0.06);
}

.catalog-category-view .smartspitze-toolbar-top,
.catalogsearch-result-index .smartspitze-toolbar-top {
  clear: both;
  position: static !important;
  min-height: 0 !important;
  width: 100%;
}

.catalog-category-view .smartspitze-toolbar-summary,
.catalogsearch-result-index .smartspitze-toolbar-summary {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  color: #202a36;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.catalog-category-view .smartspitze-listing-controls,
.catalogsearch-result-index .smartspitze-listing-controls {
  margin-bottom: 18px;
  border-radius: 8px;
  box-shadow: none;
}

.catalog-category-view .smartspitze-sorter,
.catalogsearch-result-index .smartspitze-sorter {
  grid-template-columns: auto minmax(150px, 220px) 38px;
  align-items: center;
  min-width: 0;
}

.catalog-category-view .smartspitze-toolbar .smartspitze-sorter-head,
.catalogsearch-result-index .smartspitze-toolbar .smartspitze-sorter-head {
  grid-column: auto;
  display: block;
}

.catalog-category-view .smartspitze-toolbar .smartspitze-sort-shortcuts,
.catalogsearch-result-index .smartspitze-toolbar .smartspitze-sort-shortcuts {
  display: none;
}

.catalog-category-view .smartspitze-toolbar .sorter-label,
.catalogsearch-result-index .smartspitze-toolbar .sorter-label {
  margin: 0;
  white-space: nowrap;
}

.catalog-category-view .category-product-grid .product-items,
.catalogsearch-result-index .category-product-grid .product-items {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.catalog-category-view .category-product-grid .product-item,
.catalogsearch-result-index .category-product-grid .product-item {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.catalog-category-view .category-product-grid .product-item-info,
.catalogsearch-result-index .category-product-grid .product-item-info {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  border: 1px solid #e3e8f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 48, 91, 0.06);
  overflow: hidden;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.catalog-category-view .category-product-grid .product-item-info:hover,
.catalog-category-view .category-product-grid .product-item-info:focus-within,
.catalogsearch-result-index .category-product-grid .product-item-info:hover,
.catalogsearch-result-index .category-product-grid .product-item-info:focus-within {
  border-color: rgba(13, 67, 150, 0.28);
  box-shadow: 0 14px 30px rgba(15, 48, 91, 0.12);
  transform: translateY(-2px);
}

.catalog-category-view .category-product-grid .images-container,
.catalogsearch-result-index .category-product-grid .images-container {
  min-height: 230px;
  padding: 18px 16px 12px;
  background: #f7f9fc;
}

.catalog-category-view .category-product-grid .product-hover,
.catalogsearch-result-index .category-product-grid .product-hover {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 210px;
}

.catalog-category-view .category-product-grid .product-item-photo,
.catalogsearch-result-index .category-product-grid .product-item-photo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 210px;
  margin: 0 !important;
}

.catalog-category-view .category-product-grid .product-image-container,
.catalogsearch-result-index .category-product-grid .product-image-container {
  width: 100% !important;
}

.catalog-category-view .category-product-grid .product-image-wrapper,
.catalogsearch-result-index .category-product-grid .product-image-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 210px !important;
  padding-bottom: 0 !important;
}

.catalog-category-view .category-product-grid .product-image-photo,
.catalogsearch-result-index .category-product-grid .product-image-photo {
  position: static !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 205px !important;
  object-fit: contain;
}

.catalog-category-view .category-product-grid .hover-box,
.catalogsearch-result-index .category-product-grid .hover-box {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 15px 16px 16px;
}

.catalog-category-view .category-product-grid .product-item-name,
.catalogsearch-result-index .category-product-grid .product-item-name {
  min-height: 44px;
  margin: 0 0 8px !important;
  text-align: left;
}

.catalog-category-view .category-product-grid .product-item-link,
.catalogsearch-result-index .category-product-grid .product-item-link {
  display: -webkit-box;
  overflow: hidden;
  color: #202a36 !important;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalog-category-view .category-product-grid .rating,
.catalogsearch-result-index .category-product-grid .rating {
  min-height: 22px;
  margin-bottom: 6px;
}

.catalog-category-view .category-product-grid .short-desc,
.catalogsearch-result-index .category-product-grid .short-desc {
  min-height: 38px;
  margin: 0 0 8px;
}

.catalog-category-view .category-product-grid .product-item-description,
.catalogsearch-result-index .category-product-grid .product-item-description {
  display: -webkit-box;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.catalog-category-view .category-product-grid .product-item-actions,
.catalogsearch-result-index .category-product-grid .product-item-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: auto !important;
}

.catalog-category-view .category-product-grid .price-box,
.catalogsearch-result-index .category-product-grid .price-box {
  margin: 0 !important;
}

.catalog-category-view .category-product-grid .price-box .price,
.catalogsearch-result-index .category-product-grid .price-box .price {
  color: var(--brand);
  font-size: 20px;
  font-weight: 800;
}

.catalog-category-view .category-product-grid .smartspitze-card-condition,
.catalogsearch-result-index .category-product-grid .smartspitze-card-condition {
  justify-content: flex-start;
  margin: 0;
}

.catalog-category-view .category-product-grid .smartspitze-card-info,
.catalogsearch-result-index .category-product-grid .smartspitze-card-info {
  grid-template-columns: 1fr 1fr;
  margin: 8px 0 12px;
}

.catalog-category-view .category-product-grid .smartspitze-card-button,
.catalog-category-view .category-product-list .smartspitze-card-button,
.catalogsearch-result-index .category-product-grid .smartspitze-card-button,
.catalogsearch-result-index .category-product-list .smartspitze-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  margin-top: auto;
  padding: 0 14px;
  border: 1px solid var(--brand);
  border-radius: 999px;
  background: var(--brand);
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}

.catalog-category-view .category-product-grid .smartspitze-card-button:hover,
.catalog-category-view .category-product-grid .smartspitze-card-button:focus,
.catalog-category-view .category-product-list .smartspitze-card-button:hover,
.catalog-category-view .category-product-list .smartspitze-card-button:focus,
.catalogsearch-result-index .category-product-grid .smartspitze-card-button:hover,
.catalogsearch-result-index .category-product-grid .smartspitze-card-button:focus,
.catalogsearch-result-index .category-product-list .smartspitze-card-button:hover,
.catalogsearch-result-index .category-product-list .smartspitze-card-button:focus {
  border-color: var(--brand-hover);
  background: var(--brand-hover);
  color: #fff !important;
}

.catalog-category-view .category-product-list .product-item-info,
.catalogsearch-result-index .category-product-list .product-item-info {
  border: 1px solid #e3e8f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 48, 91, 0.06);
}

.catalog-category-view .sidebar-main .smartspitze-filter,
.catalogsearch-result-index .sidebar-main .smartspitze-filter {
  position: sticky;
  top: 18px;
  border-radius: 8px;
}

.catalog-category-view .smartspitze-filter .filter-title,
.catalogsearch-result-index .smartspitze-filter .filter-title {
  background: #0f3d91;
  color: #fff;
}

.catalog-category-view .smartspitze-filter .filter-title strong,
.catalogsearch-result-index .smartspitze-filter .filter-title strong {
  color: inherit;
}

.catalog-category-view .smartspitze-filter .filter-options-title,
.catalogsearch-result-index .smartspitze-filter .filter-options-title {
  min-height: 22px;
  font-size: 14px;
}

.catalog-category-view .smartspitze-filter-link,
.catalogsearch-result-index .smartspitze-filter-link {
  min-height: 34px;
  border: 1px solid transparent;
}

.catalog-category-view .smartspitze-filter-link.active,
.catalog-category-view .smartspitze-filter-link:hover,
.catalogsearch-result-index .smartspitze-filter-link.active,
.catalogsearch-result-index .smartspitze-filter-link:hover {
  border-color: rgba(13, 67, 150, 0.18);
  background: #eef4ff;
}

.catalog-category-view .smartspitze-manual-filter-option .filter-options-content,
.catalogsearch-result-index .smartspitze-manual-filter-option .filter-options-content {
  display: block !important;
}

@media (min-width: 1200px) {
  .catalog-category-view .category-product-grid .product-items,
  .catalogsearch-result-index .category-product-grid .product-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1440px) {
  .catalog-category-view .category-product-grid .product-items,
  .catalogsearch-result-index .category-product-grid .product-items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .catalog-category-view .smartspitze-category-panel,
  .catalogsearch-result-index .smartspitze-category-panel {
    grid-template-columns: 1fr;
  }

  .catalog-category-view .smartspitze-category-panel__trust,
  .catalogsearch-result-index .smartspitze-category-panel__trust {
    justify-content: flex-start;
  }

  .catalog-category-view .smartspitze-toolbar,
  .catalogsearch-result-index .smartspitze-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .catalog-category-view .smartspitze-toolbar-summary,
  .catalog-category-view .toolbar .modes,
  .catalogsearch-result-index .smartspitze-toolbar-summary,
  .catalogsearch-result-index .toolbar .modes {
    grid-column: auto;
  }

  .catalog-category-view .sidebar-main .smartspitze-filter,
  .catalogsearch-result-index .sidebar-main .smartspitze-filter {
    position: static;
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .catalog-category-view .filter-title [data-role="title"],
  .catalogsearch-result-index .filter-title [data-role="title"] {
    position: absolute !important;
    z-index: 3;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 36px;
    padding: 0 14px !important;
    border: 1px solid var(--brand) !important;
    border-radius: 8px;
    background: var(--brand) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
  }

  .catalog-category-view.smartspitze-filter-open,
  .catalogsearch-result-index.smartspitze-filter-open {
    overflow: hidden;
  }

  .catalog-category-view.smartspitze-filter-open:before,
  .catalogsearch-result-index.smartspitze-filter-open:before {
    display: none;
  }

  .catalog-category-view .smartspitze-filter .filter-content,
  .catalogsearch-result-index .smartspitze-filter .filter-content {
    position: fixed !important;
    top: 112px;
    bottom: 0;
    left: 0;
    z-index: 20000;
    width: min(88vw, 360px);
    max-width: 360px;
    padding: 58px 18px 24px !important;
    border-radius: 0 12px 12px 0;
    background: #fff !important;
    background-clip: border-box !important;
    box-shadow: 24px 0 42px rgba(15, 23, 42, .22);
    isolation: isolate;
    overflow-y: auto;
    transform: translateX(-105%);
    visibility: hidden;
    opacity: 0;
    transition: transform .24s ease, opacity .2s ease, visibility .2s ease;
  }

  .catalog-category-view .smartspitze-filter .filter-content:before,
  .catalogsearch-result-index .smartspitze-filter .filter-content:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: #fff;
  }

  .catalog-category-view .smartspitze-filter .filter-content > *,
  .catalogsearch-result-index .smartspitze-filter .filter-content > * {
    position: relative;
    z-index: 1;
  }

  .catalog-category-view.smartspitze-filter-open .smartspitze-filter .filter-content,
  .catalogsearch-result-index.smartspitze-filter-open .smartspitze-filter .filter-content {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }

  .catalog-category-view.smartspitze-filter-open .smartspitze-filter .filter-options,
  .catalog-category-view.smartspitze-filter-open .smartspitze-filter #narrow-by-list,
  .catalogsearch-result-index.smartspitze-filter-open .smartspitze-filter .filter-options,
  .catalogsearch-result-index.smartspitze-filter-open .smartspitze-filter #narrow-by-list {
    display: block !important;
    height: auto !important;
    margin-top: 12px;
  }

  .catalog-category-view.smartspitze-filter-open .smartspitze-filter .filter-options-item,
  .catalog-category-view.smartspitze-filter-open .smartspitze-filter .filter-options-title,
  .catalog-category-view.smartspitze-filter-open .smartspitze-filter .filter-options-content,
  .catalogsearch-result-index.smartspitze-filter-open .smartspitze-filter .filter-options-item,
  .catalogsearch-result-index.smartspitze-filter-open .smartspitze-filter .filter-options-title,
  .catalogsearch-result-index.smartspitze-filter-open .smartspitze-filter .filter-options-content {
    display: block !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .catalog-category-view .smartspitze-filter-close,
  .catalogsearch-result-index .smartspitze-filter-close {
    position: absolute;
    top: 18px;
    right: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    padding: 0 !important;
    box-sizing: border-box;
    border: 1px solid #d8e1ef;
    border-radius: 999px;
    background: #fff;
    color: #1f2937;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
  }

  .catalog-category-view .smartspitze-filter .filter-subtitle,
  .catalogsearch-result-index .smartspitze-filter .filter-subtitle {
    margin-top: 0;
    padding-right: 48px;
  }

  .catalog-category-view .smartspitze-category-panel,
  .catalogsearch-result-index .smartspitze-category-panel {
    padding: 16px;
  }

  .catalog-category-view .smartspitze-category-panel__title,
  .catalogsearch-result-index .smartspitze-category-panel__title {
    font-size: 21px;
  }

  .catalog-category-view .smartspitze-toolbar,
  .catalogsearch-result-index .smartspitze-toolbar {
    grid-template-columns: 1fr;
  }

  .catalog-category-view .smartspitze-sorter,
  .catalogsearch-result-index .smartspitze-sorter {
    min-width: 0;
    width: 100%;
  }

  .catalog-category-view .category-product-grid .product-items,
  .catalogsearch-result-index .category-product-grid .product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
  }

  .catalog-category-view .category-product-grid .images-container,
  .catalogsearch-result-index .category-product-grid .images-container {
    min-height: 180px;
    padding: 12px 10px 8px;
  }

  .catalog-category-view .category-product-grid .product-hover,
  .catalog-category-view .category-product-grid .product-item-photo,
  .catalogsearch-result-index .category-product-grid .product-hover,
  .catalogsearch-result-index .category-product-grid .product-item-photo {
    min-height: 165px;
  }

  .catalog-category-view .category-product-grid .product-image-wrapper,
  .catalogsearch-result-index .category-product-grid .product-image-wrapper {
    height: 165px !important;
  }

  .catalog-category-view .category-product-grid .product-image-photo,
  .catalogsearch-result-index .category-product-grid .product-image-photo {
    max-height: 160px !important;
  }

  .catalog-category-view .category-product-grid .hover-box,
  .catalogsearch-result-index .category-product-grid .hover-box {
    padding: 12px;
  }

  .catalog-category-view .category-product-grid .smartspitze-card-info,
  .catalogsearch-result-index .category-product-grid .smartspitze-card-info {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .catalog-category-view .category-product-grid .product-items,
  .catalogsearch-result-index .category-product-grid .product-items {
    grid-template-columns: 1fr;
  }

  .catalog-category-view .category-product-grid .product-item-name,
  .catalogsearch-result-index .category-product-grid .product-item-name {
    min-height: 0;
  }

  .catalog-category-view .smartspitze-listing-controls,
  .catalogsearch-result-index .smartspitze-listing-controls {
    align-items: stretch;
  }

  .catalog-category-view .smartspitze-listing-controls__chip,
  .catalogsearch-result-index .smartspitze-listing-controls__chip {
    justify-content: center;
    flex: 1 1 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .catalog-category-view .filter-title,
  .catalogsearch-result-index .filter-title {
    display: inline-flex !important;
    width: auto !important;
    min-height: 36px;
    margin: 0 0 16px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .catalog-category-view .filter-title [data-role="title"],
  .catalogsearch-result-index .filter-title [data-role="title"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 36px;
    padding: 0 14px !important;
    border: 1px solid var(--brand) !important;
    border-radius: 8px;
    background: var(--brand) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
  }

  .checkout-cart-index .cart.table-wrapper {
    overflow: visible !important;
  }

  .checkout-cart-index #shopping-cart-table,
  .checkout-cart-index #shopping-cart-table tbody.cart.item {
    display: block;
    width: 100%;
  }

  .checkout-cart-index #shopping-cart-table thead {
    display: none;
  }

  .checkout-cart-index #shopping-cart-table tbody.cart.item {
    padding: 18px 0;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
  }

  .checkout-cart-index #shopping-cart-table tr.item-info {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 44px;
    gap: 12px 16px;
    align-items: start;
    width: 100%;
  }

  .checkout-cart-index #shopping-cart-table tr.item-info > td {
    display: block !important;
    width: auto !important;
    min-width: 0;
    padding: 8px 0 !important;
    border: 0 !important;
    box-sizing: border-box;
    text-align: center;
  }

  .checkout-cart-index #shopping-cart-table tr.item-info > td.col.item {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    text-align: left;
  }

  .checkout-cart-index #shopping-cart-table .product-item-photo {
    position: static !important;
    float: none !important;
    display: block !important;
    grid-column: 1;
    width: 92px !important;
    max-width: 92px !important;
    margin: 0 !important;
  }

  .checkout-cart-index #shopping-cart-table .product-item-photo .product-image-container,
  .checkout-cart-index #shopping-cart-table .product-item-photo .product-image-wrapper {
    width: 92px !important;
    max-width: 92px !important;
  }

  .checkout-cart-index #shopping-cart-table .product-item-photo img {
    max-width: 92px !important;
    height: auto !important;
  }

  .checkout-cart-index #shopping-cart-table .product-item-details {
    grid-column: 2;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  .checkout-cart-index #shopping-cart-table .product-item-name {
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.3;
  }

  .checkout-cart-index #shopping-cart-table .item-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 0;
  }

  .checkout-cart-index #shopping-cart-table .item-options dt,
  .checkout-cart-index #shopping-cart-table .item-options dd {
    display: inline;
    margin: 0 !important;
  }

  .checkout-cart-index #shopping-cart-table .item-options dt {
    font-weight: 800;
  }

  .checkout-cart-index #shopping-cart-table .col.price {
    grid-column: 1;
  }

  .checkout-cart-index #shopping-cart-table .col.qty {
    grid-column: 2;
  }

  .checkout-cart-index #shopping-cart-table .col.subtotal {
    grid-column: 3;
  }

  .checkout-cart-index #shopping-cart-table .item-actions {
    grid-column: 4;
    align-self: center;
  }

  .checkout-cart-index #shopping-cart-table .actions-toolbar {
    justify-content: center;
  }

  .checkout-cart-index .cart.main.actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}

/* ===============================================================
   CUSTOMER ACCOUNT - Smartspitze account shell
   =============================================================== */

.customer-account-login .page-main,
.customer-account-create .page-main,
.customer-account-forgotpassword .page-main,
.customer-account-createpassword .page-main,
.customer-account-index .page-main,
.customer-account-edit .page-main,
.customer-address-index .page-main,
.customer-address-form .page-main,
.sales-order-history .page-main,
.sales-order-view .page-main,
.newsletter-manage-index .page-main,
.wishlist-index-index .page-main {
  max-width: 1220px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.customer-account-login .page-title-wrapper,
.customer-account-create .page-title-wrapper,
.customer-account-forgotpassword .page-title-wrapper,
.customer-account-createpassword .page-title-wrapper,
.customer-account-index .page-title-wrapper,
.customer-account-edit .page-title-wrapper,
.customer-address-index .page-title-wrapper,
.customer-address-form .page-title-wrapper,
.sales-order-history .page-title-wrapper,
.sales-order-view .page-title-wrapper,
.newsletter-manage-index .page-title-wrapper,
.wishlist-index-index .page-title-wrapper {
  margin: 0 0 18px !important;
  padding: 18px 20px !important;
  border: 1px solid #e3e8f1;
  border-top: 4px solid #ffd200;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 48, 91, .07);
}

.customer-account-login .page-title,
.customer-account-create .page-title,
.customer-account-forgotpassword .page-title,
.customer-account-createpassword .page-title,
.customer-account-index .page-title,
.customer-account-edit .page-title,
.customer-address-index .page-title,
.customer-address-form .page-title,
.sales-order-history .page-title,
.sales-order-view .page-title,
.newsletter-manage-index .page-title,
.wishlist-index-index .page-title {
  margin: 0 !important;
  color: #202a36;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

.customer-account-login .login-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: 20px;
  align-items: start;
  width: 100%;
  margin: 0 0 30px !important;
}

.customer-account-login .login-container:before,
.customer-account-login .login-container:after {
  content: none !important;
  display: none !important;
}

.customer-account-login .login-container .block,
.customer-account-create .form-create-account,
.customer-account-forgotpassword .form.password.forget,
.customer-account-createpassword .form.password.reset {
  min-width: 0;
  border: 1px solid #e3e8f1;
  border-top: 4px solid #ffd200;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 48, 91, .07);
}

.customer-account-login .login-container .block {
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: none !important;
  height: 100%;
  margin: 0 !important;
  padding: 24px !important;
  box-sizing: border-box;
}

.customer-account-login .login-container .block-new-customer {
  border-top-color: var(--brand);
}

.customer-account-login .login-container .block-title,
.customer-account-create .fieldset .legend,
.customer-account-forgotpassword .fieldset .legend,
.customer-account-createpassword .fieldset .legend,
.account .block .block-title,
.account .block-title {
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #edf1f7;
}

.customer-account-login .login-container .block-title strong,
.customer-account-create .fieldset .legend span,
.customer-account-forgotpassword .fieldset .legend span,
.customer-account-createpassword .fieldset .legend span,
.account .block .block-title strong,
.account .block-title strong {
  color: #202a36;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.customer-account-login .login-container .block-content,
.customer-account-create .form-create-account,
.customer-account-forgotpassword .form.password.forget,
.customer-account-createpassword .form.password.reset {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
}

.customer-account-create .form-create-account,
.customer-account-forgotpassword .form.password.forget,
.customer-account-createpassword .form.password.reset {
  max-width: 900px;
  margin: 0 auto 30px !important;
  padding: 24px !important;
}

.customer-account-create .form-create-account {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
  align-items: start;
}

.customer-account-create .form-create-account:before,
.customer-account-create .form-create-account:after {
  content: none !important;
  display: none !important;
}

.customer-account-create .form-create-account .fieldset,
.customer-account-forgotpassword .form.password.forget .fieldset,
.customer-account-createpassword .form.password.reset .fieldset,
.customer-account-login .login-container .fieldset {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
}

.customer-account-create .form-create-account .fieldset + .fieldset {
  margin-top: 10px !important;
  padding-top: 18px !important;
  border-top: 1px solid #edf1f7 !important;
}

.customer-account-create .form-create-account .fieldset {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}

.customer-account-create .form-create-account .fieldset.additional_info,
.customer-account-create .form-create-account .actions-toolbar {
  grid-column: 1 / -1;
}

.customer-account-create .form-create-account .fieldset > .field:not(.choice),
.customer-account-login .login-container .fieldset > .field:not(.choice),
.customer-account-forgotpassword .fieldset > .field:not(.choice),
.customer-account-createpassword .fieldset > .field:not(.choice),
.account .form .fieldset > .field:not(.choice) {
  margin: 0 0 14px !important;
}

.customer-account-create .form-create-account .field,
.customer-account-create .form-create-account .control {
  float: none !important;
  clear: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}

.customer-account-create .form-create-account .field:not(.choice) > .control {
  width: 100% !important;
}

.customer-account-create .form-create-account .field:not(.choice) > .label,
.customer-account-login .login-container .field:not(.choice) > .label,
.customer-account-forgotpassword .field:not(.choice) > .label,
.customer-account-createpassword .field:not(.choice) > .label,
.account .form .field:not(.choice) > .label {
  display: block !important;
  margin: 0 0 6px !important;
  color: #334155;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

.customer-account-create .form-create-account input[type="text"],
.customer-account-create .form-create-account input[type="email"],
.customer-account-create .form-create-account input[type="password"],
.customer-account-login .login-container input[type="email"],
.customer-account-login .login-container input[type="password"],
.customer-account-forgotpassword input[type="email"],
.customer-account-createpassword input[type="password"],
.account .form input[type="text"],
.account .form input[type="email"],
.account .form input[type="password"],
.account .form input[type="tel"],
.account .form select,
.account .form textarea {
  width: 100% !important;
  min-height: 44px;
  padding: 0 13px !important;
  border: 1px solid #d8e1ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #202a36;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.account .form textarea {
  min-height: 110px;
  padding-top: 12px !important;
}

.customer-account-create .form-create-account input:focus,
.customer-account-login .login-container input:focus,
.customer-account-forgotpassword input:focus,
.customer-account-createpassword input:focus,
.account .form input:focus,
.account .form select:focus,
.account .form textarea:focus {
  border-color: rgba(13, 67, 150, .45) !important;
  box-shadow: 0 0 0 3px rgba(13, 67, 150, .12) !important;
  outline: 0;
}

.customer-account-create .field.choice,
.customer-account-login .field.choice,
.account .field.choice {
  display: flex !important;
  align-items: flex-start;
  gap: 9px;
  margin: 10px 0 !important;
  color: #4b5563;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

.customer-account-create .field.choice input,
.customer-account-login .field.choice input,
.account .field.choice input {
  flex: 0 0 auto;
  margin: 3px 0 0 !important;
}

.customer-account-login .actions-toolbar,
.customer-account-create .actions-toolbar,
.customer-account-forgotpassword .actions-toolbar,
.customer-account-createpassword .actions-toolbar,
.account .actions-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 18px !important;
}

.customer-account-login .actions-toolbar .primary,
.customer-account-create .actions-toolbar .primary,
.customer-account-forgotpassword .actions-toolbar .primary,
.customer-account-createpassword .actions-toolbar .primary,
.account .actions-toolbar .primary,
.customer-account-login .actions-toolbar .secondary,
.customer-account-create .actions-toolbar .secondary,
.customer-account-forgotpassword .actions-toolbar .secondary,
.customer-account-createpassword .actions-toolbar .secondary,
.account .actions-toolbar .secondary {
  float: none !important;
  margin: 0 !important;
}

.customer-account-login .action.primary,
.customer-account-create .action.primary,
.customer-account-forgotpassword .action.primary,
.customer-account-createpassword .action.primary,
.account .action.primary,
.customer-account-login .login-container .action.create {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px !important;
  border: 1px solid var(--brand) !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.customer-account-login .action.primary:hover,
.customer-account-create .action.primary:hover,
.customer-account-forgotpassword .action.primary:hover,
.customer-account-createpassword .action.primary:hover,
.account .action.primary:hover,
.customer-account-login .login-container .action.create:hover,
.customer-account-login .action.primary:focus,
.customer-account-create .action.primary:focus,
.customer-account-forgotpassword .action.primary:focus,
.customer-account-createpassword .action.primary:focus,
.account .action.primary:focus,
.customer-account-login .login-container .action.create:focus {
  border-color: var(--brand-hover) !important;
  background: var(--brand-hover) !important;
  color: #fff !important;
}

.customer-account-login .actions-toolbar .secondary a,
.customer-account-create .actions-toolbar .secondary a,
.customer-account-forgotpassword .actions-toolbar .secondary a,
.customer-account-createpassword .actions-toolbar .secondary a,
.account .actions-toolbar .secondary a,
.account a.action:not(.primary) {
  color: var(--brand) !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
}

.customer-account-login .actions-toolbar .secondary a:hover,
.customer-account-create .actions-toolbar .secondary a:hover,
.customer-account-forgotpassword .actions-toolbar .secondary a:hover,
.customer-account-createpassword .actions-toolbar .secondary a:hover,
.account .actions-toolbar .secondary a:hover,
.account a.action:not(.primary):hover {
  color: var(--brand-hover) !important;
}

.customer-account-create .password-strength-meter,
.customer-account-createpassword .password-strength-meter {
  min-height: 34px;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #e3e8f1;
  border-radius: 8px;
  background: #f7f9fc;
  color: #4b5563;
  font-size: 12px;
  font-weight: 800;
}

.customer-account-create .fieldset.create.info,
.customer-account-create .fieldset.create.account {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
  align-items: start;
}

.customer-account-create .fieldset.create.info > br,
.customer-account-create .fieldset.create.account > br {
  display: none !important;
}

.customer-account-create .fieldset.create.info .legend,
.customer-account-create .fieldset.create.account .legend,
.customer-account-create .fieldset.create.info .field.choice,
.customer-account-create .fieldset.create.account .field.choice,
.customer-account-create .fieldset.create.info .field-name-prefix,
.customer-account-create .fieldset.create.info .field-name-suffix,
.customer-account-create .fieldset.create.info .field.choice.newsletter {
  grid-column: 1 / -1;
}

.customer-account-create .fieldset.create.account > .field.required:not(.password):not(.confirmation) {
  grid-column: 1 / -1;
}

.account .alocolumns,
.account .columns {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  width: 100%;
  margin: 0 !important;
}

.account .sidebar-main,
.account .sidebar-additional,
.account .column.main {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
}

.account .sidebar-additional {
  display: none !important;
}

.account .block-collapsible-nav {
  margin: 0 !important;
  border: 1px solid #e3e8f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 48, 91, .07);
  overflow: hidden;
}

.account .block-collapsible-nav-title {
  display: none;
}

.account .block-collapsible-nav .content {
  display: block !important;
  padding: 10px;
}

.account .block-collapsible-nav .items,
.account .block-collapsible-nav .nav {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.account .block-collapsible-nav .item {
  margin: 0 !important;
}

.account .block-collapsible-nav .item a,
.account .block-collapsible-nav .item strong {
  display: flex !important;
  align-items: center;
  min-height: 40px;
  padding: 10px 12px !important;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #425166 !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none !important;
}

.account .block-collapsible-nav .item.current strong,
.account .block-collapsible-nav .item.current a,
.account .block-collapsible-nav .item a:hover,
.account .block-collapsible-nav .item a:focus {
  border-color: rgba(13, 67, 150, .18);
  background: #eef4ff;
  color: var(--brand) !important;
}

.account .column.main > .block,
.account .block-dashboard-info,
.account .block-dashboard-addresses,
.account .block-addresses-default,
.account .block-addresses-list,
.account .form-address-edit,
.account .form-edit-account,
.account .form-newsletter-manage,
.account .table-wrapper {
  margin: 0 0 18px !important;
  padding: 20px !important;
  border: 1px solid #e3e8f1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 48, 91, .07);
}

.account .box {
  padding: 15px;
  border: 1px solid #edf1f7;
  border-radius: 8px;
  background: #f8fafc;
}

.account .box-title {
  display: block;
  margin: 0 0 8px;
  color: #202a36;
  font-size: 15px;
  font-weight: 800;
}

.account .box-content {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
}

.account .table-wrapper {
  overflow-x: auto;
}

.account table.data.table {
  width: 100%;
  min-width: 640px;
  border-collapse: separate;
  border-spacing: 0;
}

.account table.data.table th,
.account table.data.table td {
  padding: 13px 14px !important;
  border-bottom: 1px solid #edf1f7 !important;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}

.account table.data.table th {
  background: #f7f9fc;
  color: #202a36;
  font-weight: 800;
}

.account table.data.table tr:last-child td {
  border-bottom: 0 !important;
}

.account .smartspitze-account-documents__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.account .smartspitze-account-documents__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e3e8f1;
  border-radius: 8px;
  background: #f8fafc;
  color: #202a36 !important;
  text-decoration: none !important;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.account .smartspitze-account-documents__item:hover,
.account .smartspitze-account-documents__item:focus {
  border-color: rgba(13, 67, 150, .22);
  background: #eef4ff;
  color: #202a36 !important;
  transform: translateY(-1px);
}

.account .smartspitze-account-documents__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

.account .smartspitze-account-documents__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.account .smartspitze-account-documents__text strong {
  color: #202a36;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
}

.account .smartspitze-account-documents__text span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.account .smartspitze-invoice-download {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 12px !important;
  border: 1px solid var(--brand) !important;
  border-radius: 8px;
  background: var(--brand) !important;
  color: #fff !important;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

.account .smartspitze-invoice-download:hover,
.account .smartspitze-invoice-download:focus {
  border-color: var(--brand-hover) !important;
  background: var(--brand-hover) !important;
  color: #fff !important;
}

.account .smartspitze-invoice-empty {
  display: inline-flex;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.account .smartspitze-orders-history .col.invoice {
  min-width: 150px;
}

.account .message.info,
.customer-account-login .message,
.customer-account-create .message,
.customer-account-forgotpassword .message,
.customer-account-createpassword .message {
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 991px) {
  .customer-account-login .login-container,
  .account .alocolumns,
  .account .columns {
    grid-template-columns: 1fr;
  }

  .account .sidebar-main {
    order: -1;
  }

  .account .block-collapsible-nav .content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  .account .block-collapsible-nav .items,
  .account .block-collapsible-nav .nav {
    display: contents;
  }
}

@media (max-width: 767px) {
  .customer-account-login .page-title-wrapper,
  .customer-account-create .page-title-wrapper,
  .customer-account-forgotpassword .page-title-wrapper,
  .customer-account-createpassword .page-title-wrapper,
  .account .page-title-wrapper {
    padding: 16px !important;
  }

  .customer-account-login .page-title,
  .customer-account-create .page-title,
  .customer-account-forgotpassword .page-title,
  .customer-account-createpassword .page-title,
  .account .page-title {
    font-size: 22px;
  }

  .customer-account-login .login-container .block,
  .customer-account-create .form-create-account,
  .customer-account-forgotpassword .form.password.forget,
  .customer-account-createpassword .form.password.reset,
  .account .column.main > .block,
  .account .block-dashboard-info,
  .account .block-dashboard-addresses,
  .account .block-addresses-default,
  .account .block-addresses-list,
  .account .form-address-edit,
  .account .form-edit-account,
  .account .form-newsletter-manage,
  .account .table-wrapper {
    padding: 16px !important;
  }

  .customer-account-create .fieldset.create.info,
  .customer-account-create .fieldset.create.account {
    grid-template-columns: 1fr;
  }

  .customer-account-login .actions-toolbar,
  .customer-account-create .actions-toolbar,
  .customer-account-forgotpassword .actions-toolbar,
  .customer-account-createpassword .actions-toolbar,
  .account .actions-toolbar {
    align-items: stretch;
  }

  .customer-account-login .actions-toolbar .primary,
  .customer-account-create .actions-toolbar .primary,
  .customer-account-forgotpassword .actions-toolbar .primary,
  .customer-account-createpassword .actions-toolbar .primary,
  .account .actions-toolbar .primary,
  .customer-account-login .action.primary,
  .customer-account-create .action.primary,
  .customer-account-forgotpassword .action.primary,
  .customer-account-createpassword .action.primary,
  .account .action.primary,
  .customer-account-login .login-container .action.create {
    width: 100%;
  }

  .account .block-collapsible-nav .content {
    grid-template-columns: 1fr;
  }

  .account .smartspitze-account-documents__grid {
    grid-template-columns: 1fr;
  }

  .account .smartspitze-invoice-download {
    width: 100%;
  }
}

/* ===============================================================
   PRODUCT DETAIL - closer to mockup gallery/product composition
   =============================================================== */

.catalog-product-view .additional-timer-block,
.catalog-product-view .product-info-main .product-addto-links,
.catalog-product-view .product-info-main .alo-social-links,
.catalog-product-view .product-info-main .product-social-links {
  display: none !important;
}

.catalog-product-view .product-info-main {
  display: flex !important;
  flex-direction: column;
}

.catalog-product-view .product-info-main .product-next-prev {
  order: 1;
  align-self: flex-end;
  height: 28px;
  margin-bottom: -28px;
  opacity: 1;
}

.catalog-product-view .product-info-main .page-title-wrapper.product {
  order: 2;
}

.catalog-product-view .product-info-main .page-title-wrapper.product .brand {
  display: none !important;
}

.catalog-product-view .product-info-main .product.attribute.overview {
  order: 3;
  margin: 8px 0 14px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8edf5;
  color: #333e48;
}

.catalog-product-view .product-info-main .product-info-price {
  display: contents !important;
}

.catalog-product-view .product-info-main .smartspitze-theme-review {
  order: 4;
  margin: 0 0 10px !important;
}

.catalog-product-view .product-info-main .product-info-stock-sku {
  order: 5;
  margin: 0 0 16px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8edf5;
}

.catalog-product-view .product-info-main .product-add-form,
.catalog-product-view .product-info-main #product_addtocart_form {
  display: contents !important;
}

.catalog-product-view .product-info-main .product-options-wrapper {
  order: 6;
  margin: 0 !important;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8edf5;
}

.catalog-product-view .product-info-main .price-box.price-final_price {
  order: 7;
  margin: 20px 0 12px !important;
}

.catalog-product-view .product-info-main .price-box .price-label {
  display: none !important;
}

.catalog-product-view .product-info-main .price-box .price {
  font-size: clamp(30px, 2.65vw, 40px) !important;
  line-height: 1 !important;
}

.catalog-product-view .product-info-main .product-options-bottom {
  order: 8;
  margin: 0 0 18px !important;
}

.catalog-product-view .product-info-main .box-tocart .fieldset,
.catalog-product-view .product-info-main .box-tocart .actions,
.catalog-product-view .product-info-main .box-tocart .action.tocart {
  width: 100% !important;
}

.catalog-product-view .product-info-main .box-tocart .action.tocart {
  min-height: 52px;
  border-radius: 4px;
  font-size: 15px;
}

.catalog-product-view .product-info-main > div:has(.customer-services-block),
.catalog-product-view .product-info-main .customer-services-block {
  order: 9;
  margin-top: 0;
}

@media (min-width: 992px) {
  .catalog-product-view .page-main {
    max-width: 1360px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .catalog-product-view .alocolumns {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .catalog-product-view .sidebar-main,
  .catalog-product-view .sidebar-additional {
    display: none !important;
  }

  .catalog-product-view .column.main {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .catalog-product-view .product-essential {
    margin: 0 0 46px !important;
  }

  .catalog-product-view .product-essential .row {
    display: grid !important;
    grid-template-columns: minmax(560px, 1.08fr) minmax(430px, 0.92fr);
    gap: clamp(38px, 4.5vw, 68px);
    align-items: start;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .catalog-product-view .product.media {
    padding-top: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  .catalog-product-view .gallery-placeholder {
    width: 100% !important;
  }

  .catalog-product-view .fotorama__stage {
    width: 100% !important;
    height: clamp(540px, 45vw, 660px) !important;
    padding: clamp(18px, 2vw, 28px) !important;
    border: 1px solid #dbe3ee !important;
    background: #fff !important;
  }

  .catalog-product-view .fotorama__stage__shaft,
  .catalog-product-view .fotorama__stage__frame {
    height: 100% !important;
  }

  .catalog-product-view .fotorama__img {
    max-width: 96% !important;
    max-height: 96% !important;
  }

  .catalog-product-view .fotorama__nav-wrap {
    margin-top: 16px !important;
  }

  .catalog-product-view .fotorama__nav--thumbs .fotorama__nav__frame {
    width: 78px !important;
    height: 78px !important;
    padding-right: 10px !important;
  }

  .catalog-product-view .fotorama__thumb {
    width: 68px !important;
    height: 68px !important;
    border-color: #dbe3ee;
    border-radius: 4px;
  }

  .catalog-product-view .product-info-main {
    display: flex !important;
    flex-direction: column;
    padding-top: 6px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .catalog-product-view .product-essential .row {
    grid-template-columns: minmax(470px, 1fr) minmax(390px, 0.9fr);
    gap: 34px;
  }

  .catalog-product-view .fotorama__stage {
    height: clamp(480px, 46vw, 560px) !important;
  }
}

@media (max-width: 991px) {
  .catalog-product-view .product-info-main {
    display: flex !important;
  }

  .catalog-product-view .product-info-main .product-next-prev {
    display: none !important;
  }

  .catalog-product-view .product-info-main .product-info-stock-sku,
  .catalog-product-view .product-info-main .product-options-wrapper {
    padding-bottom: 16px;
  }

  .catalog-product-view .product-info-main .price-box.price-final_price {
    margin-top: 20px !important;
  }
}

@media (max-width: 575px) {
  .catalog-product-view .product-info-main .price-box .price {
    font-size: 30px !important;
  }

  .catalog-product-view .fotorama__stage {
    height: min(92vw, 380px) !important;
    padding: 12px !important;
  }
}

/* ===============================================================
   PRODUCT DETAIL - final mockup fidelity pass
   =============================================================== */

.catalog-product-view .product-info-main .smartspitze-theme-review,
.catalog-product-view .product-info-main .product-reviews-summary,
.catalog-product-view .product-info-main .product-info-stock-sku,
.catalog-product-view .fotorama__nav-wrap {
  display: none !important;
}

.catalog-product-view .product-info-main .product.attribute.overview {
  margin-bottom: 24px !important;
}

.catalog-product-view .product-info-main .product-options-wrapper {
  padding-top: 4px;
}

.catalog-product-view .smartspitze-product-hero-title {
  margin: 0 0 30px;
  color: #333e48;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.28;
}

.catalog-product-view .product-info-main .box-tocart .field.qty {
  display: none !important;
}

.catalog-product-view .breadcrumbs .items > .item:not(.home):not(:nth-child(2)):not(.product),
.catalog-product-view .smartspitze-product-breadcrumb .items > .item:not(.home):not(:nth-child(2)):not(.product) {
  display: none !important;
}

@media (min-width: 992px) {
  .catalog-product-view .product-essential .row::before,
  .catalog-product-view .product-essential .row::after {
    content: none !important;
    display: none !important;
  }

  .catalog-product-view .product-essential .row {
    grid-template-columns: minmax(600px, 1.08fr) minmax(430px, 0.92fr) !important;
    gap: clamp(28px, 3.2vw, 52px) !important;
  }

  .catalog-product-view .fotorama__stage {
    height: clamp(590px, 46vw, 680px) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .catalog-product-view .fotorama__stage__frame {
    background: transparent !important;
  }

  .catalog-product-view .fotorama__img {
    max-width: 100% !important;
    max-height: 98% !important;
  }

  .catalog-product-view .product-info-main .price-box.price-final_price {
    margin-top: 24px !important;
  }

  .catalog-product-view .product-info-main .product-options-bottom {
    margin-bottom: 22px !important;
  }
}

@media (max-width: 991px) {
  .catalog-product-view .product-essential .row::before,
  .catalog-product-view .product-essential .row::after {
    content: none !important;
    display: none !important;
  }

  .catalog-product-view .smartspitze-product-hero-title {
    margin: 0 0 26px;
    font-size: 19px;
    line-height: 1.55;
  }

  .catalog-product-view .fotorama__stage {
    border: 0 !important;
    background: transparent !important;
  }

  .catalog-product-view .product.media,
  .catalog-product-view .gallery-placeholder,
  .catalog-product-view .fotorama__wrap,
  .catalog-product-view .fotorama__stage {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .catalog-product-view .product.media {
    padding: 0 !important;
  }
}

@media (max-width: 575px) {
  .catalog-product-view .breadcrumbs .items,
  .catalog-product-view .smartspitze-product-breadcrumb .items {
    white-space: nowrap;
  }

  .catalog-product-view .breadcrumbs .item,
  .catalog-product-view .smartspitze-product-breadcrumb .item {
    font-size: 13px;
  }
}

/* ===============================================================
   PRODUCT DETAIL - final spacing match to product mockup
   =============================================================== */

.catalog-product-view .gallery-placeholder._block-content-loading {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: clamp(590px, 46vw, 680px);
}

.catalog-product-view .gallery-placeholder._block-content-loading .gallery-placeholder__image {
  display: block !important;
  width: min(78%, 535px) !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  object-fit: contain !important;
}

@media (min-width: 992px) {
  .catalog-product-view .product-info-main .product.attribute.overview {
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
  }

  .catalog-product-view .product-info-main .product-options-wrapper {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  .catalog-product-view .product-info-main .price-box.price-final_price {
    margin-top: 18px !important;
    margin-bottom: 10px !important;
  }

  .catalog-product-view .product-info-main .product-options-bottom {
    margin-bottom: 18px !important;
  }
}

@media (max-width: 575px) {
  .catalog-product-view .gallery-placeholder._block-content-loading {
    min-height: min(74vw, 300px);
  }

  .catalog-product-view .fotorama__stage {
    height: min(74vw, 300px) !important;
    padding: 0 !important;
  }

  .catalog-product-view .fotorama__img {
    max-width: 98% !important;
    max-height: 100% !important;
  }
}

/* ===============================================================
   PRODUCT DETAIL - restore Electro left sidebar on desktop
   =============================================================== */

@media (min-width: 1200px) {
  .catalog-product-view.page-layout-2columns-left .alocolumns::before,
  .catalog-product-view.page-layout-2columns-left .alocolumns::after {
    content: none !important;
    display: none !important;
  }

  .catalog-product-view.page-layout-2columns-left .alocolumns {
    display: grid !important;
    grid-template-columns: minmax(238px, 260px) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .catalog-product-view.page-layout-2columns-left .column.main {
    display: block !important;
    grid-column: 2;
    grid-row: 1 / span 2;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .catalog-product-view.page-layout-2columns-left .sidebar-main,
  .catalog-product-view.page-layout-2columns-left .sidebar-additional {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0;
    padding: 0 !important;
    position: static !important;
  }

  .catalog-product-view.page-layout-2columns-left .sidebar-main {
    grid-column: 1;
    grid-row: 1;
  }

  .catalog-product-view.page-layout-2columns-left .sidebar-additional {
    grid-column: 1;
    grid-row: 2;
    margin-top: 22px !important;
  }

  .catalog-product-view.page-layout-2columns-left .product-essential .row {
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr) !important;
    gap: clamp(24px, 2.2vw, 34px) !important;
  }

  .catalog-product-view.page-layout-2columns-left .product-info-main .product-next-prev {
    display: none !important;
  }

  .catalog-product-view.page-layout-2columns-left .fotorama__stage {
    height: clamp(500px, 38vw, 620px) !important;
  }

  .catalog-product-view.page-layout-2columns-left .gallery-placeholder._block-content-loading {
    min-height: clamp(500px, 38vw, 620px);
  }
}

@media (min-width: 1500px) {
  .catalog-product-view.page-layout-2columns-left .alocolumns {
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 32px;
  }

  .catalog-product-view.page-layout-2columns-left .product-essential .row {
    grid-template-columns: minmax(520px, 1.08fr) minmax(410px, 0.92fr) !important;
    gap: clamp(28px, 2.8vw, 44px) !important;
  }

  .catalog-product-view.page-layout-2columns-left .fotorama__stage {
    height: clamp(560px, 42vw, 660px) !important;
  }

  .catalog-product-view.page-layout-2columns-left .gallery-placeholder._block-content-loading {
    min-height: clamp(560px, 42vw, 660px);
  }
}

/* ===============================================================
   MOBILE RESPONSIVE HARDENING
   =============================================================== */

.cms-homepage-buy .column.main,
.cms-homepage-buy .page-main {
  max-width: 100%;
  overflow-x: hidden;
}

.cms-homepage-buy .column.main .row.buy-send-earn {
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

.cms-homepage-buy .column.main .row.buy-send-earn > * {
  max-width: 100% !important;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  html,
  body,
  .page-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }

  .cms-homepage-buy .column.main {
    overflow-x: hidden;
  }

  .cms-homepage-buy .column.main .row.buy-send-earn {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box;
  }

  .cms-homepage-buy .column.main .row.buy-send-earn > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .cms-homepage-buy .column.main .row.buy-send-earn h2,
  .cms-homepage-buy .column.main .row.buy-send-earn h3 {
    overflow-wrap: anywhere;
  }

  .catalog-product-view .product.data.items,
  .catalog-product-view .product.info.detailed {
    max-width: 100%;
    overflow-x: hidden;
  }

  .catalog-product-view .product.data.items > .data.item.title,
  .catalog-product-view .product.info.detailed .data.item.title {
    margin-right: 10px !important;
    margin-bottom: 8px !important;
  }

  .catalog-product-view .product.data.items > .data.item.title > .data.switch,
  .catalog-product-view .product.info.detailed .data.item.title > .data.switch {
    display: inline-flex !important;
    align-items: center;
    min-height: 34px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
  }

  .page-footer .main-footer .row > .cms-static-main-footer.smartspitze-theme-footer {
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .page-footer .main-footer .row > .cms-static-main-footer.smartspitze-theme-footer .footer-item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 374px) {
  .catalog-product-view .product.data.items > .data.item.title,
  .catalog-product-view .product.info.detailed .data.item.title {
    margin-right: 7px !important;
  }

  .catalog-product-view .product.data.items > .data.item.title > .data.switch,
  .catalog-product-view .product.info.detailed .data.item.title > .data.switch {
    font-size: 12px !important;
  }
}

/* ===============================================================
   RESPONSIVE TYPOGRAPHY AND TABLET LAYOUT REFINEMENT
   =============================================================== */

@media (max-width: 1199px) {
  .catalog-category-view .page-title-wrapper .page-title,
  .catalog-category-view .page-title-wrapper .base,
  .catalogsearch-result-index .page-title-wrapper .page-title,
  .catalogsearch-result-index .page-title-wrapper .base {
    color: #202a36 !important;
    font-size: clamp(28px, 3.4vw, 34px) !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
  }

  .catalog-category-view .smartspitze-category-panel__title,
  .catalogsearch-result-index .smartspitze-category-panel__title {
    font-size: clamp(22px, 2.8vw, 28px) !important;
    line-height: 1.16 !important;
  }

  .catalog-category-view .category-product-grid .product-item-name,
  .catalog-category-view .category-product-grid .product-item-link,
  .catalogsearch-result-index .category-product-grid .product-item-name,
  .catalogsearch-result-index .category-product-grid .product-item-link {
    font-size: clamp(15px, 1.8vw, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.32 !important;
  }

  .catalog-category-view .category-product-grid .price-box .price,
  .catalogsearch-result-index .category-product-grid .price-box .price {
    font-size: clamp(19px, 2.3vw, 22px) !important;
    line-height: 1.12 !important;
  }

  .catalog-product-view .product-essential,
  .catalog-product-view .product-essential .row,
  .catalog-product-view .product.media,
  .catalog-product-view .product-info-main {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .catalog-product-view .product-info-main .page-title,
  .catalog-product-view .product-info-main .page-title .base {
    color: #202a36 !important;
    font-size: clamp(26px, 3.2vw, 32px) !important;
    font-weight: 800 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  .catalog-product-view .smartspitze-product-hero-title {
    font-size: clamp(19px, 2.4vw, 23px) !important;
    line-height: 1.24 !important;
  }

  .catalog-product-view .product-info-main .price-box .price {
    font-size: clamp(30px, 3.8vw, 36px) !important;
    line-height: 1.05 !important;
  }

  .catalog-product-view .smartspitze-electro-product-rails .product-item-name,
  .catalog-product-view .smartspitze-electro-product-rails .product-item-link {
    font-size: clamp(13px, 1.5vw, 15px) !important;
    line-height: 1.32 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .catalog-product-view .page-main {
    overflow-x: hidden;
  }

  .catalog-product-view .product-essential .row {
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.88fr) !important;
    gap: 24px !important;
  }

  .catalog-product-view .fotorama__stage {
    height: clamp(450px, 44vw, 530px) !important;
  }

  .catalog-product-view .gallery-placeholder._block-content-loading {
    min-height: clamp(450px, 44vw, 530px) !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .catalog-category-view .category-product-grid .product-items,
  .catalogsearch-result-index .category-product-grid .product-items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .catalog-product-view .smartspitze-product-hero-title {
    margin-bottom: 20px !important;
  }

  .catalog-product-view .product-info-main .page-title,
  .catalog-product-view .product-info-main .page-title .base {
    font-size: 30px !important;
  }
}

@media (max-width: 767px) {
  .catalog-category-view .page-title-wrapper,
  .catalogsearch-result-index .page-title-wrapper {
    margin-bottom: 14px !important;
  }

  .catalog-category-view .page-title-wrapper .page-title,
  .catalog-category-view .page-title-wrapper .base,
  .catalogsearch-result-index .page-title-wrapper .page-title,
  .catalogsearch-result-index .page-title-wrapper .base {
    font-size: clamp(24px, 7vw, 28px) !important;
    line-height: 1.14 !important;
  }

  .catalog-category-view .smartspitze-category-panel__title,
  .catalogsearch-result-index .smartspitze-category-panel__title {
    font-size: 21px !important;
    line-height: 1.18 !important;
  }

  .catalog-category-view .smartspitze-toolbar-summary,
  .catalogsearch-result-index .smartspitze-toolbar-summary,
  .catalog-category-view .smartspitze-filter-link,
  .catalogsearch-result-index .smartspitze-filter-link {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .catalog-category-view .category-product-grid .product-item-name,
  .catalog-category-view .category-product-grid .product-item-link,
  .catalogsearch-result-index .category-product-grid .product-item-name,
  .catalogsearch-result-index .category-product-grid .product-item-link {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.32 !important;
  }

  .catalog-category-view .category-product-grid .product-item-description,
  .catalogsearch-result-index .category-product-grid .product-item-description,
  .catalog-category-view .category-product-grid .smartspitze-card-info,
  .catalogsearch-result-index .category-product-grid .smartspitze-card-info {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .catalog-category-view .category-product-grid .price-box .price,
  .catalogsearch-result-index .category-product-grid .price-box .price {
    font-size: 20px !important;
  }

  .catalog-product-view .smartspitze-product-hero-title {
    margin-bottom: 18px !important;
    font-size: 20px !important;
    line-height: 1.24 !important;
  }

  .catalog-product-view .product-info-main .page-title,
  .catalog-product-view .product-info-main .page-title .base {
    font-size: clamp(24px, 7.3vw, 28px) !important;
    line-height: 1.14 !important;
  }

  .catalog-product-view .product-info-main .product.attribute.overview,
  .catalog-product-view .product-info-main .swatch-attribute-label,
  .catalog-product-view .product-info-main .customer-services-block {
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  .catalog-product-view .product-info-main .price-box .price {
    font-size: 28px !important;
  }

  .catalog-product-view .product-info-main .box-tocart .action.tocart {
    min-height: 48px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 520px) {
  .catalog-category-view .category-product-grid .product-items,
  .catalogsearch-result-index .category-product-grid .product-items {
    gap: 16px !important;
  }
}

@media (max-width: 1199px) {
  html body .header .vmagicmenu.vertical-menu .level-top-mega,
  html body .header .vmagicmenu.vertical-menu .level-top-mega *,
  html body .header .vmagicmenu.vertical-menu .content-mega,
  html body .header .vmagicmenu.vertical-menu .content-mega-horizontal,
  html body .header .vmagicmenu.vertical-menu .cat-mega,
  html body .header .vmagicmenu.vertical-menu .level1.submenu,
  html body .header .vmagicmenu.vertical-menu .level2.submenu,
  html body .header .vmagicmenu.vertical-menu .level3.submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    left: 0 !important;
    right: auto !important;
  }

  html body .header .magicmenu .level-top-mega,
  html body .header .magicmenu .level-top-mega *,
  html body .header .magicmenu .content-mega,
  html body .header .magicmenu .content-mega-horizontal,
  html body .header .magicmenu .cat-mega,
  html body .header .magicmenu .level1.submenu,
  html body .header .magicmenu .level2.submenu,
  html body .header .magicmenu .level3.submenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    left: 0 !important;
    right: auto !important;
  }
}

/* Smartspitze cart PayPal shortcut polish 2026-06-10 */
html body.checkout-cart-index .cart-summary .paypal.checkout,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  height: auto !important;
  margin: 12px 0 0 !important;
  padding: 8px 12px !important;
  background: #fff !important;
  border: 2px solid #ffc439 !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 14px rgba(0, 48, 135, .08) !important;
  overflow: visible !important;
}

html body.checkout-cart-index .cart-summary .paypal.checkout input[type="image"],
html body.checkout-cart-index .checkout-methods-items .paypal.checkout input[type="image"] {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 42px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.checkout-cart-index .cart-summary .paypal.checkout:before,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout:before {
  display: none !important;
  content: none !important;
}

/* Smartspitze kaufen: search result responsive polish 2026-06-11 */
@media (max-width: 1199px) {
  html body.catalogsearch-result-index .block-compare,
  html body.catalogsearch-result-index .block-reorder,
  html body.catalogsearch-result-index .product-item-actions .actions-secondary,
  html body.catalogsearch-result-index .action.tocompare,
  html body.catalogsearch-result-index .btn-compare,
  html body.catalogsearch-result-index .compare {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body.catalogsearch-result-index #search_mini_form .action.search.button::before,
  html body.catalogsearch-result-index #search_mini_form .action.search.button::after {
    display: none !important;
    content: "" !important;
  }

  html body.catalogsearch-result-index #search_mini_form .action.search.button i,
  html body.catalogsearch-result-index #search_mini_form .action.search.button .fa {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.catalogsearch-result-index #search_mini_form .action.search.button span {
    display: inline-block !important;
    position: static !important;
    clip: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    font-family: inherit !important;
    color: #fff !important;
  }

  html body.catalogsearch-result-index .page-main,
  html body.catalogsearch-result-index .columns,
  html body.catalogsearch-result-index .column.main,
  html body.catalogsearch-result-index .sidebar.sidebar-main,
  html body.catalogsearch-result-index .products.wrapper,
  html body.catalogsearch-result-index .products-grid,
  html body.catalogsearch-result-index .product-items {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body.catalogsearch-result-index .toolbar-products {
    gap: 10px !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 767px) {
  html body.catalogsearch-result-index .page-main {
    padding: 18px 15px 34px !important;
    background: #fff !important;
  }

  html body.catalogsearch-result-index .page-title-wrapper {
    margin: 0 0 16px !important;
    padding: 0 !important;
  }

  html body.catalogsearch-result-index .page-title-wrapper .page-title {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }

  html body.catalogsearch-result-index .columns,
  html body.catalogsearch-result-index .column.main,
  html body.catalogsearch-result-index .sidebar.sidebar-main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.catalogsearch-result-index .filter,
  html body.catalogsearch-result-index .block.filter {
    margin: 0 0 18px !important;
  }

  html body.catalogsearch-result-index .filter-title strong,
  html body.catalogsearch-result-index .filter-options-title {
    border-radius: 8px !important;
    background: #164c9e !important;
    color: #fff !important;
    font-weight: 800 !important;
  }

  html body.catalogsearch-result-index .toolbar-products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 16px !important;
  }

  html body.catalogsearch-result-index .toolbar-products .toolbar-sorter,
  html body.catalogsearch-result-index .toolbar-products select {
    max-width: 100% !important;
  }
}

/* Smartspitze kaufen: global mobile header/search hardening 2026-06-11 */
@media (max-width: 767px) {
  html body header.page-header.page-header-alothemes {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border-bottom: 1px solid #e5eaf2 !important;
    box-sizing: border-box !important;
  }

  html body header.page-header.page-header-alothemes .panel.wrapper,
  html body header.page-header.page-header-alothemes .panel.header,
  html body header.page-header.page-header-alothemes .header.links,
  html body header.page-header.page-header-alothemes .page-header.alothemes {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "logo cart"
      "search search" !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 12px 16px 14px !important;
    box-sizing: border-box !important;
  }

  html body header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    display: block !important;
    float: none !important;
    position: static !important;
    width: min(178px, 64vw) !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    justify-self: start !important;
  }

  html body header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    max-width: 178px !important;
    height: auto !important;
  }

  html body header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    display: inline-flex !important;
    float: none !important;
    position: relative !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
  }

  html body header.page-header.page-header-alothemes .minicart-wrapper .action.showcart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  html body header.page-header.page-header-alothemes .minicart-wrapper .counter.qty {
    position: absolute !important;
    top: 2px !important;
    right: 0 !important;
  }

  html body header.page-header.page-header-alothemes .block-search,
  html body header.page-header.page-header-alothemes .block-search .block-content,
  html body header.page-header.page-header-alothemes #search_mini_form,
  html body header.page-header.page-header-alothemes .field.search,
  html body header.page-header.page-header-alothemes .control.catalogsearch {
    grid-area: search !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  html body header.page-header.page-header-alothemes .block-search .block-title,
  html body header.page-header.page-header-alothemes .field.search .label,
  html body header.page-header.page-header-alothemes .nested,
  html body header.page-header.page-header-alothemes .catalogsearch-box {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body header.page-header.page-header-alothemes #search {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 88px 0 16px !important;
    border: 1px solid #164c9e !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #202a36 !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
  }

  html body header.page-header.page-header-alothemes #search_mini_form .action.search.button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 82px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: #164c9e !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }

  html body header.page-header.page-header-alothemes #search_mini_form .action.search.button::before,
  html body header.page-header.page-header-alothemes #search_mini_form .action.search.button::after,
  html body header.page-header.page-header-alothemes #search_mini_form .action.search.button i,
  html body header.page-header.page-header-alothemes #search_mini_form .action.search.button .fa {
    display: none !important;
    content: "" !important;
  }

html body header.page-header.page-header-alothemes #search_mini_form .action.search.button span {
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    overflow: visible !important;
    color: #fff !important;
    font-family: inherit !important;
    line-height: 44px !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes,
  html body.checkout-cart-index header.page-header.page-header-alothemes,
  html body.checkout-index-index header.page-header.page-header-alothemes,
  html body.catalog-category-view header.page-header.page-header-alothemes,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
}

/* Smartspitze kaufen: sales header and PayPal shortcut final polish 2026-06-11 */
@media (min-width: 768px) {
  html body.catalog-product-view header.page-header.page-header-alothemes,
  html body.checkout-cart-index header.page-header.page-header-alothemes,
  html body.checkout-index-index header.page-header.page-header-alothemes,
  html body.catalog-category-view header.page-header.page-header-alothemes,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border-bottom: 1px solid #e5eaf2 !important;
    box-sizing: border-box !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .panel.wrapper,
  html body.catalog-product-view header.page-header.page-header-alothemes .panel.header,
  html body.catalog-product-view header.page-header.page-header-alothemes .header.links,
  html body.catalog-product-view header.page-header.page-header-alothemes .page-header.alothemes,
  html body.checkout-cart-index header.page-header.page-header-alothemes .panel.wrapper,
  html body.checkout-cart-index header.page-header.page-header-alothemes .panel.header,
  html body.checkout-cart-index header.page-header.page-header-alothemes .header.links,
  html body.checkout-cart-index header.page-header.page-header-alothemes .page-header.alothemes,
  html body.checkout-index-index header.page-header.page-header-alothemes .panel.wrapper,
  html body.checkout-index-index header.page-header.page-header-alothemes .panel.header,
  html body.checkout-index-index header.page-header.page-header-alothemes .header.links,
  html body.checkout-index-index header.page-header.page-header-alothemes .page-header.alothemes,
  html body.catalog-category-view header.page-header.page-header-alothemes .panel.wrapper,
  html body.catalog-category-view header.page-header.page-header-alothemes .panel.header,
  html body.catalog-category-view header.page-header.page-header-alothemes .header.links,
  html body.catalog-category-view header.page-header.page-header-alothemes .page-header.alothemes,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .panel.wrapper,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .panel.header,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .header.links,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .page-header.alothemes {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .header.content,
  html body.checkout-cart-index header.page-header.page-header-alothemes .header.content,
  html body.checkout-index-index header.page-header.page-header-alothemes .header.content,
  html body.catalog-category-view header.page-header.page-header-alothemes .header.content,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: minmax(170px, 240px) minmax(320px, 1fr) 70px !important;
    grid-template-areas: "logo search cart" !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1240px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 20px 32px !important;
    box-sizing: border-box !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .header.content:before,
  html body.catalog-product-view header.page-header.page-header-alothemes .header.content:after,
  html body.checkout-cart-index header.page-header.page-header-alothemes .header.content:before,
  html body.checkout-cart-index header.page-header.page-header-alothemes .header.content:after,
  html body.checkout-index-index header.page-header.page-header-alothemes .header.content:before,
  html body.checkout-index-index header.page-header.page-header-alothemes .header.content:after,
  html body.catalog-category-view header.page-header.page-header-alothemes .header.content:before,
  html body.catalog-category-view header.page-header.page-header-alothemes .header.content:after,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content:before,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content:after {
    display: none !important;
    content: none !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .logo,
  html body.checkout-cart-index header.page-header.page-header-alothemes .logo,
  html body.checkout-index-index header.page-header.page-header-alothemes .logo,
  html body.catalog-category-view header.page-header.page-header-alothemes .logo,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    position: static !important;
    float: none !important;
    display: block !important;
    width: min(220px, 100%) !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .logo img,
  html body.checkout-cart-index header.page-header.page-header-alothemes .logo img,
  html body.checkout-index-index header.page-header.page-header-alothemes .logo img,
  html body.catalog-category-view header.page-header.page-header-alothemes .logo img,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .minicart-wrapper,
  html body.checkout-cart-index header.page-header.page-header-alothemes .minicart-wrapper,
  html body.checkout-index-index header.page-header.page-header-alothemes .minicart-wrapper,
  html body.catalog-category-view header.page-header.page-header-alothemes .minicart-wrapper,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
    box-sizing: border-box !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .block-search,
  html body.catalog-product-view header.page-header.page-header-alothemes .block-search .block-content,
  html body.catalog-product-view header.page-header.page-header-alothemes #search_mini_form,
  html body.catalog-product-view header.page-header.page-header-alothemes .field.search,
  html body.catalog-product-view header.page-header.page-header-alothemes .control.catalogsearch,
  html body.checkout-cart-index header.page-header.page-header-alothemes .block-search,
  html body.checkout-cart-index header.page-header.page-header-alothemes .block-search .block-content,
  html body.checkout-cart-index header.page-header.page-header-alothemes #search_mini_form,
  html body.checkout-cart-index header.page-header.page-header-alothemes .field.search,
  html body.checkout-cart-index header.page-header.page-header-alothemes .control.catalogsearch,
  html body.checkout-index-index header.page-header.page-header-alothemes .block-search,
  html body.checkout-index-index header.page-header.page-header-alothemes .block-search .block-content,
  html body.checkout-index-index header.page-header.page-header-alothemes #search_mini_form,
  html body.checkout-index-index header.page-header.page-header-alothemes .field.search,
  html body.checkout-index-index header.page-header.page-header-alothemes .control.catalogsearch,
  html body.catalog-category-view header.page-header.page-header-alothemes .block-search,
  html body.catalog-category-view header.page-header.page-header-alothemes .block-search .block-content,
  html body.catalog-category-view header.page-header.page-header-alothemes #search_mini_form,
  html body.catalog-category-view header.page-header.page-header-alothemes .field.search,
  html body.catalog-category-view header.page-header.page-header-alothemes .control.catalogsearch,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search .block-content,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes #search_mini_form,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .field.search,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .control.catalogsearch {
    grid-area: search !important;
    position: relative !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 20 !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes .block-search .block-title,
  html body.catalog-product-view header.page-header.page-header-alothemes .field.search .label,
  html body.catalog-product-view header.page-header.page-header-alothemes .nested,
  html body.catalog-product-view header.page-header.page-header-alothemes .catalogsearch-box,
  html body.checkout-cart-index header.page-header.page-header-alothemes .block-search .block-title,
  html body.checkout-cart-index header.page-header.page-header-alothemes .field.search .label,
  html body.checkout-cart-index header.page-header.page-header-alothemes .nested,
  html body.checkout-cart-index header.page-header.page-header-alothemes .catalogsearch-box,
  html body.checkout-index-index header.page-header.page-header-alothemes .block-search .block-title,
  html body.checkout-index-index header.page-header.page-header-alothemes .field.search .label,
  html body.checkout-index-index header.page-header.page-header-alothemes .nested,
  html body.checkout-index-index header.page-header.page-header-alothemes .catalogsearch-box,
  html body.catalog-category-view header.page-header.page-header-alothemes .block-search .block-title,
  html body.catalog-category-view header.page-header.page-header-alothemes .field.search .label,
  html body.catalog-category-view header.page-header.page-header-alothemes .nested,
  html body.catalog-category-view header.page-header.page-header-alothemes .catalogsearch-box,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .block-search .block-title,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .field.search .label,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .nested,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .catalogsearch-box {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes #search,
  html body.checkout-cart-index header.page-header.page-header-alothemes #search,
  html body.checkout-index-index header.page-header.page-header-alothemes #search,
  html body.catalog-category-view header.page-header.page-header-alothemes #search,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes #search {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 92px 0 16px !important;
    border: 1px solid #164c9e !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #202a36 !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
  }

  html body.catalog-product-view header.page-header.page-header-alothemes #search_mini_form .action.search.button,
  html body.checkout-cart-index header.page-header.page-header-alothemes #search_mini_form .action.search.button,
  html body.checkout-index-index header.page-header.page-header-alothemes #search_mini_form .action.search.button,
  html body.catalog-category-view header.page-header.page-header-alothemes #search_mini_form .action.search.button,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes #search_mini_form .action.search.button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 84px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: #164c9e !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  html body.catalog-product-view header.page-header.page-header-alothemes .header.content,
  html body.checkout-cart-index header.page-header.page-header-alothemes .header.content,
  html body.checkout-index-index header.page-header.page-header-alothemes .header.content,
  html body.catalog-category-view header.page-header.page-header-alothemes .header.content,
  html body.catalogsearch-result-index header.page-header.page-header-alothemes .header.content {
    grid-template-columns: minmax(150px, 220px) minmax(260px, 1fr) 58px !important;
    gap: 18px !important;
    padding: 18px 24px !important;
  }
}

/* Smartspitze kaufen: homepage header hardening 2026-06-11 */
@media (min-width: 768px) {
  html body.cms-homepage-buy header.page-header.page-header-alothemes,
  html body.cms-index-index header.page-header.page-header-alothemes {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
    border-bottom: 1px solid #e5eaf2 !important;
    box-sizing: border-box !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .panel.wrapper,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .panel.header,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .header.links,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .page-header.alothemes,
  html body.cms-index-index header.page-header.page-header-alothemes .panel.wrapper,
  html body.cms-index-index header.page-header.page-header-alothemes .panel.header,
  html body.cms-index-index header.page-header.page-header-alothemes .header.links,
  html body.cms-index-index header.page-header.page-header-alothemes .page-header.alothemes {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .header.content,
  html body.cms-index-index header.page-header.page-header-alothemes .header.content {
    display: grid !important;
    grid-template-columns: minmax(170px, 240px) minmax(320px, 1fr) 70px !important;
    grid-template-areas: "logo search cart" !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1240px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 20px 32px !important;
    box-sizing: border-box !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .header.content:before,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .header.content:after,
  html body.cms-index-index header.page-header.page-header-alothemes .header.content:before,
  html body.cms-index-index header.page-header.page-header-alothemes .header.content:after {
    display: none !important;
    content: none !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .logo,
  html body.cms-index-index header.page-header.page-header-alothemes .logo {
    grid-area: logo !important;
    position: static !important;
    float: none !important;
    display: block !important;
    width: min(220px, 100%) !important;
    max-width: 220px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    box-sizing: border-box !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .logo img,
  html body.cms-index-index header.page-header.page-header-alothemes .logo img {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .minicart-wrapper,
  html body.cms-index-index header.page-header.page-header-alothemes .minicart-wrapper {
    grid-area: cart !important;
    position: relative !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 58px !important;
    min-width: 58px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: end !important;
    box-sizing: border-box !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .block-search,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .block-search .block-content,
  html body.cms-homepage-buy header.page-header.page-header-alothemes #search_mini_form,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .field.search,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .control.catalogsearch,
  html body.cms-index-index header.page-header.page-header-alothemes .block-search,
  html body.cms-index-index header.page-header.page-header-alothemes .block-search .block-content,
  html body.cms-index-index header.page-header.page-header-alothemes #search_mini_form,
  html body.cms-index-index header.page-header.page-header-alothemes .field.search,
  html body.cms-index-index header.page-header.page-header-alothemes .control.catalogsearch {
    grid-area: search !important;
    position: relative !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 20 !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes .block-search .block-title,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .field.search .label,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .nested,
  html body.cms-homepage-buy header.page-header.page-header-alothemes .catalogsearch-box,
  html body.cms-index-index header.page-header.page-header-alothemes .block-search .block-title,
  html body.cms-index-index header.page-header.page-header-alothemes .field.search .label,
  html body.cms-index-index header.page-header.page-header-alothemes .nested,
  html body.cms-index-index header.page-header.page-header-alothemes .catalogsearch-box {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes #search,
  html body.cms-index-index header.page-header.page-header-alothemes #search {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 92px 0 16px !important;
    border: 1px solid #164c9e !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #202a36 !important;
    font-size: 15px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
  }

  html body.cms-homepage-buy header.page-header.page-header-alothemes #search_mini_form .action.search.button,
  html body.cms-index-index header.page-header.page-header-alothemes #search_mini_form .action.search.button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 84px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    background: #164c9e !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    opacity: 1 !important;
    box-shadow: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  html body.cms-homepage-buy header.page-header.page-header-alothemes .header.content,
  html body.cms-index-index header.page-header.page-header-alothemes .header.content {
    grid-template-columns: minmax(150px, 220px) minmax(260px, 1fr) 58px !important;
    gap: 18px !important;
    padding: 18px 24px !important;
  }
}

/* Smartspitze kaufen: toolbar German cleanup 2026-06-11 */
html body.catalog-category-view .toolbar-products .modes,
html body.catalogsearch-result-index .toolbar-products .modes,
html body.catalog-category-view .toolbar-products .toolbar-amount,
html body.catalogsearch-result-index .toolbar-products .toolbar-amount {
  display: none !important;
  visibility: hidden !important;
}

html body.catalog-category-view .toolbar-products .limiter .label,
html body.catalogsearch-result-index .toolbar-products .limiter .label {
  margin-right: 8px !important;
}

html body.catalog-category-view .toolbar-products .limiter .label span,
html body.catalogsearch-result-index .toolbar-products .limiter .label span {
  font-size: 0 !important;
}

html body.catalog-category-view .toolbar-products .limiter .label span:after,
html body.catalogsearch-result-index .toolbar-products .limiter .label span:after {
  content: "Anzeigen" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.catalog-product-view .paypal.checkout,
html body.checkout-cart-index .cart-summary .paypal.checkout,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 86px !important;
  height: 86px !important;
  margin: 12px 0 0 !important;
  padding: 30px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-transform: none !important;
}

html body.catalog-product-view .paypal.checkout:before,
html body.checkout-cart-index .cart-summary .paypal.checkout:before,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout:before {
  content: "Oder" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: block !important;
  height: 22px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: none !important;
}

html body.catalog-product-view .paypal.checkout:after,
html body.checkout-cart-index .cart-summary .paypal.checkout:after,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout:after {
  content: "Direkt zu PayPal" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px !important;
  border-radius: 999px !important;
  background: #252a2a !important;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html body.catalog-product-view .paypal.checkout input[type="image"],
html body.checkout-cart-index .cart-summary .paypal.checkout input[type="image"],
html body.checkout-cart-index .checkout-methods-items .paypal.checkout input[type="image"] {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  max-height: none !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html body.checkout-cart-index .cart-summary .paypal.checkout:before,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout:before {
  display: none !important;
  content: none !important;
}

html body.checkout-cart-index .cart-summary .paypal.checkout:after,
html body.checkout-cart-index .checkout-methods-items .paypal.checkout:after {
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  height: auto !important;
}

html body.checkout-cart-index .cart-summary .paypal.checkout input[type="image"],
html body.checkout-cart-index .checkout-methods-items .paypal.checkout input[type="image"] {
  top: -2px !important;
  left: -2px !important;
  right: -2px !important;
  bottom: -2px !important;
  width: calc(100% + 4px) !important;
  height: auto !important;
  min-height: 0 !important;
}

html body.catalog-product-view .product-info-main .smartspitze-product-meta__head,
html body.catalog-product-view .product-info-main .smartspitze-product-meta__list,
html body.catalog-product-view .product-info-main .smartspitze-availability-badges,
html body.catalog-product-view .product-info-main .smartspitze-product-status-badges,
html body.catalog-product-view .product-info-main .smartspitze-stock-pills,
html body.catalog-product-view .product-info-main .product-info-stock-sku,
html body.catalog-product-view .product-info-main .stock.available,
html body.catalog-product-view .product-info-main .stock.unavailable {
  display: none !important;
  visibility: hidden !important;
}

html body.catalog-product-view .product-options-wrapper .swatch-attribute:before,
html body.catalog-product-view .product-options-wrapper .swatch-attribute:after {
  display: none !important;
  content: none !important;
}

@media (max-width: 767px) {
  html body.catalog-product-view .paypal.checkout,
  html body.checkout-cart-index .cart-summary .paypal.checkout,
  html body.checkout-cart-index .checkout-methods-items .paypal.checkout {
    height: 82px !important;
    min-height: 82px !important;
    padding-top: 28px !important;
  }

  html body.catalog-product-view .paypal.checkout:after,
  html body.checkout-cart-index .cart-summary .paypal.checkout:after,
  html body.checkout-cart-index .checkout-methods-items .paypal.checkout:after {
    height: 52px !important;
    font-size: 18px !important;
  }

  html body.catalog-product-view .paypal.checkout input[type="image"],
  html body.checkout-cart-index .cart-summary .paypal.checkout input[type="image"],
  html body.checkout-cart-index .checkout-methods-items .paypal.checkout input[type="image"] {
    height: 52px !important;
    min-height: 52px !important;
  }
}

/* Smartspitze kaufen: empty cart and default footer polish 2026-06-11 */
html body.checkout-cart-index {
  background: #f7f8fa !important;
}

html body.checkout-cart-index header.page-header,
html body.checkout-cart-index header.page-header.page-header-alothemes,
html body.checkout-cart-index .sections.nav-sections,
html body.checkout-cart-index .nav-sections {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.checkout-cart-index #usercentrics-cmp-ui {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.checkout-cart-index .page-main {
  width: 100% !important;
  max-width: 1240px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 20px 20px 24px !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-main > .page-title-wrapper,
html body.checkout-cart-index .page-main .columns {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.checkout-cart-index .page-main > .page-title-wrapper {
  margin-bottom: 18px !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.checkout-cart-index .page-main .page-title,
html body.checkout-cart-index .page-main .page-title span {
  color: #111827 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

html body.checkout-cart-index .page-main .page-title {
  display: block !important;
  margin: 0 !important;
}

html body.checkout-cart-index .page-main > .page-title-wrapper:after {
  content: "Sichere Zahlung – Ihre Daten sind bei uns geschützt." !important;
  display: block !important;
  margin-top: 6px !important;
  padding-left: 18px !important;
  color: #526070 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  background:
    linear-gradient(#526070, #526070) 4px 9px / 8px 1.5px no-repeat,
    linear-gradient(#526070, #526070) 4px 13px / 8px 1.5px no-repeat;
}

html body.checkout-cart-index .page-main .columns {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 500px) !important;
  gap: 20px !important;
  align-items: start !important;
}

html body.checkout-cart-index .page-main .column.main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

html body.checkout-cart-index .page-main .columns:after {
  content: "Bestellübersicht\A\A 0 Artikel im Warenkorb\A\A Zwischensumme                                      0,00 €\A Versand                                             0,00 €\A\A Gesamtsumme                                      0,00 €" !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  white-space: pre-wrap !important;
  display: block !important;
  visibility: visible !important;
  clear: none !important;
  float: none !important;
  min-height: 220px !important;
  padding: 18px 20px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .cart-empty {
  position: relative !important;
  width: 100% !important;
  min-height: 220px !important;
  margin: 0 auto !important;
  padding: 34px 34px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  color: #111827 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .cart-empty:before {
  content: "" !important;
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 16px !important;
  border-radius: 50% !important;
  background:
    linear-gradient(#1d4f91, #1d4f91) center 16px / 22px 2px no-repeat,
    linear-gradient(#1d4f91, #1d4f91) center 25px / 18px 2px no-repeat,
    #eef5ff !important;
  border: 1px solid #cfe1f7 !important;
}

html body.checkout-cart-index .cart-empty p {
  max-width: 520px !important;
  margin: 0 auto !important;
  color: #526070 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html body.checkout-cart-index .cart-empty p:first-child {
  margin-bottom: 14px !important;
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body.checkout-cart-index .cart-empty p:last-child {
  font-size: 0 !important;
  line-height: 0 !important;
}

html body.checkout-cart-index .cart-empty p:last-child a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 178px !important;
  min-height: 44px !important;
  margin-top: 4px !important;
  padding: 0 22px !important;
  border-radius: 6px !important;
  background: #f59a00 !important;
  color: #fff !important;
  font-size: 0 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.checkout-cart-index .cart-empty p:last-child a:after {
  content: "Weiter einkaufen" !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.checkout-cart-index .page-footer {
  margin: 0 !important;
  padding: 14px 20px 26px !important;
  border-top: 1px solid #e1e5ea !important;
  background: #f7f8fa !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-footer .footer.content {
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) minmax(360px, 560px) !important;
  grid-template-rows: auto auto !important;
  gap: 18px 28px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-footer .block.newsletter,
html body.checkout-cart-index .page-footer .block-subscribe {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 6px 20px rgba(16, 24, 40, .05) !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .block-title,
html body.checkout-cart-index .page-footer .block-subscribe .block-title {
  float: none !important;
  display: block !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #111827 !important;
  text-align: left !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .block-title h3,
html body.checkout-cart-index .page-footer .block-subscribe .block-title h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .form.subscribe,
html body.checkout-cart-index .page-footer .block-subscribe .form.subscribe {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .block-content,
html body.checkout-cart-index .page-footer .block-subscribe .block-content,
html body.checkout-cart-index .page-footer .block.newsletter .inline-block,
html body.checkout-cart-index .page-footer .block.newsletter .form-subscribe-header,
html body.checkout-cart-index .page-footer .block-subscribe .form-subscribe-header {
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #526070 !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .form-subscribe-header,
html body.checkout-cart-index .page-footer .block-subscribe .form-subscribe-header {
  grid-column: 1 / -1 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .field.newsletter,
html body.checkout-cart-index .page-footer .block-subscribe .field.newsletter,
html body.checkout-cart-index .page-footer .block.newsletter .control,
html body.checkout-cart-index .page-footer .block-subscribe .control {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .field.newsletter .label,
html body.checkout-cart-index .page-footer .block-subscribe .field.newsletter .label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

html body.checkout-cart-index .page-footer .block.newsletter input[type="email"],
html body.checkout-cart-index .page-footer .block-subscribe input[type="email"] {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border: 1px solid #d9dee7 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111827 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .actions,
html body.checkout-cart-index .page-footer .block-subscribe .actions {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
}

html body.checkout-cart-index .page-footer .block.newsletter .action.subscribe,
html body.checkout-cart-index .page-footer .block-subscribe .action.subscribe {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 128px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #1d4f91 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.checkout-cart-index .page-footer .footer.links {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 8px !important;
  background: #fff !important;
  list-style: none !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-footer .footer.links li {
  margin: 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index .page-footer .footer.links a {
  display: inline-flex !important;
  color: #1d4f91 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

html body.checkout-cart-index .page-footer .footer-copyright {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 2px !important;
  color: #526070 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

@media (max-width: 767px) {
  html body.checkout-cart-index .page-main {
    padding: 20px 12px 28px !important;
  }

  html body.checkout-cart-index .page-main > .page-title-wrapper {
    margin-bottom: 16px !important;
  }

  html body.checkout-cart-index .page-main .page-title,
  html body.checkout-cart-index .page-main .page-title span {
    font-size: 28px !important;
  }

  html body.checkout-cart-index .page-main .columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.checkout-cart-index .page-main .columns:after {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 190px !important;
    padding: 16px 18px !important;
    font-size: 12px !important;
  }

  html body.checkout-cart-index .cart-empty {
    padding: 30px 20px !important;
  }

  html body.checkout-cart-index .page-footer {
    padding: 20px 12px 24px !important;
  }

  html body.checkout-cart-index .page-footer .footer.content {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body.checkout-cart-index .page-footer .block.newsletter,
  html body.checkout-cart-index .page-footer .block-subscribe,
  html body.checkout-cart-index .page-footer .footer.links,
  html body.checkout-cart-index .page-footer .footer-copyright {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body.checkout-cart-index .page-footer .block.newsletter .form.subscribe,
  html body.checkout-cart-index .page-footer .block-subscribe .form.subscribe,
  html body.checkout-cart-index .page-footer .footer.links {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.checkout-cart-index .page-footer .block.newsletter .action.subscribe,
  html body.checkout-cart-index .page-footer .block-subscribe .action.subscribe {
    width: 100% !important;
  }
}

/* Smartspitze kaufen: keep desktop/tablet navigation above homepage hero 2026-06-12 */
@media (min-width: 768px) {
  html body.cms-homepage-buy .page-wrapper {
    display: flex !important;
    flex-direction: column !important;
  }

  html body.cms-homepage-buy .page-wrapper > header.page-header.page-header-alothemes {
    order: 10 !important;
  }

  html body.cms-homepage-buy .page-wrapper > .sections.nav-sections,
  html body.cms-homepage-buy .page-wrapper > .nav-sections {
    order: 20 !important;
    position: relative !important;
    z-index: 30 !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html body.cms-homepage-buy .page-wrapper > .slide-showcase {
    order: 30 !important;
  }

  html body.cms-homepage-buy .page-wrapper > main#maincontent,
  html body.cms-homepage-buy .page-wrapper > .page-main-full-width {
    order: 40 !important;
  }

  html body.cms-homepage-buy .page-wrapper > .sections-page-bottom {
    order: 45 !important;
  }

  html body.cms-homepage-buy .page-wrapper > .block.newsletter.popup {
    order: 46 !important;
  }

  html body.cms-homepage-buy .page-wrapper > footer.page-footer {
    order: 50 !important;
  }
}

/* Smartspitze kaufen: listing header toolbar restore 2026-06-12 start */
html body.catalog-category-view .smartspitze-category-panel,
html body.catalogsearch-result-index .smartspitze-category-panel {
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 16px !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
}

html body.catalog-category-view .smartspitze-category-panel__title,
html body.catalogsearch-result-index .smartspitze-category-panel__title {
  margin: 2px 0 4px !important;
  line-height: 1.1 !important;
}

html body.catalog-category-view .smartspitze-category-panel__trust,
html body.catalogsearch-result-index .smartspitze-category-panel__trust {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
}

html body.catalog-category-view .toolbar-top.smartspitze-toolbar-top,
html body.catalogsearch-result-index .toolbar-top.smartspitze-toolbar-top {
  clear: both !important;
  margin: 0 0 12px !important;
  min-height: 0 !important;
  position: static !important;
  width: 100% !important;
}

html body.catalog-category-view .toolbar-products.smartspitze-toolbar,
html body.catalogsearch-result-index .toolbar-products.smartspitze-toolbar {
  display: grid !important;
  grid-template-columns: minmax(118px, 1fr) minmax(280px, auto) auto !important;
  grid-template-areas: "summary sorter limiter" !important;
  align-items: center !important;
  gap: 10px 16px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(15, 48, 91, 0.05) !important;
}

html body.catalog-category-view .toolbar-products.smartspitze-toolbar:before,
html body.catalog-category-view .toolbar-products.smartspitze-toolbar:after,
html body.catalogsearch-result-index .toolbar-products.smartspitze-toolbar:before,
html body.catalogsearch-result-index .toolbar-products.smartspitze-toolbar:after {
  content: none !important;
  display: none !important;
}

html body.catalog-category-view .toolbar-products .smartspitze-toolbar-summary,
html body.catalogsearch-result-index .toolbar-products .smartspitze-toolbar-summary {
  grid-area: summary !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  min-height: 40px !important;
  margin: 0 !important;
  color: #202a36 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.catalog-category-view .toolbar-products .modes,
html body.catalog-category-view .toolbar-products .toolbar-amount,
html body.catalogsearch-result-index .toolbar-products .modes,
html body.catalogsearch-result-index .toolbar-products .toolbar-amount {
  display: none !important;
  visibility: hidden !important;
}

html body.catalog-category-view .toolbar-products .limiter,
html body.catalogsearch-result-index .toolbar-products .limiter {
  grid-area: limiter !important;
  display: inline-flex !important;
  float: none !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #647084 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

html body.catalog-category-view .toolbar-products .limiter .label,
html body.catalogsearch-result-index .toolbar-products .limiter .label {
  margin: 0 !important;
  color: #647084 !important;
  font-weight: 700 !important;
}

html body.catalog-category-view .toolbar-products .limiter .label span,
html body.catalogsearch-result-index .toolbar-products .limiter .label span {
  font-size: 0 !important;
}

html body.catalog-category-view .toolbar-products .limiter .label span:after,
html body.catalogsearch-result-index .toolbar-products .limiter .label span:after {
  content: "Anzeigen" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.catalog-category-view .toolbar-products .limiter .limiter-text,
html body.catalogsearch-result-index .toolbar-products .limiter .limiter-text {
  display: none !important;
}

html body.catalog-category-view .toolbar-products .limiter .limiter-options,
html body.catalogsearch-result-index .toolbar-products .limiter .limiter-options {
  width: 72px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 28px 0 14px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #202a36 !important;
  font-weight: 800 !important;
}

html body.catalog-category-view .toolbar-products .smartspitze-sorter,
html body.catalogsearch-result-index .toolbar-products .smartspitze-sorter {
  grid-area: sorter !important;
  display: grid !important;
  grid-template-columns: auto minmax(180px, 240px) 42px !important;
  grid-template-areas: "label select action" !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

html body.catalog-category-view .toolbar-products .smartspitze-sorter-head,
html body.catalogsearch-result-index .toolbar-products .smartspitze-sorter-head {
  display: contents !important;
}

html body.catalog-category-view .toolbar-products .smartspitze-sort-shortcuts,
html body.catalogsearch-result-index .toolbar-products .smartspitze-sort-shortcuts {
  display: none !important;
}

html body.catalog-category-view .toolbar-products .sorter-label,
html body.catalogsearch-result-index .toolbar-products .sorter-label {
  grid-area: label !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  color: #465466 !important;
  font-size: 0 !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body.catalog-category-view .toolbar-products .sorter-label:after,
html body.catalogsearch-result-index .toolbar-products .sorter-label:after {
  content: "Sortieren" !important;
  font-size: 14px !important;
}

html body.catalog-category-view .toolbar-products .sorter-options,
html body.catalogsearch-result-index .toolbar-products .sorter-options {
  grid-area: select !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 32px 0 14px !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #202a36 !important;
  font-weight: 800 !important;
}

html body.catalog-category-view .toolbar-products .sorter-action,
html body.catalogsearch-result-index .toolbar-products .sorter-action {
  grid-area: action !important;
  display: inline-flex !important;
  float: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  border: 1px solid #dbe4f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

html body.catalog-category-view .smartspitze-listing-controls,
html body.catalogsearch-result-index .smartspitze-listing-controls {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: 10px 12px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.catalog-category-view .smartspitze-listing-controls__label,
html body.catalogsearch-result-index .smartspitze-listing-controls__label,
html body.catalog-category-view .smartspitze-listing-controls__chip,
html body.catalogsearch-result-index .smartspitze-listing-controls__chip {
  margin: 0 !important;
}

@media (max-width: 1199px) {
  html body.catalog-category-view .toolbar-products.smartspitze-toolbar,
  html body.catalogsearch-result-index .toolbar-products.smartspitze-toolbar {
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "summary limiter"
      "sorter sorter" !important;
  }

  html body.catalog-category-view .toolbar-products .smartspitze-sorter,
  html body.catalogsearch-result-index .toolbar-products .smartspitze-sorter {
    justify-self: stretch !important;
    grid-template-columns: auto minmax(160px, 1fr) 42px !important;
  }
}

@media (max-width: 767px) {
  html body.catalog-category-view .smartspitze-category-panel,
  html body.catalogsearch-result-index .smartspitze-category-panel {
    gap: 12px !important;
    margin-bottom: 14px !important;
    padding: 14px !important;
  }

  html body.catalog-category-view .smartspitze-category-panel__eyebrow,
  html body.catalogsearch-result-index .smartspitze-category-panel__eyebrow {
    font-size: 11px !important;
  }

  html body.catalog-category-view .smartspitze-category-panel__title,
  html body.catalogsearch-result-index .smartspitze-category-panel__title {
    font-size: 22px !important;
    line-height: 1.14 !important;
  }

  html body.catalog-category-view .smartspitze-category-panel__trust,
  html body.catalogsearch-result-index .smartspitze-category-panel__trust {
    justify-content: flex-start !important;
  }

  html body.catalog-category-view .smartspitze-category-panel__trust span,
  html body.catalogsearch-result-index .smartspitze-category-panel__trust span {
    min-height: 30px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
  }

  html body.catalog-category-view .toolbar-products.smartspitze-toolbar,
  html body.catalogsearch-result-index .toolbar-products.smartspitze-toolbar {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "summary"
      "sorter" !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  html body.catalog-category-view .toolbar-products .smartspitze-toolbar-summary,
  html body.catalogsearch-result-index .toolbar-products .smartspitze-toolbar-summary {
    min-height: 24px !important;
  }

  html body.catalog-category-view .toolbar-products .limiter,
  html body.catalogsearch-result-index .toolbar-products .limiter {
    display: none !important;
  }

  html body.catalog-category-view .toolbar-products .smartspitze-sorter,
  html body.catalogsearch-result-index .toolbar-products .smartspitze-sorter {
    grid-template-columns: auto minmax(0, 1fr) 42px !important;
    grid-template-areas: "label select action" !important;
    justify-self: stretch !important;
    width: 100% !important;
  }

  html body.catalog-category-view .toolbar-products .sorter-label,
  html body.catalogsearch-result-index .toolbar-products .sorter-label {
    min-height: 42px !important;
  }

  html body.catalog-category-view .toolbar-products .sorter-options,
  html body.catalogsearch-result-index .toolbar-products .sorter-options {
    width: 100% !important;
  }

  html body.catalog-category-view .smartspitze-listing-controls,
  html body.catalogsearch-result-index .smartspitze-listing-controls {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
    padding: 10px !important;
  }

  html body.catalog-category-view .smartspitze-listing-controls__label,
  html body.catalogsearch-result-index .smartspitze-listing-controls__label {
    grid-column: 1 / -1 !important;
    font-size: 13px !important;
  }

  html body.catalog-category-view .smartspitze-listing-controls__chip,
  html body.catalogsearch-result-index .smartspitze-listing-controls__chip {
    justify-content: center !important;
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 13px !important;
    text-align: center !important;
  }
}

@media (max-width: 340px) {
  html body.catalog-category-view .smartspitze-listing-controls,
  html body.catalogsearch-result-index .smartspitze-listing-controls {
    grid-template-columns: 1fr !important;
  }
}
/* Smartspitze kaufen: listing header toolbar restore 2026-06-12 end */

/* Smartspitze kaufen: product detail layout restore 2026-06-12 start */
html body.catalog-product-view .page-main {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

html body.catalog-product-view .page-main > .columns,
html body.catalog-product-view .alocolumns {
  display: grid !important;
  grid-template-columns: 252px minmax(0, 1fr) !important;
  gap: 32px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body.catalog-product-view .page-main > .columns:before,
html body.catalog-product-view .page-main > .columns:after,
html body.catalog-product-view .alocolumns:before,
html body.catalog-product-view .alocolumns:after {
  content: none !important;
  display: none !important;
}

html body.catalog-product-view .column.main {
  grid-column: 2 !important;
  grid-row: 1 / span 4 !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

html body.catalog-product-view .sidebar-main,
html body.catalog-product-view .sidebar-additional {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  float: none !important;
}

html body.catalog-product-view .sidebar-main {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body.catalog-product-view .sidebar-additional {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin-top: 24px !important;
}

html body.catalog-product-view .product-essential {
  margin-top: 0 !important;
}

html body.catalog-product-view .product-essential .row {
  display: grid !important;
  grid-template-columns: minmax(360px, 48%) minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: start !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body.catalog-product-view .product.media,
html body.catalog-product-view .product-info-main {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
}

html body.catalog-product-view .sections-page-bottom,
html body.catalog-product-view footer.page-footer {
  clear: both !important;
}

@media (min-width: 900px) and (max-width: 1199px) {
  html body.catalog-product-view .page-main > .columns,
  html body.catalog-product-view .alocolumns {
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  html body.catalog-product-view .product-essential .row {
    grid-template-columns: minmax(300px, 46%) minmax(0, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 899px) {
  html body.catalog-product-view .page-main {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  html body.catalog-product-view .page-main > .columns,
  html body.catalog-product-view .alocolumns {
    display: block !important;
  }

  html body.catalog-product-view .column.main {
    width: 100% !important;
  }

  html body.catalog-product-view .sidebar-main,
  html body.catalog-product-view .sidebar-additional {
    display: none !important;
  }

  html body.catalog-product-view .product-essential .row {
    display: block !important;
  }
}
/* Smartspitze kaufen: product detail layout restore 2026-06-12 end */

/* Smartspitze kaufen: header search autocomplete layering restore 2026-06-12 start */
html body header.page-header.page-header-alothemes .block-search,
html body header.page-header.page-header-alothemes .block-search .block-content,
html body header.page-header.page-header-alothemes #search_mini_form,
html body header.page-header.page-header-alothemes .field.search,
html body header.page-header.page-header-alothemes .control.catalogsearch {
  isolation: isolate !important;
  overflow: visible !important;
}

html body.searchautocomplete__active header.page-header.page-header-alothemes {
  position: relative !important;
  z-index: 10000 !important;
  overflow: visible !important;
}

html body.searchautocomplete__active header.page-header.page-header-alothemes .block-search,
html body.searchautocomplete__active header.page-header.page-header-alothemes .block-search .block-content,
html body.searchautocomplete__active header.page-header.page-header-alothemes #search_mini_form,
html body.searchautocomplete__active header.page-header.page-header-alothemes .field.search,
html body.searchautocomplete__active header.page-header.page-header-alothemes .control.catalogsearch {
  z-index: 10010 !important;
}

html body header.page-header.page-header-alothemes #search {
  position: relative !important;
  z-index: 3 !important;
  height: 44px !important;
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: normal !important;
  background: #fff !important;
  background-clip: padding-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body.cms-homepage-buy header.page-header.page-header-alothemes #search,
html body.cms-index-index header.page-header.page-header-alothemes #search,
html body.catalog-product-view header.page-header.page-header-alothemes #search,
html body.catalog-category-view header.page-header.page-header-alothemes #search,
html body.catalogsearch-result-index header.page-header.page-header-alothemes #search,
html body.checkout-cart-index header.page-header.page-header-alothemes #search,
html body.checkout-index-index header.page-header.page-header-alothemes #search {
  line-height: normal !important;
  background: #fff !important;
  background-color: #fff !important;
}

html body header.page-header.page-header-alothemes #search::-webkit-search-cancel-button,
html body header.page-header.page-header-alothemes #search::-webkit-search-decoration {
  display: none !important;
  -webkit-appearance: none !important;
}

html body header.page-header.page-header-alothemes #search::placeholder {
  color: #9aa5b1 !important;
  opacity: 1 !important;
}

html body header.page-header.page-header-alothemes #search_mini_form .action.search.button {
  z-index: 4 !important;
}

html body header.page-header.page-header-alothemes #search_autocomplete,
html body header.page-header.page-header-alothemes .search-autocomplete {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body header.page-header.page-header-alothemes .mst-search-autocomplete__typeahead-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body header.page-header.page-header-alothemes .mst-searchautocomplete__autocomplete {
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  z-index: 10020 !important;
}

html body header.page-header.page-header-alothemes .mst-searchautocomplete__autocomplete._active {
  display: block !important;
  visibility: visible !important;
}

html body header.page-header.page-header-alothemes .mst-searchautocomplete__wrapper,
html body header.page-header.page-header-alothemes .mst-searchautocomplete__results {
  width: 100% !important;
  max-width: 100% !important;
}

html body header.page-header.page-header-alothemes .mst-searchautocomplete__empty-result {
  display: none !important;
}

@media (max-width: 767px) {
  html body header.page-header.page-header-alothemes .mst-searchautocomplete__autocomplete {
    top: calc(100% + 6px) !important;
  }
}
/* Smartspitze kaufen: header search autocomplete layering restore 2026-06-12 end */

/* Smartspitze kaufen: cart layout restore 2026-06-12 start */
html body.checkout-cart-index {
  --smartspitze-cart-bg: #f5f7fa;
  --smartspitze-cart-card: #fff;
  --smartspitze-cart-border: #e1e7ef;
  --smartspitze-cart-text: #111827;
  --smartspitze-cart-muted: #667085;
  --smartspitze-cart-blue: #244b95;
  --smartspitze-cart-blue-soft: #eef5ff;
  --smartspitze-cart-orange: #f59a00;
  background: var(--smartspitze-cart-bg) !important;
}

html body.checkout-cart-index header.page-header,
html body.checkout-cart-index header.page-header.page-header-alothemes,
html body.checkout-cart-index .sections.nav-sections,
html body.checkout-cart-index .nav-sections,
html body.checkout-cart-index .breadcrumbs,
html body.checkout-cart-index .page.messages {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.checkout-cart-index .page-wrapper,
html body.checkout-cart-index .page-main,
html body.checkout-cart-index .columns,
html body.checkout-cart-index .column.main {
  background: var(--smartspitze-cart-bg) !important;
}

html body.checkout-cart-index .page-main {
  width: 100% !important;
  max-width: 1280px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 24px 22px 34px !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .page-main > .page-title-wrapper {
  max-width: 1280px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  text-align: left !important;
}

html body.checkout-cart-index .page-main .page-title,
html body.checkout-cart-index .page-main .page-title span {
  display: block !important;
  margin: 0 !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

html body.checkout-cart-index .page-main > .page-title-wrapper:after {
  content: "Sichere Zahlung - Ihre Daten sind bei uns geschützt." !important;
  display: block !important;
  margin-top: 8px !important;
  color: #485569 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  background: none !important;
}

html body.checkout-cart-index .page-main .columns,
html body.checkout-cart-index .page-main .column.main {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index .page-main .columns:before,
html body.checkout-cart-index .page-main .columns:after {
  content: none !important;
  display: none !important;
}

html body.checkout-cart-index .cart-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .cart-container:before,
html body.checkout-cart-index .cart-container:after {
  content: none !important;
  display: none !important;
}

html body.checkout-cart-index .cart-container > form.form-cart,
html body.checkout-cart-index .cart-container > .form-cart {
  grid-column: 1 !important;
  grid-row: 1 !important;
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index .cart-summary {
  grid-column: 2 !important;
  grid-row: 1 !important;
  float: none !important;
  position: sticky !important;
  top: 18px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px 20px !important;
  border: 1px solid var(--smartspitze-cart-border) !important;
  border-radius: 8px !important;
  background: var(--smartspitze-cart-card) !important;
  box-shadow: 0 10px 28px rgba(16, 24, 40, .06) !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index .cart-summary .summary.title {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--smartspitze-cart-border) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

html body.checkout-cart-index .cart-summary .summary.title:after {
  content: "Bestellübersicht" !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body.checkout-cart-index .cart-summary .block.shipping,
html body.checkout-cart-index .cart-summary .block.discount {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 1px solid var(--smartspitze-cart-border) !important;
  border-radius: 6px !important;
  background: #fff !important;
  overflow: hidden !important;
}

html body.checkout-cart-index .cart-summary .block.shipping > .title,
html body.checkout-cart-index .cart-summary .block.discount > .title {
  margin: 0 !important;
  padding: 13px 14px !important;
  border: 0 !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body.checkout-cart-index .cart-summary .block.shipping .content,
html body.checkout-cart-index .cart-summary .block.discount .content {
  padding: 0 14px 14px !important;
  color: var(--smartspitze-cart-muted) !important;
  font-size: 13px !important;
}

html body.checkout-cart-index .cart-summary .cart-totals {
  margin: 2px 0 18px !important;
  padding: 0 !important;
  border-top: 1px solid var(--smartspitze-cart-border) !important;
  border-bottom: 1px solid var(--smartspitze-cart-border) !important;
  background: transparent !important;
}

html body.checkout-cart-index .cart-summary .table.totals,
html body.checkout-cart-index .cart-summary .table.totals tbody {
  display: block !important;
  width: 100% !important;
}

html body.checkout-cart-index .cart-summary .table.totals tr {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: baseline !important;
  width: 100% !important;
  padding: 8px 0 !important;
}

html body.checkout-cart-index .cart-summary .table.totals th,
html body.checkout-cart-index .cart-summary .table.totals td {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

html body.checkout-cart-index .cart-summary .table.totals td {
  text-align: right !important;
  font-weight: 800 !important;
}

html body.checkout-cart-index .cart-summary .grand.totals th,
html body.checkout-cart-index .cart-summary .grand.totals td,
html body.checkout-cart-index .cart-summary .grand.totals .price {
  color: var(--smartspitze-cart-text) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

html body.checkout-cart-index .cart-summary .checkout-methods-items {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  list-style: none !important;
}

html body.checkout-cart-index .cart-summary .checkout-methods-items li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.checkout-cart-index .cart-summary .action.primary.checkout,
html body.checkout-cart-index .cart-summary button.checkout,
html body.checkout-cart-index .cart-summary a.checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid var(--smartspitze-cart-orange) !important;
  border-radius: 6px !important;
  background: var(--smartspitze-cart-orange) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.checkout-cart-index .cart.table-wrapper {
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid var(--smartspitze-cart-border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .045) !important;
  overflow: hidden !important;
}

html body.checkout-cart-index #shopping-cart-table {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  border-collapse: separate !important;
  background: #fff !important;
}

html body.checkout-cart-index #shopping-cart-table thead,
html body.checkout-cart-index #shopping-cart-table thead tr {
  display: block !important;
  width: 100% !important;
}

html body.checkout-cart-index #shopping-cart-table thead tr {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 110px 140px 120px 72px !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 0 22px !important;
  border-bottom: 1px solid var(--smartspitze-cart-border) !important;
}

html body.checkout-cart-index #shopping-cart-table thead th {
  display: block !important;
  padding: 16px 0 !important;
  border: 0 !important;
  color: var(--smartspitze-cart-muted) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

html body.checkout-cart-index #shopping-cart-table tbody.cart.item {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
}

html body.checkout-cart-index #shopping-cart-table tbody.cart.item + tbody.cart.item {
  border-top: 1px solid var(--smartspitze-cart-border) !important;
}

html body.checkout-cart-index #shopping-cart-table tr.item-info {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 110px 140px 120px 72px !important;
  gap: 16px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 22px !important;
  border: 0 !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index #shopping-cart-table tr.item-info > td {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html body.checkout-cart-index #shopping-cart-table tr.item-info > td.col.item {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  text-align: left !important;
}

html body.checkout-cart-index #shopping-cart-table .product-item-photo {
  position: static !important;
  float: none !important;
  display: block !important;
  width: 92px !important;
  max-width: 92px !important;
  margin: 0 !important;
}

html body.checkout-cart-index #shopping-cart-table .product-image-container,
html body.checkout-cart-index #shopping-cart-table .product-image-wrapper {
  width: 84px !important;
  max-width: 84px !important;
}

html body.checkout-cart-index #shopping-cart-table .product-image-photo,
html body.checkout-cart-index #shopping-cart-table .product-item-photo img {
  max-width: 84px !important;
  max-height: 96px !important;
  object-fit: contain !important;
}

html body.checkout-cart-index #shopping-cart-table .product-item-details {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index #shopping-cart-table .product-item-name {
  display: block !important;
  max-width: 260px !important;
  margin: 0 0 8px !important;
  color: #153f8f !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

html body.checkout-cart-index #shopping-cart-table .product-item-name a {
  color: inherit !important;
  text-decoration: none !important;
}

html body.checkout-cart-index #shopping-cart-table .item-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 10px !important;
  margin: 0 !important;
  color: var(--smartspitze-cart-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body.checkout-cart-index #shopping-cart-table .item-options dt,
html body.checkout-cart-index #shopping-cart-table .item-options dd {
  margin: 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index #shopping-cart-table .item-options dt {
  color: #3f4b5b !important;
  font-weight: 800 !important;
}

html body.checkout-cart-index #shopping-cart-table .col.price,
html body.checkout-cart-index #shopping-cart-table .col.subtotal {
  justify-content: flex-end !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-align: right !important;
}

html body.checkout-cart-index #shopping-cart-table .price {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

html body.checkout-cart-index #shopping-cart-table .col.qty {
  justify-content: center !important;
}

html body.checkout-cart-index #shopping-cart-table .field.qty {
  margin: 0 !important;
}

html body.checkout-cart-index #shopping-cart-table .field.qty > .label {
  display: none !important;
}

html body.checkout-cart-index #shopping-cart-table .control.qty {
  display: inline-grid !important;
  grid-template-columns: 34px 48px 34px !important;
  align-items: center !important;
  height: 38px !important;
  border: 1px solid var(--smartspitze-cart-border) !important;
  border-radius: 999px !important;
  background: #fff !important;
  overflow: hidden !important;
}

html body.checkout-cart-index #shopping-cart-table .control.qty button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 38px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #eef2f7 !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body.checkout-cart-index #shopping-cart-table .control.qty button.reduced:after {
  content: "-" !important;
  font-size: 18px !important;
}

html body.checkout-cart-index #shopping-cart-table .control.qty button.increase:after {
  content: "+" !important;
  font-size: 18px !important;
}

html body.checkout-cart-index #shopping-cart-table .control.qty input.qty {
  width: 48px !important;
  height: 38px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--smartspitze-cart-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-align: center !important;
  box-shadow: none !important;
}

html body.checkout-cart-index #shopping-cart-table .item-actions {
  justify-content: flex-end !important;
}

html body.checkout-cart-index #shopping-cart-table .actions-toolbar {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

html body.checkout-cart-index #shopping-cart-table .action-edit,
html body.checkout-cart-index #shopping-cart-table .action-delete {
  display: inline-flex !important;
  color: var(--smartspitze-cart-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body.checkout-cart-index .cart.main.actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
}

html body.checkout-cart-index .cart.main.actions .action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 1px solid #244b95 !important;
  border-radius: 999px !important;
  background: #244b95 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.checkout-cart-index .cart.main.actions .action.update {
  background: #fff !important;
  color: #244b95 !important;
}

html body.checkout-cart-index .cart.main.actions .action span {
  display: inline !important;
  height: auto !important;
  color: inherit !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

html body.checkout-cart-index .sections-page-bottom {
  margin-top: 46px !important;
}

html body.checkout-cart-index .page-footer {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  background: #f3f4f6 !important;
}

html body.checkout-cart-index .page-footer .footer-copyright {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 1199px) {
  html body.checkout-cart-index .cart-container {
    grid-template-columns: minmax(0, 1fr) 360px !important;
  }

  html body.checkout-cart-index #shopping-cart-table thead tr,
  html body.checkout-cart-index #shopping-cart-table tr.item-info {
    grid-template-columns: minmax(240px, 1fr) 96px 128px 110px 58px !important;
    gap: 12px !important;
  }
}

@media (max-width: 991px) {
  html body.checkout-cart-index .cart-container {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.checkout-cart-index .cart-container > form.form-cart {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body.checkout-cart-index .cart-summary {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  html body.checkout-cart-index .cart-summary {
    position: static !important;
  }
}

@media (max-width: 767px) {
  html body.checkout-cart-index .page-main {
    padding: 20px 14px 28px !important;
  }

  html body.checkout-cart-index .page-main .page-title,
  html body.checkout-cart-index .page-main .page-title span {
    font-size: 28px !important;
  }

  html body.checkout-cart-index #shopping-cart-table thead {
    display: none !important;
  }

  html body.checkout-cart-index #shopping-cart-table tr.item-info {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 18px !important;
  }

  html body.checkout-cart-index #shopping-cart-table tr.item-info > td,
  html body.checkout-cart-index #shopping-cart-table tr.item-info > td.col.item {
    grid-column: 1 !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  html body.checkout-cart-index #shopping-cart-table tr.item-info > td.col.item {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body.checkout-cart-index #shopping-cart-table .product-item-photo,
  html body.checkout-cart-index #shopping-cart-table .product-image-container,
  html body.checkout-cart-index #shopping-cart-table .product-image-wrapper {
    width: 72px !important;
    max-width: 72px !important;
  }

  html body.checkout-cart-index #shopping-cart-table .product-item-name {
    max-width: none !important;
    font-size: 15px !important;
  }

  html body.checkout-cart-index #shopping-cart-table .col.price:before {
    content: "Preis" !important;
  }

  html body.checkout-cart-index #shopping-cart-table .col.qty:before {
    content: "Menge" !important;
  }

  html body.checkout-cart-index #shopping-cart-table .col.subtotal:before {
    content: "Zwischensumme" !important;
  }

  html body.checkout-cart-index #shopping-cart-table .col.price,
  html body.checkout-cart-index #shopping-cart-table .col.qty,
  html body.checkout-cart-index #shopping-cart-table .col.subtotal,
  html body.checkout-cart-index #shopping-cart-table .item-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    justify-content: stretch !important;
    text-align: left !important;
  }

  html body.checkout-cart-index #shopping-cart-table .col.price:before,
  html body.checkout-cart-index #shopping-cart-table .col.qty:before,
  html body.checkout-cart-index #shopping-cart-table .col.subtotal:before {
    color: var(--smartspitze-cart-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  html body.checkout-cart-index #shopping-cart-table .actions-toolbar {
    flex-direction: row !important;
    justify-content: flex-end !important;
  }

  html body.checkout-cart-index .cart.main.actions .action {
    width: 100% !important;
  }
}
/* Smartspitze kaufen: cart layout restore 2026-06-12 end */