/* L2BAZA v1.5.5 — HOME REFERENCE REBUILD
   This layer intentionally overrides 1.5.3/1.5.4. Desktop geometry is rebuilt from
   the approved reference instead of stretching the old vector-like layout. */

@media (min-width: 1280px) {
  /* Header – compact, premium, same visual density as the reference. */
  .l2-v15 .site-header{height:54px!important;min-height:54px!important;background:#03070a!important}
  .l2-v15 .site-header .header-inner{width:96%!important;max-width:1600px!important;height:54px!important;min-height:54px!important;margin:0 auto!important;gap:18px!important}
  .l2-v15 .brand{min-width:250px!important;gap:7px!important}
  .l2-v15 .brand-crest{width:45px!important;height:45px!important}
  .l2-v15 .brand-main{font-size:27px!important;line-height:1!important}
  .l2-v15 .brand-sub{font-size:7px!important;letter-spacing:.42px!important}
  .l2-v15 .main-nav{gap:25px!important}
  .l2-v15 .main-nav a{font-size:10px!important;line-height:54px!important;font-weight:700!important}
  .l2-v15 .header-actions{gap:7px!important}
  .l2-v15 .icon-btn{width:32px!important;height:32px!important;font-size:17px!important}
  .l2-v15 .login-button,.l2-v15 .add-server-button{height:34px!important;min-height:34px!important;font-size:9px!important;padding:0 17px!important}

  /* Hero – reference is ~230px after the header, not a 300px+ billboard. */
  .l2-v15.page-home .hero-section{height:230px!important;min-height:230px!important;background-position:center 41%!important;background-size:cover!important;overflow:hidden!important}
  .l2-v15.page-home .hero-overlay{background:linear-gradient(180deg,rgba(2,4,6,.02),rgba(2,5,8,.17) 52%,rgba(3,7,10,.76) 100%),radial-gradient(circle at 50% 38%,transparent 0 31%,rgba(2,5,8,.16) 67%,rgba(2,5,8,.42) 100%)!important}
  .l2-v15.page-home .hero-inner{height:230px!important;min-height:230px!important;padding:24px 0 0!important;display:flex!important;flex-direction:column!important;align-items:center!important}
  .l2-v15.page-home .hero-copy{width:760px!important;max-width:760px!important;margin:0 auto 9px!important;padding:0!important;border:0!important;background:none!important}
  .l2-v15.page-home .hero-copy h1{font-size:43px!important;line-height:.98!important;font-weight:500!important;letter-spacing:1.4px!important;text-shadow:0 3px 14px rgba(0,0,0,.92)!important}
  .l2-v15.page-home .hero-copy p{font-size:10px!important;line-height:1.35!important;margin:6px 0 0!important;letter-spacing:.38px!important}
  .l2-v15.page-home .finder{width:860px!important;max-width:860px!important;min-width:860px!important;grid-template-columns:1fr 1fr 1.08fr 1.15fr 150px!important;gap:8px!important;padding:8px!important;margin:0 auto!important}
  .l2-v15.page-home .finder label{font-size:7px!important}
  .l2-v15.page-home .finder select{height:35px!important;margin-top:4px!important;padding:0 10px!important;font-size:9px!important}
  .l2-v15.page-home .finder .btn{height:35px!important;min-height:35px!important;margin-top:11px!important;font-size:9px!important}
  .l2-v15.page-home .quick-tags{padding-top:7px!important;gap:7px!important}
  .l2-v15.page-home .quick-tags button{height:23px!important;padding:0 12px!important;font-size:7px!important}

  /* Main reference frame – 1280px centered on 1664/1688 class screens. */
  .l2-v15.page-home .content-layout{width:1280px!important;max-width:calc(100vw - 80px)!important;min-width:0!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:14px!important;padding:9px 0 7px!important;align-items:start!important}
  .l2-v15.page-home .main-column{min-width:0!important}
  .l2-v15.page-home .sidebar{width:250px!important;min-width:250px!important;margin-top:-66px!important;position:relative!important;z-index:8!important}
  .l2-v15.page-home .home-reference-top{grid-template-columns:388px minmax(0,1fr)!important;gap:14px!important;align-items:start!important}
  .l2-v15.page-home .main-column .block{margin:0 0 7px!important}
  .l2-v15.page-home .block-head{min-height:20px!important;margin:0 0 4px!important}
  .l2-v15.page-home .block-head h2{font-size:17px!important;line-height:1!important;font-weight:400!important}
  .l2-v15.page-home .block-head a{font-size:7px!important}
  .l2-v15.page-home .block-head.accent-fire h2::before,.l2-v15.page-home .block-head.accent-star h2::before{font-size:10px!important}

  /* Calendar – short horizontal card exactly like the reference. */
  .l2-v15.page-home .calendar-box{height:104px!important;grid-template-columns:128px 1fr!important}
  .l2-v15.page-home .calendar-month{height:102px!important;min-height:102px!important;font-size:15px!important}
  .l2-v15.page-home .calendar-days{height:102px!important;grid-template-columns:repeat(6,1fr)!important}
  .l2-v15.page-home .calendar-day{height:102px!important;min-height:102px!important;padding:8px 1px!important}
  .l2-v15.page-home .calendar-day span{font-size:7px!important}
  .l2-v15.page-home .calendar-day strong{font-size:20px!important;margin:7px 0 5px!important}
  .l2-v15.page-home .calendar-day em{font-size:9px!important}

  /* Today cards – dark artifact cards, emblem is the hero, background only supports it. */
  .l2-v15.page-home #servers .cards-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .l2-v15.page-home .server-card{height:188px!important;min-height:188px!important;padding:0 8px 7px!important;border-color:#67491f!important;background:linear-gradient(180deg,#0a0e13,#060b0f)!important;overflow:hidden!important}
  .l2-v15.page-home .server-poster{height:76px!important;margin:0 -8px 0!important;background-image:linear-gradient(180deg,rgba(5,7,10,.12),rgba(5,8,11,.86)),var(--card-cover)!important;background-position:center 48%!important;background-size:cover!important;filter:saturate(.82) contrast(1.1) brightness(.72)!important;box-shadow:inset 0 -27px 30px rgba(2,5,7,.96)!important}
  .l2-v15.page-home .visual-slot-0 .server-poster{filter:saturate(.72) sepia(.08) contrast(1.12) brightness(.66)!important}
  .l2-v15.page-home .visual-slot-1 .server-poster{filter:hue-rotate(248deg) saturate(1.35) contrast(1.08) brightness(.57)!important}
  .l2-v15.page-home .visual-slot-2 .server-poster{filter:sepia(.18) saturate(.98) contrast(1.12) brightness(.66)!important}
  .l2-v15.page-home .server-emblem{top:13px!important;width:55px!important;height:55px!important;filter:drop-shadow(0 4px 10px #000) drop-shadow(0 0 8px rgba(213,162,79,.24))!important}
  .l2-v15.page-home .server-emblem img{image-rendering:auto!important}
  .l2-v15.page-home .server-logo{margin-top:-21px!important;min-height:34px!important;padding-top:19px!important;font-size:21px!important;line-height:1!important;color:#f2e8d5!important}
  .l2-v15.page-home .server-card .chip-row{gap:4px!important;margin:2px 0 4px!important}
  .l2-v15.page-home .server-card .chip-row span{font-size:6px!important;padding:2px 5px!important}
  .l2-v15.page-home .server-card .opening{font-size:7px!important;margin:3px 0!important}
  .l2-v15.page-home .server-card .meta-row,.l2-v15.page-home .server-card .stat-row{font-size:6.5px!important;padding:3px 0!important}
  .l2-v15.page-home .server-card .card-actions{gap:5px!important;margin-top:2px!important}
  .l2-v15.page-home .server-card .btn{height:24px!important;min-height:24px!important;font-size:6px!important;padding:0 5px!important}
  .l2-v15.page-home .vip-label{font-size:6px!important;padding:3px 6px!important}

  /* Recommended banner – low, wide cinematic strip. */
  .l2-v15.page-home .featured-card{height:102px!important;min-height:102px!important;grid-template-columns:30% minmax(0,1fr) 195px!important;gap:11px!important;padding:8px!important}
  .l2-v15.page-home .featured-card::after{background:linear-gradient(90deg,rgba(4,7,10,.16),rgba(4,7,10,.55) 40%,rgba(4,7,10,.92) 100%),var(--featured-cover) center/cover no-repeat!important;opacity:1!important}
  .l2-v15.page-home .featured-illustration{min-height:85px!important;border-right:1px solid rgba(255,255,255,.07)!important}
  .l2-v15.page-home .featured-logo{font-size:28px!important}.l2-v15.page-home .featured-logo span{font-size:11px!important}
  .l2-v15.page-home .featured-body{padding-top:4px!important}.l2-v15.page-home .featured-body h3{font-size:15px!important;margin-bottom:3px!important}
  .l2-v15.page-home .featured-body .chip-row{margin-bottom:3px!important}.l2-v15.page-home .featured-body .chip-row span{font-size:6px!important;padding:2px 5px!important}
  .l2-v15.page-home .featured-body p{font-size:7px!important;line-height:1.32!important;margin:3px 0!important}
  .l2-v15.page-home .feature-row{font-size:6px!important;margin-top:3px!important;gap:8px!important}
  .l2-v15.page-home .featured-side{gap:4px!important;padding-right:4px!important}
  .l2-v15.page-home .metric-line{font-size:9px!important}.l2-v15.page-home .metric-line b{font-size:11px!important}
  .l2-v15.page-home .featured-side .btn{height:25px!important;min-height:25px!important;font-size:6px!important}

  /* Upcoming list – compact enough that trust/footer follows in the same visual rhythm. */
  .l2-v15.page-home .table-wrap{overflow:hidden!important}
  .l2-v15.page-home .server-row{min-height:17px!important;padding:2px 10px!important;font-size:6.5px!important;line-height:1!important}
  .l2-v15.page-home .server-row.table-head{min-height:16px!important;font-size:6px!important;padding-top:2px!important;padding-bottom:2px!important}
  .l2-v15.page-home .table-more{display:none!important}

  /* Sidebar – same heights/order as the reference. */
  .l2-v15.page-home .side-nav{margin-bottom:8px!important}
  .l2-v15.page-home .side-nav a{height:32px!important;padding:0 11px!important;font-size:7px!important;display:flex!important;align-items:center!important}
  .l2-v15.page-home .sidebar .panel{margin-bottom:8px!important;border-color:#65461f!important}
  .l2-v15.page-home .choice-panel{height:111px!important;min-height:111px!important;padding:9px!important;grid-template-columns:62px 1fr!important;grid-template-areas:"art title" "art copy" "art action"!important;column-gap:8px!important}
  .l2-v15.page-home .choice-panel .panel-art{width:58px!important;height:58px!important;background-size:150px!important}
  .l2-v15.page-home .choice-panel h3,.l2-v15.page-home .notify-panel h3,.l2-v15.page-home .bonus-panel h3{font-size:15px!important;line-height:1!important;margin:0!important}
  .l2-v15.page-home .choice-panel p,.l2-v15.page-home .notify-panel p,.l2-v15.page-home .bonus-panel p{font-size:7px!important;line-height:1.32!important;margin:2px 0!important}
  .l2-v15.page-home .choice-panel .btn{height:23px!important;min-height:23px!important;font-size:6px!important}
  .l2-v15.page-home .notify-panel{height:113px!important;min-height:113px!important;padding:9px!important;grid-template-columns:60px 1fr!important;column-gap:7px!important}
  .l2-v15.page-home .notify-panel .panel-art{width:56px!important;height:56px!important;background-size:145px!important}
  .l2-v15.page-home .notify-panel .notify-icons span{width:20px!important;height:20px!important;font-size:8px!important}
  .l2-v15.page-home .notify-panel .btn{height:22px!important;min-height:22px!important;font-size:6px!important}
  .l2-v15.page-home .bonus-panel{height:118px!important;min-height:118px!important;padding:9px!important;grid-template-columns:74px 1fr!important;background-size:auto 100%!important}
  .l2-v15.page-home .bonus-panel small{font-size:6px!important}
  .l2-v15.page-home .bonus-panel .btn{height:23px!important;min-height:23px!important;font-size:6px!important}

  /* Footer scale follows reference rather than the huge 1.5.4 version. */
  .l2-v15 .trust-strip{height:45px!important;min-height:45px!important;padding:0 calc((100vw - min(1280px,calc(100vw - 80px)))/2)!important}
  .l2-v15 .trust-strip>div{height:45px!important;padding:0 14px!important}
  .l2-v15 .trust-strip i{font-size:19px!important}.l2-v15 .trust-strip b{font-size:7px!important}.l2-v15 .trust-strip small{font-size:6px!important}
  .l2-v15 .site-footer{min-height:126px!important;padding:15px 0 10px!important}
  .l2-v15 .footer-grid{width:1280px!important;max-width:calc(100vw - 80px)!important;gap:30px!important}
  .l2-v15 .footer-logo img{width:44px!important;height:44px!important}.l2-v15 .footer-logo b{font-size:21px!important}.l2-v15 .footer-logo small{font-size:6px!important}
  .l2-v15 .footer-grid h4{font-size:10px!important}.l2-v15 .footer-grid a,.l2-v15 .footer-grid p,.l2-v15 .footer-brand>small{font-size:7px!important;line-height:1.38!important}
  .l2-v15 .social-row span{width:28px!important;height:28px!important;font-size:8px!important}
}

/* Keep wide/ultrawide screens from stretching cards into a dashboard-like UI. */
@media (min-width: 1920px) {
  .l2-v15.page-home .content-layout,.l2-v15 .footer-grid{width:1440px!important;max-width:1440px!important}
  .l2-v15.page-home .home-reference-top{grid-template-columns:415px minmax(0,1fr)!important}
  .l2-v15.page-home .sidebar{width:280px!important;min-width:280px!important}
  .l2-v15.page-home .content-layout{grid-template-columns:minmax(0,1fr) 280px!important}
}