/* =========================================================
   INFINITY2 — homepage/site-shell redesign (mockup match)
   Every selector is scoped under .i2-home AND every class name
   is i2- prefixed, so nothing here can ever collide with or
   override styling on any other page/component of the CMS.
   No new image assets required except the hero background.
   ========================================================= */

.i2-home{
  --i2-gold: #d4a94a;
  --i2-gold-light: #f2dc9c;
  --i2-gold-dark: #8a6a24;
  --i2-gold-deep: #b8862f;
  --i2-ink: #2b2213;
  --i2-ink-soft: #6b5c3f;
  --i2-cream: #f8f1de;
  --i2-cream-2: #f1e6c8;
  --i2-cream-border: #e2cd93;
  --i2-bg-page: #f4ead2;
  --i2-dark: #14100a;
  --i2-dark-2: #1f1810;
  --i2-dark-3: #2a2013;
  --i2-radius: 10px;
  --i2-shadow-card: 0 10px 30px rgba(40, 25, 5, 0.12);
  --i2-shadow-soft: 0 4px 14px rgba(40, 25, 5, 0.08);
  /* Fluid content width: identical to the old fixed 1240px up to ~1770px
     viewports (covers every common laptop/desktop resolution, so nothing
     shifts there), then grows steadily up to 1900px on large/ultrawide/4K
     monitors instead of staying stuck at 1240px with huge empty margins. */
  --i2-content-max: clamp(1240px, 90.7vw, 1741px);
  /* Slightly tighter cap for the dense 3-column card grid (news/rankings/
     sidebars) — a card layout with small text shouldn't stretch as wide
     as the cinematic hero, or the text gets lost in whitespace. */
  --i2-grid-max: clamp(1240px, 82.7vw, 1587px);
}

.i2-home *, .i2-home *::before, .i2-home *::after{ box-sizing: border-box; }
.i2-home{ font-family: 'Rajdhani', sans-serif; color: var(--i2-ink); background: var(--i2-bg-page); }
.i2-home img{ max-width: 100%; display: block; }
.i2-home a{ color: inherit; text-decoration: none; }
.i2-home ul, .i2-home ol{ list-style: none; margin: 0; padding: 0; }
.i2-home button{ font-family: inherit; cursor: pointer; }
.i2-home h1, .i2-home h2, .i2-home h3, .i2-home h4, .i2-home h5, .i2-home h6{
  font-family: 'Cinzel', serif; margin: 0; color: var(--i2-ink);
}

.i2-container{ width: 100%; max-width: var(--i2-content-max); margin: 0 auto; padding: 0 24px; }

/* ---------------- Buttons ---------------- */
.i2-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 12px 24px; border-radius: 8px; font-family: 'Cinzel', serif;
  font-weight: 700; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
  border: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.i2-btn-block{ width: 100%; }
.i2-btn-gold{
  color: #3a2a08;
  background: linear-gradient(180deg, #f6e2a1 0%, #e2b657 35%, #c8902f 70%, #a9741f 100%);
  border: 1px solid var(--i2-gold-dark);
  box-shadow: 0 6px 16px rgba(168, 122, 30, 0.3);
}
.i2-btn-gold:hover{ transform: translateY(-2px); filter: brightness(1.05); }
.i2-btn-dark{
  color: var(--i2-gold-light);
  background: linear-gradient(180deg, #2a2013, #14100a);
  border: 1px solid var(--i2-gold-dark);
}
.i2-btn-dark:hover{ transform: translateY(-2px); border-color: var(--i2-gold); }
.i2-btn-outline{
  color: var(--i2-gold-deep); background: transparent; border: 1px solid var(--i2-cream-border);
  padding: 10px 20px;
}
.i2-btn-outline:hover{ background: var(--i2-cream-2); }

/* Plate-image buttons (real texture assets) */
.i2-btn-plate-gold{
  background-image: url('../assets/img/btn-plate-gold.png');
  background-size: 100% 100%; background-repeat: no-repeat; background-position: center;
  border: none; box-shadow: none;
  color: #4a3308; text-shadow: 0 1px 0 rgba(255,255,255,.35);
  padding: 13px 30px;
}
.i2-btn-plate-gold:hover{ filter: brightness(1.08); transform: translateY(-1px); }
.i2-btn-plate{
  background-image: url('../assets/img/btn-plate-dark.png');
  background-size: 100% 100%; background-repeat: no-repeat; background-position: center;
  border: none; box-shadow: none;
  color: var(--i2-gold-light); text-shadow: 0 1px 2px rgba(0,0,0,.6);
  padding: 15px 26px;
}
.i2-btn-plate:hover{ filter: brightness(1.15); transform: translateY(-1px); }

/* ---------------- Nav ---------------- */
.i2-nav{
  background: linear-gradient(180deg, var(--i2-dark), #0c0906);
  border-bottom: 1px solid rgba(212,169,74,.35);
  padding: 0;
}
.i2-nav-inner{
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  max-width: var(--i2-content-max); margin: 0 auto;
  padding: 12px 24px;
}
.i2-brand{ display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.i2-brand img{ height: clamp(46px, 4.27vw, 82px); width: auto; }
.i2-brand-text{ font-family: 'Cinzel', serif; font-size: clamp(19px, 1.72vw, 33px); color: var(--i2-gold-light); letter-spacing: .5px; }
.i2-brand-two{ color: var(--i2-gold); }
.i2-main-nav{ display: flex; align-items: center; gap: 6px; flex: 1; justify-content: center; flex-wrap: wrap; }
.i2-main-nav a{
  position: relative;
  padding: 9px 14px; font-size: clamp(12.5px, 1.15vw, 22px); font-weight: 600;
  color: #d8cba4; letter-spacing: .6px; text-transform: uppercase; transition: color .15s ease;
}
.i2-main-nav a:hover{ color: var(--i2-gold-light); }
.i2-main-nav a.i2-active{ color: var(--i2-gold-light); }
.i2-main-nav a:hover::after, .i2-main-nav a.i2-active::after{
  content: '';
  position: absolute;
  left: 50%; bottom: -10px;
  width: 70px; height: 11px;
  transform: translateX(-50%);
  background: url('../assets/img/nav-underline-glow.png') center/contain no-repeat;
  pointer-events: none;
}
.i2-nav-cta{ flex-shrink: 0; }
@media (max-width: 1100px){
  .i2-main-nav{ display: none; }
}

/* ---------------- Selector de limbă (nav) ---------------- */
.i2-lang-switch{ position: relative; flex-shrink: 0; }
.i2-lang-toggle{
  display: flex; align-items: center; gap: 7px;
  background: rgba(212,169,74,.08); border: 1px solid rgba(212,169,74,.3); border-radius: 999px;
  padding: 8px 13px; font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 12px;
  letter-spacing: .5px; color: #d8cba4; text-transform: uppercase;
}
.i2-lang-toggle:hover{ background: rgba(212,169,74,.16); color: var(--i2-gold-light); }
.i2-lang-toggle i{ font-size: 9px; color: var(--i2-gold); transition: transform .15s ease; }
.i2-lang-switch.i2-lang-open .i2-lang-toggle i{ transform: rotate(180deg); }
.i2-lang-flag-img{
  width: 18px; height: 18px; border-radius: 50%; object-fit: cover;
  flex-shrink: 0; display: inline-block; border: 1px solid rgba(212,169,74,.35);
}
.i2-lang-menu{
  position: absolute; top: calc(100% + 10px); right: 0; z-index: 20;
  min-width: 150px; background: var(--i2-dark-2); border: 1px solid rgba(212,169,74,.3);
  border-radius: 10px; padding: 6px; box-shadow: 0 14px 30px rgba(0,0,0,.45);
  opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.i2-lang-switch.i2-lang-open .i2-lang-menu{ opacity: 1; visibility: visible; transform: translateY(0); }
.i2-lang-option{
  display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 7px;
  font-size: 13px; color: #d8cba4; font-weight: 600;
}
.i2-lang-option:hover{ background: rgba(212,169,74,.1); color: var(--i2-gold-light); }
.i2-lang-option.i2-active{ color: var(--i2-gold-light); background: rgba(212,169,74,.14); }

/* ---------------- Hero ---------------- */
.i2-hero{
  position: relative; min-height: clamp(480px, 45.3vw, 870px); display: flex; align-items: center;
  background-size: cover; background-position: center 30%;
  overflow: hidden;
}
.i2-hero::before{
  content: ''; position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(180deg, rgba(6,7,11,.25) 0%, rgba(6,7,11,.55) 60%, rgba(6,7,11,.92) 100%);
}
.i2-hero::after{
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; z-index: 3;
  background: linear-gradient(180deg, rgba(20,16,10,0) 0%, var(--i2-bg-page) 100%);
  pointer-events: none;
}
.i2-hero-character{
  position: absolute; right: 0; bottom: -190px; z-index: 1;
  height: 128%; max-height: 1040px; width: auto;
  filter: drop-shadow(-24px 18px 40px rgba(0,0,0,.5));
  pointer-events: none;
  animation: i2-hero-character-float 6s ease-in-out infinite;
}
@keyframes i2-hero-character-float{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(-16px); }
}
@media (max-width: 1080px){ .i2-hero-character{ display: none; } }
.i2-hero-inner{ position: relative; z-index: 2; width: 100%; text-align: center; padding: 60px 24px 34px; }
.i2-hero-logo{
  max-width: clamp(430px, 40vw, 768px); width: 62%; margin: 0 auto 20px;
  filter: drop-shadow(0 14px 34px rgba(0,0,0,.55)) drop-shadow(0 0 26px rgba(212,169,74,.22));
}
.i2-hero-tagline{
  display: flex; align-items: center; justify-content: center; gap: 14px;
  font-family: 'Cinzel', serif; font-size: clamp(15px, 1.72vw, 33px); color: #efe3c4; margin-bottom: 30px;
}
.i2-hero-tagline .i2-rule{ width: 46px; height: 1px; background: linear-gradient(90deg, transparent, var(--i2-gold), transparent); }

.i2-stats-bar{
  display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0;
  background-image: url('../assets/img/stats-bar-bg.png');
  background-size: 100% 100%; background-repeat: no-repeat; background-position: center;
  border-radius: 14px;
  padding: clamp(22px, 2.81vw, 54px) clamp(34px, 5.05vw, 97px);
}
.i2-stat{ display: flex; align-items: center; gap: 10px; padding: 8px clamp(22px, 3.07vw, 59px); }
.i2-stat + .i2-stat{ border-left: 1px solid rgba(184,134,47,.25); }
.i2-stat i{ color: var(--i2-gold-deep); font-size: clamp(16px, 1.98vw, 38px); }
.i2-stat-label{ display: block; font-size: clamp(10.5px, 1.15vw, 22px); color: #6b5228; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; }
.i2-stat-value{ display: flex; align-items: center; gap: 6px; font-family: 'Cinzel', serif; font-weight: 700; font-size: clamp(16px, 1.875vw, 36px); color: #4a2f08; text-shadow: 0 1px 0 rgba(255,255,255,.4); }
.i2-stat-value .i2-dot{ width: 7px; height: 7px; border-radius: 50%; background: #3cb85f; box-shadow: 0 0 8px #3cb85f; }
@media (max-width: 640px){
  .i2-stat{ padding: 8px 14px; }
  .i2-stat-label{ font-size: 9px; }
  .i2-stat-value{ font-size: 14px; }
}

/* ---------------- Main grid ---------------- */
.i2-main-grid{
  display: grid; grid-template-columns: clamp(300px, 19.8vw, 380px) minmax(0,1fr) clamp(300px, 19.8vw, 380px); gap: 22px;
  padding: 26px 24px 10px; max-width: var(--i2-grid-max); margin: 0 auto;
  background: var(--i2-bg-page);
}
@media (max-width: 1100px){
  .i2-main-grid{ grid-template-columns: 1fr; }
}
.i2-col{ display: flex; flex-direction: column; gap: 18px; min-width: 0; }

/* ---------------- Cards ---------------- */
.i2-card{
  background: var(--i2-cream); border: 1px solid var(--i2-cream-border); border-radius: var(--i2-radius);
  box-shadow: var(--i2-shadow-card); padding: clamp(18px, 1.35vw, 26px); min-width: 0;
}
.i2-card-title{
  font-size: clamp(14px, .885vw, 17px); letter-spacing: 1.5px; text-transform: uppercase; color: var(--i2-gold-deep);
  margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px dashed var(--i2-cream-border);
}

/* ---------------- Login card ---------------- */
.i2-input-wrap{ position: relative; margin-bottom: 10px; }
.i2-input-wrap i{ position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--i2-ink-soft); font-size: 13px; }
.i2-input{
  width: 100%; padding: 11px 12px 11px 34px; border-radius: 8px; border: 1px solid var(--i2-cream-border);
  background: #fffdf6; color: var(--i2-ink); font-family: inherit; font-size: 13.5px; outline: none;
}
.i2-input:focus{ border-color: var(--i2-gold); box-shadow: 0 0 0 3px rgba(212,169,74,.15); }
.i2-form-row{ display: flex; justify-content: space-between; align-items: center; font-size: 12px; margin: 4px 0 14px; color: var(--i2-ink-soft); }
.i2-form-row a{ color: var(--i2-gold-deep); }
.i2-remember{ display: flex; align-items: center; gap: 6px; cursor: pointer; }
.i2-remember input{ accent-color: var(--i2-gold-deep); width: 13px; height: 13px; cursor: pointer; }
.i2-form-footer{ margin: 12px 0 0; text-align: center; font-size: 12.5px; color: var(--i2-ink-soft); }
.i2-form-footer a{ color: var(--i2-gold-deep); font-weight: 600; }
.i2-account-menu{ display: flex; flex-direction: column; gap: 2px; }
.i2-account-menu a{
  display: flex; align-items: center; gap: 8px; padding: 9px 8px; border-radius: 6px; font-size: 13px;
  color: var(--i2-ink); border-bottom: 1px solid rgba(180,140,60,.12);
}
.i2-account-menu a:hover{ background: rgba(212,169,74,.10); }
.i2-account-menu i{ width: 16px; color: var(--i2-gold-deep); }

/* ---------------- Download card ---------------- */
.i2-download-card{
  background: url('../assets/img/download-bg.png') center/contain no-repeat,
              radial-gradient(circle at 50% 50%, #241c10 0%, #14100a 75%);
  border: none; border-radius: var(--i2-radius);
  box-shadow: var(--i2-shadow-card); padding: 30px 26px; text-align: center; display: block;
}
.i2-download-card h3{ color: var(--i2-gold-light); font-size: 17px; margin-bottom: 10px; }
.i2-download-badge{
  display: inline-block; font-size: 10.5px; letter-spacing: 1px; text-transform: uppercase;
  color: var(--i2-gold); border: 1px solid rgba(212,169,74,.4); border-radius: 999px;
  padding: 4px 12px; margin-bottom: 10px;
}
.i2-download-card p{ color: #cbbf9c; font-size: 12.5px; margin-bottom: 16px; }
.i2-download-card .i2-sep{ margin: 0 6px; opacity: .5; }

/* ---------------- Tabs ---------------- */
.i2-tabs{ display: flex; gap: 6px; margin-bottom: 14px; flex-wrap: wrap; }
.i2-tab{
  flex: 1; min-width: 0; padding: 9px 6px; border-radius: 8px; border: 1px solid var(--i2-cream-border);
  background: #fffdf6; color: var(--i2-ink-soft); font-family: 'Cinzel', serif; font-size: 11px;
  letter-spacing: .8px; text-transform: uppercase; text-align: center;
}
.i2-tab.i2-active{
  background: linear-gradient(180deg, #f6e2a1, #c8902f); color: #3a2a08; border-color: var(--i2-gold-dark);
}
.i2-tab-panel{ display: none; }
.i2-tab-panel.i2-active{ display: block; }
/* Câștigă întotdeauna indiferent de ordinea altor reguli (ex: .i2-rank-list{display:flex})
   care ar avea aceeași specificitate și ar "învia" vizual panoul ascuns. */
.i2-home [hidden]{ display: none !important; }

/* Plate-image tabs (real texture assets) */
.i2-tabs-plate .i2-tab, .i2-tabs-plate-news .i2-tab{
  background-color: transparent; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;
  border: none; box-shadow: none; border-radius: 0;
}
.i2-tabs-plate .i2-tab{
  background-image: url('../assets/img/tab-plate-off.png');
  padding: 12px 8px;
}
.i2-tabs-plate .i2-tab.i2-active{
  background-image: url('../assets/img/tab-plate-on.png');
  color: #6b4a12; font-weight: 700;
}
.i2-tabs-plate-news .i2-tab{
  background-image: url('../assets/img/news-tab-off.png');
  font-size: 12.5px; padding: 13px 10px;
}
.i2-tabs-plate-news .i2-tab.i2-active{
  background-image: url('../assets/img/news-tab-on.png');
  color: #6b4a12; font-weight: 700;
}

/* ---------------- Rank list ---------------- */
.i2-rank-list{ display: flex; flex-direction: column; gap: 2px; }
.i2-rank-list li{
  display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-bottom: 1px solid rgba(180,140,60,.12);
  font-size: 13px;
}
.i2-rank-list .i2-badge{
  width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-family: 'Cinzel', serif; font-weight: 700; font-size: 11px; color: #fff; flex-shrink: 0;
  background: linear-gradient(180deg, #b7b7b7, #7a7a7a);
}
.i2-rank-list li:nth-child(1) .i2-badge{ background: linear-gradient(180deg, #ffe27a, #c8902f); color: #3a2a08; }
.i2-rank-list li:nth-child(2) .i2-badge{ background: linear-gradient(180deg, #e4e4e4, #a8a8a8); color: #2b2213; }
.i2-rank-list li:nth-child(3) .i2-badge{ background: linear-gradient(180deg, #d79a63, #a25f2e); color: #fff; }
.i2-rank-list .i2-name{ flex: 1; font-weight: 600; color: var(--i2-ink); }
.i2-rank-list .i2-lvl{ font-size: 12px; color: var(--i2-gold-deep); font-weight: 700; }

/* ---------------- Home feed (Noutati/Evenimente/Update-uri) ---------------- */
.i2-feed-featured{ display: grid; grid-template-columns: 130px 1fr; gap: 14px; margin-bottom: 16px; }
.i2-feed-featured img{ width: 100%; height: 100%; object-fit: cover; border-radius: 8px; border: 1px solid var(--i2-cream-border); }
.i2-feed-meta{ display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.i2-feed-date{ font-size: 11px; color: var(--i2-ink-soft); }
.i2-tag-new{
  font-size: 10px; text-transform: uppercase; letter-spacing: .5px; background: var(--i2-gold);
  color: #3a2a08; padding: 2px 8px; border-radius: 999px; font-weight: 700;
}
.i2-feed-featured h4{ font-size: 16px; margin-bottom: 6px; }
.i2-feed-featured p{ font-size: 12.5px; color: var(--i2-ink-soft); line-height: 1.5; margin-bottom: 10px; }
.i2-feed-list{ display: flex; flex-direction: column; }
.i2-feed-list li{
  display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-top: 1px dashed var(--i2-cream-border);
}
.i2-feed-thumb{
  width: 34px; height: 34px; border-radius: 8px; background: linear-gradient(165deg, var(--i2-dark-3), var(--i2-dark));
  display: flex; align-items: center; justify-content: center; color: var(--i2-gold); flex-shrink: 0; font-size: 13px;
}
.i2-feed-item-body{ flex: 1; min-width: 0; }
.i2-feed-item-body h5{ font-size: 13px; margin-bottom: 2px; }
.i2-feed-item-body p{ font-size: 12px; color: var(--i2-ink-soft); line-height: 1.4; }
.i2-feed-item-date{ font-size: 11px; color: var(--i2-ink-soft); white-space: nowrap; flex-shrink: 0; }
.i2-see-all{ display: block; text-align: center; margin-top: 14px; font-family: 'Cinzel', serif; font-size: 11.5px; letter-spacing: 1px; text-transform: uppercase; color: var(--i2-gold-deep); }

/* ---------------- Guild / Online lists ---------------- */
.i2-guild-list li, .i2-online-list li{
  display: flex; align-items: center; gap: 10px; padding: 9px 4px; border-bottom: 1px solid rgba(180,140,60,.12);
  font-size: 13px;
}
.i2-guild-list .i2-rank{
  width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; color: #fff; background: #9a8258; flex-shrink: 0;
}
.i2-guild-list li:nth-child(1) .i2-rank{ background: linear-gradient(180deg, #ffe27a, #c8902f); color: #3a2a08; }
.i2-guild-list li:nth-child(2) .i2-rank{ background: linear-gradient(180deg, #e4e4e4, #a8a8a8); color: #2b2213; }
.i2-guild-list li:nth-child(3) .i2-rank{ background: linear-gradient(180deg, #d79a63, #a25f2e); }
.i2-guild-list i.i2-crest{ color: var(--i2-gold-deep); width: 16px; text-align: center; }
.i2-guild-list .i2-name{ flex: 1; font-weight: 600; }
.i2-guild-list .i2-score{ font-size: 12px; color: var(--i2-gold-deep); font-weight: 700; }
.i2-online-list i{ width: 18px; text-align: center; color: var(--i2-gold-deep); }
.i2-online-list span{ flex: 1; color: var(--i2-ink-soft); font-size: 13px; }
.i2-online-list b{ color: var(--i2-ink); }

/* ---------------- Extra widgets (HOF / events / shop, kept below) ---------------- */
.i2-hof-list li, .i2-schedule-day, .i2-shop-widget{ font-size: 13px; }
.i2-hof-list li{ display:flex; align-items:center; gap:10px; padding:8px 4px; border-bottom:1px solid rgba(180,140,60,.12); }
.i2-hof-list .i2-rank{ width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#fff; background:#9a8258; flex-shrink:0; }
.i2-hof-list .i2-name{ flex:1; font-weight:600; }
.i2-hof-list .i2-score{ font-size:12px; color:var(--i2-gold-deep); font-weight:700; }
.i2-schedule-day{ padding: 9px 4px; border-bottom: 1px dashed var(--i2-cream-border); }
.i2-schedule-day.i2-today{ background: rgba(212,169,74,.10); border-radius: 6px; }
.i2-schedule-day-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:4px; }
.i2-schedule-day-head b{ font-size:12px; }
.i2-schedule-badge{ font-size:9px; text-transform:uppercase; padding:1px 7px; border-radius:999px; background:var(--i2-cream-2); color:var(--i2-ink-soft); }
.i2-schedule-badge.i2-today-badge{ background:var(--i2-gold); color:#3a2a08; }
.i2-schedule-ev{ font-size:11.5px; color:var(--i2-ink-soft); display:flex; justify-content:space-between; }
.i2-shop-balances{ display:flex; gap:10px; margin-bottom:12px; }
.i2-shop-balances > div{ flex:1; text-align:center; padding:10px 6px; background:rgba(212,169,74,.08); border-radius:8px; }
.i2-shop-balances .i2-label{ font-size:9.5px; text-transform:uppercase; color: var(--i2-ink-soft); }
.i2-shop-balances .i2-value{ font-size:15px; font-weight:700; color: var(--i2-gold-deep); }
.i2-shop-recent{ margin-top: 12px; }
.i2-shop-recent-title{ font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--i2-gold-deep); text-align:center; margin-bottom:8px; border-bottom:1px dashed var(--i2-cream-border); padding-bottom:6px; }
.i2-shop-recent li{ display:flex; align-items:center; gap:8px; padding:6px 0; font-size:12px; }
.i2-shop-recent img{ width:26px; height:26px; border-radius:4px; }
.i2-shop-recent b{ color: var(--i2-ink); }

/* ---------------- Simple page header + legal/static content (privacy, terms, refund) ---------------- */
.i2-page-hero{
  background: linear-gradient(180deg, var(--i2-dark), #0c0906);
  border-bottom: 1px solid rgba(212,169,74,.3);
  padding: 44px 24px; text-align: center;
}
.i2-page-hero h1{ color: var(--i2-gold-light); font-size: 24px; letter-spacing: 1px; margin: 0; }
.i2-page-wrap{ background: var(--i2-bg-page); padding: 30px 24px 50px; }
.i2-page-grid{ display: grid; grid-template-columns: 2fr 1fr; gap: 22px; max-width: 1100px; margin: 0 auto; align-items: start; }
@media (max-width: 900px){ .i2-page-grid{ grid-template-columns: 1fr; } }
.i2-legal h2{
  font-family: 'Cinzel', serif; color: var(--i2-gold-deep); font-size: 17px;
  margin: 26px 0 10px; padding-bottom: 8px; border-bottom: 1px dashed var(--i2-cream-border);
}
.i2-legal h2:first-child{ margin-top: 0; }
.i2-legal p{ font-size: 14px; line-height: 1.75; color: var(--i2-ink-soft); margin: 0 0 14px; }
.i2-legal ul{ margin: 0 0 16px; padding-left: 20px; }
.i2-legal ul li{ font-size: 13.5px; line-height: 1.6; color: var(--i2-ink-soft); margin-bottom: 8px; list-style: circle; }
.i2-legal strong{ color: var(--i2-ink); }
.i2-legal .i2-highlight{ color: var(--i2-gold-deep); font-weight: 700; }
.i2-legal-notice{ background: rgba(212,169,74,.08); border: 1px solid rgba(212,169,74,.25); border-radius: 8px; padding: 16px; margin: 20px 0; font-size: 13.5px; color: var(--i2-ink); }
.i2-legal-notice.i2-warn{ background: rgba(198,64,53,.06); border-color: rgba(198,64,53,.25); color: #a5382c; }
.i2-legal-notice.i2-warn strong{ color: #a5382c; }
.i2-legal-footnote{ margin-top: 26px; padding-top: 16px; border-top: 1px dashed var(--i2-cream-border); text-align: center; font-size: 12.5px; color: var(--i2-ink-soft); }

/* ---------------- Features strip ---------------- */
.i2-features{ background: var(--i2-dark); padding: 30px 0; margin-top: 20px; }
.i2-features-inner{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.i2-feature{ display: flex; align-items: center; gap: 12px; }
.i2-feature i{ font-size: 22px; color: var(--i2-gold); flex-shrink: 0; }
.i2-feature h6{ color: var(--i2-gold-light); font-family: 'Cinzel', serif; font-size: 13px; margin-bottom: 3px; }
.i2-feature p{ color: #9a8f74; font-size: 11.5px; }
@media (max-width: 900px){ .i2-features-inner{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px){ .i2-features-inner{ grid-template-columns: 1fr; } }

/* ---------------- Footer ---------------- */
.i2-footer{ background: var(--i2-dark); border-top: 1px solid rgba(212,169,74,.25); padding: 44px 0 0; }
.i2-footer-grid{ display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 30px; padding-bottom: 30px; }
.i2-footer-brand p{ color: #9a8f74; font-size: 12.5px; line-height: 1.7; margin-top: 10px; }
.i2-footer h6{ color: var(--i2-gold-light); font-family: 'Cinzel', serif; font-size: 12.5px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 14px; }
.i2-footer-links a{ display: block; color: #9a8f74; font-size: 13px; padding: 4px 0; }
.i2-footer-links a:hover{ color: var(--i2-gold); }
.i2-social-icons{ display: flex; gap: 10px; }
.i2-social{
  width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: rgba(212,169,74,.10); border: 1px solid rgba(212,169,74,.25); color: var(--i2-gold-light); font-size: 13px;
}
.i2-footer-bottom{ border-top: 1px solid rgba(212,169,74,.15); padding: 16px 0; }
.i2-footer-bottom-inner{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 11.5px; color: #7d7359; }
@media (max-width: 800px){ .i2-footer-grid{ grid-template-columns: 1fr; } }

/* ---------------- Floating Discord button ---------------- */
.i2-discord-float{
  position: fixed; right: 22px; bottom: 22px; z-index: 9999;
  width: 56px; height: 56px; border-radius: 50%;
  background: linear-gradient(160deg, #8a6dff, #4a3bb8);
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 24px;
  box-shadow: 0 10px 26px rgba(0,0,0,.35), 0 0 0 4px rgba(122,92,255,.18);
  animation: i2-discord-bob 3s ease-in-out infinite;
}
.i2-discord-float:hover{ filter: brightness(1.12); }
@keyframes i2-discord-bob{
  0%, 100%{ transform: translateY(0); }
  50%{ transform: translateY(-8px); }
}
@media (max-width: 640px){
  .i2-discord-float{ width: 48px; height: 48px; font-size: 20px; right: 14px; bottom: 14px; }
}