/* ============================================================
   Shecdo Homepage Styles — Dark Gaming Theme
   ============================================================ */

/* ---------- Hero Banner ---------- */
.sd-hero{
    background:linear-gradient(160deg,#0f1225 0%,#1a1040 50%,#0d1520 100%);
    border-bottom:1px solid var(--sd-border);
    padding:40px 0 0;
    position:relative;
    overflow:hidden;
}
.sd-hero::before{
    content:'';position:absolute;top:-50%;right:-20%;
    width:600px;height:600px;
    background:radial-gradient(circle,rgba(0,212,255,0.06) 0%,transparent 70%);
    pointer-events:none;
}
.sd-hero-inner{
    display:flex;align-items:center;gap:44px;
}
.sd-hero-text{flex:1;min-width:0}
.sd-hero-text h1{
    font-size:34px;font-weight:700;color:var(--sd-text);
    line-height:1.2;margin-bottom:14px;
    font-family:'Orbitron','Exo 2',sans-serif;
    letter-spacing:0.3px;
}
.sd-hero-text h1 span{color:var(--sd-primary)}
.sd-hero-text p{
    font-size:16px;color:var(--sd-text-sec);
    margin-bottom:22px;max-width:500px;line-height:1.7;
}
.sd-hero-featured{
    display:flex;gap:14px;flex-shrink:0;
}
.sd-hero-featured .sd-card{
    width:185px;flex-shrink:0;
}
@media(max-width:900px){
    .sd-hero-featured{display:none}
    .sd-hero-text h1{font-size:26px}
}
@media(max-width:600px){
    .sd-hero{padding:28px 0 0}
    .sd-hero-text h1{font-size:22px}
    .sd-hero-text p{font-size:14px}
}

/* ---------- Category Strip ---------- */
.sd-cat-strip{
    background:var(--sd-bg-card);
    border-bottom:1px solid var(--sd-border);
    padding:14px 0;
}

/* ---------- Featured Games Grid (4 large cards) ---------- */
.sd-featured{padding:36px 0}
.sd-featured-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}
.sd-featured-card{
    display:flex;
    background:var(--sd-bg-card);border:1px solid var(--sd-border);border-radius:var(--sd-radius);
    overflow:hidden;
    transition:border-color var(--sd-transition),transform var(--sd-transition),box-shadow var(--sd-transition);
}
.sd-featured-card:hover{
    border-color:var(--sd-primary-dim);transform:translateY(-3px);
    box-shadow:var(--sd-glow-primary);
}
.sd-featured-card .sd-card-thumb{
    width:145px;flex-shrink:0;aspect-ratio:auto;
}
.sd-featured-card .sd-card-body{
    display:flex;flex-direction:column;justify-content:center;
    padding:18px;
}
.sd-featured-card .sd-card-title{
    font-size:15px;-webkit-line-clamp:3;
}
.sd-featured-card .sd-card-desc{
    font-size:13px;color:var(--sd-text-ter);
    margin-top:8px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    line-height:1.6;
}
@media(max-width:1024px){
    .sd-featured-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .sd-featured-grid{grid-template-columns:1fr}
    .sd-featured-card .sd-card-thumb{width:115px}
}

/* ---------- Compact 6-column Grid ---------- */
.sd-grid-6{
    grid-template-columns:repeat(6,1fr);
}
@media(max-width:1024px){
    .sd-grid-6{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:768px){
    .sd-grid-6{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
    .sd-grid-6{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Games Grid Section ---------- */
.sd-games-section{padding:10px 0 36px}
.sd-games-header{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:22px;
}
.sd-games-header h2{
    font-size:21px;font-weight:700;color:var(--sd-text);
    font-family:'Orbitron','Exo 2',sans-serif;
    letter-spacing:0.3px;
}

/* ---------- Section "View all" link ---------- */
.sd-section-more{
    font-size:13px;font-weight:600;
    color:var(--sd-primary);text-decoration:none;
    white-space:nowrap;
    text-transform:uppercase;letter-spacing:0.5px;
}
.sd-section-more:hover{
    text-decoration:underline;
}

/* ---------- Category Block ---------- */
.sd-cat-block{padding:28px 0}
.sd-cat-block-head{
    display:flex;align-items:center;justify-content:space-between;
    margin-bottom:18px;
}
.sd-cat-block-head h2{
    font-size:21px;font-weight:700;color:var(--sd-text);
    font-family:'Orbitron','Exo 2',sans-serif;
    letter-spacing:0.3px;
}
.sd-cat-block-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
}
@media(max-width:1024px){
    .sd-cat-block-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:768px){
    .sd-cat-block-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
    .sd-cat-block-grid{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Editor's Picks ---------- */
.sd-editors{
    background:var(--sd-bg-card);
    border-top:1px solid var(--sd-border);
    border-bottom:1px solid var(--sd-border);
    padding-top:36px !important;
}

/* ---------- Stats Banner ---------- */
.sd-stats{
    background:var(--sd-bg-card);
    border:1px solid var(--sd-border);
    border-radius:var(--sd-radius);
    padding:28px 36px;
    display:flex;justify-content:space-around;
    margin:36px 0;
}
.sd-stat-num{
    font-size:30px;font-weight:700;color:var(--sd-primary);
    font-family:'Orbitron','Exo 2',sans-serif;
}
.sd-stat-label{
    font-size:13px;color:var(--sd-text-ter);margin-top:4px;
    text-transform:uppercase;letter-spacing:0.5px;
}
@media(max-width:600px){
    .sd-stats{padding:18px;gap:14px}
    .sd-stat-num{font-size:24px}
}