.mobile-menu{display:none}
.app-page{min-width:0}
.page-intro{margin-bottom:22px}
.page-intro h1{margin:7px 0;font-size:clamp(2rem,4vw,3.5rem)}

.tool-grid,.profile-editor{
display:grid;
grid-template-columns:minmax(300px,1fr) minmax(280px,.8fr);
gap:18px
}

.calculator-results{
display:grid;
align-content:center;
gap:4px;
background:linear-gradient(145deg,#123b82,#2563eb)!important;
color:#fff!important
}

.calculator-results .eyebrow{color:#a3e635}

.calculator-results>strong{
font-size:clamp(2.5rem,6vw,5.5rem);
line-height:1;
margin-top:18px
}

.calculator-results>span{color:#dbeafe}

.plan-grid{
display:grid;
grid-template-columns:repeat(2,minmax(280px,1fr));
gap:20px;
max-width:1000px
}

.plan-card{padding:30px!important}

.plan-card.pro{
color:#fff!important;
background:linear-gradient(145deg,#153c8c,#2563eb 55%,#0ea5e9)!important;
border:0
}

.plan-badge,.member-plan{
display:inline-block;
padding:6px 10px;
border-radius:99px;
background:#eaf2ff;
color:#2563eb;
font-size:.7rem;
font-weight:900;
letter-spacing:.06em
}

.pro .plan-badge{
background:#a3e635;
color:#17360a
}

.plan-price{
font-size:3.8rem;
font-weight:950
}

.plan-price small{font-size:1rem}

.plan-card li{padding:9px 0}

.fine-print{
max-width:1000px;
color:#64748b;
font-size:.8rem
}

.leader-list{
display:grid;
gap:10px
}

.leader-row{
display:grid;
grid-template-columns:45px 50px minmax(0,1fr) auto;
align-items:center;
gap:14px;
padding:12px 18px!important;
text-decoration:none;
color:inherit
}

.leader-row img{
width:48px;
height:48px;
border-radius:50%
}

.leader-row span{display:grid}

.leader-row small{color:#64748b}

.leader-row em{
font-style:normal;
font-weight:900;
color:#2563eb
}

.member-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
gap:16px
}

.member-card{text-align:center}

.member-card>img{
width:90px;
height:90px;
border-radius:50%;
object-fit:cover;
border:4px solid #eaf2ff
}

.member-card h2{margin:12px 0 4px}

.copy-field{
display:flex;
gap:10px
}

.copy-field input{
flex:1;
min-width:0
}

.big-number{
font-size:clamp(3rem,7vw,6rem);
font-weight:950;
color:#2563eb
}

.mission-card{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:20px
}

.mission-icon{font-size:3rem}

.public-profile{
display:grid;
grid-template-columns:190px minmax(0,1fr);
gap:28px;
align-items:start
}

.profile-avatar{
width:180px;
height:180px;
object-fit:cover;
border-radius:28px;
border:6px solid #eaf2ff
}

.profile-main h1{margin:10px 0}

.profile-stats{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:20px 0
}

.profile-stats span{
padding:12px 16px;
border-radius:12px;
background:#eff6ff
}

.profile-stats b{
display:block;
font-size:1.3rem
}

.profile-links{
display:flex;
gap:10px;
margin-top:16px
}

.profile-links a{
padding:10px 13px;
border-radius:10px;
background:#f1f5f9;
text-decoration:none;
color:#2563eb;
font-weight:800
}

.profile-preview{text-align:center}

.profile-preview .profile-avatar{
display:block;
margin:0 auto 16px
}

.field textarea{
width:100%;
padding:13px;
font:inherit;
resize:vertical
}

.btn:disabled{
opacity:.6;
cursor:not-allowed
}


/* ==========================================================
   GENERAL RESPONSIVE
   ========================================================== */

@media(max-width:1000px){

.mobile-menu{
display:flex;
align-items:center;
justify-content:center;
min-height:48px;
margin:10px 12px;
border:0;
border-radius:10px;
background:#123b82;
color:#fff;
font-weight:900
}

.dashboard-layout{
display:block!important
}

.dashboard-layout>.sidebar{
display:none!important;
height:auto!important;
position:static!important;
overflow:visible!important;
flex-direction:column!important
}

.dashboard-layout.menu-open>.sidebar{
display:flex!important
}

.dashboard-layout>.sidebar a{
white-space:normal!important
}

.tool-grid,.profile-editor{
grid-template-columns:1fr
}

}


@media(max-width:680px){

.plan-grid{
grid-template-columns:1fr
}

.leader-row{
grid-template-columns:34px 44px minmax(0,1fr)
}

.leader-row em{
grid-column:3
}

.mission-card{
grid-template-columns:1fr
}

.public-profile{
grid-template-columns:1fr;
text-align:center
}

.public-profile .profile-avatar{
margin:auto
}

.profile-stats,.profile-links{
justify-content:center
}

.copy-field{
flex-direction:column
}

.member-grid{
grid-template-columns:1fr
}

.plan-card{
padding:21px!important
}

}


@media(max-width:380px){

.leader-row{
padding:10px!important;
gap:8px
}

.profile-stats span{
width:100%
}

}


/* ==========================================================
   EXISTING AFFILIATE TOOLS
   ========================================================== */

.affiliate-summary,.email-tools{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px
}

.section-heading{
margin:34px 0 16px
}

.section-heading h2{
margin:6px 0
}

.affiliate-banners{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px
}

.banner-tool{
min-width:0
}

.banner-canvas{
min-height:130px;
padding:18px;
margin:12px 0;
display:grid;
place-items:center;
overflow:auto;
border-radius:14px;
background:#06162e
}

.banner-canvas img{
display:block;
max-width:none
}

.banner-tool label{
display:block;
margin:12px 0 6px;
font-weight:850
}

.banner-tool textarea,.email-tools textarea{
width:100%;
padding:12px;
border:1px solid #cbd5e1;
border-radius:10px;
background:#f8fafc;
font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
resize:vertical
}

.tool-actions{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:10px
}

.email-tools .btn{
margin-top:10px
}


@media(max-width:800px){

.affiliate-summary,
.affiliate-banners,
.email-tools{
grid-template-columns:1fr
}

.banner-canvas{
justify-content:start
}

.affiliate-center .card{
padding:18px
}

}


/* ==========================================================
   UPGRADE / PAYMENT
   ========================================================== */

.upgrade-status{
max-width:1000px;
margin-top:20px;
border-left:5px solid #f59e0b!important
}

.upgrade-payment-grid{
display:grid;
grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);
gap:20px;
max-width:1000px;
margin-top:20px
}

.payment-methods,.payment-notice{
padding:28px!important
}

.payment-option{
display:flex;
align-items:flex-start;
gap:12px;
padding:14px;
margin:10px 0;
border:1px solid #dbe5f0;
border-radius:13px;
background:#f8fbff;
cursor:pointer
}

.payment-option input{
width:auto;
margin-top:4px
}

.payment-option span{
display:grid;
gap:5px
}

.payment-option small{
color:#64748b;
overflow-wrap:anywhere
}

.payment-instructions{
margin-top:16px;
padding:14px;
border-radius:12px;
background:#eff6ff;
color:#334155
}

.payment-notice textarea{
width:100%;
padding:13px;
border:1px solid #b9c8dc;
border-radius:11px;
font:inherit;
resize:vertical
}


@media(max-width:760px){

.upgrade-payment-grid{
grid-template-columns:1fr
}

.payment-methods,.payment-notice{
padding:20px!important
}

}


/* ==========================================================
   AFFILIATE CENTER
   CLEAN / COMPACT REDESIGN

   IMPORTANT:
   Everything below is scoped to .affiliate-center.

   Do NOT use these styles for Shadow Ads.
   No overlay, iframe, modal, z-index or Shadow Ad selectors
   are changed here.
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced{

--aff-blue:#2563eb;
--aff-electric:#0ea5e9;
--aff-deep:#123b82;
--aff-lime:#a3e635;

--aff-ink:#0f172a;
--aff-text:#334155;
--aff-muted:#64748b;

--aff-line:#dbe5f0;
--aff-light-line:#e8eef6;

--aff-white:#ffffff;
--aff-soft:#f8fbff;
--aff-blue-soft:#eff6ff;

min-width:0;

}


/* ==========================================================
   PAGE INTRO
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.affiliate-intro{

margin-bottom:18px;
max-width:1180px;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-intro h1{

margin:5px 0 8px;

font-size:
clamp(2rem,3.4vw,3.15rem);

line-height:1.02;

letter-spacing:-.035em;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-intro p{

max-width:980px;

margin:0;

color:var(--aff-muted);

line-height:1.55;

}


/* ==========================================================
   TOOL TABS
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.affiliate-tabs{

display:flex;

align-items:center;

gap:6px;

width:100%;

margin:6px 0 14px;

padding:5px;

overflow-x:auto;

overscroll-behavior-inline:contain;

scrollbar-width:thin;

border:1px solid var(--aff-line);

border-radius:11px;

background:rgba(255,255,255,.82);

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab{

appearance:none;

flex:0 0 auto;

min-height:37px;

padding:8px 13px;

border:1px solid transparent;

border-radius:8px;

background:transparent;

color:#475569;

font:inherit;

font-size:.82rem;

font-weight:850;

cursor:pointer;

white-space:nowrap;

transition:
background .16s ease,
border-color .16s ease,
color .16s ease,
box-shadow .16s ease;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab:hover{

color:var(--aff-blue);

background:var(--aff-blue-soft);

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab.active{

color:#fff;

border-color:var(--aff-blue);

background:
linear-gradient(
135deg,
var(--aff-blue),
var(--aff-electric)
);

box-shadow:
0 5px 14px rgba(37,99,235,.18);

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab:focus-visible{

outline:
3px solid rgba(163,230,53,.55);

outline-offset:2px;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab-panel[hidden]{

display:none!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab-panel{

min-width:0;

}


/* ==========================================================
   REFERRAL HUB

   Main referral link gets priority.
   Referral count becomes a small useful stat instead of
   the giant 24 card.
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-hub{

display:grid;

grid-template-columns:
minmax(0,1fr)
minmax(180px,220px);

gap:12px;

align-items:stretch;

margin:0;

}


/* ----------------------------------------------------------
   MAIN LINK PANEL
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.affiliate-primary-link-card{

padding:16px 18px!important;

border:
1px solid var(--aff-line)!important;

border-radius:13px!important;

background:
var(--aff-white)!important;

box-shadow:
0 6px 20px rgba(15,23,42,.04)!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-primary-link-card>h2{

margin:0 0 8px!important;

font-size:1rem!important;

line-height:1.25;

}


/* ----------------------------------------------------------
   REFERRAL COUNT
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat{

display:flex!important;

flex-direction:column;

justify-content:center;

min-height:0!important;

padding:15px 17px!important;

border:
1px solid var(--aff-line)!important;

border-radius:13px!important;

background:
linear-gradient(
145deg,
#fff,
#f8fbff
)!important;

box-shadow:
0 6px 20px rgba(15,23,42,.04)!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat .eyebrow{

margin:0 0 4px;

font-size:.68rem;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-count,

.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat .big-number{

margin:0;

font-size:
clamp(2rem,3.5vw,3rem);

font-weight:950;

line-height:1;

letter-spacing:-.045em;

color:var(--aff-blue);

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat p{

margin:6px 0 0;

color:var(--aff-muted);

font-size:.82rem;

line-height:1.35;

}


/* ==========================================================
   COPY / URL FIELDS
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.copy-field,

.affiliate-center.hl-affiliate-enhanced
.profile-referral-tool .copy-field,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .copy-field{

display:flex!important;

align-items:center!important;

gap:8px!important;

width:100%;

min-width:0;

}


.affiliate-center.hl-affiliate-enhanced
.copy-field input{

flex:1 1 auto;

width:100%;

min-width:0;

height:40px!important;

padding:9px 11px!important;

border:
1px solid #bdcbe0!important;

border-radius:8px!important;

background:#fbfdff!important;

color:#1e293b;

font-size:.83rem;

text-overflow:ellipsis;

}


.affiliate-center.hl-affiliate-enhanced
.copy-field input:focus{

outline:none;

border-color:
var(--aff-blue)!important;

box-shadow:
0 0 0 3px rgba(37,99,235,.10);

}


.affiliate-center.hl-affiliate-enhanced
.copy-field .btn{

flex:0 0 auto;

min-height:40px!important;

padding:8px 13px!important;

border-radius:8px!important;

font-size:.8rem;

white-space:nowrap;

}


/* ----------------------------------------------------------
   COPIED FEEDBACK
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.affiliate-copy-button.is-copied{

box-shadow:
0 0 0 3px rgba(163,230,53,.28);

}


/* ==========================================================
   PUBLIC PROFILE REFERRAL TOOL
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.profile-referral-tool{

display:block!important;

margin-top:12px!important;

padding-top:12px!important;

border-top:
1px solid var(--aff-light-line)!important;

}


.affiliate-center.hl-affiliate-enhanced
.profile-referral-tool h3{

margin:0 0 7px!important;

font-size:.88rem!important;

line-height:1.3;

color:var(--aff-text);

}


.affiliate-center.hl-affiliate-enhanced
.profile-referral-tool p{

margin:0 0 7px;

color:var(--aff-muted);

font-size:.76rem;

line-height:1.35;

}


/* ==========================================================
   LANDING PAGE TOOL
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool{

display:grid!important;

grid-template-columns:
minmax(180px,250px)
minmax(0,1fr);

align-items:center!important;

gap:5px 18px!important;

margin:0!important;

padding:16px 18px!important;

border:
1px solid var(--aff-line)!important;

border-radius:13px!important;

background:
var(--aff-white)!important;

box-shadow:
0 6px 20px rgba(15,23,42,.04)!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .eyebrow,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool h2,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool p{

grid-column:1!important;

margin:0!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .eyebrow{

margin-bottom:1px!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool h2{

font-size:1rem!important;

line-height:1.3;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool p{

color:var(--aff-muted);

font-size:.76rem!important;

line-height:1.35!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .copy-field{

grid-column:2!important;

grid-row:1 / span 3!important;

}


/* ==========================================================
   SECTION HEADINGS
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.section-heading{

margin:4px 0 12px!important;

}


.affiliate-center.hl-affiliate-enhanced
.section-heading .eyebrow{

margin-bottom:4px;

}


.affiliate-center.hl-affiliate-enhanced
.section-heading h2{

margin:3px 0!important;

font-size:1.4rem;

line-height:1.2;

}


.affiliate-center.hl-affiliate-enhanced
.section-heading p{

margin:0;

color:var(--aff-muted);

font-size:.88rem;

line-height:1.45;

}


/* ==========================================================
   BANNER LIBRARY
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.affiliate-banners,

.affiliate-center.hl-affiliate-enhanced
.affiliate-banner-grid{

display:grid!important;

grid-template-columns:
repeat(2,minmax(0,1fr))!important;

gap:12px!important;

}


/* ----------------------------------------------------------
   INDIVIDUAL BANNER TOOL
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.banner-tool,

.affiliate-center.hl-affiliate-enhanced
.affiliate-promo-card{

min-width:0;

padding:15px!important;

border:
1px solid var(--aff-line)!important;

border-radius:13px!important;

background:
var(--aff-white)!important;

box-shadow:
0 6px 20px rgba(15,23,42,.035)!important;

}


.affiliate-center.hl-affiliate-enhanced
.banner-tool h2,

.affiliate-center.hl-affiliate-enhanced
.banner-tool h3{

margin:0 0 8px;

font-size:1rem;

line-height:1.25;

}


/* ----------------------------------------------------------
   BANNER PREVIEW

   Do not make the container dramatically larger than the ad.
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.banner-canvas,

.affiliate-center.hl-affiliate-enhanced
.affiliate-banner-preview{

min-height:88px!important;

margin:8px 0 10px!important;

padding:10px!important;

display:grid!important;

place-items:center!important;

overflow:auto!important;

border-radius:9px!important;

background:#071a35!important;

}


.affiliate-center.hl-affiliate-enhanced
.banner-canvas img{

display:block;

max-width:100%!important;

height:auto!important;

}


/* ----------------------------------------------------------
   BANNER LABELS
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.banner-tool label{

display:block;

margin:9px 0 5px!important;

font-size:.77rem;

font-weight:850;

}


/* ----------------------------------------------------------
   CODE TEXTAREAS
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.banner-tool textarea,

.affiliate-center.hl-affiliate-enhanced
.email-tools textarea{

width:100%;

min-height:80px;

padding:10px!important;

border:
1px solid #cbd5e1;

border-radius:8px!important;

background:#f8fafc;

font:
12px/1.45
ui-monospace,
SFMono-Regular,
Consolas,
monospace!important;

resize:vertical;

}


/* ----------------------------------------------------------
   BANNER ACTIONS
   ---------------------------------------------------------- */

.affiliate-center.hl-affiliate-enhanced
.tool-actions{

display:flex;

flex-wrap:wrap;

gap:7px!important;

margin-top:8px!important;

}


.affiliate-center.hl-affiliate-enhanced
.tool-actions .btn,

.affiliate-center.hl-affiliate-enhanced
.email-tools .btn{

min-height:38px;

padding:8px 12px;

border-radius:8px;

font-size:.79rem;

}


/* ==========================================================
   EMAILS & COPY
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.email-tools,

.affiliate-center.hl-affiliate-enhanced
.affiliate-copy-grid{

display:grid!important;

grid-template-columns:
repeat(2,minmax(0,1fr))!important;

gap:12px!important;

}


.affiliate-center.hl-affiliate-enhanced
.email-tools>.card{

padding:15px!important;

border:
1px solid var(--aff-line)!important;

border-radius:13px!important;

background:
var(--aff-white)!important;

box-shadow:
0 6px 20px rgba(15,23,42,.035)!important;

}


.affiliate-center.hl-affiliate-enhanced
.email-tools h2,

.affiliate-center.hl-affiliate-enhanced
.email-tools h3{

margin-top:0;

font-size:1rem;

}


/* ==========================================================
   MY REFERRALS
   ========================================================== */

.affiliate-center.hl-affiliate-enhanced
.referral-table,

.affiliate-center.hl-affiliate-enhanced
table{

width:100%;

border-collapse:separate;

border-spacing:0;

background:#fff;

}


.affiliate-center.hl-affiliate-enhanced
.referral-table th,

.affiliate-center.hl-affiliate-enhanced
.referral-table td,

.affiliate-center.hl-affiliate-enhanced
table th,

.affiliate-center.hl-affiliate-enhanced
table td{

padding:10px 12px;

border-bottom:
1px solid var(--aff-light-line);

text-align:left;

}


.affiliate-center.hl-affiliate-enhanced
.referral-table th,

.affiliate-center.hl-affiliate-enhanced
table th{

color:#475569;

font-size:.71rem;

font-weight:850;

letter-spacing:.045em;

text-transform:uppercase;

background:#f8fbff;

}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:900px){

.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-hub{

grid-template-columns:
minmax(0,1fr)
170px;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool{

grid-template-columns:1fr!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .eyebrow,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool h2,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool p,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .copy-field{

grid-column:1!important;

grid-row:auto!important;

}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:700px){

.affiliate-center.hl-affiliate-enhanced
.affiliate-intro{

margin-bottom:14px;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-intro h1{

font-size:2rem;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-hub{

grid-template-columns:1fr;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat{

min-height:auto!important;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-count,

.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat .big-number{

font-size:2.4rem;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-banners,

.affiliate-center.hl-affiliate-enhanced
.affiliate-banner-grid,

.affiliate-center.hl-affiliate-enhanced
.email-tools,

.affiliate-center.hl-affiliate-enhanced
.affiliate-copy-grid{

grid-template-columns:1fr!important;

}


.affiliate-center.hl-affiliate-enhanced
.copy-field,

.affiliate-center.hl-affiliate-enhanced
.profile-referral-tool .copy-field,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool .copy-field{

display:grid!important;

grid-template-columns:1fr!important;

}


.affiliate-center.hl-affiliate-enhanced
.copy-field .btn{

width:100%;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tabs{

margin-inline:-2px;

padding:4px;

}


.affiliate-center.hl-affiliate-enhanced
.affiliate-tab{

min-height:36px;

padding:7px 11px;

font-size:.78rem;

}

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media(max-width:420px){

.affiliate-center.hl-affiliate-enhanced
.affiliate-primary-link-card,

.affiliate-center.hl-affiliate-enhanced
.affiliate-referral-stat,

.affiliate-center.hl-affiliate-enhanced
.affiliate-landing-tool,

.affiliate-center.hl-affiliate-enhanced
.banner-tool,

.affiliate-center.hl-affiliate-enhanced
.email-tools>.card{

padding:13px!important;

}


.affiliate-center.hl-affiliate-enhanced
.banner-canvas,

.affiliate-center.hl-affiliate-enhanced
.affiliate-banner-preview{

justify-content:start!important;

}

}