/* Buygames.gg Arena V50 — semantic product description and working gallery. */
.package-wrapper #package-description {
  display: grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:20px!important;
  align-items:start!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.package-wrapper #package-description>.package-description-section {
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
  gap:12px!important;
  padding:18px 20px!important;
  background:#14221d!important;
  border:1px solid #31483c!important;
  border-radius:14px!important;
  box-shadow:none!important;
  min-width:0!important;
  overflow:hidden;
}
/* The first overview and substantive policies read better across the page. */
.package-wrapper #package-description>.package-description-section:first-child,
.package-wrapper #package-description>.package-description-section--important,
.package-wrapper #package-description>.package-description-section--policy,
.package-wrapper #package-description>.package-description-gallery-section {grid-column:1/-1!important}
.package-wrapper #package-description>.package-description-section:nth-child(2) {grid-column:auto!important}
/* Headings have an explicit hierarchy; subheadings stay WITH their content. */
.package-wrapper #package-description>.package-description-section>.package-description-heading {
  margin:0!important;
  padding:0!important;
  font-size:clamp(17px,1.55vw,20px)!important;
  font-weight:800!important;
  line-height:1.38!important;
  color:#f0faed!important;
}
.package-wrapper #package-description .package-description-subsection {
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:13px 15px;
  border-radius:11px;
  border:1px solid #2c4437;
  background:#182a22;
  margin:0!important;
  min-width:0;
}
.package-wrapper #package-description .package-description-subheading {
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:800!important;
  color:#e4f5da!important;
  margin:0!important;
}
.package-wrapper #package-description .package-description-section>p,
.package-wrapper #package-description .package-description-section>div:not(.package-description-gallery-shell):not(.package-description-gallery-header),
.package-wrapper #package-description .package-description-subsection p,
.package-wrapper #package-description .package-description-section li {
  font-size:14px!important;
  line-height:1.7!important;
  color:#c9d9cd!important;
}
.package-wrapper #package-description .package-description-section>p,
.package-wrapper #package-description .package-description-subsection>p {margin:0!important;padding:0!important}
.package-wrapper #package-description ul,
.package-wrapper #package-description ol {display:block!important;font-size:14px!important;line-height:1.7!important;padding-left:23px!important;margin:0!important}
.package-wrapper #package-description li {margin:5px 0!important}
.package-wrapper #package-description>.package-description-section--important {
  background:linear-gradient(115deg,#27251a,#18271c)!important;
  border-color:#7d6533!important;
}
.package-wrapper #package-description>.package-description-section--policy {
  border-color:#355044!important;
  background:#15231d!important;
}
/* Photo gallery always stays within the description; images can be enlarged. */
.package-wrapper #package-description .package-description-gallery-section {gap:16px!important}
.package-wrapper #package-description .package-description-gallery-header {display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.package-wrapper #package-description .package-description-gallery-count {color:#91aa98;font-size:12px;font-weight:700}
.package-wrapper #package-description .package-description-gallery-shell {position:relative;min-width:0;overflow:hidden;padding:0 4px}
.package-wrapper #package-description .package-description-gallery-track {
  display:flex!important;align-items:stretch;gap:12px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin;scrollbar-color:#57785e transparent;
  scroll-snap-type:x mandatory;
  overscroll-behavior-x:contain;
  padding:2px 2px 10px;
  -webkit-overflow-scrolling:touch;
}
.package-wrapper #package-description .package-description-gallery-slide {
  display:flex!important;flex:0 0 auto!important;align-items:center;justify-content:center;
  width:clamp(145px,22vw,235px)!important;height:200px!important;padding:10px!important;
  border-radius:12px!important;border:1px solid #3f5946!important;background:#203127!important;
  cursor:zoom-in!important;scroll-snap-align:start;
}
.package-wrapper #package-description .package-description-gallery-slide img {
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;max-width:100%!important;
  border-radius:7px!important;
}
.package-wrapper #package-description .package-description-gallery-nav {
  position:absolute;z-index:2;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:34px;height:42px;border-radius:10px;
  border:1px solid #526b58;background:#10221b;color:#f0fee9;
  box-shadow:0 4px 14px rgba(0,0,0,.4);cursor:pointer;font-size:25px;
}
.package-wrapper #package-description .package-description-gallery-nav--prev {left:6px}
.package-wrapper #package-description .package-description-gallery-nav--next {right:6px}
/* Previously missing styles: the image viewer was rendered below the footer. */
.description-image-lightbox {display:none!important;position:fixed!important;inset:0!important;z-index:2147483000!important;padding:32px!important;background:rgba(3,9,8,.95)!important;align-items:center;justify-content:center;box-sizing:border-box}
.description-image-lightbox.is-open {display:flex!important}
.description-image-lightbox__figure {margin:0!important;max-width:min(100%,1150px);width:100%;max-height:calc(100dvh - 96px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0}
.description-image-lightbox__image {display:block;max-height:calc(100dvh - 135px);max-width:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;transition:transform .12s ease}
.description-image-lightbox__caption {font-size:13px;color:#d7e9d9;text-align:center;max-width:70ch}
.description-image-lightbox__nav,
.description-image-lightbox__close {position:absolute;display:grid;place-items:center;background:#183027;color:#f2ffe9;border:1px solid #5a7a64;cursor:pointer;box-shadow:0 7px 30px rgba(0,0,0,.4)}
.description-image-lightbox__close {top:max(12px,env(safe-area-inset-top));right:16px;width:46px;height:46px;border-radius:50%;font-size:28px;z-index:3}
.description-image-lightbox__nav {top:50%;transform:translateY(-50%);width:44px;height:56px;border-radius:12px;font-size:36px;z-index:2}
.description-image-lightbox__nav--prev {left:12px}
.description-image-lightbox__nav--next {right:12px}
.description-image-lightbox__nav[hidden],
.description-image-lightbox__caption[hidden] {display:none!important}
.description-image-lightbox__counter {position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:7px 14px;border-radius:99px;background:#21362b;color:#f0ffe8;font-size:12px;font-weight:800}
@media(max-width:820px){
  .package-wrapper #package-description {grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:10px!important}
  .package-wrapper #package-description>.package-description-section {grid-column:1/-1!important;padding:16px!important}
  .package-wrapper #package-description .package-description-gallery-slide{width:180px!important;height:190px!important}
}
@media(max-width:520px){
  .package-wrapper #package-description .package-description-gallery-slide{width:150px!important;height:164px!important}
  .package-wrapper #package-description .package-description-section>p,
  .package-wrapper #package-description .package-description-section li,
  .package-wrapper #package-description .package-description-subsection p {font-size:14px!important;line-height:1.68!important}
  .description-image-lightbox {padding:60px 12px 54px!important}
  .description-image-lightbox__figure{max-height:calc(100dvh - 124px)!important}
  .description-image-lightbox__image{max-height:calc(100dvh - 154px)!important}
  .description-image-lightbox__nav{width:34px;height:44px;font-size:28px;top:auto;bottom:8px;transform:none}
  .description-image-lightbox__nav--prev{left:calc(50% - 80px)}
  .description-image-lightbox__nav--next{right:calc(50% - 80px)}
  .description-image-lightbox__counter{bottom:20px}
}

/* V50 editorial flow: uninterrupted reading width; paired compact policies only. */
.package-wrapper #package-description>.package-description-section{grid-column:1/-1!important}
@media(min-width:821px){
  .package-wrapper #package-description>.package-description-section--pairable{grid-column:auto!important}
  .package-wrapper #package-description>.package-description-section--subtopics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;column-gap:14px!important}
  .package-wrapper #package-description>.package-description-section--subtopics> :not(.package-description-subsection){grid-column:1/-1!important}
  .package-wrapper #package-description>.package-description-section--subtopics>.package-description-subsection{grid-column:auto!important}
}

/* Override older nth-child full/half span rules explicitly. */
.package-wrapper #package-description>.package-description-section:nth-child(2){grid-column:1/-1!important}
@media(min-width:821px){.package-wrapper #package-description>.package-description-section--pairable:nth-child(2){grid-column:auto!important}}