/* Buygames.gg Arena V63: desktop edition tiles + real Archivo Black price font.
 * Only affects product purchase panel. Existing variation buttons, prices and events are preserved. */
.package-wrapper .arena-product-buy-card .arena-price-area {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: #55874c;
  background: radial-gradient(ellipse 85% 130% at 105% -20%,rgba(179,255,78,.21),transparent 68%),linear-gradient(123deg,#193d27,#123321 64%,#12291e);
  box-shadow: inset 0 1px 0 rgba(210,255,157,.08);
}
.package-wrapper .arena-product-buy-card .arena-price-area::after {
  content: '';
  pointer-events: none;
  position:absolute;
  right:-32px; bottom:-48px;
  width:118px; height:118px;
  border:18px solid rgba(202,255,84,.045);
  border-radius:27px;
  transform:rotate(-34deg);
  z-index:-1;
}
/* The prior versions requested Archivo Black without loading it. V63 loads it
 * in layout.html, and applies it explicitly on all breakpoints. */
.package-wrapper .arena-product-buy-card #package-price {
  font-family: 'Rajdhani', 'Archivo Black', 'Arial Black', sans-serif !important;
  font-size: clamp(48px,4.4vw,70px) !important;
  font-weight: 700 !important;
  line-height: 0.96 !important;
  letter-spacing: -.025em !important;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: 'lnum' 1, 'tnum' 1;
  text-shadow: 0 1px 0 rgba(9,18,12,.18);
  color: #caff54 !important;
  text-wrap: nowrap;
  margin: 0 !important;
}
@media (max-width:767px) {
  .package-wrapper .arena-product-buy-card #package-price {
    font-size: clamp(42px,11vw,60px) !important;
  }
}
@media (min-width:768px) {
  /* Display in 2–3 equal-width cells; no vertical radio-row repetition. */
  .package-wrapper .arena-product-buy-card .arena-v62-picker-heading {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px 12px;
    margin: 16px 0 11px;
  }
  .package-wrapper .arena-product-buy-card .arena-v62-picker-heading strong {
    color:#e9f8e3;
    font:900 13px/1.25 'Plus Jakarta Sans',sans-serif;
    letter-spacing:.085em;
  }
  .package-wrapper .arena-product-buy-card .arena-v62-picker-heading small {
    color:#9bb6a2;
    font-size:11px;
    line-height:1.45;
  }
  .package-wrapper .arena-product-buy-card .arena-variation-wrap {margin-top:13px;min-width:0;}
  .package-wrapper .arena-product-buy-card #variation-list {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    align-items: stretch !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
    width:100%;
    max-height:none !important;
    overflow:visible !important;
  }
  .package-wrapper .arena-product-buy-card #variation-list[data-variation-count="1"] {grid-template-columns:1fr !important;}
  .package-wrapper .arena-product-buy-card #variation-list[data-variation-count="2"],
  .package-wrapper .arena-product-buy-card #variation-list[data-variation-count="4"] {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] {
    box-sizing:border-box;
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    justify-content:space-between;
    min-width:0;
    min-height:154px;
    max-width:none;
    height:auto !important;
    width:100% !important;
    padding:15px 15px 13px;
    gap:10px;
    border:1px solid #3d5747;
    border-radius:15px;
    background:linear-gradient(155deg,#1a2b22,#101d18);
    text-align:left;
    box-shadow:none;
    color:#f2f8ef;
    transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"]:hover {
    border-color:#86aa73;
    background:linear-gradient(155deg,#213a28,#15241d);
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"][data-selected="true"] {
    border-color:#caff54;
    background:linear-gradient(155deg,#2e482b,#1b3122);
    box-shadow:inset 0 0 0 1px rgba(202,255,84,.13),0 10px 25px -24px #caff54;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"]:focus-visible {
    outline:2px solid #caff54;outline-offset:3px;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] > .flex:first-child {
    display:flex;
    flex-direction:column;
    width:100%;
    min-width:0;
    align-items:flex-start;
    gap:8px;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] > .flex:first-child > .flex-col {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-width:0;
    max-width:100%;
    gap:5px;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] .w-4.h-4.border-2 {
    display:grid;place-items:center;
    width:17px;height:17px;flex:0 0 17px;
    background:rgba(8,16,12,.5);
    border:1.5px solid #8baa92;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"][data-selected="true"] .w-4.h-4.border-2 {border-color:#caff54;}
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] img.rounded-md {
    height:22px;width:22px;object-fit:cover;border-radius:5px;flex:0 0 22px;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] .arena-v62-edition-label {
    display:block !important;
    font:900 15px/1.18 'Plus Jakarta Sans',sans-serif;
    color:#f6f9f0;
    letter-spacing:.025em;
    text-transform:uppercase;
    white-space:normal;
    max-width:100%;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"][data-selected="true"] .arena-v62-edition-label {color:#dfffab;}
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"][data-edition-short]:not([data-edition-short=""]) .line-clamp-1 {
    position:absolute !important;
    height:1px !important;width:1px !important; padding:0 !important; margin:-1px !important;
    overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"]:not([data-edition-short]) .line-clamp-1,
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"][data-edition-short=""] .line-clamp-1 {
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden;white-space:normal;
    max-width:100%;
    font-size:12px;line-height:1.32;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] .flex-col > .text-xs {
    font-size:10px;line-height:1.25;color:#a9bea9;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] > .flex-col:last-child {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-end;
    flex:1 1 auto;
    min-width:0;max-width:none;
    width:100%;gap:3px;
    text-align:left;
    padding-top:8px;
    border-top:1px solid #355343;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] > .flex-col:last-child > .flex {
    width:100%;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:3px;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] > .flex-col:last-child .font-medium {
    color:#f4f9ee;
    font:700 clamp(25px,2.25vw,34px)/0.98 'Rajdhani', 'Barlow Condensed', sans-serif;
    white-space:nowrap;
    letter-spacing:-.015em;
    font-variant-numeric:tabular-nums;
  }
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"][data-selected="true"] > .flex-col:last-child .font-medium {color:#caff54;}
}
@media (min-width:768px) and (max-width:1180px) {
  .package-wrapper .arena-product-buy-card #variation-list:not([data-variation-count="3"]) {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] {padding:12px;min-height:131px;}
  .package-wrapper .arena-product-buy-card #variation-list > button[data-action="select-variation"] > .flex-col:last-child .font-medium {font-size:23px;}
}

@media (min-width:768px) {
  /* Don't let the legacy checklist's min-width squeeze the price to a narrow strip. */
  .package-wrapper .arena-product-buy-card .arena-price-and-benefits {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    align-items:stretch;
    margin-top:16px;
  }
  .package-wrapper .arena-product-buy-card .arena-price-and-benefits > .arena-price-area {
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    min-height:126px;
    max-height:none;
    padding:18px 17px;
    border-radius:15px;
  }
  .package-wrapper .arena-product-buy-card .arena-price-and-benefits > .arena-value-points {min-width:0;}
  .package-wrapper .arena-product-buy-card .arena-price-area .package-price-block {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    margin:0;
    padding:0;
    border:0;
  }
  .package-wrapper .arena-product-buy-card #package-price {
    font-size:clamp(46px,4.4vw,61px) !important;
  }
  .package-wrapper .arena-product-buy-card .arena-value-points {
    display:block;
    padding:10px 14px;
    border-radius:13px;
  }
  .package-wrapper .arena-product-buy-card .arena-value-points__label {font-size:9px;}
  .package-wrapper .arena-product-buy-card .package-feature-list {
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:7px;
  }
  .package-wrapper .arena-product-buy-card .package-feature-list li {
    padding:0;
    margin:0;
    border:0;
    font-size:10px;
    line-height:1.45;
    gap:6px;
  }
  .package-wrapper .arena-product-buy-card .package-feature-list li svg {width:13px;height:13px;}

}