/* HafBox prelaunch only. Palette read from the existing WoodMart/Elementor site.
   No new font, image, settings or commerce authority. */
.hbps-prelaunch {
  --hbps-ink:var(--wd-primary-color,#012841);
  --hbps-sky:#b8d2ee;
  --hbps-line:color-mix(in srgb,var(--hbps-ink) 17%,white);
  width:100%;max-width:1200px;margin:0 auto;padding:0;
  color:var(--hbps-ink);font:inherit;overflow-wrap:anywhere;box-sizing:border-box;
  container-type:inline-size;
}
.hbps-prelaunch *, .hbps-prelaunch *::before, .hbps-prelaunch *::after {box-sizing:border-box}
.hbps-prelaunch p {margin:0;line-height:1.65}
.hbps-prelaunch a {color:var(--hbps-ink)}
.hbps-prelaunch__hero {padding:clamp(24px,4.5vw,48px);background:var(--hbps-sky);border-radius:28px}
.hbps-prelaunch__grid {display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}
.hbps-prelaunch__copy {min-width:0}
.hbps-prelaunch__hero--with-image .hbps-prelaunch__grid {grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.hbps-prelaunch .hbps-prelaunch__eyebrow {display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;margin-bottom:24px}
.hbps-prelaunch__eyebrow>span {width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}
.hbps-prelaunch h1 {max-width:21ch;margin:0 0 24px;font-family:var(--wd-title-font,inherit);font-weight:800;font-size:clamp(40px,5.6vw,76px);line-height:1.06;letter-spacing:-.045em;color:var(--hbps-ink);text-wrap:balance}
.hbps-prelaunch__hero--with-image h1 {font-size:clamp(40px,4.6vw,64px)}
.hbps-prelaunch .hbps-prelaunch__intro {max-width:55ch;font-size:clamp(18px,1.8vw,22px);line-height:1.5;font-weight:500;margin-bottom:12px}
.hbps-prelaunch .hbps-prelaunch__description {max-width:65ch;font-size:15px}
.hbps-prelaunch__explore {display:inline-flex;align-items:center;gap:20px;min-height:48px;margin-top:28px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid currentColor}
.hbps-prelaunch__explore span {font-size:22px;line-height:1}
.hbps-prelaunch .hbps-prelaunch__media {margin:0;min-width:0;overflow:hidden;border-radius:20px;background:white}
.hbps-prelaunch__image {display:block;width:100%;height:auto;max-height:480px;object-fit:contain}
.hbps-prelaunch__hero-bottom {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--hbps-ink) 24%,transparent)}
.hbps-prelaunch .hbps-prelaunch__order-status {position:relative;padding-left:22px;font-size:13px;line-height:1.7}
.hbps-prelaunch__order-status>span {position:absolute;left:0;top:7px;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
.hbps-prelaunch__order-status strong {font-weight:600}
.hbps-prelaunch__countdown {max-width:340px;text-align:right;font-size:13px;font-weight:500}
.hbps-prelaunch__countdown output {display:block;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.hbps-prelaunch__countdown output:empty {display:none}
.hbps-prelaunch__benefits {padding-top:28px;scroll-margin-top:110px}
.hbps-prelaunch .hbps-prelaunch__section-label {margin-bottom:14px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:600}
.hbps-prelaunch__benefits ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.hbps-prelaunch__benefits li {display:flex;align-items:center;gap:16px;margin:0;padding:24px;min-width:0;border:1px solid var(--hbps-line);border-radius:18px;background:white;font-size:16px;font-weight:500;line-height:1.5}
.hbps-prelaunch__benefit-icon {display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--hbps-sky) 45%,white)}
.hbps-prelaunch__benefit-icon svg {display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hbps-prelaunch .hbps-prelaunch__coming-note {margin-top:28px;font-size:15px;font-weight:500}
.hbps-prelaunch__utility {display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--hbps-line);font-size:13px}
.hbps-prelaunch__utility a {display:inline-flex;align-items:center;gap:8px;min-height:44px;text-underline-offset:4px}
.hbps-prelaunch__signup {max-width:720px;margin:28px auto 0;padding:clamp(20px,4vw,36px);border:1px solid var(--hbps-line);border-radius:20px;background:white}
.hbps-prelaunch h2 {margin:0 0 20px;font-family:var(--wd-title-font,inherit);color:var(--hbps-ink);font-size:clamp(25px,3vw,32px);font-weight:800;line-height:1.2;letter-spacing:-.025em}
.hbps-prelaunch__signup>p {margin-bottom:16px}
.hbps-prelaunch__form {display:grid;gap:16px}
.hbps-prelaunch__form label {font-size:14px;line-height:1.6}
.hbps-prelaunch__form p {font-size:13px}
.hbps-prelaunch input[type=email] {width:100%;min-height:52px;margin:0;border:1px solid var(--hbps-ink);border-radius:10px;background:white;color:var(--hbps-ink);font:inherit;font-size:16px;padding:12px 14px}
.hbps-prelaunch button {min-height:48px;max-width:100%;padding:13px 20px;border:1px solid var(--hbps-ink);border-radius:10px;background:var(--hbps-ink);color:white;font:inherit;font-size:14px;font-weight:500;line-height:1.5;white-space:normal;cursor:pointer;text-transform:none}
.hbps-prelaunch__consent {display:flex;gap:12px;align-items:flex-start}
.hbps-prelaunch__consent input {flex:0 0 auto;min-width:20px;min-height:20px;margin:3px 0 0;accent-color:var(--hbps-ink)}
.hbps-prelaunch :focus-visible {outline:3px solid var(--hbps-ink);outline-offset:5px}
.hbps-prelaunch button:focus-visible {outline-offset:5px}
.hbps-prelaunch__trap {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.hbps-prelaunch__notice {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 16px;border:1px dashed var(--hbps-line);border-radius:12px;background:white;font-size:12px}
.hbps-prelaunch__preview-controls {display:flex;flex-wrap:wrap;gap:8px}
.hbps-prelaunch__notice button {min-height:44px;padding:8px 12px;background:white;color:var(--hbps-ink);font-size:12px}
.hbps-prelaunch [role=alert], .hbps-prelaunch [role=status] {padding:16px;border:1px solid currentColor;border-radius:10px;font-size:14px}
/* Touch only the page that actually contains the prelaunch, including its preview.
   Existing customer account and non-HafBox product routes retain their normal UI. */
.hbps-prelaunch-mode:has(#hafbox-prelaunch) .main-page-wrapper {padding-top:28px;padding-bottom:28px}
.hbps-prelaunch-mode:has(#hafbox-prelaunch) .wd-content-layout:has(>#hafbox-prelaunch) {display:block;max-width:1248px;padding:0 24px}
.hbps-prelaunch-mode:has(#hafbox-prelaunch) #hafboxVideoWidget {display:none!important}
.hbps-prelaunch-mode:has(#hafbox-prelaunch) .wd-nav .menu-item:has(>a[href$="/zostav-si-svoj-hafbox/"]),
.hbps-prelaunch-mode:has(#hafbox-prelaunch) .wd-header-cart:has(>a[href$="/zostav-si-svoj-hafbox/"]) {display:none!important}
@media(min-width:701px) {
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) .hbps-prelaunch__copy {text-align:center}
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) .hbps-prelaunch__eyebrow {justify-content:center}
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) h1,
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) .hbps-prelaunch__intro,
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) .hbps-prelaunch__description {margin-inline:auto}
}
.hbps-prelaunch-mode:has(#hafbox-prelaunch) .elementor-3486 .elementor-icon-list-item>a {font-size:13px}
.hbps-prelaunch-mode:has(#hafbox-prelaunch) .elementor-3486 img[src$="/hafbox-logo.svg"] {max-width:160px}
@media(max-width:700px) {
  .hbps-prelaunch__hero {padding:24px;border-radius:20px}
  .hbps-prelaunch__hero--with-image .hbps-prelaunch__grid {grid-template-columns:minmax(0,1fr);gap:24px}
  .hbps-prelaunch h1,.hbps-prelaunch__hero--with-image h1 {font-size:clamp(38px,9vw,52px);letter-spacing:-.04em;margin-bottom:20px}
  .hbps-prelaunch .hbps-prelaunch__eyebrow {font-size:10px;letter-spacing:.07em;margin-bottom:20px}
  .hbps-prelaunch .hbps-prelaunch__intro {font-size:18px}
  .hbps-prelaunch .hbps-prelaunch__description {font-size:14px}
  .hbps-prelaunch__explore {margin-top:20px;font-size:13px;gap:14px}
  .hbps-prelaunch__hero-bottom {align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px;padding-top:20px}
  .hbps-prelaunch__countdown {text-align:left}
  .hbps-prelaunch__benefits ul {grid-template-columns:minmax(0,1fr);gap:10px}
  .hbps-prelaunch__benefits li {padding:16px;font-size:15px;border-radius:14px}
  .hbps-prelaunch__benefits {padding-top:24px}
  .hbps-prelaunch__utility {flex-direction:column;gap:0;margin-top:16px;padding-top:12px}
  .hbps-prelaunch .hbps-prelaunch__coming-note {margin-top:24px;font-size:14px}
  .hbps-prelaunch-mode:has(#hafbox-prelaunch) .main-page-wrapper {padding-top:16px;padding-bottom:20px}
  .hbps-prelaunch-mode:has(#hafbox-prelaunch) .wd-content-layout:has(>#hafbox-prelaunch) {padding-inline:16px}
}
/* Admin width buttons change the root container; they are not a device viewport test. */
@container(max-width:600px) {
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) .hbps-prelaunch__copy {text-align:left}
  .hbps-prelaunch__hero:not(.hbps-prelaunch__hero--with-image) .hbps-prelaunch__eyebrow {justify-content:flex-start}

  .hbps-prelaunch__hero {padding:24px;border-radius:20px}
  .hbps-prelaunch__hero--with-image .hbps-prelaunch__grid {grid-template-columns:minmax(0,1fr);gap:24px}
  .hbps-prelaunch h1,.hbps-prelaunch__hero--with-image h1 {font-size:40px;letter-spacing:-.04em}
  .hbps-prelaunch__hero-bottom {align-items:flex-start;flex-direction:column;gap:16px}
  .hbps-prelaunch__countdown {text-align:left}
  .hbps-prelaunch__benefits ul {grid-template-columns:minmax(0,1fr);gap:10px}
  .hbps-prelaunch__benefits li {padding:16px}
  .hbps-prelaunch__utility {flex-direction:column;gap:0}
}
@media(prefers-reduced-motion:reduce) {.hbps-prelaunch * {scroll-behavior:auto}}