/* Approved white / blue / orange storefront. Authentic photos remain untouched. */
body.wp-child-theme-hakolbeseder-child {
  --hbc-white:#fff; --hbc-ink:#123b67; --hbc-navy:#123b67;
  --hbc-blue:#2366a6; --hbc-blue-soft:#f2f7fc; --hbc-apricot:#fff0e5;
  --hbc-orange:#e95713; --hbc-orange-deep:#c4470b; --hbc-line:#dce6f0;
  --hbc-muted:#4d6380; --hbc-cream:#fff; --hbc-pink:#c4470b; --hbc-yellow:#fff0e5;
  --hbs-cream:#fff; --hbs-cream-2:#f2f7fc; --hbs-blush:#fff0e5; --hbs-blush-2:#fff6ef;
  --hbs-navy:#123b67; --hbs-navy-deep:#123b67; --hbs-navy-2:#2366a6;
  --hbs-coral:#e95713; --hbs-coral-text:#bd450b; --hbs-line:#dce6f0; --hbs-line-soft:#e7eef5;
  background:var(--hbc-white); color:var(--hbc-ink);
}
.hbc-shell,.hbc-safety-home { --hbc-cream:var(--hbc-white); --hbc-ink:#123b67; --hbc-navy:#123b67; --hbc-pink:#c4470b; --hbc-blue:#2366a6; --hbc-yellow:#fff0e5; color:var(--hbc-ink); }
.hbs-header { border-bottom:1px solid var(--hbc-line)!important; box-shadow:none!important; }
.hbs-header-in { max-width:1380px; min-height:88px; padding-block:12px; }
body.wp-child-theme-hakolbeseder-child :is(.hbs-nav,.hbs-mobile-nav) a { color:var(--hbc-ink)!important; border-radius:7px; }
body.wp-child-theme-hakolbeseder-child :is(.hbs-nav,.hbs-mobile-nav) a:hover { color:var(--hbc-blue)!important; background:var(--hbc-blue-soft); }
.hbs-nav a.hbc-menu-bundle { color:var(--hbc-ink)!important; }
.hbs-search { border-color:var(--hbc-line)!important; box-shadow:none!important; }
.hbs-search input::placeholder { color:#61758c!important; opacity:1!important; }
.hbc-footer-links { border-color:var(--hbc-line)!important; }

/* Homepage: the real photo collage is the only large visual accent. */
.elementor .elementor-element.hbc-safety-home { max-width:1390px!important; padding:42px 38px 58px!important; background:var(--hbc-white)!important; }
.hbc-safety-home .hbc-safety-hero { gap:64px!important; padding:4px 0 42px!important; }
.hbc-safety-home .hbc-safety-copy { gap:25px!important; }
.hbc-safety-home .hbc-home-kicker .elementor-heading-title { color:var(--hbc-blue)!important; font-size:18px!important; font-weight:700!important; }
.hbc-safety-home .hbc-safety-title .elementor-heading-title { font-size:clamp(40px,4vw,57px)!important; line-height:1.16!important; letter-spacing:-.02em!important; text-shadow:none!important; color:var(--hbc-ink)!important; max-width:620px; }
.hbc-safety-home .hbc-lead { font-size:21px; line-height:1.55; max-width:570px; color:var(--hbc-ink); }
.hbc-safety-home .hbc-hero-actions { flex-direction:column!important; align-items:flex-start!important; gap:12px!important; margin-top:3px!important; }
.hbc-safety-home .elementor-button { background:var(--hbc-orange-deep)!important; border:1px solid transparent!important; border-radius:11px!important; color:#fff!important; box-shadow:none!important; font-weight:700!important; text-shadow:none!important; transform:none!important; }
.hbc-safety-home .elementor-button:hover { background:#a73a05!important; transform:none!important; }
.hbc-safety-home .hbc-hero-actions .elementor-button { min-height:56px; padding:15px 28px!important; font-size:21px!important; background:var(--hbc-orange)!important; }
.hbc-safety-home .hbc-hero-actions .elementor-button:hover { background:var(--hbc-orange-deep)!important; }
.hbc-safety-home .hbc-hero-how .elementor-button { min-height:36px!important; padding:0!important; border:0!important; background:transparent!important; color:var(--hbc-blue)!important; font-size:17px!important; font-weight:600!important; text-decoration:underline; text-underline-offset:5px; }
.hbc-safety-home .hbc-photo-collage { grid-template-columns:1fr 1fr!important; grid-template-rows:245px 245px!important; gap:12px!important; padding:0!important; }
.hbc-safety-home .hbc-photo-collage:before { background:var(--hbc-apricot); width:calc(100% + 28px); height:78%; left:-14px; top:11%; border:0; border-radius:22px; transform:none; box-shadow:none; }
.hbc-safety-home .hbc-photo-collage:after { content:none!important; }
.hbc-photo-collage :is(.hbc-collage-main,.hbc-collage-top,.hbc-collage-bottom) { transform:none!important; }
.hbc-safety-home .hbc-photo-collage img { border:0!important; border-radius:17px!important; box-shadow:none!important; }
.hbc-collage-main img { object-position:48% 48%!important; }
.hbc-collage-top img { object-position:50% 48%!important; }
.hbc-collage-bottom img { object-position:52% 52%!important; }
.hbc-safety-home .elementor-heading-title { color:var(--hbc-ink)!important; text-shadow:none!important; }
.hbc-safety-home h2.elementor-heading-title { font-size:35px!important; line-height:1.22!important; }
.hbc-safety-home .elementor-widget-text-editor { color:var(--hbc-muted)!important; }

/* Two calm category choices, matching the approved mockup. */
.hbc-safety-home .hbc-shopping-section { margin-bottom:32px!important; padding-top:29px!important; border-top:1px solid var(--hbc-line)!important; }
.hbc-safety-home .hbc-path-grid { gap:23px!important; margin-top:8px!important; }
.hbc-safety-home .hbc-path-card { grid-template-columns:minmax(0,1fr) 155px!important; padding:20px!important; gap:10px 23px!important; align-content:center; border:1px solid transparent!important; background:var(--hbc-blue-soft)!important; border-radius:18px!important; box-shadow:none!important; }
.hbc-safety-home .hbc-path-card.hbc-allergy-path { background:var(--hbc-apricot)!important; border-color:transparent!important; }
.hbc-path-card>.elementor-widget-image { height:166px!important; transform:none!important; }
.hbc-path-card img { height:166px!important; width:100%!important; object-fit:cover!important; border-radius:12px!important; filter:none!important; }
.hbc-phone-path img { object-position:49% 42%!important; }
.hbc-allergy-path img { object-position:50% 48%!important; }
.hbc-safety-home .hbc-path-card h3.elementor-heading-title { font-size:27px!important; line-height:1.2!important; color:var(--hbc-ink)!important; }
.hbc-path-card p { margin:0!important; }
.hbc-safety-home .hbc-path-card .elementor-button { background:transparent!important; border:0!important; color:var(--hbc-blue)!important; padding:4px 0!important; min-height:40px!important; text-decoration:underline; text-underline-offset:5px; font-size:17px!important; }

/* Keep the existing useful material information, without three competing banners. */
.hbc-safety-home .hbc-care-strip { background:var(--hbc-white)!important; border:1px solid var(--hbc-line)!important; border-radius:15px!important; padding:22px 26px!important; gap:26px!important; margin:0 0 62px!important; }
.hbc-care-strip>.elementor-widget { background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; }
.hbc-care-strip strong { color:var(--hbc-ink); font-size:18px; }
.hbc-care-strip .hbc-stars { color:#986000!important; font-size:19px!important; letter-spacing:3px; }
.hbc-care-strip a { color:var(--hbc-blue); }
.hbc-safety-home .hbc-magic-section { background:var(--hbc-white)!important; padding:0!important; border:0!important; border-radius:0!important; margin-bottom:64px!important; }
.hbc-safety-home .hbc-type-card { background:var(--hbc-white)!important; border:1px solid var(--hbc-line)!important; border-radius:18px!important; padding:25px!important; box-shadow:none!important; }
.hbc-type-card .hbc-card-tag { background:var(--hbc-blue-soft)!important; color:var(--hbc-blue)!important; border-radius:7px; padding:5px 10px; }
.hbc-type-magic .hbc-card-tag { background:var(--hbc-apricot)!important; color:#9b400d!important; }
.hbc-safety-home .hbc-type-card .elementor-button { background:var(--hbc-ink)!important; }
.hbc-safety-home .hbc-type-card .elementor-button:hover { background:var(--hbc-blue)!important; }
.hbc-safety-home .hbc-stockup { background:var(--hbc-apricot)!important; border:0!important; border-radius:18px!important; padding:28px 31px!important; }
.hbc-safety-home .hbc-sticker-callout { background:var(--hbc-blue-soft)!important; border:0!important; border-radius:18px!important; padding:28px 31px!important; }
.hbc-safety-home .hbc-product-rail { border-color:var(--hbc-line)!important; }
.hbc-safety-home .hbc-rail-heading .elementor-button,.hbc-safety-home .hbc-motion-toggle .elementor-button { background:var(--hbc-white)!important; border:1px solid var(--hbc-line)!important; color:var(--hbc-blue)!important; box-shadow:none!important; }
.hbc-safety-home .hbc-personal-help { background:var(--hbc-blue-soft)!important; border:1px solid var(--hbc-line)!important; padding:32px!important; border-radius:18px!important; }
.hbc-safety-home .hbc-personal-help .elementor-heading-title { color:var(--hbc-ink)!important; }
body.wp-child-theme-hakolbeseder-child .hbc-safety-home .hbc-personal-help a.elementor-button[href*="wa.me"] { background:var(--hbc-ink)!important; color:#fff!important; border-color:var(--hbc-ink)!important; box-shadow:none!important; }
.hbc-material-proof { background:var(--hbc-blue-soft)!important; border-color:var(--hbc-line)!important; }
.hbc-material-note { background:var(--hbc-blue-soft)!important; color:var(--hbc-ink); }
.hbc-patch-note { background:var(--hbc-apricot)!important; border-color:#f1d3bd!important; }

/* A single control language across catalog, bundles and product configuration. */
.hbc-shell { background:var(--hbc-white); }
.hbc-heading h1 { color:var(--hbc-ink); font-size:clamp(32px,3.2vw,43px)!important; line-height:1.18; }
.hbc-shell>.hbc-heading { border:0!important; padding:0!important; max-width:900px; margin-bottom:29px; }
.hbc-shell :is(.hbc-button,.hbc-submit) { background:var(--hbc-orange-deep)!important; border-color:var(--hbc-orange-deep)!important; color:#fff!important; box-shadow:none!important; border-radius:11px!important; transform:none!important; }
.hbc-shell :is(.hbc-button,.hbc-submit):hover { background:#a73a05!important; border-color:#a73a05!important; }
.hbc-shell#content .hbc-button { background:var(--hbc-orange-deep)!important; border-color:var(--hbc-orange-deep)!important; border-radius:11px!important; }
.hbc-shell#content .hbc-button:hover { background:#a73a05!important; border-color:#a73a05!important; }
.hbc-shell .hbc-button-secondary { background:var(--hbc-white)!important; border-color:var(--hbc-line)!important; color:var(--hbc-blue)!important; }
.hbc-shell :is(.hbc-preview-sticky,.hbc-family-card,.hbc-sticker-pack,.hbc-bundle-preview) { background:var(--hbc-white); border:1px solid var(--hbc-line); border-radius:18px; box-shadow:none; }
.hbc-preview-top,.hbc-family-art { background:var(--hbc-blue-soft); color:var(--hbc-ink); }
.hbc-family-card:nth-child(2) .hbc-family-art { background:var(--hbc-apricot); }
.hbc-preview-bottom { border-top-color:var(--hbc-line); }
.hbc-shell :is(.hbc-contact,.hbc-type-note,.hbc-summary,.hbc-use-guide) { background:var(--hbc-blue-soft)!important; border-color:var(--hbc-line)!important; }
.hbc-shell :is(.hbc-fields input,.hbc-fields select,.hbc-config input[type=text],.hbc-config input[type=tel]) { border-color:#b9cbdc; border-radius:9px; color:var(--hbc-ink); }
.hbc-shell input:checked+span,.hbc-shell .hbc-options input:checked+span { border-color:var(--hbc-blue)!important; background:var(--hbc-blue-soft)!important; color:var(--hbc-ink)!important; box-shadow:inset 0 0 0 1px var(--hbc-blue)!important; }
.hbc-shell .hbc-shape-tabs a[aria-current],.hbc-shell .hbc-gallery-thumbs button[aria-pressed=true] { background:var(--hbc-blue-soft)!important; border-color:var(--hbc-blue)!important; color:var(--hbc-ink)!important; }
.hbc-shell .hbc-size-row figure.is-selected figcaption { color:var(--hbc-blue); border-color:var(--hbc-blue); }
.hbc-shell .hbc-config legend>span { background:var(--hbc-blue-soft); color:var(--hbc-blue); }
.hbc-shell .hbc-gallery-controls button,.hbc-shell .hbc-gallery-thumbs button { color:var(--hbc-ink)!important; }
.hbc-shell .hbc-sticker-pack.hbc-featured { border-color:var(--hbc-blue)!important; background:var(--hbc-white)!important; box-shadow:none!important; }
.hbc-sticker-pack .hbc-card-tag,.hbc-shell .hbc-pack-saving { color:#8d390a!important; background:var(--hbc-apricot)!important; }
.hbc-safety-home .hbc-bundle-card,.hbc-bundle-options .hbc-bundle-option>span { border:1px solid var(--hbc-line)!important; border-radius:18px!important; background:var(--hbc-white)!important; box-shadow:none!important; }
.hbc-bundle-water { --bundle-accent:#2366a6!important; --bundle-tint:#f2f7fc!important; }
.hbc-bundle-magic { --bundle-accent:#a34410!important; --bundle-tint:#fff0e5!important; }
.hbc-bundle-adventure { --bundle-accent:#123b67!important; --bundle-tint:#f2f7fc!important; }
.hbc-safety-home .hbc-bundle-card .hbc-card-tag { background:var(--bundle-tint,var(--hbc-blue-soft))!important; color:var(--bundle-accent,var(--hbc-ink))!important; border-radius:7px!important; }
.hbc-safety-home .hbc-bundle-card .elementor-button { background:var(--hbc-ink)!important; border-color:var(--hbc-ink)!important; }
.hbc-safety-home .hbc-bundle-card .elementor-button:hover { background:var(--hbc-blue)!important; }
.hbc-shell .hbc-bundle-option input:checked+span { border-color:var(--hbc-blue)!important; background:var(--hbc-blue-soft)!important; box-shadow:inset 0 0 0 1px var(--hbc-blue)!important; }
.hbc-shell .hbc-bundle-preview .hbc-card-tag { background:var(--hbc-apricot); color:#8d390a; }
.hbc-safety-home :is(a,button):focus-visible,.hbc-shell :is(a,button,input,select):focus-visible { outline:3px solid var(--hbc-blue)!important; outline-offset:4px!important; }

/* Keep the existing optional dark mode, using the same restrained roles. */
html[data-hbs-theme=dark] body.wp-child-theme-hakolbeseder-child {
  --hbc-white:#142236; --hbc-ink:#eef5ff; --hbc-navy:#eef5ff; --hbc-blue:#acd2ff;
  --hbc-blue-soft:#1c3048; --hbc-apricot:#352b27; --hbc-line:#3d536d; --hbc-muted:#c6d5e6;
  --hbd-pink:#acd2ff; --hbd-pink-panel:#352b27; --hbd-yellow-panel:#352b27;
}
html[data-hbs-theme=dark] :is(.hbc-shell,.hbc-safety-home) { --hbc-ink:#eef5ff; --hbc-navy:#eef5ff; --hbc-blue:#acd2ff; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home { background:var(--hbc-white)!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-photo-collage:before { background:var(--hbc-apricot)!important; box-shadow:none!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-lead { color:var(--hbc-muted)!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-home-kicker .elementor-heading-title { color:var(--hbc-blue)!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-hero-how .elementor-button { background:transparent!important; color:var(--hbc-blue)!important; }
html[data-hbs-theme=dark] body .hbs-search input::placeholder { color:#b1c5dd!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home :is(.hbc-path-card,.hbc-type-card,.hbc-bundle-card,.hbc-care-strip) { box-shadow:none!important; border-color:var(--hbc-line)!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-phone-path { background:var(--hbc-blue-soft)!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-allergy-path { background:var(--hbc-apricot)!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-path-card .elementor-button { color:var(--hbc-blue)!important; background:transparent!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-care-strip>.elementor-widget { background:transparent!important; border:0!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-hero-actions .elementor-button { box-shadow:none!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home :is(.hbc-type-card,.hbc-bundle-card,.hbc-personal-help) .elementor-button { background:#2366a6!important; color:#fff!important; border-color:#2366a6!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-type-magic .hbc-card-tag { color:#ffc499!important; }
html[data-hbs-theme=dark] body .hbc-home-showcase.hbc-safety-home .hbc-bundle-card .hbc-card-tag { background:var(--hbc-blue-soft)!important; color:var(--hbc-blue)!important; }
html[data-hbs-theme=dark] body .hbc-shell .hbc-options input:checked+span { background:var(--hbc-blue-soft)!important; color:var(--hbc-ink)!important; }

@media(min-width:768px) and (max-width:1100px) {
 .elementor .elementor-element.hbc-safety-home { padding-inline:28px!important; }
 .hbc-safety-home .hbc-safety-hero { gap:32px!important; }
 .hbc-safety-home .hbc-photo-collage { grid-template-rows:195px 195px!important; gap:9px!important; }
 .hbc-safety-home .hbc-safety-title .elementor-heading-title { font-size:40px!important; }
 .hbc-safety-home .hbc-path-card { grid-template-columns:minmax(0,1fr) 115px!important; gap:10px 15px!important; }
 .hbc-safety-home .hbc-path-card h3.elementor-heading-title { font-size:24px!important; }
}
@media(max-width:767px) {
 .hbs-header-in { min-height:70px; padding-block:8px; }
 .elementor .elementor-element.hbc-safety-home { padding:27px 21px 40px!important; }
 .hbc-safety-home .hbc-safety-hero { display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:30px!important; padding:0 0 30px!important; }
 .hbc-safety-home .hbc-safety-copy { order:0!important; gap:18px!important; }
 .hbc-safety-home .hbc-home-kicker .elementor-heading-title { font-size:16px!important; }
 .hbc-safety-home .hbc-safety-title .elementor-heading-title { font-size:36px!important; line-height:1.17!important; letter-spacing:-.025em!important; }
 .hbc-safety-home .hbc-lead { font-size:18px; line-height:1.5; }
 .hbc-safety-home .hbc-hero-actions { gap:9px!important; }
 .hbc-safety-home .hbc-hero-actions .elementor-button { min-height:52px; font-size:19px!important; padding:12px 22px!important; }
 .hbc-safety-home .hbc-hero-how .elementor-button { font-size:16px!important; }
 .hbc-safety-home .hbc-photo-collage { order:1!important; grid-template-columns:1fr 1fr!important; grid-template-rows:146px 146px!important; gap:8px!important; }
 .hbc-safety-home .hbc-photo-collage img { border-radius:13px!important; }
 .hbc-safety-home .hbc-photo-collage:before { width:calc(100% + 18px); left:-9px; border-radius:17px; }
 .hbc-safety-home h2.elementor-heading-title { font-size:28px!important; }
 .hbc-safety-home .hbc-shopping-section { padding-top:27px!important; margin-bottom:25px!important; }
 .hbc-safety-home .hbc-path-grid { grid-template-columns:1fr!important; gap:13px!important; }
 .hbc-safety-home .hbc-path-card { grid-template-columns:minmax(0,1fr) 106px!important; padding:16px!important; gap:8px 15px!important; border-radius:15px!important; }
 .hbc-path-card>.elementor-widget-image { grid-column:2!important; grid-row:1/4!important; height:139px!important; order:0!important; }
 .hbc-path-card img { height:139px!important; border-radius:10px!important; }
 .hbc-safety-home .hbc-path-card h3.elementor-heading-title { font-size:24px!important; }
 .hbc-path-card>.elementor-widget-button { grid-column:1!important; }
 .hbc-safety-home .hbc-path-card .elementor-button { font-size:16px!important; min-height:36px!important; }
 .hbc-safety-home .hbc-care-strip { padding:22px!important; gap:20px!important; margin-bottom:43px!important; }
 .hbc-safety-home .hbc-care-strip>.elementor-widget:not(:first-child) { border-top:1px solid var(--hbc-line)!important; padding-top:17px!important; }
 .hbc-safety-home .hbc-magic-section { margin-bottom:43px!important; }
 .hbc-safety-home .hbc-type-card { padding:20px!important; }
 .hbc-safety-home :is(.hbc-stockup,.hbc-sticker-callout,.hbc-personal-help) { padding:24px!important; border-radius:16px!important; }
}
@media(max-width:370px) {
 .hbc-safety-home .hbc-safety-title .elementor-heading-title { font-size:31px!important; }
 .hbc-safety-home .hbc-photo-collage { grid-template-rows:127px 127px!important; }
 .hbc-safety-home .hbc-path-card { grid-template-columns:minmax(0,1fr) 90px!important; gap:8px 12px!important; }
 .hbc-safety-home .hbc-path-card h3.elementor-heading-title { font-size:21px!important; }
}
@media(prefers-reduced-motion:reduce) {
 .hbc-safety-home *,.hbc-shell * { scroll-behavior:auto!important; transition:none!important; }
}
