:root{--bg:#0a0704;--bg2:#0f0a06;--panel:#150e08;--stone:#2a2218;--stone2:#3a2d1d;--gold:#f5c542;--goldlt:#ffd95e;--golddk:#b8891a;--blood:#c0392b;--text:#f2d38a;--dim:#d0b06c;--pale:#fff5d8}body.seo-item-page{background:var(--bg);color:var(--text);margin:0;font-family:'Crimson Text',Georgia,serif}.seo-topbar{position:sticky;top:0;z-index:30;background:rgba(10,7,4,.94);border-bottom:1px solid var(--stone)}.seo-topbar-inner{width:100%;max-width:none;padding:1rem 1.35rem .85rem;display:flex;align-items:center;justify-content:flex-start}.seo-logo-wrap{display:flex;flex-direction:column;gap:2px;text-decoration:none}.seo-logo{font-family:'Cinzel',serif;font-weight:900;font-size:1.32rem;letter-spacing:2px;color:var(--gold);text-decoration:none;text-shadow:0 0 30px rgba(200,146,42,.25)}.seo-logo em{color:var(--blood);font-style:normal}.seo-logo-tag{font-family:'Crimson Text',serif;font-size:.72rem;font-style:italic;color:var(--dim);line-height:1;letter-spacing:.6px}.seo-topbar--account{padding-inline:0}.seo-topbar-inner--account{width:100%;max-width:none;min-height:72px;padding:1rem 1.35rem .85rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.seo-top-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;padding-top:.05rem}.seo-account-panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:0;text-decoration:none;padding:.35rem 0}.seo-account-name{font-family:'Cinzel',serif;font-weight:700;font-size:.7rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);white-space:nowrap}.seo-account-keys{display:inline-flex;align-items:center;gap:.38rem;color:var(--dim);font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:1.25px;text-transform:uppercase;white-space:nowrap}.seo-account-keys img{width:15px;height:15px;object-fit:contain;display:block}.seo-account-panel:hover .seo-account-name,.seo-account-panel:hover .seo-account-keys{color:var(--goldlt)}.seo-basket-link{display:inline-flex;align-items:center;gap:.4rem;padding:.68rem .95rem;border:1px solid rgba(245,197,66,.2);background:rgba(255,255,255,.02);color:var(--gold);text-decoration:none;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:1.4px;text-transform:uppercase;transition:background .18s ease,border-color .18s ease,color .18s ease}.seo-basket-link:hover{background:rgba(245,197,66,.07);border-color:rgba(245,197,66,.4);color:var(--goldlt)}.seo-basket-icon{font-size:1rem;line-height:1}.seo-shell{width:100%;max-width:1720px;margin:0 auto;padding:0 1.35rem 3rem}.seo-shell--wide{max-width:1720px}.seo-hero{padding:2.25rem 0 2rem;border-bottom:1px solid var(--stone);background:linear-gradient(180deg,rgba(21,14,8,.94),rgba(10,7,4,.96))}.seo-kicker{font-family:'Cinzel',serif;letter-spacing:4px;text-transform:uppercase;font-size:.68rem;color:var(--blood)}.seo-title{font-family:'Cinzel',serif;font-size:clamp(2.2rem,4vw,3.7rem);color:var(--goldlt);margin:.45rem 0;letter-spacing:1px}.seo-subtitle{max-width:980px;color:var(--dim);font-size:1.16rem;line-height:1.65}.seo-cta-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}.seo-cta-row--tight{margin-top:1rem}.seo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.1rem;border:1px solid var(--golddk);color:var(--gold);text-decoration:none;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:2px;text-transform:uppercase;background:transparent;cursor:pointer}.seo-btn:hover{color:var(--goldlt);background:rgba(200,146,42,.08)}.seo-btn--basket{border-color:rgba(245,197,66,.82);box-shadow:0 0 14px rgba(245,197,66,.08),inset 0 0 18px rgba(245,197,66,.035)}.seo-btn--basket:hover{box-shadow:0 0 20px rgba(245,197,66,.16),inset 0 0 20px rgba(245,197,66,.06)}.seo-btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1;filter:drop-shadow(0 0 5px rgba(245,197,66,.35));transform:translateY(-.02rem)}.seo-card{background:rgba(15,10,6,.92);border:1px solid var(--stone);padding:1.25rem}.seo-card h2,.seo-card h3{font-family:'Cinzel',serif;color:var(--goldlt);margin:0 0 .8rem;font-size:1.08rem;letter-spacing:1px;text-transform:uppercase}.seo-card p{line-height:1.78;color:var(--text);margin:.8rem 0;font-size:1.04rem}.seo-card ul{margin:.7rem 0 0 1.1rem;padding:0;color:var(--text)}.seo-card li{margin:.38rem 0;line-height:1.62;font-size:1.02rem}.seo-card a,.seo-card a:visited{color:var(--gold);text-decoration-color:rgba(245,197,66,.45)}.seo-card a:hover,.seo-card a:focus-visible{color:var(--goldlt);text-decoration-color:rgba(255,217,94,.75)}.callout{border-left:3px solid var(--golddk);padding-left:.9rem;color:var(--pale)}.empty-note,.loading-note{color:var(--dim);padding:1rem;border:1px dashed var(--stone2)}.muted{color:var(--dim)}.tiny-note{font-size:.92rem}.seo-hero-grid{display:grid;grid-template-columns:minmax(760px,1.4fr)minmax(460px,.95fr);gap:1.8rem;align-items:start}.seo-hero-grid--wide{grid-template-columns:minmax(820px,1.45fr)minmax(500px,.95fr)}.seo-selection-panel{margin-top:1.3rem;padding:1.4rem}.seo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.seo-form-grid--three{grid-template-columns:1fr 1fr 1fr}.seo-field-label{font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--dim);margin-bottom:.6rem}.seo-select{width:100%;background:#0d0905;color:var(--goldlt);border:1px solid var(--golddk);padding:.9rem 1rem;font-family:'Cinzel',serif;text-transform:uppercase;letter-spacing:1px;margin:0}.seo-hero-media{display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:1rem}.seo-hero-image-wrap{min-height:360px;display:flex;align-items:center;justify-content:center;border:1px solid var(--stone2);background:radial-gradient(circle at center,rgba(245,197,66,.08),rgba(13,9,5,.92)65%)}.seo-hero-image{max-width:340px;max-height:340px;width:auto;height:auto;object-fit:contain}.seo-hero-image-fallback{display:flex;align-items:center;justify-content:center;width:220px;height:220px;font-size:4rem}.seo-selected-meta{color:var(--dim);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.seo-selected-name{font-size:2.25rem !important;margin:.2rem 0 .35rem !important;line-height:1.06}.seo-selected-price{font-family:'Cinzel',serif;color:var(--goldlt);font-size:2.2rem;margin:.45rem 0 .85rem}.pre-wrap,.seo-selected-stats{white-space:pre-line;color:var(--text);line-height:1.6;margin:0;font-family:'Crimson Text',Georgia,serif;font-size:1.02rem}#selected-item-buy[disabled],#selected-item-buy[aria-disabled="true"]{opacity:.55;cursor:not-allowed}.seo-content-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:1.35rem;margin-top:1.7rem}.seo-card--span2{grid-column:1 / -1}.seo-two-col-text{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(280px,.8fr);gap:1.2rem;align-items:start}.seo-facts-box{border:1px solid rgba(184,137,26,.18);padding:1rem;background:rgba(10,7,4,.55)}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.facts-grid span{display:block;font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin-bottom:.3rem}.facts-grid strong{display:block;color:var(--text);line-height:1.45;font-size:.98rem}.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.pack-card{border:1px solid var(--stone2);background:rgba(10,7,4,.92);padding:1rem}.pack-card-head{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.pack-thumb{width:72px;height:72px;object-fit:contain;border:1px solid var(--stone2);background:#0d0905;padding:.35rem}.pack-thumb-fallback{display:flex;align-items:center;justify-content:center;font-size:2rem}.seo-faq-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.seo-faq-item{border-top:1px solid rgba(184,137,26,.15);padding-top:.9rem}@media(max-width:1180px){.seo-form-grid--three{grid-template-columns:1fr}}@media(max-width:1080px){.seo-form-grid,.seo-two-col-text,.seo-faq-grid{grid-template-columns:1fr}}@media(max-width:920px){.seo-hero-grid,.seo-hero-grid--wide,.seo-content-grid{grid-template-columns:1fr}.seo-card--span2{grid-column:auto}}@media(max-width:760px){.seo-topbar-inner--account{align-items:center;gap:.8rem;padding:.9rem .9rem .75rem;min-height:68px}.seo-top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.seo-account-name,.seo-account-keys,.seo-basket-link{font-size:.64rem;letter-spacing:1px}.seo-basket-text{display:none}}.seo-top-packs-card{margin-top:1.2rem}.seo-top-packs-card h2{margin-bottom:1rem}.seo-hero-image-wrap{position:relative}.seo-promo-badge{position:absolute;top:12px;left:12px;min-width:42px;padding:4px 8px;border:1px solid #f5c542;border-radius:4px;background:linear-gradient(135deg,#a60000,#e23622);color:#fff4c2;font-family:inherit;font-size:11px;font-weight:800;line-height:1;text-align:center;box-shadow:0 0 8px rgba(245,197,66,.28);z-index:3}

/* Disable rune stats tooltip */
.rune-stats-tooltip{display:none !important;pointer-events:none !important;}

/* Fallback disable common tooltip classes */
.tooltip,.rune-tooltip,.stats-tooltip{display:none !important;pointer-events:none !important;}

/* Season 14 preparing price state */
.seo-preparing-price { display: inline-grid; gap: 0.18rem; line-height: 1.1; }
.seo-preparing-main { font-family: 'Cinzel', serif; font-weight: 900; letter-spacing: 3px; color: var(--gold, #f5c542); text-shadow: 0 0 18px rgba(245,197,66,.35); }
.seo-preparing-sub { font-family: 'Cinzel', serif; font-size: 0.68rem; letter-spacing: 2px; text-transform: uppercase; color: var(--text-dim, #caa23a); }
.seo-disabled-buy, .seo-disabled-buy:hover { opacity: .55; cursor: not-allowed; border-color: rgba(202,162,58,.35) !important; color: var(--text-dim, #caa23a) !important; background: rgba(42,34,24,.28) !important; box-shadow: none !important; }


/* D2R SEO random item panel */
.seo-random-items-panel{
  margin: 2.25rem auto;
  border: 1px solid rgba(201, 145, 43, .34);
  background:
    radial-gradient(circle at 20% 0%, rgba(201,145,43,.10), transparent 35%),
    linear-gradient(180deg, rgba(15,9,5,.96), rgba(8,5,3,.98));
  box-shadow: 0 18px 42px rgba(0,0,0,.35), inset 0 0 38px rgba(201,145,43,.04);
  padding: 1.25rem 1.4rem 1.35rem;
  max-width: 1180px;
}
.seo-random-items-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.seo-random-items-kicker{color:#b78327;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;font-weight:800;}
.seo-random-items-title{color:#f3dfb2;font-family:Cinzel,serif;font-size:1.55rem;line-height:1.05;text-transform:uppercase;}
.seo-random-items-more{border:1px solid rgba(216,164,54,.55);color:#f5c542;text-decoration:none;padding:.72rem 1rem;font-family:Cinzel,serif;font-size:.72rem;letter-spacing:1.8px;text-transform:uppercase;white-space:nowrap;}
.seo-random-items-viewport{position:relative;overflow:hidden;min-height:190px;}
.seo-random-items-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.seo-random-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.85rem;min-height:170px;border:1px solid rgba(177,120,32,.30);background:rgba(14,8,4,.74);padding:.75rem;text-decoration:none;color:#d7bc78;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.seo-random-card:hover{transform:translateY(-2px);border-color:rgba(245,197,66,.65);box-shadow:0 10px 26px rgba(0,0,0,.26);}
.seo-random-thumb{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border:1px solid rgba(177,120,32,.28);background:radial-gradient(circle,rgba(245,197,66,.10),rgba(0,0,0,.30));overflow:hidden;}
.seo-random-thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.seo-random-body{min-width:0;display:flex;flex-direction:column;gap:.35rem;}
.seo-random-name{color:#f3dfb2;font-family:Cinzel,serif;font-weight:800;text-transform:uppercase;font-size:.92rem;line-height:1.12;}
.seo-random-meta{color:#b78327;font-size:.68rem;line-height:1.2;}
.seo-random-price{color:#f5c542;font-size:1.05rem;margin-top:auto;}
.seo-random-buy{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid rgba(216,164,54,.55);color:#f5c542;padding:.42rem .7rem;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;}
.seo-random-dots{display:flex;justify-content:center;gap:.45rem;margin-top:1rem;}
.seo-random-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(245,197,66,.55);background:transparent;padding:0;}
.seo-random-dot.is-active{background:#f5c542;box-shadow:0 0 14px rgba(245,197,66,.55);}
.seo-random-empty{color:#b78327;padding:1rem;border:1px dashed rgba(177,120,32,.28);}
@media (max-width:980px){.seo-random-items-track{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.seo-random-items-panel{margin:1.4rem .85rem;padding:1rem}.seo-random-items-head{align-items:flex-start;flex-direction:column}.seo-random-items-title{font-size:1.2rem}.seo-random-items-track{grid-template-columns:1fr}.seo-random-card{grid-template-columns:82px minmax(0,1fr)}.seo-random-thumb{width:82px;height:82px}}


/* D2R SEO random item panel v2 ladder filter */
.seo-random-items-panel{
  border-color:rgba(245,197,66,.46) !important;
  box-shadow:
    0 0 16px rgba(245,197,66,.12),
    0 0 42px rgba(245,197,66,.07),
    0 18px 42px rgba(0,0,0,.38),
    inset 0 0 38px rgba(201,145,43,.055) !important;
}

.seo-random-items-controls{
  display:flex;
  align-items:center;
  gap:.75rem;
  flex-wrap:wrap;
}

.seo-random-ladder-select{
  min-width:220px;
  border:1px solid rgba(216,164,54,.55);
  background:#0c0704;
  color:#f5c542;
  padding:.72rem 2.2rem .72rem .85rem;
  font-family:Cinzel,serif;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
  outline:none;
  box-shadow:inset 0 0 16px rgba(245,197,66,.04);
}

.seo-random-ladder-select:focus{
  border-color:rgba(245,197,66,.85);
  box-shadow:0 0 16px rgba(245,197,66,.16), inset 0 0 16px rgba(245,197,66,.05);
}

.seo-random-filter-note{
  color:#9f7a31;
  font-size:.66rem;
  letter-spacing:1px;
  text-transform:uppercase;
  margin-top:.35rem;
}

@media (max-width:640px){
  .seo-random-items-controls,
  .seo-random-ladder-select,
  .seo-random-items-more{
    width:100%;
  }
}


/* D2R SEO random panel hover emphasis */
.seo-random-items-viewport{
  overflow: visible !important;
}

.seo-random-items-track{
  overflow: visible !important;
}

.seo-random-card{
  position: relative;
  z-index: 1;
  transform-origin: center center;
  will-change: transform, box-shadow, border-color;
}

.seo-random-card:hover,
.seo-random-card:focus-visible{
  z-index: 20;
  transform: scale(1.045) translateY(-4px) !important;
  border-color: rgba(245,197,66,.95) !important;
  outline: 1px solid rgba(245,197,66,.45);
  outline-offset: 0;
  box-shadow:
    0 0 0 1px rgba(245,197,66,.28),
    0 0 22px rgba(245,197,66,.20),
    0 18px 38px rgba(0,0,0,.55) !important;
}

.seo-random-card:hover .seo-random-name,
.seo-random-card:focus-visible .seo-random-name{
  color:#fff0bd !important;
  text-shadow:0 0 10px rgba(245,197,66,.25);
}


/* D2R direct SEO basket icon visibility */
#selected-item-buy,
.seo-btn--basket{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
#selected-item-buy .seo-btn-icon,
.seo-btn--basket .seo-btn-icon{
  display:inline-block !important;
  opacity:1 !important;
  visibility:visible !important;
  line-height:1 !important;
  transform:translateY(-1px);
}

/* v11: mobile SEO suggested items real card layout. Desktop untouched. */
@media (max-width: 700px) {
  body.seo-item-page #seo-random-items-panel.seo-random-items-panel { box-sizing: border-box !important; width: calc(100vw - 28px) !important; max-width: calc(100vw - 28px) !important; margin: 1.3rem auto !important; padding: 1rem !important; overflow: hidden !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-items-head { display: grid !important; grid-template-columns: 1fr !important; gap: .75rem !important; align-items: stretch !important; margin-bottom: .9rem !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-items-kicker { font-size: .62rem !important; line-height: 1.1 !important; letter-spacing: 2px !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-items-title { font-size: 1.65rem !important; line-height: 1 !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-items-controls { display: grid !important; grid-template-columns: 1fr !important; gap: .55rem !important; width: 100% !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-ladder-select, body.seo-item-page #seo-random-items-panel .seo-random-items-more { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; min-height: 42px !important; padding: .65rem .75rem !important; font-size: .66rem !important; line-height: 1.1 !important; text-align: center !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-items-viewport, body.seo-item-page #seo-random-items-panel .seo-random-items-track { width: 100% !important; min-height: 0 !important; overflow: hidden !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-items-track { display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-card, body.seo-item-page #seo-random-items-panel a.seo-random-card { box-sizing: border-box !important; display: grid !important; grid-template-columns: 92px minmax(0, 1fr) !important; gap: .8rem !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 142px !important; margin: 0 !important; padding: .85rem !important; border: 1px solid rgba(216,164,54,.45) !important; border-radius: 20px !important; background: linear-gradient(135deg, rgba(30,18,9,.96), rgba(10,7,4,.98)) !important; color: #f2d38a !important; text-decoration: none !important; overflow: hidden !important; transform: none !important; box-shadow: 0 12px 26px rgba(0,0,0,.38) !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-thumb { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 92px !important; height: 92px !important; min-width: 92px !important; max-width: 92px !important; min-height: 92px !important; max-height: 92px !important; margin: 0 !important; border: 1px solid rgba(216,164,54,.28) !important; border-radius: 15px !important; overflow: hidden !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-thumb img { display: block !important; width: 82px !important; height: 82px !important; max-width: 82px !important; max-height: 82px !important; object-fit: contain !important; margin: 0 !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-body { min-width: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: .35rem !important; overflow: hidden !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-name { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; color: #fff1c5 !important; font-family: Cinzel, serif !important; font-size: 1rem !important; font-weight: 800 !important; line-height: 1.08 !important; text-transform: uppercase !important; text-decoration: none !important; white-space: normal !important; overflow: hidden !important; overflow-wrap: anywhere !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-meta { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; color: #c99635 !important; font-size: .7rem !important; line-height: 1.15 !important; text-decoration: none !important; white-space: normal !important; overflow: hidden !important; overflow-wrap: anywhere !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-price { display: block !important; color: #f5c542 !important; font-size: 1rem !important; line-height: 1 !important; margin: .1rem 0 0 !important; text-decoration: none !important; }
  body.seo-item-page #seo-random-items-panel .seo-random-buy { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: max-content !important; min-width: 70px !important; height: 28px !important; padding: 0 .65rem !important; border: 1px solid rgba(216,164,54,.6) !important; color: #f5c542 !important; font-family: Cinzel, serif !important; font-size: .58rem !important; line-height: 28px !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; }
}
