{"store_id": "90454688068", "store_url_domain": "merzbschwanen", "fonts": {"heading_font": {"font_family": "DIN 2014", "font_color": "#212121", "is_custom": true, "font_weight": 600}, "paragraph_font": {"font_family": "Helvetica, Arial, sans-serif", "font_color": "#212121", "is_custom": false, "font_weight": null}}, "button": {"text_color": "#212121", "color": "#FCFBF9", "text_transform": "uppercase"}, "layout": {"position_on_desktop": "right", "modal_type": "drawer", "nav_type": "text", "background_color": "#FCFBF9", "shape": "square"}, "locale": {"default_onsite_locale": "en-US"}, "help_settings": {"help_settings_option": "gorgias", "external_link": {"url": "https://merzbschwanen.gorgias.help/en-Us"}}, "feed_settings": {"feed_id": "6107436", "feed_enabled": true}, "review_stars": {"foreground_color": "#000000", "background_color": "#000000"}, "wishlists": {"enabled": true, "visibility": "ALL", "icon_style": "PLUS", "icon_color": "#212121", "app_block_style_choice": "INHERIT", "app_block_font": null, "app_block_fill_color": null, "alignment": "CENTER", "visual_style": "ICON_TEXT", "allow_wishlist_sharing": false, "onsite_app_block": {"visibility": "ALL", "icon_style": "PLUS", "icon_color": "#212121", "font": {"font_family": "inherit", "font_color": "#212121", "is_custom": false, "font_weight": null}, "fill_color": "rgba(252,251,249,0)", "alignment": "RIGHT", "visual_style": "ICON_ONLY"}}, "hub_launcher": {"visibility": "ALL", "position_on_desktop": "bottom-start", "background_color": "BUTTON", "shape": "curved", "bottom_spacing": 40, "side_spacing": 40}, "widget": {"visibility": "HIDE_ALL", "destination": "FOR_YOU", "shape": "rounded", "widget_color": "#000000", "icon_color": "#FFFFFF", "icon_image_url": null, "position_on_desktop": "bottom-end", "side_spacing": 40, "bottom_spacing": 40, "add_to_cart_popover_settings": {"enabled": false, "scroll_threshold_percentage": 30, "visibility": "ALL", "show_to_groups": [], "hide_from_groups": []}}, "content_blocks": null, "custom_text": {"action_text": "Login to track your orders and save your shopping history", "profile_action_text": "Sign in to view your profile", "orders_action_text": "Sign in to view your orders", "return_action_text": "Return", "sign_in_button": null, "add_to_cart_button": null, "add_to_cart_success": null, "add_to_cart_error": null, "view_cart_action": null, "cart_name": null, "coupon_name": null}, "returns": {"enabled": true, "provider": "other", "returns_url": "https://merzbschwanen.shipping-portal.com/rp/", "returns_url_template": "{returns_url}", "returns_settings_option": "enabled", "returns_platform": "other"}, "design": {"custom_css": "/* ==========================================================\n   Merz b. Schwanen / Klaviyo Customer Hub overrides (v15)\n   Paste into Customer Hub > Style > Custom CSS\n   ========================================================== */\n\n:root {\n  /* Brand colors: Primary Light / Primary Dark */\n  --mbs-primary-light: #FCFBF9;\n  --mbs-primary-dark: #212121;\n  --mbs-hairline: rgba(0, 0, 0, 0.12);\n\n  /* Fonts: Helvetica for all copy, DIN for headings and buttons */\n  --mbs-din: \"din-2014\", Helvetica, Arial, sans-serif;\n  /* helvetica-neue-lt-pro is the webfont the site body uses */\n  --mbs-helvetica: \"helvetica-neue-lt-pro\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n  --atlas-font-family: var(--mbs-helvetica);\n  --atlas-heading-font-family: var(--mbs-din);\n  --atlas-font-weight-normal: 400;\n  --atlas-font-weight-heading: 600;\n\n  /* Buttons and selected states follow the brand colors, not black */\n  --atlas-button-primary: var(--mbs-primary-light);\n  --atlas-text-primary-inverse: var(--mbs-primary-dark);\n  --atlas-primary-color: var(--mbs-primary-dark);\n\n  /* Text and surfaces */\n  --atlas-text-primary: var(--mbs-primary-dark);\n  --atlas-border-light: var(--mbs-hairline);\n  --atlas-border-focus: var(--mbs-primary-dark);\n\n  /* Shape */\n  --atlas-drawer-inset-border-radius: 0;\n  --atlas-button-border-radius: 0;\n  --atlas-input-border-radius-normal: 0;\n  --atlas-card-border-radius-normal: 0;\n  --atlas-message-border-radius: 0;\n  --atlas-shadow-medium: none;\n}\n\n/* ---------- Typography ---------- */\n\n/* All copy: Helvetica. Headings are excluded so they keep their own sizes */\n.kl-hub-drawer .kl-hub-text:not(.kl-hub-heading),\n.kl-hub-drawer .kl-hub-p,\n.kl-hub-drawer .kl-hub-link {\n  font-family: var(--mbs-helvetica);\n  font-size: 14px;\n  line-height: 1.4;\n  letter-spacing: 0;\n}\n\n/* Small helper text (empty states, meta lines) */\n.kl-hub-drawer .kl-hub-p-small,\n.kl-hub-drawer .kl-hub-p-tiny {\n  font-size: 12px;\n}\n\n/* Inputs stay at 16px so iOS Safari doesn't zoom the page on focus */\n.kl-hub-drawer .kl-hub-input {\n  font-family: var(--mbs-helvetica);\n  font-size: 16px;\n  letter-spacing: 0;\n}\n\n/* Headlines: DIN Demi, uppercase */\n.kl-hub-drawer .kl-hub-heading {\n  font-family: var(--mbs-din);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0;\n  line-height: 1.25;\n}\n\n.kl-hub-drawer .kl-hub-heading.kl-hub-h1 {\n  font-size: 24px;\n  line-height: 1.2;\n}\n\n.kl-hub-drawer .kl-hub-heading.kl-hub-h2,\n.kl-hub-drawer .kl-hub-heading.kl-hub-h3,\n.kl-hub-drawer .kl-hub-heading.kl-hub-h4,\n.kl-hub-drawer .kl-hub-heading.kl-hub-h5 {\n  font-size: 18px;\n}\n\n/* ---------- Links: no underline, including on hover ----------\n   !important is deliberate: Klaviyo's own card link styles\n   outrank normal selectors. Covers text-decoration plus the\n   border and background-image tricks some underlines use. */\n\n.kl-hub-drawer a,\n.kl-hub-drawer a *,\n.kl-hub-drawer .kl-hub-link,\n.kl-hub-drawer .kl-hub-link * {\n  color: inherit;\n  text-decoration: none !important;\n}\n\n/* Border and background resets only on text-level links, so linked\n   cards keep their borders and thumbnails */\n.kl-hub-drawer a.kl-hub-link,\n.kl-hub-drawer a > .kl-hub-text {\n  border-bottom: 0 !important;\n  background-image: none !important;\n}\n\n.kl-hub-drawer a:hover,\n.kl-hub-drawer a:hover *,\n.kl-hub-drawer .kl-hub-link:hover {\n  text-decoration: none !important;\n}\n\n/* ---------- Buttons ---------- */\n\n/* Matches the theme's .btn: DIN 2014 600, 14px, 0.025em tracking */\n.kl-hub-drawer .kl-hub-button {\n  font-family: var(--mbs-din);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.375;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n  box-shadow: none;\n}\n\n/* Some buttons wrap their label in a text element, so force it there too */\n.kl-hub-drawer .kl-hub-button .kl-hub-text {\n  font-family: var(--mbs-din);\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n/* Theme button padding is 10px 18px. Tabs keep tighter side padding\n   so four labels fit across the drawer at 14px. */\n.kl-hub-drawer .kl-hub-button-primary,\n.kl-hub-drawer .kl-hub-button-secondary {\n  padding: 10px 18px !important;\n}\n\n.kl-hub-drawer .kl-hub-tab {\n  padding: 10px 6px !important;\n  white-space: nowrap;\n}\n\n/* Default, hover, focus, active and selected all stay light with dark text */\n.kl-hub-drawer .kl-hub-button-primary,\n.kl-hub-drawer .kl-hub-button-primary:hover,\n.kl-hub-drawer .kl-hub-button-primary:focus,\n.kl-hub-drawer .kl-hub-button-primary:active {\n  background: var(--mbs-primary-light);\n  color: var(--mbs-primary-dark);\n  border: 1px solid var(--mbs-primary-dark);\n}\n\n.kl-hub-drawer .kl-hub-button-secondary,\n.kl-hub-drawer .kl-hub-button-secondary:hover {\n  background: transparent;\n  color: var(--mbs-primary-dark);\n  border: 1px solid var(--mbs-hairline);\n}\n\n/* Selected nav tab: border instead of a fill */\n.kl-hub-drawer .kl-hub-button[aria-current=\"page\"],\n.kl-hub-drawer .kl-hub-button[aria-selected=\"true\"],\n.kl-hub-drawer .kl-hub-button[aria-pressed=\"true\"] {\n  background: var(--mbs-primary-light);\n  color: var(--mbs-primary-dark);\n  border: 1px solid var(--mbs-primary-dark);\n}\n\n.kl-hub-drawer .kl-hub-button:focus-visible {\n  outline: 1px solid var(--mbs-primary-dark);\n  outline-offset: 2px;\n}\n\n/* ---------- Inputs and toasts ---------- */\n\n.kl-hub-drawer .kl-hub-input {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n  box-shadow: none;\n}\n\n.kl-hub-drawer .kl-hub-input:focus {\n  border-color: var(--mbs-primary-dark);\n  outline: none;\n}\n\n.kl-hub-toast {\n  border-radius: 0;\n  box-shadow: none;\n  font-family: var(--mbs-helvetica);\n  font-size: 12px;\n}\n\n/* ==========================================================\n   Layout: strokes, radii, cards, carousels, tabs\n   ========================================================== */\n\n/* No corner radius anywhere in the hub */\n.kl-hub-drawer,\n.kl-hub-drawer *,\n.kl-hub-drawer *::before,\n.kl-hub-drawer *::after {\n  border-radius: 0 !important;\n}\n\n/* No strokes or shadow outlines except on buttons and inputs.\n   This also clears the outer frame around the nav tabs, the\n   card frames and the dashed Favorites empty state. */\n.kl-hub-drawer,\n.kl-hub-drawer *:not(.kl-hub-button):not(.kl-hub-input) {\n  border-color: transparent !important;\n  box-shadow: none !important;\n}\n\n/* ---------- Product images: 5:6, same ratio as the collection grid ---------- */\n\n.kl-hub-drawer .kl-hub-product-info__thumbnail {\n  width: 100% !important;\n  height: auto !important;\n  aspect-ratio: 5 / 6 !important;\n  object-fit: cover !important;\n  border: 0 !important;\n}\n\n/* ---------- Recently Viewed: stacked cards like Top Picks ---------- */\n\n.kl-hub-drawer .kl-hub-summary-section__recently-viewed .kl-hub-card {\n  width: 165px !important;\n  min-width: 165px !important;\n  padding: 0 !important;\n  background: transparent !important;\n  border: 0 !important;\n}\n\n.kl-hub-drawer .kl-hub-summary-section__recently-viewed .kl-hub-card > div {\n  padding: 0 !important;\n}\n\n.kl-hub-drawer .kl-hub-summary-section__recently-viewed .kl-hub-product-info {\n  flex-direction: column !important;\n  align-items: stretch !important;\n  gap: 8px;\n}\n\n.kl-hub-drawer .kl-hub-summary-section__recently-viewed .kl-hub-product-info > div {\n  width: 100% !important;\n  margin: 0 !important;\n}\n\n/* ---------- Product text: one-line name, lighter price, no size ---------- */\n\n.kl-hub-drawer .kl-hub-product-info__product-name {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.kl-hub-drawer .kl-hub-product-info__product-name .kl-hub-link {\n  display: inline;\n}\n\n.kl-hub-drawer .kl-hub-price {\n  color: rgba(33, 33, 33, 0.6) !important;\n  font-weight: 400 !important;\n}\n\n.kl-hub-drawer .kl-hub-product-info__variant-name {\n  display: none !important;\n}\n\n/* ---------- Carousel arrows: hidden ---------- */\n\n.kl-hub-drawer [data-testid=\"carousel-back\"],\n.kl-hub-drawer [data-testid=\"carousel-forward\"] {\n  display: none !important;\n}\n\n/* ---------- Image blocks: text over the bottom of the image ---------- */\n\n.kl-hub-drawer .kl-hub-action-card {\n  position: relative;\n  display: block;\n  background: transparent !important;\n}\n\n.kl-hub-drawer .kl-hub-action-card > img {\n  display: block;\n  width: 100%;\n  height: auto !important;\n  aspect-ratio: 5 / 3;\n  object-fit: cover;\n}\n\n.kl-hub-drawer .kl-hub-action-card > div {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: transparent !important;\n}\n\n/* ---------- Navigation tabs: single row of buttons, no outer frame ---------- */\n\n.kl-hub-drawer .kl-hub-tabs__tablist {\n  border: 0 !important;\n  padding: 0 !important;\n  gap: 6px;\n  background: transparent !important;\n}\n\n.kl-hub-drawer .kl-hub-tabs__indicator {\n  display: none !important;\n}\n\n.kl-hub-drawer .kl-hub-tab {\n  flex: 1 1 0;\n  background: var(--mbs-primary-light) !important;\n}\n\n/* ---------- Section spacing: 25% more than Klaviyo's 24px ---------- */\n\n.kl-hub-drawer .kl-hub-summary__top {\n  padding-bottom: 30px !important;\n}\n\n.kl-hub-drawer .kl-hub-summary > div:has(.kl-hub-summary-section) {\n  gap: 30px !important;\n}\n\n/* ==========================================================\n   Buttons: match the Shopify theme\n   1px solid #212121 stroke on every button. Hover is the theme's\n   outline-button wipe: a 10% tint of the text color slides in on\n   a 30deg skew over 0.5s.\n   ========================================================== */\n\n.kl-hub-drawer .kl-hub-button-primary,\n.kl-hub-drawer .kl-hub-button-secondary,\n.kl-hub-drawer .kl-hub-tab {\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  border: 1px solid var(--mbs-primary-dark) !important;\n  transition: color 0.25s, border 0.25s;\n}\n\n.kl-hub-drawer .kl-hub-button-primary::after,\n.kl-hub-drawer .kl-hub-button-secondary::after,\n.kl-hub-drawer .kl-hub-tab::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60px;\n  z-index: -1;\n  width: calc(100% + 120px);\n  height: 100%;\n  /* !important: Klaviyo uses this same ::after as its own hover\n     overlay and pushes it to full opacity, which caused the dark fill */\n  background-color: currentColor !important;\n  opacity: 0.1 !important;\n  transform: translate3d(-100%, 0, 0) skew(30deg);\n  transition: transform 0.5s cubic-bezier(0.33, 0, 0, 1);\n  pointer-events: none;\n}\n\n/* Klaviyo fills buttons dark on hover, focus and press. Keep the\n   light fill so the tint wipe is the only change, like the theme. */\n.kl-hub-drawer .kl-hub-button-primary:hover,\n.kl-hub-drawer .kl-hub-button-primary:focus,\n.kl-hub-drawer .kl-hub-button-primary:active,\n.kl-hub-drawer .kl-hub-button-secondary:hover,\n.kl-hub-drawer .kl-hub-button-secondary:focus,\n.kl-hub-drawer .kl-hub-button-secondary:active,\n.kl-hub-drawer .kl-hub-tab:hover,\n.kl-hub-drawer .kl-hub-tab:focus,\n.kl-hub-drawer .kl-hub-tab:active {\n  background-color: var(--mbs-primary-light) !important;\n  color: var(--mbs-primary-dark) !important;\n  opacity: 1 !important;\n}\n\n@media (hover: hover) {\n  .kl-hub-drawer .kl-hub-button-primary:hover::after,\n  .kl-hub-drawer .kl-hub-button-secondary:hover::after,\n  .kl-hub-drawer .kl-hub-tab:hover::after {\n    transform: translateZ(0);\n  }\n}\n\n/* Active tab: every tab now shares the dark stroke, so the active\n   one keeps the tint filled in instead */\n.kl-hub-drawer .kl-hub-tab--active::after {\n  transform: translateZ(0);\n}\n\n/* ==========================================================\n   Full list pages (Top Picks, Recently Viewed \"see all\")\n   Same 165px image as the For You carousels, with name, price\n   and Add to Cart stacked to the right and vertically centred.\n   ========================================================== */\n\n.kl-hub-drawer .kl-hub-product-list-item {\n  align-items: center !important;\n  gap: 16px !important;\n}\n\n.kl-hub-drawer .kl-hub-product-list-item > div:first-child {\n  flex: 0 0 165px !important;\n  width: 165px !important;\n  max-width: 165px !important;\n}\n\n.kl-hub-drawer .kl-hub-product-list-item > div:last-child {\n  flex: 1 1 auto !important;\n  min-width: 0 !important;\n  margin: 0 !important;\n  justify-content: center !important;\n  align-items: stretch !important;\n  gap: 12px;\n}\n\n.kl-hub-drawer .kl-hub-product-list-item > div:last-child > div {\n  flex: 0 0 auto !important;\n  justify-content: flex-start !important;\n}\n\n.kl-hub-drawer .kl-hub-product-list-item .kl-hub-text {\n  text-align: left;\n}\n\n/* There's room here for full names, so let them wrap */\n.kl-hub-drawer .kl-hub-product-list-item .kl-hub-product-info__product-name {\n  white-space: normal;\n  overflow: visible;\n}\n\n/* ==========================================================\n   Add to Cart size picker (popover)\n   Opaque panel with the button stroke, \"Size\" in title case,\n   size options styled as theme buttons in a 3-column grid like\n   the PDP. Hover and selected use the same 10% tint wipe.\n   ========================================================== */\n\n.kl-hub-drawer .kl-hub-popover.kl-hub-surface-content {\n  background: var(--mbs-primary-light) !important;\n  border: 1px solid var(--mbs-primary-dark) !important;\n  padding: 16px !important;\n  backdrop-filter: none !important;\n}\n\n/* Pointer arrow */\n.kl-hub-drawer .kl-hub-popover > svg {\n  display: none !important;\n}\n\n.kl-hub-drawer .kl-hub-popover .kl-hub-radio-group {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 6px !important;\n}\n\n.kl-hub-drawer .kl-hub-radio-group legend {\n  text-transform: capitalize;\n  font-family: var(--mbs-helvetica);\n  font-size: 14px;\n  margin-bottom: 8px;\n}\n\n.kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button {\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n  justify-content: center;\n  margin: 0 !important;\n  padding: 8px 12px !important;\n  background: var(--mbs-primary-light) !important;\n  border: 1px solid var(--mbs-primary-dark) !important;\n  box-shadow: none !important;\n  outline: none;\n  color: var(--mbs-primary-dark) !important;\n  font-family: var(--mbs-din);\n  font-size: 14px;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n\n.kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button span {\n  color: var(--mbs-primary-dark) !important;\n  background: transparent !important;\n}\n\n.kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button::before {\n  display: none !important;\n}\n\n.kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: -60px;\n  z-index: -1;\n  width: calc(100% + 120px);\n  height: 100%;\n  background-color: currentColor !important;\n  opacity: 0.1 !important;\n  transform: translate3d(-100%, 0, 0) skew(30deg);\n  transition: transform 0.5s cubic-bezier(0.33, 0, 0, 1);\n  pointer-events: none;\n}\n\n@media (hover: hover) {\n  .kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button:hover::after {\n    transform: translateZ(0);\n  }\n}\n\n.kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button:has(input:checked)::after {\n  transform: translateZ(0);\n}\n\n/* Keyboard focus: dark ring instead of Klaviyo's blue */\n.kl-hub-drawer .kl-hub-radio-group .kl-hub-radio-button:has(input:focus-visible) {\n  outline: 1px solid var(--mbs-primary-dark);\n  outline-offset: 2px;\n}\n\n.kl-hub-drawer .kl-hub-popover .kl-hub-button {\n  width: 100%;\n}\n\n/* ==========================================================\n   Single product cards with Add to Cart (e.g. the current\n   product shown on the FAQ page). Stacked like the For You\n   cards: 165px image at 5:6, name, price, then Add to Cart.\n   Full list pages are excluded; they keep their own layout.\n   ========================================================== */\n\n.kl-hub-drawer .kl-hub-card:has(.kl-hub-add-to-cart-button):not(:has(.kl-hub-product-list-item)) {\n  width: 165px !important;\n  min-width: 165px !important;\n  padding: 0 !important;\n  background: transparent !important;\n  border: 0 !important;\n}\n\n.kl-hub-drawer .kl-hub-card:has(.kl-hub-add-to-cart-button):not(:has(.kl-hub-product-list-item)) > div {\n  padding: 0 !important;\n}\n\n.kl-hub-drawer .kl-hub-card:has(.kl-hub-add-to-cart-button):not(:has(.kl-hub-product-list-item)) .kl-hub-product-info {\n  flex-direction: column !important;\n  align-items: stretch !important;\n  gap: 8px;\n}\n\n.kl-hub-drawer .kl-hub-card:has(.kl-hub-add-to-cart-button):not(:has(.kl-hub-product-list-item)) .kl-hub-product-info > div {\n  width: 100% !important;\n  flex: 0 0 auto !important;\n  margin: 0 !important;\n}\n\n.kl-hub-drawer .kl-hub-card:has(.kl-hub-add-to-cart-button):not(:has(.kl-hub-product-list-item)) .kl-hub-add-to-cart-button {\n  width: 100%;\n  margin-top: 4px;\n  padding-left: 6px !important;\n  padding-right: 6px !important;\n}\n\n/* ==========================================================\n   Store credit balance (Profile tab)\n   Klaviyo colors this heading with the primary button color,\n   which is Primary Light, so it vanished into the background.\n   Matches on the stable part of Klaviyo's class name.\n   ========================================================== */\n\n.kl-hub-drawer [class*=\"storeCreditBalance\"] {\n  color: var(--mbs-primary-dark) !important;\n  -webkit-text-fill-color: currentColor;\n}\n\n/* ==========================================================\n   Favorites: bookmark icon instead of Klaviyo's plus\n   Same Iconoir-style bookmark as the product page button.\n   Outline when not saved, filled once saved. Hover shifts\n   the icon to the theme's light grey with no fill or box.\n   ========================================================== */\n\n:root {\n  --mbs-icon-bookmark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5C5 3.9 5.9 3 7 3H17C18.1 3 19 3.9 19 5V21L13.08 17.2C12.42 16.77 11.58 16.77 10.92 17.2L5 21Z'/%3E%3C/svg%3E\");\n  --mbs-icon-bookmark-filled: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5C5 3.9 5.9 3 7 3H17C18.1 3 19 3.9 19 5V21L13.08 17.2C12.42 16.77 11.58 16.77 10.92 17.2L5 21Z'/%3E%3C/svg%3E\");\n}\n\n.kl-hub-drawer .kl-hub-wishlist-icon {\n  width: 20px !important;\n  height: 20px !important;\n  background-color: currentColor;\n  -webkit-mask: var(--mbs-icon-bookmark) center / contain no-repeat;\n  mask: var(--mbs-icon-bookmark) center / contain no-repeat;\n}\n\n.kl-hub-drawer .kl-hub-wishlist-icon:not(.kl-hub-wishlist-icon--inactive) {\n  -webkit-mask-image: var(--mbs-icon-bookmark-filled);\n  mask-image: var(--mbs-icon-bookmark-filled);\n}\n\n.kl-hub-drawer .kl-hub-wishlist-icon svg {\n  display: none !important;\n}\n\n/* The button around the icon: no fill or hover box */\n.kl-hub-drawer .kl-hub-button:has(.kl-hub-wishlist-icon) {\n  background: transparent !important;\n  color: var(--mbs-primary-dark) !important;\n  transition: color 0.2s;\n}\n\n.kl-hub-drawer .kl-hub-button:has(.kl-hub-wishlist-icon)::before,\n.kl-hub-drawer .kl-hub-button:has(.kl-hub-wishlist-icon)::after {\n  display: none !important;\n}\n\n.kl-hub-drawer .kl-hub-button:has(.kl-hub-wishlist-icon):hover {\n  color: #646464 !important;\n}\n\n/* Favorites empty state: bookmark outline instead of the heart.\n   Klaviyo draws the heart as an inline SVG, so this targets the\n   icon that contains Klaviyo's heart path and masks a bookmark\n   over it. Other empty states (Orders etc.) keep their icons. */\n.kl-hub-drawer [class*=\"EmptyState-imageContainer\"] .kl-hub-icon:has(path[d^=\"M7.5 3A5.5\"]) {\n  width: 28px !important;\n  height: 28px !important;\n  color: #646464;\n  background-color: currentColor;\n  -webkit-mask: var(--mbs-icon-bookmark) center / contain no-repeat;\n  mask: var(--mbs-icon-bookmark) center / contain no-repeat;\n}\n\n.kl-hub-drawer [class*=\"EmptyState-imageContainer\"] .kl-hub-icon:has(path[d^=\"M7.5 3A5.5\"]) svg {\n  display: none !important;\n}\n\n/* Favorites row on the For You page: no Add to Cart buttons, so the\n   cards match Recently Viewed and Top Picks. The full Favorites page\n   (via the arrow) keeps Add to Cart. */\n.kl-hub-drawer .kl-hub-summary-section__favorites .kl-hub-add-to-cart-button {\n  display: none !important;\n}", "card": {"background_color": "#FCFBF9", "heading_color": "#212121", "paragraph_color": "#212121"}}, "loyalty": {"enabled": false, "provider": ""}, "reviews": {"enabled": false, "provider": null}, "faq": {"enabled": true, "enabled_onsite": false, "onsite_visibility": "ALL", "horizontal_spacing": 0, "vertical_spacing": 0, "button_color": "PRIMARY", "app_block_font": null, "app_block_fill_color": null, "alignment": "CENTER", "visual_style": "ICON_TEXT"}, "embedded_product_recs": {"enabled": true, "onsite_visibility": "ALL", "heading_text": "Our Picks", "max_products": 3, "show_price": true, "show_add_to_cart": true, "show_favorites": false, "filter_out_of_stock_products": true, "card_shape": "square", "paragraph_color": "212121", "favorites_fill_color": null, "favorites_icon_color": null, "add_to_cart_fill_color": "FCFBF9", "add_to_cart_text_color": "212121", "text_case": "none", "max_width": null, "padding": {"top": 30, "right": 0, "bottom": 30, "left": 0}, "product_grid_padding": {"top": 15, "right": 15, "bottom": 15, "left": 15}, "image_settings": {"width": 240, "height": 240}, "element_order": ["image", "product-name", "price"], "font_family": "inherit", "custom_css": "/* ==========================================================\n   Merz b. Schwanen / Klaviyo Customer Hub overrides (v3)\n   Paste into Customer Hub > Style > Custom CSS\n   Fill in the two brand colors below first.\n   ========================================================== */\n\n:root {\n  /* Brand colors: Primary Light / Primary Dark */\n  --mbs-primary-light: #FCFBF9;\n  --mbs-primary-dark: #212121;\n  --mbs-hairline: rgba(0, 0, 0, 0.12);\n\n  /* Fonts: Helvetica for all copy, DIN for headings and buttons */\n  --mbs-din: \"din-2014\", Helvetica, Arial, sans-serif;\n  --mbs-helvetica: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n\n  --atlas-font-family: var(--mbs-helvetica);\n  --atlas-heading-font-family: var(--mbs-din);\n  --atlas-font-weight-normal: 400;\n  --atlas-font-weight-heading: 600;\n\n  /* Buttons and selected states follow the brand colors, not black */\n  --atlas-button-primary: var(--mbs-primary-light);\n  --atlas-text-primary-inverse: var(--mbs-primary-dark);\n  --atlas-primary-color: var(--mbs-primary-dark);\n\n  /* Text and surfaces */\n  --atlas-text-primary: var(--mbs-primary-dark);\n  --atlas-border-light: var(--mbs-hairline);\n  --atlas-border-focus: var(--mbs-primary-dark);\n\n  /* Shape */\n  --atlas-drawer-inset-border-radius: 0;\n  --atlas-button-border-radius: 0;\n  --atlas-input-border-radius-normal: 0;\n  --atlas-card-border-radius-normal: 0;\n  --atlas-message-border-radius: 0;\n  --atlas-shadow-medium: none;\n}\n\n/* ---------- Typography ---------- */\n\n/* All copy: Helvetica. Headings are excluded so they keep their own sizes */\n.kl-hub-drawer .kl-hub-text:not(.kl-hub-heading),\n.kl-hub-drawer .kl-hub-p,\n.kl-hub-drawer .kl-hub-link {\n  font-family: var(--mbs-helvetica);\n  font-size: 14px;\n  line-height: 1.4;\n  letter-spacing: 0;\n}\n\n/* Small helper text (empty states, meta lines) */\n.kl-hub-drawer .kl-hub-p-small,\n.kl-hub-drawer .kl-hub-p-tiny {\n  font-size: 12px;\n}\n\n/* Inputs stay at 16px so iOS Safari doesn't zoom the page on focus */\n.kl-hub-drawer .kl-hub-input {\n  font-family: var(--mbs-helvetica);\n  font-size: 16px;\n  letter-spacing: 0;\n}\n\n/* Headlines: DIN Demi, uppercase */\n.kl-hub-drawer .kl-hub-heading {\n  font-family: var(--mbs-din);\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0;\n  line-height: 1.25;\n}\n\n.kl-hub-drawer .kl-hub-heading.kl-hub-h1 {\n  font-size: 24px;\n  line-height: 1.2;\n}\n\n.kl-hub-drawer .kl-hub-heading.kl-hub-h2,\n.kl-hub-drawer .kl-hub-heading.kl-hub-h3,\n.kl-hub-drawer .kl-hub-heading.kl-hub-h4,\n.kl-hub-drawer .kl-hub-heading.kl-hub-h5 {\n  font-size: 18px;\n}\n\n/* ---------- Links: no underline until hover ----------\n   !important is deliberate: Klaviyo's own card link styles\n   outrank normal selectors. Covers text-decoration plus the\n   border and background-image tricks some underlines use. */\n\n.kl-hub-drawer a,\n.kl-hub-drawer a *,\n.kl-hub-drawer .kl-hub-link,\n.kl-hub-drawer .kl-hub-link * {\n  color: inherit;\n  text-decoration: none !important;\n}\n\n/* Border and background resets only on text-level links, so linked\n   cards keep their borders and thumbnails */\n.kl-hub-drawer a.kl-hub-link,\n.kl-hub-drawer a > .kl-hub-text {\n  border-bottom: 0 !important;\n  background-image: none !important;\n}\n\n.kl-hub-drawer a:hover,\n.kl-hub-drawer a:hover .kl-hub-text,\n.kl-hub-drawer .kl-hub-link:hover {\n  text-decoration: underline !important;\n  text-underline-offset: 3px;\n}\n\n/* ---------- Buttons ---------- */\n\n.kl-hub-drawer .kl-hub-button {\n  font-family: var(--mbs-din);\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  letter-spacing: 0;\n  box-shadow: none;\n}\n\n/* Some buttons wrap their label in a text element, so force it there too */\n.kl-hub-drawer .kl-hub-button .kl-hub-text {\n  font-family: var(--mbs-din);\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n}\n\n/* Default, hover, focus, active and selected all stay light with dark text */\n.kl-hub-drawer .kl-hub-button-primary,\n.kl-hub-drawer .kl-hub-button-primary:hover,\n.kl-hub-drawer .kl-hub-button-primary:focus,\n.kl-hub-drawer .kl-hub-button-primary:active {\n  background: var(--mbs-primary-light);\n  color: var(--mbs-primary-dark);\n  border: 1px solid var(--mbs-primary-dark);\n}\n\n.kl-hub-drawer .kl-hub-button-secondary,\n.kl-hub-drawer .kl-hub-button-secondary:hover {\n  background: transparent;\n  color: var(--mbs-primary-dark);\n  border: 1px solid var(--mbs-hairline);\n}\n\n/* Selected nav tab: border instead of a fill */\n.kl-hub-drawer .kl-hub-button[aria-current=\"page\"],\n.kl-hub-drawer .kl-hub-button[aria-selected=\"true\"],\n.kl-hub-drawer .kl-hub-button[aria-pressed=\"true\"] {\n  background: var(--mbs-primary-light);\n  color: var(--mbs-primary-dark);\n  border: 1px solid var(--mbs-primary-dark);\n}\n\n.kl-hub-drawer .kl-hub-button:focus-visible {\n  outline: 1px solid var(--mbs-primary-dark);\n  outline-offset: 2px;\n}\n\n/* ---------- Surfaces ---------- */\n\n.kl-hub-drawer {\n  border-left: 1px solid var(--mbs-hairline);\n}\n\n.kl-hub-drawer .kl-hub-card {\n  border: 1px solid var(--mbs-hairline);\n  box-shadow: none;\n}\n\n.kl-hub-drawer .kl-hub-thumbnail {\n  border-radius: 0;\n}\n\n.kl-hub-drawer .kl-hub-input {\n  border: 1px solid rgba(0, 0, 0, 0.3);\n  box-shadow: none;\n}\n\n.kl-hub-drawer .kl-hub-input:focus {\n  border-color: var(--mbs-primary-dark);\n  outline: none;\n}\n\n.kl-hub-toast {\n  border-radius: 0;\n  box-shadow: none;\n  font-family: var(--mbs-helvetica);\n  font-size: 12px;\n}\n\n/* ---------- Optional: hide the variant line on Top Picks cards ----------\n   Not a documented hook. Inspect the \"4/S\" line first: if it carries\n   kl-hub-p-tiny (or kl-hub-p-small), uncomment and match the class.\n   Check that Recently Viewed and Orders still show what they should.\n\n.kl-hub-drawer .kl-hub-card .kl-hub-p-tiny {\n  display: none;\n}\n*/"}, "subscriptions": {"enabled": false}, "general": {"replace_account_links": true, "privacy_policy_link": "https://www.merzbschwanen.com/policies/privacy-policy", "terms_of_service_link": "https://www.merzbschwanen.com/policies/terms-of-service", "marketing_list_id": null, "should_prompt_email_marketing": true, "should_prompt_sms_marketing": true, "store_display_name": "Merz b. Schwanen", "is_otp_enabled": false, "is_identified_state_enabled": true, "store_type": "shopify", "customer_hub_onboarded": true, "web_chat_onboarded": true, "default_returns_enabled": true}, "authentication": {"is_otp_enabled": false, "shopify_storefront_public_access_token": null}, "web_chat": {"visibility": "HIDE_ALL", "welcome_message": "", "welcome_message_delay": 0, "ai_agent_enabled": false, "notify_emails": [], "require_authentication_for_handoff": false, "live_handoff_with_email_enabled": true}, "ai_agent_settings": null, "headless_shopify_settings": {"storefront_api_public_key": null, "customer_accounts_api_client_id": null, "login_route": null, "logout_route": null, "profile_route": null, "addresses_route": null}, "custom_layout": {"for_you": {"blocks": [{"type": "recent-orders", "visibility": "LOGGED_IN", "id": null}, {"type": "subscriptions", "visibility": "LOGGED_IN_OR_IDENTIFIED", "id": null}, {"type": "loyalty", "visibility": "LOGGED_IN", "id": null}, {"type": "reviews", "visibility": "HIDE_ALL", "id": null}, {"type": "coupons", "visibility": "LOGGED_IN_OR_IDENTIFIED", "id": null}, {"type": "recently-viewed", "visibility": "LOGGED_IN_OR_IDENTIFIED", "id": null}, {"type": "favorites", "visibility": "ALL", "id": null}, {"type": "recommendations", "visibility": "ALL", "id": null}, {"type": "content-block", "visibility": null, "id": "Featured products"}, {"type": "content-block", "visibility": null, "id": "Newsletter signup"}]}}, "cart": {"enabled": false, "placement": "hub", "show_favorites": true, "show_recommendations": true, "replace_cart_links": false}, "line_item_fields": [], "embedded_integrations": {"loyalty": null, "order_tracking": {"visibility": "LOGGED_IN", "max_section_width": 1100, "padding_horizontal": 24, "padding_vertical": 24, "shape": "square", "colors": {"card_background": "#FFFFFF", "card_header": "#000000", "card_paragraph": "#000000", "section_header": null}, "fonts": {"heading": null, "paragraph": null, "text_case": null}}, "subscriptions": null}, "store_credit": {"enabled": true, "provider": "shopify"}, "experiment": null, "targeting_enabled": false}