:root{--navy:#17324d;--rust:#b94e32;--ivory:#f6f1e8;--paper:#fffdf8;--line:#ddd4c6;--muted:#66717b;--soft:#eee7dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e4da;color:var(--navy);font-family:Arial,Helvetica,sans-serif}.shell{max-width:1200px;margin:0 auto;background:var(--ivory);min-height:100vh;box-shadow:0 0 40px rgba(23,50,77,.08)}a{color:inherit}.head{display:flex;align-items:center;justify-content:space-between;padding:20px 34px;border-bottom:1px solid var(--line);background:rgba(246,241,232,.96);position:sticky;top:0;z-index:10}.brand{text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:28px;letter-spacing:-.02em}.headlinks{display:flex;gap:20px;align-items:center}.headlinks a{text-decoration:none;font-weight:700;font-size:14px}.headlinks .home{border:1px solid #bfb5a6;border-radius:8px;padding:10px 14px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;border-bottom:1px solid var(--line)}.hero-copy{padding:68px 52px 56px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;color:var(--rust)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;margin:0;color:var(--navy)}h1{font-size:66px;line-height:.96;letter-spacing:-.04em;max-width:630px;margin-top:18px}.hero-copy>p{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.4;margin:24px 0 26px;max-width:580px;color:#344d63}.guest-note{display:inline-flex;gap:10px;align-items:center;background:var(--paper);border-left:4px solid var(--rust);padding:14px 16px;font-size:14px;line-height:1.45;color:#405263}.hero-photo{min-height:520px;background-image:linear-gradient(180deg,rgba(23,50,77,.05),rgba(23,50,77,.12)),url('https://cdn.getyourguide.com/image/format=auto,fit=crop,gravity=auto,quality=88,width=1600,height=1600,dpr=1/tour_img/5b85463abc7c5.jpeg');background-size:cover;background-position:center}.chooser{padding:34px 36px 38px;border-bottom:1px solid var(--line);background:var(--paper)}.chooser-title{font-weight:800;font-size:15px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{text-decoration:none;border:1px solid #cabfaf;border-radius:999px;padding:11px 15px;background:#fff;font-size:14px;font-weight:700}.chip:hover{border-color:var(--rust)}.content{padding:0 36px}.section{padding:54px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:160px 1fr;gap:28px;margin-bottom:26px}.section-head h2{font-size:42px;line-height:1.05;letter-spacing:-.025em}.section-head p{margin:8px 0 0;color:var(--muted);font-size:17px;line-height:1.55;max-width:720px}.label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--rust);padding-top:8px}.essentials{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--paper)}.essential{padding:24px;border-right:1px solid var(--line);min-height:150px}.essential:last-child{border-right:0}.essential b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:22px;margin-bottom:9px}.essential p{font-size:14px;line-height:1.45;color:var(--muted);margin:0 0 14px}.essential a{font-weight:800;font-size:13px}.tourgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tour{background:var(--paper);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-height:260px}.badge{display:inline-block;align-self:flex-start;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--rust);margin-bottom:15px}.tour h3{font-size:27px;line-height:1.08;margin-bottom:12px}.tour p{color:#4b5c6b;font-size:15px;line-height:1.5;margin:0 0 18px}.why{font-size:13px;color:#6e7880;padding-top:14px;border-top:1px solid var(--soft);margin-top:auto}.tour a.cta{display:inline-flex;align-self:flex-start;margin-top:18px;background:var(--navy);color:white;text-decoration:none;font-weight:800;padding:11px 14px;border-radius:6px;font-size:13px}.tour.featured{border-top:4px solid var(--rust)}.tour.featured a.cta{background:var(--rust)}.practical{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--paper);border:1px solid var(--line);padding:28px}.panel h3{font-size:28px;margin-bottom:12px}.panel p,.panel li{color:#4b5c6b;font-size:15px;line-height:1.55}.panel ul{padding-left:20px;margin:12px 0 0}.panel a{font-weight:800}.affiliate{font-size:12px;line-height:1.55;color:#7b838a;margin-top:24px}.cross{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--navy);color:white;padding:30px 32px;margin:0 0 54px}.cross h3{color:white;font-size:28px}.cross p{margin:6px 0 0;color:#dbe2e8}.cross a{color:white;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);white-space:nowrap}.foot{padding:28px 36px 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.foot strong{font-family:Georgia,'Times New Roman',serif;font-size:22px}.footlinks{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.fine{max-width:700px;color:#78818a;font-size:11px;line-height:1.5;margin-top:8px}@media(max-width:850px){.head{padding:16px 20px}.brand{font-size:23px}.headlinks a:not(.home){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 22px 34px}.hero-photo{min-height:390px;order:-1;background-position:center 46%}h1{font-size:48px}.hero-copy>p{font-size:21px}.chooser{padding:25px 20px}.content{padding:0 20px}.section{padding:40px 0}.section-head{grid-template-columns:1fr;gap:4px}.section-head h2{font-size:36px}.essentials{grid-template-columns:1fr 1fr}.essential{border-bottom:1px solid var(--line)}.essential:nth-child(2){border-right:0}.tourgrid{grid-template-columns:1fr}.practical{grid-template-columns:1fr}.cross{margin-left:-20px;margin-right:-20px;padding:26px 20px;align-items:flex-start;flex-direction:column}.foot{padding:24px 20px 30px;flex-direction:column}}@media(max-width:520px){.hero-photo{min-height:320px}.hero-copy{padding-top:34px}h1{font-size:42px}.essentials{grid-template-columns:1fr}.essential{border-right:0}.tour h3{font-size:25px}.chips{gap:8px}.chip{font-size:13px;padding:9px 12px}}

/* v20 section photography */
.section-photo{margin:0 0 24px;background:#e4ded3;border:1px solid var(--line);overflow:hidden;position:relative;aspect-ratio:16/6}
.section-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.section-photo figcaption{position:absolute;left:14px;bottom:12px;background:rgba(255,253,248,.9);padding:7px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--navy)}
#adrenaline .section-photo img{object-position:center 43%}
#food .section-photo img{object-position:center 52%}
@media(max-width:850px){.section-photo{aspect-ratio:16/8;margin-bottom:18px}}
@media(max-width:520px){.section-photo{aspect-ratio:4/3}.section-photo figcaption{font-size:9px}}

/* v22 — keep section photography inside the guide content column */
.content,
.section,
.section-photo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.content,
.section {
  overflow-x: hidden;
}
.section-photo {
  display: block;
  margin: 0 0 24px;
  overflow: hidden;
}
.section-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 100%;
  object-fit: cover;
}
.section-head,
.essentials,
.tourgrid,
.practical {
  min-width: 0;
}
.section-head > *,
.essentials > *,
.tourgrid > *,
.practical > * {
  min-width: 0;
}
@media (max-width:850px){
  .content { overflow-x:hidden; }
  .section-photo { width:100%; max-width:100%; }
}


/* v23 — cleaner guide hero + robust width handling */
html, body { max-width:100%; overflow-x:hidden; }
.shell, .head, .hero, .hero-copy, .hero-photo, .chooser, .chips {
  min-width:0;
  max-width:100%;
}
.hero {
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  min-height:470px;
}
.hero-copy {
  padding:62px 52px 50px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero h1 {
  font-size:58px;
  line-height:1.00;
  max-width:560px;
  margin-top:16px;
}
.hero-copy>p {
  font-size:21px;
  line-height:1.45;
  max-width:560px;
  margin:22px 0 0;
}
.hero-helper {
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line);
  max-width:520px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
  font-weight:700;
}
.hero-photo {
  min-height:470px;
}
.chooser {
  width:100%;
  overflow:hidden;
}
.chips {
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.chip {
  flex:0 0 auto;
}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-photo{min-height:360px}
  .hero-copy{padding:38px 22px 32px}
  .hero h1{font-size:46px;max-width:620px}
  .hero-copy>p{font-size:20px;max-width:620px}
  .hero-helper{margin-top:22px;padding-top:15px}
}
@media(max-width:520px){
  .hero-photo{min-height:300px}
  .hero h1{font-size:40px}
  .hero-copy>p{font-size:18px}
  .chooser-title{margin-bottom:12px}
}

/* v24 — show the whole section image; never crop or spill outside the column */
figure.section-photo{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  margin:0 0 26px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:1px solid var(--line);
}
figure.section-photo img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-width:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
}
figure.section-photo figcaption{
  position:static !important;
  display:block;
  width:100%;
  background:var(--paper) !important;
  padding:8px 10px !important;
  border-top:1px solid var(--line);
  font-size:10px;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--navy);
}
/* Neutralise older crop rules */
#adrenaline .section-photo img,
#food .section-photo img{
  object-position:center !important;
}
@media(max-width:850px){
  figure.section-photo{
    width:100% !important;
    max-width:100% !important;
    aspect-ratio:auto !important;
    margin-bottom:20px !important;
  }
  figure.section-photo img{
    width:100% !important;
    height:auto !important;
  }
}


/* v25 — editorial-sized guide photography */
figure.section-photo{
  width:min(760px,100%) !important;
  max-width:760px !important;
  margin:0 auto 30px !important;
  border:1px solid var(--line) !important;
  background:var(--paper) !important;
}
figure.section-photo img{
  width:100% !important;
  height:auto !important;
  max-height:460px !important;
  object-fit:contain !important;
  background:#eee8df !important;
}
figure.section-photo figcaption{
  text-align:left;
  background:var(--paper) !important;
}
@media(max-width:850px){
  figure.section-photo{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 22px !important;
  }
  figure.section-photo img{
    max-height:none !important;
  }
}


/* v26 — Dubrovnik Guide: text-first, no visible photography */
.hero{
  display:block !important;
  min-height:0 !important;
  border-bottom:1px solid var(--line);
  background:var(--ivory);
}
.hero-copy{
  padding:58px 52px 50px !important;
  max-width:820px;
}
.hero h1{
  max-width:760px !important;
  font-size:58px !important;
}
.hero-copy>p{
  max-width:720px !important;
}
.hero-photo{display:none !important;}
.content{
  max-width:1120px;
  margin:0 auto;
}
.section{
  padding:48px 0 !important;
}
.section-head{
  margin-bottom:24px !important;
}
/* visible guide photography removed intentionally */
figure.section-photo{display:none !important;}
@media(max-width:850px){
  .hero-copy{padding:40px 22px 34px !important;max-width:none}
  .hero h1{font-size:46px !important}
  .section{padding:38px 0 !important}
}
@media(max-width:520px){
  .hero h1{font-size:40px !important}
}