/* Local homepage redesign. Shared product, checkout and animation styles stay in app.css. */
body[data-page="home"] { --home-muted:#9ba5ab; --home-link-size:16px; }
.ceth-shell { width:calc(100% - 64px); max-width:1280px; margin-inline:auto; }
.ceth-eyebrow { display:flex; align-items:center; gap:10px; color:var(--color-accent); font-size:11px; font-weight:700; letter-spacing:2.2px; }
.ceth-live-dot { display:inline-block; width:6px; height:6px; background:var(--color-accent); border-radius:50%; box-shadow:0 0 0 5px #2dc6ff12,0 0 16px #2dc6ff55; flex:none; }
.ceth-hero { position:relative; margin:0; display:grid; align-items:center; min-height:clamp(490px,36vw,690px); padding:115px 0 55px; overflow:hidden; }
.ceth-hero-backdrop {
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  --edge-fade:clamp(32px,14vw,260px);
  background:
    linear-gradient(to right,var(--color-background) 8px,transparent var(--edge-fade),transparent calc(100% - var(--edge-fade)),var(--color-background) calc(100% - 8px)),
    linear-gradient(to bottom,var(--color-background),transparent 18%,transparent 78%,var(--color-background) calc(100% - 3px)),
    linear-gradient(90deg,#0d0d0d99,transparent 65%),
    url('/assets/images/home/fortnite-hero.webp') center top / cover no-repeat;
}
.ceth-hero-title { display:block; font-size:clamp(48px,4.8vw,68px); font-weight:700; line-height:1.06; letter-spacing:-2.6px; }
.ceth-hero-title em { font-style:normal; color:var(--color-accent); }
.customer-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 14px 6px 8px; margin-bottom:18px; border:1px solid #ffffff25; border-radius:999px; background:#17191a; color:#fff; font-size:12px; font-weight:700; }
.customer-badge svg { color:var(--color-accent); background:#16303b; border-radius:50%; padding:5px; }
.ceth-hero-topic { font-size:19px; font-weight:600; margin:24px 0 12px; }
.ceth-hero-description { font-size:16px; line-height:1.75; color:var(--home-muted); max-width:440px; }
.ceth-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.ceth-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:8px; min-height:50px; padding:12px 23px; font-weight:700; font-size:14px; transition:transform .25s,background .25s,box-shadow .25s; }
.ceth-button:hover { transform:translateY(-3px); }
.ceth-button-primary { color:#06151c; background:var(--color-accent); box-shadow:0 5px 28px #2dc6ff15; }
.ceth-button-primary:hover { background:#69d8ff; box-shadow:0 5px 30px #2dc6ff30; }
.ceth-button-secondary { border:1px solid #363b3e; background:#151819; color:#eee; }
.ceth-button-secondary:hover { background:#20292d; }
.ceth-products { padding:16px 0 0; margin:0 0 90px; scroll-margin-top:110px; }
.ceth-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.ceth-section-heading h2,.ceth-faq h2 { font-size:40px; line-height:1.18; font-weight:700; letter-spacing:-1px; margin:14px 0; }
.ceth-section-heading h2 span,.ceth-faq h2 span { color:var(--color-accent); }
.ceth-section-heading p,.ceth-faq p { color:var(--home-muted); font-size:15px; line-height:1.7; }
.ceth-text-link, .home-reviews .review-heading > .ceth-text-link { color:var(--color-accent); font-size:var(--home-link-size); font-weight:600; display:inline-flex; gap:10px; align-items:center; white-space:nowrap; }
.ceth-products .product-carousel { width:calc(100% - 64px); margin:auto; }
.ceth-products .product-carousel::before,.ceth-products .product-carousel::after { width:3%; }
.ceth-products .product-carousel-track { gap:24px; padding:32px 0 0; }
.ceth-products .store-product-card { width:280px; aspect-ratio:848 / 1396; margin-bottom:25px; border-color:#278aa6; }
.card-buy-label { position:absolute; inset:auto 16px 10px; text-align:center; background:var(--color-accent); color:#06151c; border-radius:6px; padding:8px; font-weight:600; }
.ceth-products .store-product-card::after {
  content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none;
  background:radial-gradient(145px circle at var(--glow-x,50%) var(--glow-y,50%),#e4f9ff,#55d6ff 40%,transparent);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude; opacity:0; transition:opacity .3s ease;
}
@media (hover:hover) {
  .ceth-products a:hover .store-product-card::after { opacity:1; }
}
.ceth-catalog-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-top:18px; border-top:1px solid #252a2c; color:var(--home-muted); font-size:var(--home-link-size); }
.ceth-benefits .green-feature-animate { background-color:#16c166; border-color:#16c166; color:#07180e; }
.ceth-benefits .blue-feature-animate { background-color:#1660c1; border-color:#1660c1; color:#fff; }
.ceth-benefits .green-feature-animate { --feature-shine:#7ff9ad; }
.ceth-benefits .blue-feature-animate { --feature-shine:#5da6ff; animation-delay:2s; }
.ceth-benefits :is(.green-feature-animate,.blue-feature-animate) {
  background-image:linear-gradient(40deg,transparent 42%,var(--feature-shine) 50%,transparent 58%);
  animation-duration:4s;
}
@media (prefers-reduced-motion:reduce) {
  .ceth-benefits :is(.green-feature-animate,.blue-feature-animate) { animation:none; }
  .ceth-products .store-product-card::after { transition:none; }
}
body[data-page="home"] .ceth-benefits { margin:0 auto 90px; padding:0 32px; }
.ceth-benefits>.ceth-eyebrow { margin-bottom:14px; }
.ceth-benefits>h2 { font-size:40px; letter-spacing:-1px; }
.ceth-benefits>p { margin-bottom:32px; }
.ceth-benefits .home-benefits-grid>div { border-radius:14px; border-color:#2b3033; }
body[data-page="home"] .home-reviews { border-top:1px solid #262a2c; padding-top:70px; margin-bottom:85px; }
body[data-page="home"] .home-reviews .review-heading h2 { font-size:38px; letter-spacing:-1px; }
.ceth-faq { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; border-top:1px solid #262a2c; padding-top:65px; margin-bottom:90px; }
.ceth-faq>div>p { max-width:300px; margin-bottom:24px; }
.ceth-faq-list { border-top:1px solid #2c3337; }
.ceth-faq details { border-bottom:1px solid #2c3337; }
.ceth-faq summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:18px; padding:23px 0; font-size:15px; font-weight:600; }
.ceth-faq summary::-webkit-details-marker { display:none; }
.ceth-faq summary>span { font-size:11px; font-weight:400; color:#687c86; }
.ceth-faq summary::after { margin-left:auto; color:var(--color-accent); }
.ceth-faq details p { margin:0 26px 24px 34px; font-size:14px; }
.ceth-faq details a { color:var(--color-accent); text-decoration:underline; }
body[data-page="home"] .ceth-community { width:calc(100% - 64px); max-width:1280px; margin:0 auto; height:330px; border-color:#2c596a; overflow:hidden; }
.ceth-community h2 { font-size:42px; letter-spacing:-1px; line-height:1.12; }
.ceth-community p { font-size:16px; max-width:400px; line-height:1.7; margin-top:18px; }
.ceth-community>img { width:190px; height:190px; margin-right:80px; }
body[data-page="home"] .dot-fade { margin-top:60px; }
.ceth-button:focus-visible,.ceth-faq summary:focus-visible,.ceth-text-link:focus-visible { outline:2px solid var(--color-accent); outline-offset:5px; }
@media(max-width:1050px){.ceth-hero-title{font-size:52px}.ceth-hero-topic{font-size:16px}.ceth-faq{gap:40px}}
@media(max-width:760px){.ceth-shell{width:calc(100% - 40px)}.ceth-hero{min-height:440px;padding:100px 0 42px}.ceth-hero-title{font-size:54px;letter-spacing:-2px}.ceth-hero-description{max-width:500px}.ceth-hero-topic{font-size:18px}.ceth-products{padding-top:12px;margin-bottom:60px}.ceth-section-heading{align-items:flex-start;flex-direction:column;gap:20px}.ceth-section-heading h2,.ceth-faq h2,.ceth-benefits>h2{font-size:32px}.ceth-products .product-carousel{width:calc(100% - 24px)}.ceth-products .store-product-card{width:245px}.ceth-products .product-carousel-track{gap:18px}body[data-page="home"] .ceth-benefits{padding-inline:20px;margin-bottom:60px}body[data-page="home"] .home-reviews{padding-top:45px;padding-inline:20px;margin-bottom:55px}body[data-page="home"] .home-reviews .review-heading h2{font-size:30px}.ceth-faq{grid-template-columns:1fr;gap:28px;padding-top:45px;margin-bottom:60px}.ceth-faq h2 br{display:none}.ceth-faq>div>p{max-width:none}.ceth-faq summary{font-size:14px;gap:12px}body[data-page="home"] .ceth-community{width:calc(100% - 40px);height:auto;min-height:300px;padding:32px 8px}.ceth-community h2{font-size:32px}.ceth-community>img{display:none}.ceth-community p{font-size:15px}.ceth-community>div:nth-child(2){margin:0 auto}}
@media(prefers-reduced-motion:reduce){.ceth-button{transition:none}.ceth-button:hover{translate:none;transform:none}}