/* =============================================================
   AM RESELLER - Reseller page styles
   Requires am-core.css loaded first
   ============================================================= */

/* === HIDE IPS + NEXXE SHELL === */
body.ipsApp[data-pagename="resellers"]::before,
body.ipsApp[data-pagename="resellers"]::after,
body.ipsApp.ipsApp_front[data-pagename="resellers"]::before,
body.ipsApp.ipsApp_front[data-pagename="resellers"]::after{
  display:none!important;content:none!important;visibility:hidden!important;
  height:0!important;width:0!important;opacity:0!important;background:none!important;
}
body.ipsApp[data-pagename="resellers"],
body.ipsApp.ipsApp_front[data-pagename="resellers"]{
  background:#08090c!important;background-image:none!important;background-color:#08090c!important;
}
body[data-pagename="resellers"] #ipsLayout_header,
body[data-pagename="resellers"] #cb-nexxe__topbar,
body[data-pagename="resellers"] #cb-nexxe__menu,
body[data-pagename="resellers"] nav.ipsBreadcrumb_top,
body[data-pagename="resellers"] nav.ipsBreadcrumb_bottom,
body[data-pagename="resellers"] #ipsLayout_footer,
body[data-pagename="resellers"] #cb-nexxe__social__sticky,
body[data-pagename="resellers"] .liveMessenger_chat,
body[data-pagename="resellers"] .cb-nexxe--goup,
body[data-pagename="resellers"] .cb-nexxe__messagetop,
body[data-pagename="resellers"] .cAnnouncements,
body[data-pagename="resellers"] .cWidgetContainer,
body[data-pagename="resellers"] #cb-nexxe__footer--breadcrumb,
body[data-pagename="resellers"] #cb-nexxe__footer--content,
body[data-pagename="resellers"] #cb-nexxe__footer--bottom,
body[data-pagename="resellers"] #elMobileNav,
body[data-pagename="resellers"] #elMobileDrawer,
body[data-pagename="resellers"] #elMobileCreateMenuDrawer{display:none!important}
body[data-pagename="resellers"] #ipsLayout_body,
body[data-pagename="resellers"] #ipsLayout_body.ipsLayout_container,
body[data-pagename="resellers"] main#ipsLayout_body{
  width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
  background:transparent!important;background-image:none!important;
}
body[data-pagename="resellers"] #ipsLayout_contentArea,
body[data-pagename="resellers"] #ipsLayout_contentWrapper,
body[data-pagename="resellers"] #ipsLayout_mainArea,
body[data-pagename="resellers"] #elCmsPageWrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;
}
body[data-pagename="resellers"] #ipsLayout_body::before,
body[data-pagename="resellers"] #ipsLayout_body::after,
body[data-pagename="resellers"] main::before,
body[data-pagename="resellers"] main::after{
  display:none!important;content:none!important;visibility:hidden!important;
}

/* === HERO === */
.am-rs-hero{text-align:center;padding:120px 0 60px;position:relative}
.am-rs-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 50% 60% at 50% 30%,rgba(255,138,29,.04),transparent 70%);
}
.am-rs-hero__title{font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1.08;letter-spacing:-.03em;margin:18px 0 16px}
.am-rs-hero__title span{color:var(--ac)}
.am-rs-hero__sub{color:var(--tx2);font-size:17px;line-height:1.65;margin:0 auto}

/* === STEPS === */
.am-rs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.am-rs-step{
  padding:28px;border:1px solid var(--brd);border-radius:var(--r);
  background:var(--s1);text-align:center;transition:border-color .25s,transform .25s;
}
.am-rs-step:hover{border-color:var(--brd2);transform:translateY(-3px)}
.am-rs-step__num{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  background:var(--bg);border:2px solid var(--ac);
  font-size:14px;font-weight:900;color:var(--ac2);margin-bottom:16px;
}
.am-rs-step h3{font-size:17px;font-weight:800;margin-bottom:8px}
.am-rs-step p{font-size:13px;color:var(--tx2);line-height:1.55}

/* === BENEFIT CARDS === */
.am-rs-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.am-rs-card{
  position:relative;padding:28px;border:1px solid var(--brd);border-radius:var(--r);
  background:var(--s1);transition:border-color .25s,transform .25s;
}
.am-rs-card:hover{border-color:var(--brd2);transform:translateY(-3px)}
.am-rs-card__icon{
  width:44px;height:44px;border-radius:12px;
  background:rgba(255,138,29,.1);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;color:var(--ac);margin-bottom:16px;
}
.am-rs-card h3{font-size:16px;font-weight:800;margin-bottom:6px}
.am-rs-card p{font-size:13px;color:var(--tx2);line-height:1.55}

/* === REQUIREMENTS === */
.am-rs-req{max-width:700px;margin:0 auto}
.am-rs-req__card{
  padding:32px;border:1px solid var(--brd);border-radius:var(--r);
  background:var(--s1);
}
.am-rs-req__card ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.am-rs-req__card li{
  position:relative;padding-left:20px;font-size:15px;color:var(--tx);line-height:1.55;
}
.am-rs-req__card li::before{
  content:"";position:absolute;left:0;top:10px;
  width:6px;height:6px;border-radius:50%;background:var(--ac);
}
.am-rs-req__note{
  margin-top:20px;padding-top:20px;border-top:1px solid var(--brd);
  font-size:14px;color:var(--tx2);line-height:1.6;
}

/* === RESPONSIVE === */
@media(max-width:1100px){
  .am-rs-steps{grid-template-columns:repeat(2,1fr)}
  .am-rs-benefits{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .am-rs-hero{padding:100px 0 40px}
  .am-rs-steps,.am-rs-benefits{grid-template-columns:1fr}
  .am-rs-req__card{padding:24px}
}