/* Pickaro stylesheet manifest. Import order preserves the previous cascade. */
@import url("base.css");
@import url("header.css");
@import url("homepage.css");
@import url("products.css");
@import url("legal.css");
@import url("catalog.css");
@import url("product-detail.css");
@import url("responsive.css");
@import url("seo-compliance.css");
@import url("consent.css");
@import url("search.css");
@import url("wishlist.css");
@import url("inspiration.css?v=20260717-inspiration3");
@import url("shop-look.css?v=20260725-hotspot-resolution3");

:root {
  /* Department themes: edit these tokens to recolor a complete Pickaro world. */
  --pickaro-theme-technik-surface: #47697d;
  --pickaro-theme-technik-surface-soft: #c9d3db;
  --pickaro-theme-technik-accent: #6f8799;
  --pickaro-theme-technik-accent-line: #aebdc8;
  --pickaro-theme-technik-accent-hover: #365266;
  --pickaro-theme-technik-text: #fff;
  --pickaro-theme-technik-copy: rgba(255, 255, 255, .86);
  --pickaro-theme-technik-eyebrow: rgba(255, 255, 255, .76);
  --pickaro-theme-technik-soft-text: #2f414e;
  --pickaro-theme-technik-soft-copy: #506574;
  --pickaro-theme-technik-action-bg: #fff;
  --pickaro-theme-technik-action-text: var(--pickaro-theme-technik-accent-hover);
  --pickaro-theme-technik-secondary-bg: rgba(255, 255, 255, .08);
  --pickaro-theme-technik-secondary-border: rgba(255, 255, 255, .5);
  --pickaro-theme-technik-secondary-text: #fff;

  --pickaro-theme-haushalt-surface: #fff6f1;
  --pickaro-theme-haushalt-surface-soft: #faece5;
  --pickaro-theme-haushalt-accent: #73113f;
  --pickaro-theme-haushalt-accent-line: color-mix(in srgb, var(--pickaro-theme-haushalt-accent) 28%, transparent);
  --pickaro-theme-haushalt-accent-hover: #590c30;
  --pickaro-theme-haushalt-text: #332a27;
  --pickaro-theme-haushalt-copy: #6a5a53;
  --pickaro-theme-haushalt-eyebrow: var(--pickaro-theme-haushalt-accent);
  --pickaro-theme-haushalt-soft-text: #332a27;
  --pickaro-theme-haushalt-soft-copy: var(--pickaro-theme-haushalt-accent);
  --pickaro-theme-haushalt-action-bg: var(--pickaro-theme-haushalt-accent);
  --pickaro-theme-haushalt-action-text: #fff;
  --pickaro-theme-haushalt-secondary-bg: rgba(255, 255, 255, .64);
  --pickaro-theme-haushalt-secondary-border: color-mix(in srgb, var(--pickaro-theme-haushalt-accent) 30%, transparent);
  --pickaro-theme-haushalt-secondary-text: var(--pickaro-theme-haushalt-accent);

  --pickaro-theme-einrichtung-surface: #80736a;
  --pickaro-theme-einrichtung-surface-soft: #c8c0b6;
  --pickaro-theme-einrichtung-accent: #8a7769;
  --pickaro-theme-einrichtung-accent-line: #d1c2b3;
  --pickaro-theme-einrichtung-accent-hover: #655950;
  --pickaro-theme-einrichtung-text: #fff;
  --pickaro-theme-einrichtung-copy: rgba(255, 255, 255, .86);
  --pickaro-theme-einrichtung-eyebrow: rgba(255, 255, 255, .76);
  --pickaro-theme-einrichtung-soft-text: #403832;
  --pickaro-theme-einrichtung-soft-copy: #665c55;
  --pickaro-theme-einrichtung-action-bg: #fff;
  --pickaro-theme-einrichtung-action-text: var(--pickaro-theme-einrichtung-accent-hover);
  --pickaro-theme-einrichtung-secondary-bg: rgba(255, 255, 255, .08);
  --pickaro-theme-einrichtung-secondary-border: rgba(255, 255, 255, .5);
  --pickaro-theme-einrichtung-secondary-text: #fff;

  --pickaro-theme-garten-surface: #68775c;
  --pickaro-theme-garten-surface-soft: #dce1d6;
  --pickaro-theme-garten-accent: #718064;
  --pickaro-theme-garten-accent-line: #c6d0bb;
  --pickaro-theme-garten-accent-hover: #536149;
  --pickaro-theme-garten-text: #fff;
  --pickaro-theme-garten-copy: rgba(255, 255, 255, .88);
  --pickaro-theme-garten-eyebrow: rgba(255, 255, 255, .78);
  --pickaro-theme-garten-soft-text: #354033;
  --pickaro-theme-garten-soft-copy: #5c6855;
  --pickaro-theme-garten-action-bg: #fff;
  --pickaro-theme-garten-action-text: var(--pickaro-theme-garten-accent-hover);
  --pickaro-theme-garten-secondary-bg: rgba(255, 255, 255, .08);
  --pickaro-theme-garten-secondary-border: rgba(255, 255, 255, .52);
  --pickaro-theme-garten-secondary-text: #fff;

  /* Compact aliases used by shared controls. */
  --pickaro-theme-technik: var(--pickaro-theme-technik-accent);
  --pickaro-theme-haushalt: var(--pickaro-theme-haushalt-accent);
  --pickaro-theme-einrichtung: var(--pickaro-theme-einrichtung-accent);
  --pickaro-theme-garten: var(--pickaro-theme-garten-accent);
  --pickaro-theme-neutral: #27382c;
}

/* Product media treatment: white studio backgrounds blend into Pickaro surfaces. */
img[data-product-image-variant="studio"] {
  mix-blend-mode: darken;
}

img[data-product-image-variant="studio-light"] {
  mix-blend-mode: normal;
}

img[data-product-image-variant="milieu"] {
  mix-blend-mode: normal;
}

.deal-product-media,
.stream-product-media,
.pickaro-featured-media,
.related-product-media,
.product-detail-media {
  background: #f3f3f1 !important;
}

.deal-product-media img[data-product-image-variant="milieu"],
.stream-product-media img[data-product-image-variant="milieu"],
.pickaro-featured-media img[data-product-image-variant="milieu"],
.related-product-media img[data-product-image-variant="milieu"] {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
}

.catalog-thumb img[data-product-image-variant="milieu"] {
  object-fit: cover;
}

.deal-product-media:has(img[data-product-image-variant="studio-light"]),
.stream-product-media:has(img[data-product-image-variant="studio-light"]),
.pickaro-featured-media:has(img[data-product-image-variant="studio-light"]),
.related-product-media:has(img[data-product-image-variant="studio-light"]),
.product-detail-media:has(.product-gallery-stage img[data-product-image-variant="studio-light"]) {
  background: #fafaf9 !important;
}

/* Primary departments and the expanded two-row catalog navigation. */
.nav-item--department > .nav-trigger {
  padding: 10px 2px 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 3px solid transparent;
  color: #403d38;
  font-size: 15px;
  font-weight: 800;
}

.nav-item--technik {
  --department-accent: var(--pickaro-theme-technik-accent);
  --department-accent-line: var(--pickaro-theme-technik-accent-line);
}

.nav-item--haushalt {
  --department-accent: var(--pickaro-theme-haushalt-accent);
  --department-accent-line: var(--pickaro-theme-haushalt-accent-line);
}

.nav-item--einrichtung {
  --department-accent: var(--pickaro-theme-einrichtung-accent);
  --department-accent-line: var(--pickaro-theme-einrichtung-accent-line);
}

.nav-item--garten {
  --department-accent: var(--pickaro-theme-garten-accent);
  --department-accent-line: var(--pickaro-theme-garten-accent-line);
}

.nav-department-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  fill: none;
  stroke: var(--department-accent);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nav-item--department.is-current > .nav-trigger,
.nav-item--department.is-open > .nav-trigger,
.nav-item--department:hover > .nav-trigger,
.nav-item--department > .nav-trigger:focus-visible {
  border-bottom-color: var(--department-accent-line);
  color: var(--department-accent);
}

.nav-item--secondary > a {
  color: #77716a;
  font-size: 13px;
  font-weight: 600;
}

.mega-menu--catalog {
  grid-template-columns: minmax(250px, 0.62fr) 3fr;
  max-height: calc(100vh - 108px);
  overflow-y: auto;
}

.navbar {
  width: min(96vw, 1580px);
  max-width: none;
}

.mega-menu-intro--tech {
  background: var(--pickaro-theme-technik-surface-soft);
  color: var(--pickaro-theme-technik-soft-text);
}

.mega-menu-intro--tech .mega-kicker,
.mega-menu-intro--tech p:not(.mega-kicker) {
  color: var(--pickaro-theme-technik-soft-copy);
}

.mega-menu-intro--household {
  background: var(--pickaro-theme-haushalt-surface-soft);
  color: var(--pickaro-theme-haushalt-soft-text);
}

.mega-menu-intro--household .mega-kicker,
.mega-menu-intro--household p:not(.mega-kicker) {
  color: var(--pickaro-theme-haushalt-soft-copy);
}

.mega-menu-intro--interior {
  background: var(--pickaro-theme-einrichtung-surface-soft);
  color: var(--pickaro-theme-einrichtung-soft-text);
}

.mega-menu-intro--interior .mega-kicker,
.mega-menu-intro--interior p:not(.mega-kicker) {
  color: var(--pickaro-theme-einrichtung-soft-copy);
}

.mega-menu-intro--garden {
  background: var(--pickaro-theme-garten-surface-soft);
  color: var(--pickaro-theme-garten-soft-text);
}

.mega-menu-intro--garden .mega-kicker,
.mega-menu-intro--garden p:not(.mega-kicker) {
  color: var(--pickaro-theme-garten-soft-copy);
}

.mega-menu-groups {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-content: start;
  gap: 38px 24px;
}

.nav-item--technik .mega-menu-groups {
  background: #fbfcfd;
}

/* Shared thematic language for category headers and homepage stories. */
.hero-slide {
  --hero-theme-color: #f7f6f4;
  --hero-panel-edge: 27%;
  --hero-fade-end: 66%;
  --hero-text-color: #2f2f2f;
  --hero-copy-color: #67635e;
  --hero-eyebrow-color: #5b6d5d;
  --hero-primary-bg: var(--pickaro-theme-neutral);
  --hero-primary-color: #fff;
  --hero-secondary-bg: rgba(251, 250, 248, .88);
  --hero-secondary-border: rgba(47, 47, 47, .16);
  --hero-secondary-color: #35322e;
  background-color: var(--hero-theme-color);
}

.hero-slide[data-hero-theme="technik"] {
  --hero-theme-color: var(--pickaro-theme-technik-surface);
  --hero-text-color: var(--pickaro-theme-technik-text);
  --hero-copy-color: var(--pickaro-theme-technik-copy);
  --hero-eyebrow-color: var(--pickaro-theme-technik-eyebrow);
  --hero-primary-bg: var(--pickaro-theme-technik-action-bg);
  --hero-primary-color: var(--pickaro-theme-technik-action-text);
  --hero-secondary-bg: var(--pickaro-theme-technik-secondary-bg);
  --hero-secondary-border: var(--pickaro-theme-technik-secondary-border);
  --hero-secondary-color: var(--pickaro-theme-technik-secondary-text);
}

.hero-slide[data-hero-theme="haushalt"] {
  --hero-theme-color: var(--pickaro-theme-haushalt-surface);
  --hero-text-color: var(--pickaro-theme-haushalt-text);
  --hero-copy-color: var(--pickaro-theme-haushalt-copy);
  --hero-eyebrow-color: var(--pickaro-theme-haushalt-eyebrow);
  --hero-primary-bg: var(--pickaro-theme-haushalt-action-bg);
  --hero-primary-color: var(--pickaro-theme-haushalt-action-text);
  --hero-secondary-bg: var(--pickaro-theme-haushalt-secondary-bg);
  --hero-secondary-border: var(--pickaro-theme-haushalt-secondary-border);
  --hero-secondary-color: var(--pickaro-theme-haushalt-secondary-text);
}

.hero-slide[data-hero-theme="einrichtung"] {
  --hero-theme-color: var(--pickaro-theme-einrichtung-surface);
  --hero-text-color: var(--pickaro-theme-einrichtung-text);
  --hero-copy-color: var(--pickaro-theme-einrichtung-copy);
  --hero-eyebrow-color: var(--pickaro-theme-einrichtung-eyebrow);
  --hero-primary-bg: var(--pickaro-theme-einrichtung-action-bg);
  --hero-primary-color: var(--pickaro-theme-einrichtung-action-text);
  --hero-secondary-bg: var(--pickaro-theme-einrichtung-secondary-bg);
  --hero-secondary-border: var(--pickaro-theme-einrichtung-secondary-border);
  --hero-secondary-color: var(--pickaro-theme-einrichtung-secondary-text);
}

.hero-slide[data-hero-theme="garten"] {
  --hero-theme-color: var(--pickaro-theme-garten-surface);
  --hero-text-color: var(--pickaro-theme-garten-text);
  --hero-copy-color: var(--pickaro-theme-garten-copy);
  --hero-eyebrow-color: var(--pickaro-theme-garten-eyebrow);
  --hero-primary-bg: var(--pickaro-theme-garten-action-bg);
  --hero-primary-color: var(--pickaro-theme-garten-action-text);
  --hero-secondary-bg: var(--pickaro-theme-garten-secondary-bg);
  --hero-secondary-border: var(--pickaro-theme-garten-secondary-border);
  --hero-secondary-color: var(--pickaro-theme-garten-secondary-text);
}

.hero-slide-image {
  inset: 0 0 0 var(--hero-panel-edge);
  width: calc(100% - var(--hero-panel-edge));
  max-width: none;
}

.hero-slide--m5 .hero-slide-image {
  object-fit: cover;
  object-position: 51% 72%;
}

.hero-slide--sideboard .hero-slide-image {
  object-fit: cover;
  object-position: 50% 57%;
}

.hero-slide::before,
.hero-slide--coffee::before {
  background: linear-gradient(90deg,
    var(--hero-theme-color) 0%,
    var(--hero-theme-color) var(--hero-panel-edge),
    var(--hero-theme-color) var(--hero-panel-edge),
    color-mix(in srgb, var(--hero-theme-color) 5%, transparent) var(--hero-fade-end),
    color-mix(in srgb, var(--hero-theme-color) 5%, transparent) 100%);
}

.hero-slide::after {
  background: none;
}

.hero-slide .hero-content,
.hero-slide .hero-content h1 {
  color: var(--hero-text-color);
}

.hero-slide .hero-copy { color: var(--hero-copy-color); }
.hero-slide .eyebrow { color: var(--hero-eyebrow-color); }

.hero-slide .hero-actions .primary {
  border-color: var(--hero-primary-bg);
  background: var(--hero-primary-bg);
  color: var(--hero-primary-color);
}

.hero-slide .hero-actions .secondary {
  border-color: var(--hero-secondary-border);
  background: var(--hero-secondary-bg);
  color: var(--hero-secondary-color);
}

.hero-slide .hero-actions .primary:hover,
.hero-slide .hero-actions .secondary:hover {
  filter: brightness(.95);
}

.hero-slider {
  --hero-control-accent: var(--pickaro-theme-neutral);
  --hero-control-surface: rgba(251, 250, 248, .9);
  --hero-control-border: rgba(47, 47, 47, .12);
  --hero-control-color: #2f2f2f;
}

.hero-slider[data-active-theme="technik"] { --hero-control-accent: var(--pickaro-theme-technik); }
.hero-slider[data-active-theme="haushalt"] { --hero-control-accent: var(--pickaro-theme-haushalt); }
.hero-slider[data-active-theme="einrichtung"] { --hero-control-accent: var(--pickaro-theme-einrichtung); }
.hero-slider[data-active-theme="garten"] { --hero-control-accent: var(--pickaro-theme-garten); }

.hero-controls {
  border-color: var(--hero-control-border);
  background: var(--hero-control-surface);
}

.hero-arrow { color: var(--hero-control-color); }
.hero-arrow:hover {
  border-color: var(--hero-control-accent);
  background: var(--hero-control-accent);
}
.hero-dot.is-active::after { background: var(--hero-control-accent); }

.hero-slider[data-active-theme="haushalt"] .hero-arrow:hover {
  color: #fff;
}

.catalog-hero.catalog-hero--editorial {
  --catalog-theme-color: #27382c;
  --catalog-panel-edge: 27%;
  --catalog-fade-end: 66%;
  --catalog-text-color: #fff;
  --catalog-copy-color: rgba(255, 255, 255, .88);
  --catalog-eyebrow-color: rgba(255, 255, 255, .78);
  --catalog-primary-bg: #fff;
  --catalog-primary-text: #263128;
  --catalog-primary-hover-bg: #f0ede8;
  --catalog-secondary-bg: rgba(255, 255, 255, .08);
  --catalog-secondary-border: rgba(255, 255, 255, .48);
  --catalog-secondary-text: #fff;
  --catalog-secondary-hover-bg: rgba(255, 255, 255, .16);
  background: var(--catalog-theme-color);
}

.catalog-hero.catalog-hero--tech,
.catalog-hero.catalog-hero--technik {
  --catalog-theme-color: var(--pickaro-theme-technik-surface) !important;
  --catalog-text-color: var(--pickaro-theme-technik-text);
  --catalog-copy-color: var(--pickaro-theme-technik-copy);
  --catalog-eyebrow-color: var(--pickaro-theme-technik-eyebrow);
  --catalog-primary-bg: var(--pickaro-theme-technik-action-bg);
  --catalog-primary-text: var(--pickaro-theme-technik-action-text);
  --catalog-secondary-bg: var(--pickaro-theme-technik-secondary-bg);
  --catalog-secondary-border: var(--pickaro-theme-technik-secondary-border);
  --catalog-secondary-text: var(--pickaro-theme-technik-secondary-text);
}

.catalog-hero.catalog-hero--haushalt {
  --catalog-theme-color: var(--pickaro-theme-haushalt-surface) !important;
  --catalog-text-color: var(--pickaro-theme-haushalt-text);
  --catalog-copy-color: var(--pickaro-theme-haushalt-copy);
  --catalog-eyebrow-color: var(--pickaro-theme-haushalt-eyebrow);
  --catalog-primary-bg: var(--pickaro-theme-haushalt-action-bg);
  --catalog-primary-text: var(--pickaro-theme-haushalt-action-text);
  --catalog-primary-hover-bg: var(--pickaro-theme-haushalt-accent-hover);
  --catalog-secondary-bg: var(--pickaro-theme-haushalt-secondary-bg);
  --catalog-secondary-border: var(--pickaro-theme-haushalt-secondary-border);
  --catalog-secondary-text: var(--pickaro-theme-haushalt-secondary-text);
  --catalog-secondary-hover-bg: rgba(255, 255, 255, .82);
}

.catalog-hero.catalog-hero--interior,
.catalog-hero.catalog-hero--einrichtung {
  --catalog-theme-color: var(--pickaro-theme-einrichtung-surface) !important;
  --catalog-text-color: var(--pickaro-theme-einrichtung-text);
  --catalog-copy-color: var(--pickaro-theme-einrichtung-copy);
  --catalog-eyebrow-color: var(--pickaro-theme-einrichtung-eyebrow);
  --catalog-primary-bg: var(--pickaro-theme-einrichtung-action-bg);
  --catalog-primary-text: var(--pickaro-theme-einrichtung-action-text);
  --catalog-secondary-bg: var(--pickaro-theme-einrichtung-secondary-bg);
  --catalog-secondary-border: var(--pickaro-theme-einrichtung-secondary-border);
  --catalog-secondary-text: var(--pickaro-theme-einrichtung-secondary-text);
}

.catalog-hero.catalog-hero--garten {
  --catalog-theme-color: var(--pickaro-theme-garten-surface) !important;
  --catalog-text-color: var(--pickaro-theme-garten-text);
  --catalog-copy-color: var(--pickaro-theme-garten-copy);
  --catalog-eyebrow-color: var(--pickaro-theme-garten-eyebrow);
  --catalog-primary-bg: var(--pickaro-theme-garten-action-bg);
  --catalog-primary-text: var(--pickaro-theme-garten-action-text);
  --catalog-secondary-bg: var(--pickaro-theme-garten-secondary-bg);
  --catalog-secondary-border: var(--pickaro-theme-garten-secondary-border);
  --catalog-secondary-text: var(--pickaro-theme-garten-secondary-text);
}

.catalog-hero.catalog-hero--editorial .catalog-hero-copy,
.catalog-hero.catalog-hero--editorial .catalog-hero-copy h1 {
  color: var(--catalog-text-color);
}

.catalog-hero.catalog-hero--editorial .catalog-hero-copy .eyebrow {
  color: var(--catalog-eyebrow-color);
}

.catalog-hero.catalog-hero--editorial .catalog-hero-copy > p:not(.eyebrow) {
  color: var(--catalog-copy-color);
}

.catalog-hero.catalog-hero--editorial .button.primary {
  border-color: var(--catalog-primary-bg);
  background: var(--catalog-primary-bg);
  color: var(--catalog-primary-text);
}

.catalog-hero.catalog-hero--editorial .button.primary:hover {
  border-color: var(--catalog-primary-hover-bg);
  background: var(--catalog-primary-hover-bg);
  color: var(--catalog-primary-text);
}

.catalog-hero.catalog-hero--editorial .button.secondary {
  border-color: var(--catalog-secondary-border);
  background: var(--catalog-secondary-bg);
  color: var(--catalog-secondary-text);
}

.catalog-hero.catalog-hero--editorial .button.secondary:hover {
  border-color: var(--catalog-secondary-border);
  background: var(--catalog-secondary-hover-bg);
  color: var(--catalog-secondary-text);
}

.catalog-hero-backdrop {
  inset: 0 0 0 var(--catalog-panel-edge);
  width: calc(100% - var(--catalog-panel-edge));
  max-width: none;
}

.catalog-hero-shade {
  background: linear-gradient(90deg,
    var(--catalog-theme-color) 0%,
    var(--catalog-theme-color) var(--catalog-panel-edge),
    var(--catalog-theme-color) var(--catalog-panel-edge),
    color-mix(in srgb, var(--catalog-theme-color) 5%, transparent) var(--catalog-fade-end),
    color-mix(in srgb, var(--catalog-theme-color) 5%, transparent) 100%);
}

/* Subcategory tiles read from image to label to a quiet final arrow. */
.catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image {
  min-height: 132px !important;
  padding: 10px 18px 10px 14px;
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 16px;
  grid-template-rows: auto auto;
  column-gap: 18px;
  row-gap: 6px;
  align-items: center !important;
  justify-content: stretch;
}

.catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image .catalog-thumb {
  position: static;
  grid-column: 1;
  grid-row: 1 / 3;
  width: 76px;
  height: 94px;
  margin: 0;
  padding: 0;
  align-self: center;
  background: transparent;
  opacity: 1;
}

.catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image strong {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  min-width: 0;
  font-size: 23px;
  hyphens: auto;
  overflow-wrap: break-word;
}

.catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image > span:not(.catalog-thumb):not(.catalog-directory-arrow) {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}

.catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image .catalog-directory-arrow {
  position: static;
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  justify-self: end;
  color: #596757;
  font-size: 14px;
}

@media (max-width: 1180px) {
  .navbar { width: calc(100vw - 48px); }

  .nav-panel {
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    padding: 22px;
    border: 1px solid var(--line);
    background: #fbfbfa;
    box-shadow: var(--shadow);
  }

  .nav-panel.is-open { display: block; }
  .nav-links,
  .nav-actions { display: block; }
  .nav-links li { margin-bottom: 8px; }
  .nav-actions { margin-top: 18px; }
  .search-form { margin-bottom: 10px; }
  .search-input,
  .search-input:focus { width: 100%; }
  .mobile-toggle { display: block; }

  .mega-menu.mega-menu--catalog {
    position: static;
    width: 100%;
    max-height: none;
    grid-template-columns: 1fr;
    margin: 10px 0 18px;
    border-radius: 0;
    box-shadow: none;
  }

  .mega-menu-intro {
    min-height: 0;
    padding: 24px;
  }

  .mega-menu-groups {
    padding: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 900px) {
  .hero-slide-image,
  .catalog-hero-backdrop {
    inset: 0;
    width: 100%;
  }

  .hero-slide::before,
  .hero-slide--coffee::before {
    background: linear-gradient(180deg,
      var(--hero-theme-color) 0%,
      color-mix(in srgb, var(--hero-theme-color) 82%, transparent) 52%,
      color-mix(in srgb, var(--hero-theme-color) 5%, transparent) 82%,
      color-mix(in srgb, var(--hero-theme-color) 5%, transparent) 100%);
  }

  .catalog-hero-shade {
    background: linear-gradient(180deg,
      var(--catalog-theme-color) 0%,
      color-mix(in srgb, var(--catalog-theme-color) 78%, transparent) 58%,
      color-mix(in srgb, var(--catalog-theme-color) 5%, transparent) 86%,
      color-mix(in srgb, var(--catalog-theme-color) 5%, transparent) 100%);
  }

  .hero-slide--m5 .hero-slide-image {
    object-position: 50% 72%;
  }
}

@media (max-width: 700px) {
  .navbar { width: calc(100vw - 36px); }
  .mega-menu-groups { grid-template-columns: 1fr; }

  .catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image {
    min-height: 108px !important;
    padding: 10px 14px;
    grid-template-columns: 68px minmax(0, 1fr) 14px;
    column-gap: 14px;
  }

  .catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image .catalog-thumb {
    width: 64px;
    height: 78px;
    padding: 0;
  }

  .catalog-link-grid.catalog-link-grid--uniform > a.catalog-feature-link--image strong {
    font-size: 22px;
  }
}