:root{--de-navy:#061b2d;--de-navy2:#0a2942;--de-gold:#d4af67;--de-gold2:#f0c86d;--de-cream:#f7f3ea;--de-ink:#122233;--de-muted:#667584;--de-line:#dfe6eb;--de-red:#e83c38;--de-green:#5abf42}.de-wrap{width:min(1240px,calc(100% - 40px));margin:auto}.de-hero{position:relative;min-height:500px;background:linear-gradient(90deg,#031522dd,#03152255),url('hero.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:center}.de-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041725ee 0%,#041725aa 45%,#04172522 100%)}.de-hero-content{position:relative;z-index:2;padding:78px 0 56px}.de-hero h1{font-family:Georgia,serif;font-size:clamp(42px,5.4vw,76px);line-height:1.02;margin:8px 0 18px;max-width:850px}.de-hero h1 em{font-style:normal;color:var(--de-gold2)}.de-hero p{max-width:780px;font-size:19px;line-height:1.55;color:#f2f5f7}.de-eyebrow{font-size:12px;letter-spacing:.17em;font-weight:900;color:var(--de-gold)}.de-search{display:flex;max-width:900px;margin:28px 0 18px;background:#fff;border-radius:10px;padding:5px;box-shadow:0 14px 40px #0004}.de-search-icon{color:#203a51;font-size:26px;padding:9px 4px 0 12px}.de-search input{flex:1;border:0!important;box-shadow:none!important;padding:14px 12px!important;font-size:16px!important;background:transparent!important}.de-search button,.de-cta{border:0;background:linear-gradient(135deg,var(--de-gold2),#c89536);color:#101820;font-weight:900;padding:14px 28px;border-radius:7px;text-decoration:none}.de-trust{display:flex;gap:26px;flex-wrap:wrap;font-size:14px;font-weight:700}.de-category-strip{background:#071827;padding:18px 0 24px}.de-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.de-cat-grid a{min-height:132px;border:1px solid #c79d4d;border-radius:9px;padding:18px;color:#fff;text-decoration:none;background:linear-gradient(160deg,#17334a,#071827);display:flex;flex-direction:column;justify-content:end;transition:.2s}.de-cat-grid a:hover{transform:translateY(-3px);background:#102d45}.de-cat-grid span{font-size:26px;color:var(--de-gold2)}.de-cat-grid b{font-size:15px;margin-top:8px}.de-cat-grid small{color:#d8e0e6;margin-top:5px}.de-section{padding:54px 0}.de-section:nth-of-type(even){background:#fbfcfd}.de-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.de-heading h2{font-size:32px;margin:3px 0}.de-heading a{color:#365f82;text-decoration:none;font-weight:700}.de-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.de-card{border:1px solid var(--de-line);border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #061b2d0a;transition:.2s}.de-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #061b2d18}.de-card a{text-decoration:none;color:var(--de-ink)}.de-media{position:relative}.de-card img,.de-placeholder{width:100%;aspect-ratio:16/10;object-fit:cover}.de-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#0b2941,#d4af67);color:#fff;font-weight:900}.de-card-body{padding:14px}.de-card h3{font-size:18px;line-height:1.25;margin:7px 0}.de-card p{font-size:14px;color:var(--de-muted);margin:6px 0}.de-badge{font-size:10px;font-weight:900;letter-spacing:.05em;color:#9a6d1e}.de-price{display:block;font-size:18px;margin:6px 0}.de-card-meta{font-size:12px;color:#7d8a96}.de-rating,.de-discount{position:absolute;top:8px;padding:5px 8px;border-radius:5px;font-weight:900}.de-rating{right:8px;background:var(--de-gold2);color:#111}.de-discount{left:8px;background:var(--de-green);color:#fff}.de-empty{border:1px dashed #b9c5ce;padding:30px;border-radius:9px;color:var(--de-muted);background:#fff}.de-split{padding:48px 0;background:#f5f8fa}.de-split-grid{display:grid;grid-template-columns:2fr .8fr;gap:24px}.de-split .de-grid{grid-template-columns:repeat(2,1fr)}.de-newsletter{background:var(--de-navy);color:#fff;border-radius:10px;padding:26px}.de-newsletter>span{font-size:28px;color:var(--de-gold2)}.de-newsletter h3{font-size:26px;margin:8px 0}.de-newsletter .de-note{font-size:13px;color:#c6d2dc}.de-values{background:linear-gradient(90deg,#09253d,#061b2d);color:#fff;padding:24px 0;border-top:1px solid #c69a45}.de-values .de-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.de-values b,.de-values small{display:block}.de-values small{color:#cad6df;margin-top:4px}.de-facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 28px}.de-facts span{background:var(--de-cream);padding:9px 12px;border-radius:999px;font-size:13px}.de-procon{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.de-procon>div{padding:20px;border-radius:10px}.de-procon .good{background:#eff9ed}.de-procon .bad{background:#fff2f1}.de-aff{margin:38px 0;padding:24px;border:1px solid #d9c69f;background:#fbf8f1;border-radius:10px}.de-aff small{display:block;margin-top:13px;color:var(--de-muted)}
@media(max-width:1000px){.de-cat-grid{grid-template-columns:repeat(3,1fr)}.de-grid{grid-template-columns:repeat(2,1fr)}.de-split-grid{grid-template-columns:1fr}.de-values .de-wrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.de-wrap{width:min(100% - 24px,1240px)}.de-hero{min-height:auto}.de-hero-content{padding:56px 0 42px}.de-search{display:block}.de-search-icon{display:none}.de-search button{width:100%}.de-cat-grid{grid-template-columns:repeat(2,1fr)}.de-cat-grid a{min-height:110px}.de-grid,.de-split .de-grid,.de-procon{grid-template-columns:1fr}.de-section{padding:40px 0}.de-heading{align-items:start}.de-values .de-wrap{grid-template-columns:1fr 1fr;gap:18px}.de-trust{gap:12px}}

/* v2.1 MOBILE LAYOUT */
@media(max-width:640px){.de-wrap{width:calc(100% - 28px)}.de-hero{min-height:0!important}.de-hero-content{padding:34px 0 30px!important}.de-hero .de-eyebrow{font-size:10px;letter-spacing:.12em}.de-hero h1{font-size:42px!important;line-height:1.02!important;margin:8px 0 14px!important}.de-hero p{font-size:16px!important;line-height:1.48!important;margin-bottom:16px}.de-search{margin:18px 0 15px!important;padding:5px!important;border-radius:12px}.de-search input{width:100%!important;font-size:15px!important;padding:12px 10px!important;white-space:nowrap;text-overflow:ellipsis}.de-search button{padding:12px 18px!important}.de-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;font-size:13px!important}.de-category-strip{padding:12px 0 16px}.de-cat-grid{gap:8px}.de-cat-grid a{min-height:92px!important;padding:12px!important}.de-cat-grid span{font-size:21px}.de-cat-grid b{font-size:12px}.de-cat-grid small{font-size:11px}.de-section{padding:32px 0!important}.de-heading h2{font-size:26px}.de-values .de-wrap{grid-template-columns:1fr!important}.de-newsletter{padding:20px}}
@media(max-width:380px){.de-hero h1{font-size:37px!important}.de-trust{grid-template-columns:1fr!important}}


/* v2.2 MOBILE POLISH */
@media(max-width:767px){
  .de-hero-content{padding:28px 0 24px!important}
  .de-hero h1{font-size:40px!important;line-height:1.01!important;margin:7px 0 12px!important}
  .de-hero p{font-size:15.5px!important;line-height:1.42!important;margin:0 0 13px!important}
  .de-search{margin:14px 0 14px!important;padding:4px!important;border-radius:11px!important;box-shadow:0 10px 28px #0003!important}
  .de-search input{font-size:14px!important;padding:10px 9px!important;min-height:42px!important}
  .de-search button{padding:10px 16px!important;min-height:42px!important;font-size:15px!important}
  .de-trust{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:12px!important;row-gap:8px!important;width:100%!important;margin:0!important}
  .de-trust span{display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:2px 0!important;font-size:12.5px!important;line-height:1.25!important;white-space:nowrap!important}
  .de-category-strip{padding:10px 0 14px!important}
}
@media(max-width:390px){
  .de-hero h1{font-size:37px!important}
  .de-trust{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .de-trust span{font-size:11.5px!important}
}

/* v2.9 MOBILE CATEGORY LEGIBILITY - final cascade layer */
@media(max-width:921px){
body.home .de-category-strip .de-cat-grid>a{background:#0b2941!important;background-image:linear-gradient(160deg,#17334a 0%,#071827 100%)!important;color:#fff!important;opacity:1!important}
body.home .de-category-strip .de-cat-grid>a>b{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}
body.home .de-category-strip .de-cat-grid>a>small{display:block!important;color:#f3f6f8!important;-webkit-text-fill-color:#f3f6f8!important;opacity:1!important;filter:none!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}
body.home .de-category-strip .de-cat-grid>a>span{display:block!important;color:#f0c86d!important;-webkit-text-fill-color:#f0c86d!important;opacity:1!important;filter:none!important}
}
/* v2.12 – reusable price comparison block for Kipróbáltuk articles */
.de-price-compare{margin:32px 0;padding:28px;border:1px solid rgba(212,175,103,.45);border-radius:18px;background:#fffaf0;box-sizing:border-box}
.de-price-compare h2{margin-top:0}.de-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.de-price-grid>div{background:#fff;border:1px solid #eadfc9;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:5px}
.de-price-grid small{font-weight:800;letter-spacing:.04em;color:#765d2b}.de-price-grid strong{font-size:1.45rem;color:#061b2d}.de-price-grid span{font-size:.9rem;color:#52606d}
.de-borond-figure img{max-height:760px;object-fit:contain;background:#fff}
@media(max-width:720px){.de-price-compare{margin:24px 0;padding:18px}.de-price-grid{grid-template-columns:1fr}.de-price-grid>div{padding:15px}.de-price-grid strong{font-size:1.3rem}}


/* v2.17 – laptop / intermediate viewport hardening
   Fixes Astra footer flowing beside archive content and prevents the desktop
   navigation from breaking into a second row on common laptop widths. */
html,body{max-width:100%;overflow-x:hidden}
#page,.site,.site-content,.ast-container,.content-area,.site-main{box-sizing:border-box}

/* The footer must always start below the page content, never beside a floated/archive column. */
#colophon,.site-footer,.ast-footer-overlay,.site-primary-footer-wrap,.site-below-footer-wrap{
  clear:both!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  position:relative!important;
}
.site-content::after,.ast-container::after,.content-area::after,.site-main::after{
  content:"";
  display:table;
  clear:both;
}

/* DöntésElőtt archives/categories must consume the available content width. */
body.post-type-archive-de_test .content-area,
body.post-type-archive-de_compare .content-area,
body.post-type-archive-de_guide .content-area,
body.post-type-archive-de_offer .content-area,
body.post-type-archive-de_current .content-area,
body.post-type-archive-de_video .content-area,
body.category .content-area{
  width:100%!important;
  max-width:100%!important;
  float:none!important;
}

/* Laptop / intermediate widths: keep Astra's desktop navigation on one clean row. */
@media (min-width:922px) and (max-width:1366px){
  .ast-primary-header-bar .site-primary-header-wrap,
  .ast-primary-header-bar .ast-builder-grid-row{
    align-items:center!important;
  }
  .ast-builder-menu-1 .main-header-menu,
  .ast-builder-menu-2 .main-header-menu,
  .main-header-menu{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
  }
  .ast-builder-menu-1 .menu-item > .menu-link,
  .ast-builder-menu-2 .menu-item > .menu-link,
  .main-header-menu > .menu-item > .menu-link{
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:15px!important;
    white-space:nowrap!important;
  }
  .site-branding img,.custom-logo-link img{max-width:245px!important;height:auto!important}
}
@media (min-width:922px) and (max-width:1120px){
  .ast-builder-menu-1 .menu-item > .menu-link,
  .ast-builder-menu-2 .menu-item > .menu-link,
  .main-header-menu > .menu-item > .menu-link{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:14px!important;
  }
  .site-branding img,.custom-logo-link img{max-width:205px!important}
}


/* v2.18 – article block responsive spacing hardening
   Booking/affiliate article fix: price card, affiliate CTA block and pros/cons
   stay inside the readable column on phones and retain breathing room on desktop. */
.de-price-compare,
.de-affiliate-box,
.de-procon,
.de-procon > div{
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}

/* Inline affiliate recommendation block used by imported content packs. */
.de-affiliate-box{
  width:100%;
  margin:32px 0;
  padding:24px;
  border:1px solid rgba(212,175,103,.38);
  border-radius:16px;
  background:#fbf8f1;
  overflow-wrap:anywhere;
}
.de-affiliate-box > :first-child{margin-top:0!important}
.de-affiliate-box > :last-child{margin-bottom:0!important}
.de-affiliate-box .de-button{
  display:inline-block;
  max-width:100%;
  box-sizing:border-box;
  padding:12px 18px;
  border-radius:8px;
  background:linear-gradient(135deg,var(--de-gold2),#c89536);
  color:#101820;
  text-decoration:none;
  overflow-wrap:anywhere;
}

/* Generated pros/cons cards: never let long content force horizontal overflow. */
.de-procon{width:100%}
.de-procon > div{overflow-wrap:anywhere}
.de-procon ul{margin-bottom:0}

@media(max-width:767px){
  /* These three visual blocks get their own safe gutter even when the surrounding
     Astra/content template happens to be edge-to-edge at a given breakpoint. */
  .de-price-compare,
  .de-affiliate-box,
  .de-procon{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .de-price-compare{padding:18px!important}
  .de-affiliate-box{padding:18px!important}
  .de-affiliate-box .de-button{display:block;width:100%;text-align:center}
  .de-procon{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  .de-procon > div{width:100%!important;padding:18px!important}
}

@media(max-width:390px){
  .de-price-compare,
  .de-affiliate-box,
  .de-procon{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
  }
  .de-price-compare,.de-affiliate-box{padding:16px!important}
  .de-procon > div{padding:16px!important}
}

/* v2.19 – desktop affiliate block alignment
   Keep the already-correct phone layout untouched. On tablet/laptop/desktop,
   force the Booking recommendation card back into the same readable article
   column as the headings and paragraphs that surround it. */
@media(min-width:768px){
  .entry-content > .de-affiliate-box,
  .entry-content .de-affiliate-box{
    width:auto!important;
    max-width:100%!important;
    margin-left:24px!important;
    margin-right:24px!important;
    padding:24px!important;
  }
}
@media(min-width:1200px){
  .entry-content > .de-affiliate-box,
  .entry-content .de-affiliate-box{
    margin-left:32px!important;
    margin-right:32px!important;
  }
}

/* v2.20 – compact mobile article header + consistent title sizing */
@media(max-width:767px){
  /* Astra can otherwise serve a noticeably larger mobile H1 depending on its
     cached responsive stylesheet. Pin the article title here in Core. */
  body.single .entry-title,
  body.single h1.entry-title,
  body.single .ast-single-post-order .entry-title{
    font-size:28px!important;
    line-height:1.12!important;
    letter-spacing:-.015em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    margin-bottom:10px!important;
  }
  /* Metadata/facts should read as one compact information group. */
  body.single .de-facts{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin:12px 0 18px!important;
  }
  body.single .de-facts .de-fact,
  body.single .de-facts span{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0!important;
    border-radius:0!important;
    background:transparent!important;
    font-size:14px!important;
    line-height:1.28!important;
  }
  body.single .de-facts b{font-weight:800!important}
  /* Short numeric facts should never be split internally. */
  body.single .de-fact-rating,
  body.single .de-fact-price_now,
  body.single .de-price-grid strong,
  body.single .de-price-grid span{
    white-space:nowrap!important;
  }
}
@media(max-width:390px){
  body.single .entry-title,
  body.single h1.entry-title,
  body.single .ast-single-post-order .entry-title{font-size:27px!important}
}


/* v2.21 – definitive mobile article H1 fix + cache-busting version bump */
@media (max-width:767px){
  body.single .site-main article .entry-header .entry-title,
  body.single .site-main article h1.entry-title,
  body.single .ast-article-single .entry-title,
  body.single .ast-single-post .entry-title,
  body.single .ast-single-post-order .entry-title,
  body.single .entry-content > h1:first-child,
  body.single article header h1{
    font-size:32px!important;
    line-height:1.10!important;
    letter-spacing:-0.02em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
}
@media (max-width:390px){
  body.single .site-main article .entry-header .entry-title,
  body.single .site-main article h1.entry-title,
  body.single .ast-article-single .entry-title,
  body.single .ast-single-post .entry-title,
  body.single .ast-single-post-order .entry-title,
  body.single .entry-content > h1:first-child,
  body.single article header h1{
    font-size:30px!important;
  }
}

/* v2.22 – affiliate article polish: readable facts and reliable CTA buttons */
@media(min-width:768px){
  body.single .de-facts{
    margin-left:24px!important;
    margin-right:24px!important;
  }
}
.de-affiliate-box .de-cta,
body.single .de-aff .de-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  max-width:100%!important;
  text-align:center!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:767px){
  .de-affiliate-box .de-cta,
  body.single .de-aff .de-cta{
    display:flex!important;
    width:100%!important;
    padding:13px 14px!important;
    font-size:15px!important;
  }
  body.single .de-aff{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:390px){
  body.single .de-aff{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    padding:16px!important;
  }
}


/* v2.23 – comparison tables stay inside the article with comfortable gutters */
body.single .de-compare-table-wrap{
  width:auto!important;
  max-width:100%!important;
  margin:28px 24px!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box!important;
  border-radius:8px;
}
body.single .de-compare-table-wrap table{
  width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
@media(max-width:767px){
  body.single .de-compare-table-wrap{
    max-width:calc(100% - 28px)!important;
    margin:24px auto!important;
  }
  body.single .de-compare-table-wrap table{
    min-width:660px!important;
  }
}
@media(max-width:390px){
  body.single .de-compare-table-wrap{
    max-width:calc(100% - 24px)!important;
  }
}

/* 2.26 – automatic affiliate block: keep it inside the readable article gutter on desktop too. */
@media(min-width:768px){
  body.single .entry-content > .de-aff,
  body.single .entry-content .de-aff{
    width:auto!important;
    max-width:calc(100% - 48px)!important;
    margin-left:24px!important;
    margin-right:24px!important;
    box-sizing:border-box!important;
  }
}
@media(min-width:1200px){
  body.single .entry-content > .de-aff,
  body.single .entry-content .de-aff{
    max-width:calc(100% - 64px)!important;
    margin-left:32px!important;
    margin-right:32px!important;
  }
}