#dbg-home {
  isolation: isolate;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  --dbg-top-gap: 36px;
  --dbg-sec: 50px;
  --dbg-sea: #0b6e78;
  --dbg-sea-deep: #084f57;
  --dbg-pool: #1ca9bd;
  --dbg-pool-light: #e6f5f7;
  --dbg-sand: #fbf7f0;
  --dbg-sand-deep: #f4ecdd;
  --dbg-cta: #ff984c;
  --dbg-cta-deep: #f0812a;
  --dbg-green: #1f9d57;
  --dbg-coral: #ec6a52;
  --dbg-ink: #12303a;
  --dbg-ink-soft: #4a616a;
  --dbg-line: #eae2d4;
  --dbg-radius: 18px;
  --dbg-shadow: 0 16px 40px -24px rgba(8, 79, 87, .4);
  --dbg-shadow-sm: 0 6px 18px -12px rgba(8, 79, 87, .35);
  --dbg-maxw: 1180px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  color: var(--dbg-ink);
  background: var(--dbg-sand);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  box-sizing: border-box;
}

#dbg-home * {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

#dbg-home h2,
#dbg-home h3,
#dbg-home h4 {
  font-family: 'Bricolage Grotesque', system-ui, sans-serif;
  line-height: 1.1;
  letter-spacing: -.02em;
  font-weight: 600;
  color: var(--dbg-ink)
}

#dbg-home p {
  margin: 0 0 14px;
  color: var(--dbg-ink-soft)
}

#dbg-home ul,
#dbg-home ol {
  list-style: none
}

#dbg-home a {
  color: inherit;
  text-decoration: none
}

#dbg-home img {
  max-width: 100%;
  height: auto;
  display: block
}

#dbg-home iframe {
  max-width: 100%;
  display: block
}

#dbg-home button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit
}

#dbg-home select,
#dbg-home .dbg-dateinput {
  font-family: inherit;
  font-size: .98rem;
  padding: .7em .85em;
  border-radius: 12px;
  border: 1.5px solid var(--dbg-line);
  background: #fff;
  color: var(--dbg-ink);
  width: 100%
}

#dbg-home table {
  border-collapse: collapse;
  width: 100%
}

#dbg-home :focus-visible {
  outline: 3px solid var(--dbg-cta);
  outline-offset: 3px;
  border-radius: 6px
}

#dbg-home .dbg-wrap {
  max-width: var(--dbg-maxw);
  margin: 0 auto;
  padding: 0 22px
}

#dbg-home .dbg-section {
  padding: var(--dbg-sec) 0
}

#dbg-home .dbg-band {
  background: var(--dbg-sand-deep);
  border-top: 1px solid var(--dbg-line);
  border-bottom: 1px solid var(--dbg-line)
}

#dbg-home .dbg-band-pool {
  background: var(--dbg-pool-light);
  border-top: 1px solid var(--dbg-line);
  border-bottom: 1px solid var(--dbg-line)
}

#dbg-home .dbg-eyebrow {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dbg-coral);
  margin-bottom: 12px
}

#dbg-home .dbg-title {
  font-size: clamp(1.7rem, 3.4vw, 2.4rem);
  font-weight: 600;
  margin-bottom: 16px;
  max-width: 26ch;
  color: var(--dbg-ink)
}

#dbg-home .dbg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  font-weight: 700;
  font-size: 1rem;
  padding: .85em 1.6em;
  border-radius: 999px;
  transition: transform .16s ease, background .16s ease;
  line-height: 1.1;
  text-align: center
}

#dbg-home .dbg-btn-cta {
  background: var(--dbg-cta);
  color: #fff !important;
  box-shadow: 0 8px 20px -8px rgba(240, 129, 42, .55)
}

#dbg-home .dbg-btn-cta:hover {
  background: var(--dbg-cta-deep);
  transform: translateY(-2px)
}

#dbg-home .dbg-btn-sea {
  background: var(--dbg-sea);
  color: #fff !important
}

#dbg-home .dbg-btn-sea:hover {
  background: var(--dbg-sea-deep);
  transform: translateY(-2px)
}

#dbg-home .dbg-btn-outline {
  background: #fff;
  color: var(--dbg-sea);
  border: 1.5px solid var(--dbg-sea)
}

#dbg-home .dbg-btn-outline:hover {
  background: var(--dbg-sea);
  color: #fff
}

#dbg-home .dbg-facts {
  background: #fff;
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  border: 1px solid var(--dbg-line);
  margin-top: var(--dbg-top-gap)
}

#dbg-home .dbg-fact {
  padding: 20px 18px;
  border-right: 1px solid var(--dbg-line)
}

#dbg-home .dbg-fact:last-child {
  border-right: none
}

#dbg-home .dbg-fact .dbg-lbl {
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--dbg-ink-soft);
  font-weight: 700;
  margin-bottom: 5px
}

#dbg-home .dbg-fact .dbg-val {
  font-family: 'Bricolage Grotesque';
  font-weight: 600;
  font-size: 1.08rem;
  color: var(--dbg-sea-deep);
  line-height: 1.2
}

#dbg-home .dbg-fact .dbg-val small {
  display: block;
  font-family: 'Inter';
  font-weight: 400;
  font-size: .78rem;
  color: var(--dbg-ink-soft);
  margin-top: 2px
}

#dbg-home .dbg-anchors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px
}

#dbg-home .dbg-anchors a {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 999px;
  padding: .45em 1em;
  font-size: .85rem;
  font-weight: 600;
  color: var(--dbg-sea-deep);
  transition: background .15s ease
}

#dbg-home .dbg-anchors a:hover {
  background: var(--dbg-pool-light)
}

#dbg-home .dbg-livepill {
  display: inline-flex;
  align-items: center;
  gap: .55em;
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 999px;
  padding: .45em 1em;
  font-size: .85rem;
  font-weight: 600;
  color: var(--dbg-sea-deep);
  box-shadow: var(--dbg-shadow-sm)
}

#dbg-home .dbg-livedot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22b364;
  position: relative;
  flex-shrink: 0
}

#dbg-home .dbg-livedot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid rgba(34, 179, 100, .4);
  animation: dbgpulse 1.8s ease-out infinite
}

@keyframes dbgpulse {
  0% {
    transform: scale(.6);
    opacity: 1
  }

  100% {
    transform: scale(1.5);
    opacity: 0
  }
}

#dbg-home .dbg-livepill.dbg-live-off .dbg-livedot {
  background: #9aa8ad
}

#dbg-home .dbg-livepill.dbg-live-off .dbg-livedot::after {
  display: none
}

#dbg-home .dbg-price-tools {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 18px
}

#dbg-home .dbg-price-head {
  max-width: 680px
}

#dbg-home .dbg-loading {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 14px;
  padding: 34px;
  text-align: center;
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-empty {
  background: #fff;
  border: 1px dashed var(--dbg-line);
  border-radius: 14px;
  padding: 28px;
  text-align: center;
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-featured {
  background: #fff;
  border: 2px solid var(--dbg-cta);
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow);
  padding: 24px 26px;
  margin-bottom: 14px;
  position: relative;
  overflow: hidden
}

#dbg-home .dbg-featured .dbg-f-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr auto;
  gap: 20px;
  align-items: center
}

#dbg-home .dbg-featured .dbg-f-name {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--dbg-ink)
}

#dbg-home .dbg-featured .dbg-f-sub {
  font-size: .85rem;
  color: var(--dbg-ink-soft);
  margin-top: 4px
}

#dbg-home .dbg-featured .dbg-f-price {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: 2.2rem;
  color: var(--dbg-sea-deep);
  line-height: 1
}

#dbg-home .dbg-featured .dbg-f-price small {
  display: block;
  font-family: 'Inter';
  font-weight: 400;
  font-size: .75rem;
  color: var(--dbg-ink-soft);
  margin-top: 4px
}

#dbg-home .dbg-featured .dbg-btn {
  font-size: 1.05rem;
  padding: 1em 1.9em
}

#dbg-home .dbg-pmeta {
  font-size: .82rem;
  color: var(--dbg-ink-soft);
  display: flex;
  flex-wrap: wrap;
  gap: .35em .9em;
  margin-top: 6px
}

#dbg-home .dbg-badge {
  font-size: .62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #fff;
  background: var(--dbg-cta);
  padding: .28em .6em;
  border-radius: 6px
}

#dbg-home .dbg-badge-best {
  background: var(--dbg-green)
}

#dbg-home .dbg-badge-cheap {
  color: #0b3d24;
  background: #bdeccb
}

#dbg-home .dbg-ptable {
  display: flex;
  flex-direction: column;
  gap: 10px
}

#dbg-home .dbg-prow {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 14px;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 1.5fr auto auto;
  gap: 16px 20px;
  align-items: center;
}

#dbg-home .dbg-prow .dbg-pprice {
  justify-self: end;
  text-align: right;
  min-width: 96px
}

/* #dbg-home .dbg-prow .dbg-btn {
  align-self: start
} */

#dbg-home .dbg-prov {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 1.02rem;
  flex-wrap: wrap
}

#dbg-home .dbg-rank {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--dbg-pool-light);
  color: var(--dbg-sea-deep);
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: .78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

#dbg-home .dbg-pprice {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--dbg-sea-deep)
}

#dbg-home .dbg-pprice small {
  display: block;
  font-family: 'Inter';
  font-weight: 400;
  font-size: .7rem;
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-more {
  margin-top: 6px
}

#dbg-home .dbg-more summary {
  list-style: none;
  font-size: .84rem;
  font-weight: 600;
  color: var(--dbg-sea);
  cursor: pointer
}

#dbg-home .dbg-more summary::-webkit-details-marker {
  display: none
}

#dbg-home .dbg-more-list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 8px
}

#dbg-home .dbg-more-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-top: 1px dashed var(--dbg-line);
  padding-top: 8px;
  font-size: .88rem;
  flex-wrap: wrap
}

#dbg-home .dbg-price-note {
  font-size: .8rem;
  color: var(--dbg-ink-soft);
  margin-top: 16px;
  text-align: center
}

#dbg-home .dbg-finder {
  background: linear-gradient(135deg, var(--dbg-sea-deep), var(--dbg-sea));
  border: 3px solid var(--dbg-cta);
  border-radius: 26px;
  padding: 42px 38px;
  color: #fff;
  box-shadow: 0 24px 60px -28px rgba(240, 129, 42, .5);
  position: relative;
  overflow: hidden
}

#dbg-home .dbg-finder-flag {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  background: var(--dbg-cta);
  color: #fff;
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 999px;
  padding: .5em 1.1em;
  margin-bottom: 16px;
  box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .35)
}

#dbg-home .dbg-finder .dbg-title {
  color: #fff;
  max-width: none
}

#dbg-home .dbg-finder p {
  color: #d6eef1
}

#dbg-home .dbg-finder-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  align-items: end;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 16px;
  padding: 18px;
  margin: 20px 0 18px;
  position: relative;
  z-index: 2
}

#dbg-home .dbg-finder-field {
  display: flex;
  flex-direction: column;
  gap: 6px
}

#dbg-home .dbg-finder-field label {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #ffe1c4
}

#dbg-home .dbg-finder-results {
  min-height: 60px;
  position: relative;
  z-index: 2
}

#dbg-home .dbg-finder .dbg-prow {
  grid-template-columns: 1fr auto;
  align-items: center
}

#dbg-home .dbg-finder .dbg-prow,
#dbg-home .dbg-finder .dbg-featured {
  color: var(--dbg-ink)
}

#dbg-home .dbg-finder .dbg-empty {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .25);
  color: #d6eef1
}

#dbg-home .dbg-finder-placeholder {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255, 255, 255, .08);
  border: 1px dashed rgba(255, 255, 255, .3);
  border-radius: 14px;
  padding: 22px;
  color: #eaf7f8;
  font-size: .98rem
}

#dbg-home .dbg-finder-placeholder .dbg-fp-ic {
  font-size: 1.7rem
}

#dbg-home .dbg-verdict {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 24px;
  box-shadow: var(--dbg-shadow);
  overflow: hidden;
  margin-top: 22px
}

#dbg-home .dbg-verdict-top {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 22px;
  align-items: center;
  padding: 26px 30px;
  background: linear-gradient(135deg, var(--dbg-sea-deep), var(--dbg-sea));
  color: #fff;
  position: relative;
  overflow: hidden
}

#dbg-home .dbg-verdict-top::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -50px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06)
}

#dbg-home .dbg-verdict-score {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 12px 26px -12px rgba(0, 0, 0, .45);
  position: relative;
  z-index: 1
}

#dbg-home .dbg-verdict-score b {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1;
  color: var(--dbg-sea-deep)
}

#dbg-home .dbg-verdict-score small {
  font-size: .6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--dbg-ink-soft);
  margin-top: 3px
}

#dbg-home .dbg-verdict-tag {
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #ffd9b3;
  margin: 0 0 6px
}

#dbg-home .dbg-verdict-top h2 {
  color: #fff;
  font-size: clamp(1.4rem, 2.6vw, 1.95rem);
  margin: 0;
  max-width: 22ch
}

#dbg-home .dbg-verdict-body {
  padding: 26px 30px
}

#dbg-home .dbg-verdict-body>p {
  color: var(--dbg-ink);
  font-size: 1.05rem;
  margin: 0 0 20px
}

#dbg-home .dbg-verdict-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 18px;
  list-style: none;
  padding: 0
}

#dbg-home .dbg-vf {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  background: var(--dbg-sand);
  border: 1px solid var(--dbg-line);
  border-radius: 16px;
  padding: 15px 16px
}

#dbg-home .dbg-vf-ic {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  flex-shrink: 0
}

#dbg-home .dbg-vf-ic.pos {
  background: #e6f6ec
}

#dbg-home .dbg-vf-ic.neg {
  background: #fdeee9
}

#dbg-home .dbg-vf-ic.plus {
  background: var(--dbg-pool-light)
}

#dbg-home .dbg-vf-ic.att {
  background: #fff3e8
}

#dbg-home .dbg-vf-t {
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 700;
  color: var(--dbg-ink-soft);
  margin-bottom: 2px;
  display: block
}

#dbg-home .dbg-vf-d {
  font-size: .95rem;
  color: var(--dbg-ink);
  font-weight: 600;
  line-height: 1.35;
  display: block
}

#dbg-home .dbg-verdict-method {
  font-size: .78rem;
  color: var(--dbg-ink-soft);
  margin: 0;
  border-top: 1px solid var(--dbg-line);
  padding-top: 16px
}

@media(max-width:600px) {
  #dbg-home .dbg-verdict-top {
    grid-template-columns: 1fr;
    gap: 14px
  }

  #dbg-home .dbg-verdict-facts {
    grid-template-columns: 1fr
  }
}

#dbg-home .dbg-slide-hint {
  display: none;
  font-size: .8rem;
  color: var(--dbg-ink-soft);
  margin-top: 10px
}

#dbg-home .dbg-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 26px
}

#dbg-home .dbg-gallery figure {
  margin: 0;
  position: relative;
  border-radius: var(--dbg-radius);
  overflow: hidden;
  box-shadow: var(--dbg-shadow-sm)
}

#dbg-home .dbg-gallery img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  transition: transform .3s ease
}

#dbg-home .dbg-gallery figure:hover img {
  transform: scale(1.04)
}

#dbg-home .dbg-gallery figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 14px 10px;
  font-size: .8rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, transparent, rgba(8, 79, 87, .75))
}

#dbg-home .dbg-seasonfilter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 6px
}

#dbg-home .dbg-fac.dbg-fac-hidden {
  display: none
}

#dbg-home .dbg-season-note {
  font-size: .85rem;
  color: var(--dbg-ink-soft);
  margin-top: 14px
}

#dbg-home .dbg-lead {
  background: var(--dbg-pool-light);
  border-left: 4px solid var(--dbg-pool);
  border-radius: 12px;
  padding: 22px 24px;
  font-size: 1.05rem;
  color: var(--dbg-ink)
}

#dbg-home .dbg-lead strong {
  color: var(--dbg-sea-deep)
}

#dbg-home .dbg-kort-hero {
  width: 100%;
  aspect-ratio: 21/8;
  object-fit: cover;
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow-sm);
  margin: 18px 0 26px
}

#dbg-home .dbg-kort-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px
}

#dbg-home .dbg-kort-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 32px;
  align-items: start;
  margin-top: 8px
}

#dbg-home .dbg-datatable {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--dbg-shadow-sm)
}

#dbg-home .dbg-datatable th,
#dbg-home .dbg-datatable td {
  text-align: left;
  padding: 11px 16px;
  font-size: .9rem;
  border-bottom: 1px solid var(--dbg-line)
}

#dbg-home .dbg-datatable tr:last-child th,
#dbg-home .dbg-datatable tr:last-child td {
  border-bottom: none
}

#dbg-home .dbg-datatable th {
  font-weight: 700;
  color: var(--dbg-ink);
  white-space: nowrap;
  width: 42%
}

#dbg-home .dbg-datatable td {
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-split {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 48px;
  align-items: center
}

#dbg-home .dbg-split img {
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow-sm);
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover
}

#dbg-home .dbg-prose p {
  margin-bottom: 15px
}

#dbg-home .dbg-prose p strong {
  color: var(--dbg-ink)
}

#dbg-home .dbg-roomfilter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 22px 0
}

#dbg-home .dbg-rf-btn {
  padding: .55em 1.15em;
  border-radius: 999px;
  border: 1.5px solid var(--dbg-line);
  background: #fff;
  font-weight: 600;
  font-size: .88rem;
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-rf-btn[aria-pressed="true"] {
  background: var(--dbg-sea);
  color: #fff;
  border-color: var(--dbg-sea)
}

#dbg-home .dbg-rooms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px
}

#dbg-home .dbg-room {
  background: #fff;
  border-radius: var(--dbg-radius);
  overflow: hidden;
  box-shadow: var(--dbg-shadow-sm);
  border: 1px solid var(--dbg-line);
  display: flex;
  flex-direction: column
}

#dbg-home .dbg-room.dbg-room-hidden {
  display: none
}

#dbg-home .dbg-room img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%
}

#dbg-home .dbg-room .dbg-rbody {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1
}

#dbg-home .dbg-room h3 {
  font-size: 1.08rem
}

#dbg-home .dbg-room h3 a {
  color: inherit;
  text-decoration: none
}

#dbg-home .dbg-room h3 a:hover {
  color: var(--dbg-sea-deep);
  text-decoration: underline
}

#dbg-home .dbg-room p {
  font-size: .88rem;
  margin: 0
}

#dbg-home .dbg-room .dbg-r-fit {
  font-size: .8rem;
  color: var(--dbg-sea-deep);
  font-weight: 600
}

#dbg-home .dbg-room .dbg-r-advice {
  margin-top: auto;
  font-size: .74rem;
  font-weight: 700;
  color: var(--dbg-cta-deep);
  background: #fff3e8;
  border-radius: 8px;
  padding: .4em .7em;
  align-self: flex-start
}

#dbg-home .dbg-grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px
}

#dbg-home .dbg-fac {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: var(--dbg-radius);
  padding: 24px;
  transition: transform .2s ease, box-shadow .2s ease
}

#dbg-home .dbg-fac:hover {
  transform: translateY(-4px);
  box-shadow: var(--dbg-shadow-sm)
}

#dbg-home .dbg-fac .dbg-ic {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--dbg-pool-light);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  font-size: 1.35rem
}

#dbg-home .dbg-fac h3 {
  font-size: 1.12rem;
  margin-bottom: 7px
}

#dbg-home .dbg-fac p {
  font-size: .92rem;
  margin: 0
}

#dbg-home .dbg-ai {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 48px;
  align-items: start
}

#dbg-home .dbg-ai img {
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow-sm);
  aspect-ratio: 3/4;
  object-fit: cover;
  width: 100%;
  position: sticky;
  top: 20px
}

#dbg-home .dbg-ailist li {
  display: flex;
  gap: 14px;
  padding: 7px 0;
  border-bottom: 1px dashed var(--dbg-line);
  align-items: baseline
}

#dbg-home .dbg-ailist li:last-child {
  border-bottom: none
}

#dbg-home .dbg-ailist .dbg-ai-t {
  font-weight: 700;
  min-width: 170px;
  color: var(--dbg-ink)
}

#dbg-home .dbg-ailist .dbg-ai-d {
  color: var(--dbg-ink-soft);
  font-size: .93rem
}

#dbg-home .dbg-practical {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow-sm);
  overflow: hidden;
  margin-top: 28px
}

#dbg-home .dbg-practical dl {
  display: grid;
  grid-template-columns: 1fr 1fr
}

#dbg-home .dbg-practical .dbg-pr-item {
  padding: 18px 22px;
  border-bottom: 1px solid var(--dbg-line);
  border-right: 1px solid var(--dbg-line)
}

#dbg-home .dbg-practical .dbg-pr-item:nth-child(even) {
  border-right: none
}

#dbg-home .dbg-practical dt {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--dbg-ink-soft);
  margin-bottom: 4px
}

#dbg-home .dbg-practical dd {
  font-size: .95rem;
  color: var(--dbg-ink)
}

#dbg-home .dbg-practical-note {
  padding: 14px 22px;
  font-size: .78rem;
  color: var(--dbg-ink-soft);
  background: var(--dbg-sand)
}

#dbg-home .dbg-rev-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px
}

#dbg-home .dbg-rev-score-wrap {
  display: flex;
  align-items: center;
  gap: 16px
}

#dbg-home .dbg-rev-score {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: clamp(1.8rem, 6vw, 2.4rem);
  line-height: 1;
  background: var(--dbg-sea);
  color: #fff;
  border-radius: 14px;
  padding: 12px 16px;
  white-space: nowrap;
  flex-shrink: 0
}

#dbg-home .dbg-rev-stars {
  color: var(--dbg-cta);
  font-size: 1.05rem;
  letter-spacing: 2px
}

#dbg-home .dbg-rev-source {
  color: var(--dbg-ink-soft);
  font-size: .88rem;
  margin-top: 3px
}

#dbg-home .dbg-rev-source a {
  color: var(--dbg-sea);
  text-decoration: underline
}

#dbg-home .dbg-rev-summary {
  font-size: 1.05rem;
  color: var(--dbg-ink);
  max-width: 72ch;
  margin-bottom: 22px
}

#dbg-home .dbg-rev-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none
}

#dbg-home .dbg-rev-track::-webkit-scrollbar {
  display: none
}

#dbg-home .dbg-rev-card {
  flex: 0 0 min(340px, 86%);
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px
}

#dbg-home .dbg-rc-score {
  display: inline-block;
  background: var(--dbg-cta);
  color: #fff;
  font-weight: 800;
  font-family: 'Bricolage Grotesque';
  border-radius: 8px;
  padding: .12em .55em;
  font-size: .85rem;
  align-self: flex-start
}

#dbg-home .dbg-rev-card p {
  font-size: .9rem;
  margin: 0;
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-rc-who {
  font-weight: 600;
  color: var(--dbg-ink);
  font-size: .83rem;
  margin-top: auto
}

#dbg-home .dbg-rev-arrows {
  display: flex;
  gap: 8px
}

#dbg-home .dbg-rev-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid var(--dbg-line);
  color: var(--dbg-sea-deep);
  font-size: 1.1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease
}

#dbg-home .dbg-rev-arrow:hover {
  background: var(--dbg-pool-light)
}

#dbg-home .dbg-rev-cta {
  margin-top: 18px
}

#dbg-home .dbg-rev-themes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px
}

#dbg-home .dbg-rev-theme {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 14px;
  padding: 22px
}

#dbg-home .dbg-rev-theme h3 {
  font-size: 1.05rem;
  margin-bottom: 12px
}

#dbg-home .dbg-rev-theme li {
  font-size: .9rem;
  color: var(--dbg-ink-soft);
  margin-bottom: 9px;
  padding-left: 20px;
  position: relative
}

#dbg-home .dbg-rev-theme li strong {
  color: var(--dbg-ink)
}

#dbg-home .dbg-rev-theme.dbg-pos li::before {
  content: "?";
  position: absolute;
  left: 0;
  color: #1f8a4c;
  font-weight: 800
}

#dbg-home .dbg-rev-theme.dbg-neg li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  color: var(--dbg-cta-deep)
}

#dbg-home .dbg-faq {
  max-width: 840px;
  margin: 30px auto 0
}

#dbg-home .dbg-faq details {
  background: #fff;
  border: 1px solid var(--dbg-line);
  border-radius: 14px;
  margin-bottom: 11px;
  overflow: hidden
}

#dbg-home .dbg-faq summary {
  list-style: none;
  cursor: pointer;
  padding: 19px 24px;
  font-family: 'Bricolage Grotesque';
  font-weight: 600;
  font-size: 1.06rem;
  color: var(--dbg-ink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px
}

#dbg-home .dbg-faq summary::-webkit-details-marker {
  display: none
}

#dbg-home .dbg-faq summary::after {
  content: "+";
  font-size: 1.4rem;
  color: var(--dbg-pool);
  flex-shrink: 0
}

#dbg-home .dbg-faq details[open] summary::after {
  content: "\2013"
}

#dbg-home .dbg-faq .dbg-faq-a {
  padding: 0 24px 20px;
  color: var(--dbg-ink-soft)
}

#dbg-home .dbg-oth-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap
}

#dbg-home .dbg-oh-slider {
  margin-top: 26px
}

#dbg-home .dbg-oh-track {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 4px 2px 8px;
  scrollbar-width: none;
  -ms-overflow-style: none
}

#dbg-home .dbg-oh-track::-webkit-scrollbar {
  display: none
}

#dbg-home .dbg-oh-track .dbg-oh {
  flex: 0 0 clamp(260px, 80%, 310px);
  scroll-snap-align: start
}

#dbg-home .dbg-oh {
  background: #fff;
  border-radius: var(--dbg-radius);
  overflow: hidden;
  box-shadow: var(--dbg-shadow-sm);
  border: 1px solid var(--dbg-line);
  display: flex;
  flex-direction: column
}

#dbg-home .dbg-oh img {
  aspect-ratio: 16/10;
  object-fit: cover;
  width: 100%
}

#dbg-home .dbg-oh .dbg-ohb {
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1
}

#dbg-home .dbg-oh h3 {
  font-size: 1.08rem
}

#dbg-home .dbg-oh ul {
  font-size: .86rem;
  color: var(--dbg-ink-soft);
  display: grid;
  gap: 4px
}

#dbg-home .dbg-oh ul li {
  padding-left: 16px;
  position: relative
}

#dbg-home .dbg-oh ul li::before {
  content: "\203A";
  position: absolute;
  left: 0;
  color: var(--dbg-pool);
  font-weight: 700
}

#dbg-home .dbg-oh .dbg-oha {
  margin-top: auto;
  padding-top: 6px
}

#dbg-home .dbg-map iframe {
  width: 100%;
  height: 340px;
  border: 0;
  border-radius: var(--dbg-radius);
  box-shadow: var(--dbg-shadow-sm)
}

#dbg-home .dbg-map-link {
  font-size: .82rem;
  color: var(--dbg-ink-soft);
  margin-top: 8px
}

#dbg-home .dbg-map-link a {
  color: var(--dbg-sea);
  text-decoration: underline
}

#dbg-home .dbg-endcta {
  background: linear-gradient(135deg, var(--dbg-sea-deep), var(--dbg-sea));
  color: #fff;
  text-align: center;
  border-radius: 24px;
  padding: 52px 28px
}

#dbg-home .dbg-endcta h2 {
  color: #fff;
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  margin-bottom: 12px
}

#dbg-home .dbg-endcta p {
  color: #d6eef1;
  max-width: 540px;
  margin: 0 auto 24px
}

#dbg-home .dbg-footer {
  background: var(--dbg-ink);
  color: #c7d3d6;
  padding: 52px 0 28px;
  font-size: .92rem;
  margin-top: 26px
}

#dbg-home .dbg-footer .dbg-ft-grid {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 34px;
  margin-bottom: 30px
}

#dbg-home .dbg-footer h4 {
  color: #fff;
  font-size: 1rem;
  margin-bottom: 13px;
  font-family: 'Bricolage Grotesque'
}

#dbg-home .dbg-footer .dbg-fbrand {
  font-family: 'Bricolage Grotesque';
  font-weight: 700;
  font-size: 1.25rem;
  color: #fff;
  margin-bottom: 11px
}

#dbg-home .dbg-footer ul {
  display: grid;
  gap: 8px
}

#dbg-home .dbg-footer a:hover {
  color: #fff
}

#dbg-home .dbg-footer .dbg-ft-bottom {
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding-top: 18px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  font-size: .82rem;
  color: #8ca3a8
}

@media(max-width:1024px) {
  #dbg-home {
    --dbg-sec: 42px
  }
}

@media(max-width:960px) {
  #dbg-home .dbg-facts {
    grid-template-columns: repeat(2, 1fr)
  }

  #dbg-home .dbg-fact:nth-child(2) {
    border-right: none
  }

  #dbg-home .dbg-split,
  #dbg-home .dbg-ai,
  #dbg-home .dbg-kort-grid {
    grid-template-columns: 1fr;
    gap: 28px
  }

  #dbg-home .dbg-ai img {
    aspect-ratio: 16/9;
    position: static
  }

  #dbg-home .dbg-grid3,
  #dbg-home .dbg-others,
  #dbg-home .dbg-rev-themes,
  #dbg-home .dbg-gallery {
    grid-template-columns: 1fr 1fr
  }

  #dbg-home .dbg-rooms {
    grid-template-columns: 1fr 1fr
  }

  #dbg-home .dbg-finder-form {
    grid-template-columns: 1fr 1fr
  }

  #dbg-home .dbg-practical dl {
    grid-template-columns: 1fr
  }

  #dbg-home .dbg-practical .dbg-pr-item {
    border-right: none
  }

  #dbg-home .dbg-featured .dbg-f-grid {
    grid-template-columns: 1fr;
    gap: 12px
  }

  #dbg-home .dbg-footer .dbg-ft-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media(max-width:640px) {
  #dbg-home {
    font-size: 16px;
    --dbg-top-gap: 22px;
    --dbg-sec: 32px
  }

  #dbg-home .dbg-wrap {
    padding: 0 18px
  }

  #dbg-home .dbg-facts {
    grid-template-columns: 1fr 1fr
  }

  #dbg-home .dbg-grid3,
  #dbg-home .dbg-others,
  #dbg-home .dbg-rev-themes,
  #dbg-home .dbg-finder-form {
    grid-template-columns: 1fr
  }

  #dbg-home .dbg-prow,
  #dbg-home .dbg-finder .dbg-prow {
    grid-template-columns: 1fr;
    gap: 10px
  }

  #dbg-home .dbg-prow .dbg-pprice {
    justify-self: start;
    text-align: left
  }

  #dbg-home .dbg-prow .dbg-btn,
  #dbg-home .dbg-featured .dbg-btn {
    width: 100%
  }

  #dbg-home .dbg-footer .dbg-ft-grid {
    grid-template-columns: 1fr
  }

  #dbg-home .dbg-rev-card {
    flex-basis: 86%
  }

  #dbg-home .dbg-finder {
    padding: 30px 22px
  }

  #dbg-home .dbg-map iframe {
    height: 260px
  }

  #dbg-home .dbg-rooms,
  #dbg-home .dbg-gallery,
  #dbg-home .dbg-grid3.dbg-facs {
    display: flex;
    overflow-x: auto;
    gap: 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 4px
  }

  #dbg-home .dbg-rooms::-webkit-scrollbar,
  #dbg-home .dbg-gallery::-webkit-scrollbar,
  #dbg-home .dbg-grid3.dbg-facs::-webkit-scrollbar {
    display: none
  }

  #dbg-home .dbg-rooms .dbg-room,
  #dbg-home .dbg-gallery figure {
    flex: 0 0 82%;
    scroll-snap-align: start
  }

  #dbg-home .dbg-grid3.dbg-facs .dbg-fac {
    flex: 0 0 78%;
    scroll-snap-align: start
  }

  #dbg-home .dbg-slide-hint {
    display: block
  }

  #dbg-home .dbg-split-loc img {
    order: -1
  }
}

@media(min-width:641px) and (max-width:768px) {
  #dbg-home {
    --dbg-top-gap: 30px
  }
}

@media(prefers-reduced-motion:reduce) {
  #dbg-home * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important
  }

  #dbg-home .dbg-btn:hover,
  #dbg-home .dbg-fac:hover {
    transform: none
  }

  #dbg-home .dbg-livedot::after {
    display: none
  }
}

#dbg-home,
#dbg-home p,
#dbg-home li,
#dbg-home a,
#dbg-home span,
#dbg-home small,
#dbg-home label,
#dbg-home button,
#dbg-home select,
#dbg-home input,
#dbg-home dt,
#dbg-home dd,
#dbg-home th,
#dbg-home td,
#dbg-home figcaption,
#dbg-home summary,
#dbg-home blockquote {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-style: normal !important
}

#dbg-home h1,
#dbg-home h2,
#dbg-home h3,
#dbg-home h4,
#dbg-home h5,
#dbg-home h6,
#dbg-home .dbg-title,
#dbg-home .dbg-fbrand,
#dbg-home .dbg-f-name,
#dbg-home .dbg-f-price,
#dbg-home .dbg-pprice,
#dbg-home .dbg-rev-score,
#dbg-home .dbg-rc-score,
#dbg-home .dbg-rank,
#dbg-home .dbg-fact .dbg-val,
#dbg-home .dbg-verdict-score b,
#dbg-home .dbg-faq summary {
  font-family: 'Bricolage Grotesque', system-ui, sans-serif !important
}

#dbg-home h1,
#dbg-home h2,
#dbg-home h3,
#dbg-home h4,
#dbg-home .dbg-title,
#dbg-home .dbg-fact .dbg-val,
#dbg-home .dbg-faq summary {
  font-weight: 600 !important
}

#dbg-home strong,
#dbg-home b,
#dbg-home .dbg-fbrand,
#dbg-home .dbg-f-name,
#dbg-home .dbg-f-price,
#dbg-home .dbg-pprice,
#dbg-home .dbg-rev-score,
#dbg-home .dbg-rank,
#dbg-home .dbg-verdict-score b,
#dbg-home .dbg-btn {
  font-weight: 700 !important
}

#dbg-home .dbg-rc-score,
#dbg-home .dbg-badge {
  font-weight: 800 !important
}

#dbg-home .dbg-fact .dbg-val small,
#dbg-home .dbg-f-price small,
#dbg-home .dbg-pprice small {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-weight: 400 !important
}

#dbg-home .dbg-stickybar {
  display: none
}

/* 17-07-26 */
#dbg-home .dbg-ailist li,
#dbg-home .dbg-rev-theme li,
#dbg-home .dbg-oh ul li{
  background-image: unset;
}
#dbg-home .dbg-rev-theme.dbg-pos li::before {
    content: "✓";
}
#dbg-home .dbg-map-link a,
#dbg-home .dbg-rev-source a{
  font: unset;
}
#dbg-home .dbg-prose p strong{
  font: unset;
}
#dbg-home{
  --dbg-top-gap: 0;
}
#dbg-home .dbg-rev-head{
  margin-bottom: 18px !important ;
}
#dbg-home .dbg-rev-head {
    gap: 9px;
}
#dbg-home .dbg-oh ul li{
  font-size: 13px;
  line-height: 21px;
}
#dbg-home .dbg-kort-grid p strong{
  font: unset;
}
/* 17-07-26 */
/* 20-07-26 */
#dbg-home .dbg-rev-card p::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 20px;
}
#dbg-home .dbg-rev-card p::-webkit-scrollbar-thumb {
  background: var(--dbg-cta);
  width: 5px;
  height: 5px;
}
#dbg-home .dbg-rev-card p {
  height: 157px;
  overflow: auto;
  padding-right: 5px;
}
/* 20-07-26 */

@media screen and (max-width:960px) {
  #dbg-home .dbg-facts {
    flex-wrap: wrap !important;
    display: flex !important;
    justify-content: center;
  }
  #dbg-home .dbg-fact{
    width: 33%;
  }
  #dbg-home .dbg-fact{
    border: none;
    text-align: center;
  }
}
/* 20-07-26 */
@media screen and (max-width:768px) {
  #dbg-home .dbg-facts {
    flex-wrap: wrap !important;
    display: flex !important;
  }
  #dbg-home .dbg-fact {
    padding: 13px 17px;
    width: 30%;
    border-right: unset !important;
  }
}
    /* 20-07-26 */
@media screen and (max-width:650px) {
    #dbg-home .dbg-fact {
        padding: 13px 17px;
        width: 50%;
}
}

@media(max-width:640px) {
  #dbg-home {
    padding-bottom: 76px !important
  }

  #dbg-home .dbg-stickybar {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-top: 1px solid var(--dbg-line);
    box-shadow: 0 -8px 24px -14px rgba(8, 79, 87, .45);
    padding: 10px 14px
  }

  #dbg-home .dbg-stickybar .dbg-sb-txt {
    flex: 1;
    min-width: 0;
    font-weight: 700;
    color: var(--dbg-ink);
    font-size: .9rem;
    line-height: 1.15
  }

  #dbg-home .dbg-stickybar .dbg-sb-txt small {
    display: block;
    font-weight: 400;
    color: var(--dbg-ink-soft);
    font-size: .72rem
  }

  #dbg-home .dbg-stickybar .dbg-btn {
    padding: .72em 1.15em;
    font-size: .95rem;
    white-space: nowrap
  }
}


/* 20-07-26 */
@media screen and (max-width:550px) {
  #dbg-home .dbg-finder-field{
    width: 100%;
  }
}
/* 20-07-26 */
@media screen and (max-width:450px) {
      #dbg-home .dbg-fact {
        padding: 13px 17px;
        width: 100%;
    }
}