
.her-page{background:#f3f6fa;color:#0b1d43;min-height:100vh}.her-hero{background:linear-gradient(105deg,#111923,#243849 55%,#7b5631);color:#fff}.her-hero-inner{max-width:1180px;margin:auto;padding:38px 24px;display:flex;justify-content:space-between;gap:30px;align-items:end}.her-kicker{font-size:12px;letter-spacing:2px;color:#e7cf98;font-weight:800}.her-hero h1{font-size:48px;line-height:.96;margin:12px 0}.her-hero h1 span{font-size:84px;color:#e4c37e}.her-hero p{letter-spacing:2px}.her-hero-meta{display:grid;gap:8px;font-size:17px}.her-wrap{max-width:1180px;margin:18px auto;padding:0 18px 100px}.her-info{margin-bottom:16px}.her-meta{display:flex;flex-wrap:wrap;gap:14px;font-weight:700}.her-buy-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.her-map{padding:18px}.her-map-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.her-map h2,.her-cart h2{margin-top:0}.her-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.her-legend i,.her-price i{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:4px}.her-legend .free,.her-price i{background:#2387df}.her-legend .na{background:#aeb8c6}.her-legend .sel{background:#d62d2d}.her-reset{background:#fff;border:1px solid #d6deea;border-radius:8px;padding:9px 13px}.her-stage{max-width:520px;margin:18px auto 6px;background:#353a43;color:#fff;text-align:center;font-weight:900;padding:13px;border-radius:5px}.her-layout-note{text-align:center;font-size:11px;color:#64748b;margin-bottom:12px}.her-seat-shell{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px;border:1px solid #e0e6ee;border-radius:10px;background:#fff}.her-theatre{min-width:790px;display:grid;gap:14px}.her-sector-title{text-align:center;font-size:12px;font-weight:900;margin-bottom:5px}.her-upper,.her-lower{display:grid;grid-template-columns:1fr 34px 1.55fr 34px 1fr;gap:6px;align-items:end}.her-upper{grid-template-columns:.75fr 34px 1.8fr 34px .75fr}.her-stairs{align-self:stretch;min-height:80px;border-left:6px double #c9b99f;border-right:6px double #c9b99f;background:repeating-linear-gradient(0deg,#eee7dc 0 6px,#d3c8b7 6px 8px);border-radius:3px;display:flex;align-items:center;justify-content:center}.her-stairs span{writing-mode:vertical-rl;font-size:9px;font-weight:800;color:#766a58;background:#f8f4ed;padding:3px}.her-sector{background:#f7f4ed;border:1px solid #d8d0c3;border-radius:8px;padding:8px}.her-row{display:flex;justify-content:center;align-items:center;gap:4px;margin:4px 0}.her-row b{width:28px;font-size:10px}.her-seat{width:23px;height:23px;border:0;border-radius:5px;background:#2387df;color:#fff;font-size:9px;font-weight:800;cursor:pointer;padding:0}.her-seat.unavailable{background:#aeb8c6;cursor:not-allowed}.her-seat.selected{background:#d62d2d}.her-aisle{height:20px;text-align:center;font-size:9px;color:#7b6f5d;font-weight:800;letter-spacing:1px}.her-cart,.her-price{padding:18px}.her-cart{position:sticky;top:16px}.her-summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:13px}.her-total{display:flex;justify-content:space-between;border-top:1px solid #dfe5ed;margin-top:12px;padding-top:14px}.her-checkout{width:100%;margin-top:14px;background:#0b1d43;color:#fff;border:0;border-radius:8px;padding:14px;font-weight:900}.her-checkout:disabled{opacity:.45}.her-price{margin-top:14px}.her-price p{display:flex;align-items:center}.her-price b{margin-left:auto}.her-note{margin-top:14px;background:#e9eef5;padding:14px;border-radius:8px;font-size:12px;color:#526078}.her-empty{text-align:center;color:#728099;padding:25px 5px}

/* mobile/tablet: real responsive composition, only seat map scrolls horizontally */
@media(max-width:1099px){.her-hero-inner{display:block;padding:26px 16px}.her-hero h1{font-size:34px}.her-hero h1 span{font-size:60px}.her-hero-meta{margin-top:20px}.her-wrap{padding:0 10px 88px}.her-buy-grid{display:block}.her-map{padding:12px}.her-cart{position:static;margin-top:14px}.her-price{margin-top:12px}.her-seat-shell{width:100%;overflow-x:auto}.her-theatre{min-width:760px}.her-map-head h2{font-size:20px}}
@media(max-width:600px){.her-hero h1{font-size:29px}.her-hero h1 span{font-size:52px}.her-hero p{font-size:11px}.her-map-head{display:block}.her-reset{margin-top:10px}.her-theatre{min-width:730px}}

/* independent sticky carts */
#her-mobile-dock,#her-desktop-dock{display:none}
@media(max-width:1099px){#her-mobile-dock.show{display:grid!important;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:2147483647;background:#0b1d43;color:#fff;border-radius:13px;padding:7px 8px;grid-template-columns:38px minmax(0,1fr) 74px;align-items:center;gap:7px;box-shadow:0 8px 28px #0005}.her-dock-icon{position:relative;width:38px;height:38px;border-radius:9px;background:#ffffff18;display:grid;place-items:center}.her-dock-count{position:absolute;right:-5px;top:-6px;background:#d62d2d;border-radius:12px;min-width:20px;height:20px;text-align:center;font-size:11px;font-weight:900}.her-dock-title{font-size:11px;font-weight:900}.her-dock-sub{font-size:9px;color:#d7e0ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.her-dock-total{font-size:12px;font-weight:900}.her-dock-view{height:38px;border:0;border-radius:8px;background:#fff;color:#0b1d43;font-size:10px;font-weight:900}}
@media(min-width:1100px){#her-desktop-dock.show{display:grid!important;position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147483647;width:min(720px,calc(100vw - 48px));background:#0b1d43;color:#fff;border-radius:14px;padding:9px 11px;grid-template-columns:44px minmax(0,1fr) 105px;align-items:center;gap:10px;box-shadow:0 10px 30px #0005}#her-desktop-dock .her-dock-icon{width:44px;height:44px}}


/* V7.1 — visual arrangement based on the supplied Heraclea amphitheatre concept */
.her-stage{display:none!important}
.her-layout-note{margin:14px 0 10px}
.her-seat-shell{background:#e8dfd0!important;padding:14px!important}
.her-amphi{
  min-width:900px!important;
  padding:34px 34px 18px!important;
  background:
    radial-gradient(ellipse at 50% 108%,rgba(117,92,61,.14) 0 27%,transparent 27.5%),
    repeating-radial-gradient(ellipse at 50% 108%,#eee5d8 0 34px,#c7b79f 35px 38px,#f5efe6 39px 70px)!important;
  border:2px solid #aa9678!important;
  border-radius:48% 48% 12px 12px / 17% 17% 12px 12px!important;
  box-shadow:inset 0 0 0 8px #fff7e8aa!important;
}
.her-amphi-top{
  display:grid!important;
  grid-template-columns:.62fr 42px 1.65fr 42px .62fr!important;
  gap:8px!important;
  align-items:end!important;
  margin:0 20px 14px!important;
}
.her-amphi-lower{
  display:grid!important;
  grid-template-columns:1fr 46px 1.32fr 46px 1fr!important;
  gap:8px!important;
  align-items:end!important;
  margin:0 72px!important;
}
.her-amphi .her-sector{
  background:#f9f4ebef!important;
  border:2px solid #b8a487!important;
  padding:10px 8px!important;
  box-shadow:inset 0 0 0 3px #fff9,0 3px 8px #5b463326!important;
}
.her-amphi-top .her-sector:first-child,
.her-amphi-top .her-sector:last-child{transform:translateY(38px)}
.her-sector-title{font-size:11px!important;color:#15223b!important;letter-spacing:.2px}
.her-amphi .her-row{gap:4px!important}
.her-amphi .her-row b{width:30px!important}
.her-amphi .her-seat{
  width:23px!important;height:23px!important;border-radius:50%!important;
  background:#1685e5!important;border:1px solid #fff!important;
  box-shadow:0 1px 2px #0004!important
}
.her-amphi .her-seat.unavailable{background:#aeb8c6!important}
.her-amphi .her-seat.selected{background:#d62d2d!important;transform:scale(1.08)}
.her-amphi .her-stairs{
  min-height:112px!important;
  border-left:5px solid #8e7c63!important;border-right:5px solid #8e7c63!important;
  background:repeating-linear-gradient(0deg,#e9dfd0 0 7px,#9d8b70 7px 9px)!important
}
.her-ring{
  height:38px;margin:0 42px 12px;border-top:6px double #a39176;border-bottom:6px double #a39176;
  border-radius:50%;background:#e6dac8;display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:900;color:#75644f;letter-spacing:1px
}
.her-entrances{
  margin:16px 65px 0;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;
  text-align:center;font-size:11px;color:#3f3528
}
.her-entrances strong:nth-child(2){
  background:#383c42;color:#fff;padding:17px;border:7px solid #c2b094;
  border-radius:50% 50% 4px 4px / 28% 28% 4px 4px;font-size:22px;letter-spacing:2px
}
@media(max-width:1099px){
  .her-amphi{min-width:860px!important}
  .her-seat-shell{overflow-x:auto!important;touch-action:pan-x pan-y!important}
}
\n
/* V7.2 — amphitheatre map refinement: interactive seats follow the supplied visual plan */
.her-amphi{padding-top:44px!important;overflow:hidden!important}
.her-amphi-top{grid-template-columns:.58fr 44px 1.75fr 44px .58fr!important;margin:0 8px 20px!important}
.her-amphi-lower{grid-template-columns:1fr 48px 1.28fr 48px 1fr!important;margin:0 76px 0!important}
.her-amphi-top .her-sector:nth-child(1){transform:translateY(72px) rotate(-7deg)!important;clip-path:polygon(18% 0,100% 12%,90% 100%,0 88%)}
.her-amphi-top .her-sector:nth-child(3){transform:none!important;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}
.her-amphi-top .her-sector:nth-child(5){transform:translateY(72px) rotate(7deg)!important;clip-path:polygon(0 12%,82% 0,100% 88%,10% 100%)}
.her-amphi-lower .her-sector:nth-child(1){transform:rotate(-5deg)!important;clip-path:polygon(13% 0,100% 10%,88% 100%,0 88%)}
.her-amphi-lower .her-sector:nth-child(3){clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}
.her-amphi-lower .her-sector:nth-child(5){transform:rotate(5deg)!important;clip-path:polygon(0 10%,87% 0,100% 88%,12% 100%)}
.her-amphi .her-sector{padding:13px 12px 17px!important}
.her-amphi .her-row:nth-child(2){transform:scaleX(.92)}
.her-amphi .her-row:nth-child(3){transform:scaleX(.95)}
.her-amphi .her-row:nth-child(4){transform:scaleX(.98)}
.her-amphi .her-row:nth-child(n+5){transform:scaleX(1)}
.her-ring{margin:8px 84px 18px!important;height:44px!important;border-radius:50%!important}
.her-entrances{margin:18px 58px 0!important}
.her-entrances strong:first-child,.her-entrances strong:last-child{font-size:12px!important;padding:18px 4px;background:#f4ede1;border:2px solid #b7a589;border-radius:8px}
.her-entrances strong:nth-child(2){min-height:62px!important}
@media(max-width:1099px){.her-amphi{min-width:980px!important}.her-seat-shell{overflow:auto!important;-webkit-overflow-scrolling:touch!important}}

/* V7.3 — true interactive SVG amphitheatre map */
.her-seat-shell{padding:8px!important;background:#efe7da!important;overflow:auto!important}
.her-svg-map{display:block;width:100%;height:auto;min-width:820px;background:linear-gradient(#f7f2e9,#e9dfd0);border-radius:12px}
.her-svg-map .stone-ring{fill:#d5c6b0;stroke:#9d896c;stroke-width:3}
.her-svg-map .passage-line{fill:none;stroke:#9c896d;stroke-width:24;stroke-linecap:round;opacity:.55}
.her-svg-map .stage-ring{fill:none;stroke:#8f806d;stroke-width:18;opacity:.65}
.her-svg-map .stage-shape{fill:#393d43;stroke:#b8a486;stroke-width:7}
.her-svg-map .svg-stairs line:first-child{stroke:#8f7c61;stroke-width:18}
.her-svg-map .svg-stairs line:not(:first-child){stroke:#e8ddcc;stroke-width:3}
.her-svg-map .svg-seat{cursor:pointer;outline:none}
.her-svg-map .svg-seat circle{fill:#2189e4;stroke:#fff;stroke-width:1.5;transition:.12s}
.her-svg-map .svg-seat text{fill:#fff;pointer-events:none}
.her-svg-map .svg-seat.unavailable{cursor:not-allowed}
.her-svg-map .svg-seat.unavailable circle{fill:#aeb8c6}
.her-svg-map .svg-seat.selected circle{fill:#d62d2d;stroke:#8f1515;stroke-width:2.5}
.her-svg-map .svg-seat.available:hover circle,.her-svg-map .svg-seat.available:focus circle{stroke:#0b1d43;stroke-width:3}
@media(max-width:1099px){.her-svg-map{min-width:900px}.her-seat-shell{touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch!important}}

/* V7.4 readable Heraclea interactive plan */
.her-seat-shell{background:#f3ede3!important;padding:8px!important;overflow:auto!important}
.v74-map{display:block;width:100%;height:auto;min-width:900px;background:#f8f5ef;border-radius:10px}
.v74-map .stone{fill:#d8cbb8;stroke:#9d896c;stroke-width:2}
.v74-map .mainpass{fill:none;stroke:#c4b49c;stroke-width:28;stroke-linecap:round}
.v74-map .orchestra{fill:none;stroke:#b4a289;stroke-width:18;opacity:.75}
.v74-map .stage{fill:#d0c0aa;stroke:#8d7a60;stroke-width:5}
.v74-map .v74-stairs .rail{stroke:#a08b6d;stroke-width:18}
.v74-map .v74-stairs .step{stroke:#f7f1e7;stroke-width:3}
.v74-seat{cursor:pointer;outline:none}
.v74-seat rect{fill:#1689e6;stroke:#fff;stroke-width:1.3}
.v74-seat text{fill:#fff;pointer-events:none}
.v74-seat.unavailable{cursor:not-allowed}
.v74-seat.unavailable rect{fill:#adb8c6}
.v74-seat.selected rect{fill:#d6292f;stroke:#99151a;stroke-width:2}
.v74-seat.available:hover rect,.v74-seat.available:focus rect{stroke:#071a3d;stroke-width:3}
@media(max-width:1099px){.v74-map{min-width:900px}.her-seat-shell{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}}

/* V7.5 — clean interactive plan; intentionally no filled structural SVG paths */
.her-seat-shell{background:#f8f6f1!important;padding:10px!important;overflow:auto!important}
.h75-map{display:block!important;width:100%!important;height:auto!important;min-width:900px!important;background:#f8f6f1!important;border-radius:12px!important}
.h75-map .guide{fill:none!important;stroke:#c8b89f!important;stroke-width:10!important;stroke-linecap:round!important}
.h75-map .main-guide{stroke-width:22!important;stroke:#ded3c2!important}
.h75-map .lower-guide{stroke-width:14!important;stroke:#c8b89f!important}
.h75-map .stage-box{fill:#d8cbb7!important;stroke:#9e896c!important;stroke-width:3!important}
.h75-map .map-label{fill:#15213a!important;font-weight:900!important}
.h75-map .h75-corridor .corridor-bg{stroke:#b7a487!important;stroke-width:18!important}
.h75-map .h75-corridor .corridor-step{stroke:#f8f3ea!important;stroke-width:3!important}
.h75-map .h75-seat{cursor:pointer!important;outline:none!important}
.h75-map .h75-seat circle{fill:#1689e6!important;stroke:#fff!important;stroke-width:1.5!important}
.h75-map .h75-seat text{fill:#fff!important;font-size:7px!important;font-weight:900!important;pointer-events:none!important}
.h75-map .h75-seat.unavailable{cursor:not-allowed!important}
.h75-map .h75-seat.unavailable circle{fill:#aeb8c6!important}
.h75-map .h75-seat.selected circle{fill:#d62d2d!important;stroke:#94151a!important;stroke-width:2.5!important}
.h75-map .h75-seat.available:hover circle,.h75-map .h75-seat.available:focus circle{stroke:#071a3d!important;stroke-width:3!important}
@media(max-width:1099px){.h75-map{min-width:900px!important}.her-seat-shell{-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important}}

/* V7.6 — final light amphitheatre web map */
.her-seat-shell{
 background:#f4efe6!important;
 padding:8px!important;
 overflow:auto!important;
 border:1px solid #d9cdbd!important;
}
.v76-map{
 display:block!important;
 width:100%!important;
 height:auto!important;
 min-width:920px!important;
 background:
   radial-gradient(circle at 12% 8%,rgba(116,145,74,.14),transparent 17%),
   radial-gradient(circle at 88% 7%,rgba(116,145,74,.14),transparent 17%),
   #f8f4ec!important;
 border-radius:10px!important;
}
.v76-map .v76-outer-wall,
.v76-map .v76-inner-wall,
.v76-map .v76-passage,
.v76-map .v76-orchestra{
 fill:none!important;
 stroke-linecap:round!important;
}
.v76-map .v76-outer-wall{stroke:#b9a88f!important;stroke-width:34!important}
.v76-map .v76-inner-wall{stroke:#ded3c3!important;stroke-width:28!important}
.v76-map .v76-passage{stroke:#b4a188!important;stroke-width:13!important}
.v76-map .v76-orchestra{stroke:#c9bba7!important;stroke-width:22!important}
.v76-map .v76-stage{
 fill:#d0c3b1!important;
 stroke:#97836a!important;
 stroke-width:4!important;
}
.v76-map .v76-label{fill:#111827!important;font-weight:900!important}
.v76-map .v76-stair-base{stroke:#a58f70!important;stroke-width:22!important}
.v76-map .v76-stair-step{stroke:#f5eee4!important;stroke-width:3!important}
.v76-map .v76-seat{cursor:pointer!important;outline:none!important}
.v76-map .v76-seat circle{
 fill:#1689e6!important;
 stroke:#fff!important;
 stroke-width:1.5!important;
 filter:drop-shadow(0 1px 1px rgba(0,0,0,.16));
}
.v76-map .v76-seat text{
 fill:#fff!important;
 font-size:7px!important;
 font-weight:900!important;
 pointer-events:none!important;
}
.v76-map .v76-seat.unavailable{cursor:not-allowed!important}
.v76-map .v76-seat.unavailable circle{fill:#aeb8c6!important}
.v76-map .v76-seat.selected circle{
 fill:#d62d2d!important;
 stroke:#97171c!important;
 stroke-width:2.5!important;
}
.v76-map .v76-seat.available:hover circle,
.v76-map .v76-seat.available:focus circle{
 stroke:#081b3e!important;
 stroke-width:3!important;
 transform-box:fill-box;
 transform-origin:center;
 transform:scale(1.12);
}
@media(max-width:1099px){
 .v76-map{min-width:920px!important}
 .her-seat-shell{
   -webkit-overflow-scrolling:touch!important;
   touch-action:pan-x pan-y!important;
 }
}
