body[data-eshop-affiliate]{background:#fff;color:#142033;}
body[data-eshop-affiliate] .affiliate-sticky-header{position:sticky;top:0;z-index:110;background:#fff;box-shadow:0 8px 24px rgba(16,34,61,.06);}
body[data-eshop-affiliate] .head-actions{margin-left:auto;justify-content:flex-end;}
body[data-eshop-affiliate] .hot-tag{margin-left:4px;background:#f04438;color:#fff;border-radius:4px;padding:2px 5px;font-size:9px;vertical-align:top;}
body[data-eshop-affiliate] .affiliate-desktop-category,body[data-eshop-affiliate] .affiliate-desktop-category:hover{background:var(--navy);cursor:default;}
body[data-eshop-affiliate] .footer-logo-mark img{width:100%;height:100%;object-fit:contain;border-radius:inherit;}
body[data-eshop-affiliate] .storefront-footer{padding:0;text-align:left;color:#aeb8ca;}

.affiliate-hero{position:relative;overflow:hidden;padding:74px 0 82px;background:radial-gradient(circle at 82% 15%,rgba(244,93,47,.13),transparent 24%),linear-gradient(135deg,#fff8f4 0%,#fff 52%,#eefaf5 100%);border-bottom:1px solid #edf0f5;}
.affiliate-hero::before{content:"";position:absolute;width:360px;height:360px;left:-240px;bottom:-260px;border-radius:50%;border:70px solid rgba(21,149,109,.055);}
.affiliate-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:74px;}
.affiliate-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:30px;color:#7a8698;font-size:12px;}
.affiliate-breadcrumb a:hover{color:var(--purple);}
.affiliate-breadcrumb i{font-size:8px;color:#a8b1c0;}
.affiliate-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff0e9;color:var(--purple-dark);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;}
.affiliate-hero-copy h1{max-width:690px;margin:17px 0 18px;color:var(--navy);font-family:'Poppins',sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-2.4px;}
.affiliate-hero-copy h1 span{color:var(--purple);}
.affiliate-hero-copy>p{max-width:650px;color:#657187;font-size:16px;line-height:1.8;}
.affiliate-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px;}
.affiliate-primary-button,.affiliate-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:10px;font-size:13px;font-weight:800;transition:.2s;}
.affiliate-primary-button{background:var(--purple);color:#fff;box-shadow:0 14px 28px -15px rgba(244,93,47,.8);}
.affiliate-primary-button:hover{color:#fff;transform:translateY(-2px);background:var(--purple-dark);}
.affiliate-secondary-button{border:1px solid #dce2eb;background:#fff;color:var(--navy);}
.affiliate-secondary-button:hover{border-color:var(--purple);color:var(--purple);}
.affiliate-trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;color:#667287;font-size:11.5px;font-weight:600;}
.affiliate-trust-row i{margin-right:6px;color:#159569;}

.affiliate-earnings-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.6);border-radius:24px;background:linear-gradient(145deg,#10223d,#173a62);color:#fff;box-shadow:0 30px 60px -28px rgba(16,34,61,.62);}
.affiliate-earnings-card::before{content:"";position:absolute;inset:-13px 17px auto;height:100%;z-index:-1;border-radius:24px;background:rgba(244,93,47,.13);transform:rotate(3deg);}
.affiliate-card-top{display:flex;align-items:center;gap:13px;}
.affiliate-card-top>span{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:rgba(255,255,255,.1);color:#ff8b66;font-size:20px;}
.affiliate-card-top div{display:grid;gap:3px;}
.affiliate-card-top small{color:#aebdd0;font-size:10.5px;}
.affiliate-card-top b{font-family:'Poppins',sans-serif;font-size:21px;}
.affiliate-card-chart{display:flex;align-items:flex-end;gap:10px;height:140px;margin:24px 0 25px;padding:10px 13px 0;border-bottom:1px solid rgba(255,255,255,.13);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0,rgba(255,255,255,.055) 1px,transparent 1px,transparent 36px);}
.affiliate-card-chart i{flex:1;height:var(--bar-height);border-radius:7px 7px 0 0;background:linear-gradient(180deg,#ff8b66,#f45d2f);box-shadow:0 -8px 18px rgba(244,93,47,.18);}
.affiliate-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.affiliate-card-metrics>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.055);}
.affiliate-card-metrics span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);color:#ff9876;}
.affiliate-card-metrics small{color:#9eacc0;font-size:9.5px;}
.affiliate-card-metrics b{font-size:12px;}
.affiliate-card-note{display:flex;align-items:center;gap:11px;margin-top:15px;padding:12px 13px;border-radius:12px;background:rgba(21,149,105,.16);}
.affiliate-card-note>i{color:#58d1a4;font-size:20px;}
.affiliate-card-note span{display:grid;gap:2px;}
.affiliate-card-note b{font-size:11px;}
.affiliate-card-note small{color:#aebdd0;font-size:9.5px;}

.affiliate-benefits{padding:82px 0;background:#fff;}
.affiliate-section-heading{max-width:650px;margin:0 auto 37px;text-align:center;}
.affiliate-section-heading>span{color:var(--purple);font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;}
.affiliate-section-heading h2{margin:8px 0 10px;color:var(--navy);font-family:'Poppins',sans-serif;font-size:clamp(28px,3vw,39px);line-height:1.2;letter-spacing:-.8px;}
.affiliate-section-heading p{color:#758095;font-size:13px;line-height:1.75;}
.affiliate-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.affiliate-benefit-grid article{padding:28px 24px;border:1px solid #e6eaf0;border-radius:17px;background:#fff;transition:.22s;}
.affiliate-benefit-grid article:hover{border-color:#ffd4c4;transform:translateY(-4px);box-shadow:0 18px 38px rgba(16,34,61,.075);}
.affiliate-benefit-grid article>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:21px;border-radius:15px;background:#fff0e9;color:var(--purple);font-size:20px;}
.affiliate-benefit-grid article:nth-child(2)>span,.affiliate-benefit-grid article:nth-child(4)>span{background:#eaf8f3;color:#159569;}
.affiliate-benefit-grid h3{margin-bottom:9px;color:var(--navy);font-size:15px;}
.affiliate-benefit-grid p{color:#768195;font-size:11.5px;line-height:1.7;}

.affiliate-process{padding:76px 0;background:#f5f7fb;}
.affiliate-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.affiliate-process-grid article{position:relative;display:grid;grid-template-columns:62px 1fr;align-items:start;gap:18px;padding:27px;border:1px solid #e4e9f0;border-radius:17px;background:#fff;overflow:hidden;}
.affiliate-process-grid article>b{position:absolute;right:14px;top:-9px;color:#edf0f5;font-family:'Poppins',sans-serif;font-size:64px;line-height:1;}
.affiliate-process-grid article>span{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--navy);color:#fff;font-size:20px;}
.affiliate-process-grid h3{position:relative;margin:4px 0 7px;color:var(--navy);font-size:15px;}
.affiliate-process-grid p{position:relative;color:#768195;font-size:11.5px;line-height:1.7;}

.affiliate-application-section{padding:86px 0;background:linear-gradient(135deg,#fff6f0 0%,#fff 50%,#edf9f5 100%);}
.affiliate-application-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(390px,.72fr);gap:76px;align-items:center;}
.affiliate-application-copy h2{max-width:540px;margin:16px 0 13px;color:var(--navy);font-family:'Poppins',sans-serif;font-size:clamp(31px,4vw,46px);line-height:1.15;letter-spacing:-1px;}
.affiliate-application-copy>p{max-width:540px;color:#6f7b8e;font-size:14px;line-height:1.8;}
.affiliate-application-copy ul{display:grid;gap:15px;margin-top:27px;}
.affiliate-application-copy li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;color:#6c788b;font-size:11.5px;line-height:1.55;}
.affiliate-application-copy li>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6f7f0;color:#159569;font-size:11px;}
.affiliate-application-copy li span{display:grid;gap:2px;}
.affiliate-application-copy li b{color:var(--navy);font-size:12.5px;}
.affiliate-application-card{padding:32px;border:1px solid #e6eaf0;border-radius:20px;background:#fff;box-shadow:0 25px 55px -28px rgba(16,34,61,.25);}
.affiliate-form-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px;}
.affiliate-form-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff0e9;color:var(--purple);font-size:18px;}
.affiliate-form-heading div{display:grid;gap:2px;}
.affiliate-form-heading small{color:var(--purple);font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;}
.affiliate-form-heading h2{color:var(--navy);font-size:18px;}
.affiliate-application-card form label{display:block;margin-bottom:8px;color:#29384e;font-size:11.5px;font-weight:700;}
.affiliate-application-card form label span{color:#9099a8;font-weight:500;}
.affiliate-application-card textarea{width:100%;resize:vertical;padding:14px;border:1px solid #dce2ea;border-radius:11px;outline:none;color:#25344a;font:12px/1.6 'Inter',sans-serif;transition:.18s;}
.affiliate-application-card textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(244,93,47,.1);}
.affiliate-application-card textarea.has-error{border-color:#d92d20;}
.affiliate-field-error{margin-top:6px;color:#d92d20;font-size:10.5px;}
.affiliate-review-notice{display:flex;gap:9px;margin:15px 0 18px;padding:12px;border-radius:10px;background:#f2f7ff;color:#5d6d82;font-size:10.5px;line-height:1.55;}
.affiliate-review-notice i{color:#3677c8;margin-top:2px;}
.affiliate-application-card form button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:47px;border:0;border-radius:10px;background:var(--purple);color:#fff;font:800 12.5px 'Inter',sans-serif;cursor:pointer;transition:.2s;}
.affiliate-application-card form button:hover{background:var(--purple-dark);transform:translateY(-1px);}
.affiliate-guest-card{text-align:center;}
.affiliate-guest-card>span{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:19px;background:#fff0e9;color:var(--purple);font-size:23px;}
.affiliate-guest-card>small{color:var(--purple);font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
.affiliate-guest-card h2{margin:7px 0 10px;color:var(--navy);font-family:'Poppins',sans-serif;font-size:24px;}
.affiliate-guest-card p{max-width:410px;margin:0 auto 22px;color:#727e91;font-size:12px;line-height:1.75;}
.affiliate-guest-card .affiliate-primary-button{width:100%;}
.affiliate-guest-card>div{margin-top:16px;color:#7d8797;font-size:11px;}
.affiliate-guest-card>div a{color:var(--purple);font-weight:800;}

@media (max-width:1050px){
  .affiliate-hero-grid{gap:38px;}
  .affiliate-benefit-grid{grid-template-columns:repeat(2,1fr);}
  .affiliate-application-grid{gap:42px;}
}
@media (max-width:800px){
  body[data-eshop-affiliate] .topbar .wrap{height:34px;}
  body[data-eshop-affiliate] header.main .wrap{flex-wrap:wrap;}
  body[data-eshop-affiliate] .search-bar{order:3;flex-basis:100%;max-width:100%;margin-top:4px;}
  body[data-eshop-affiliate] .navrow{display:none;}
  body[data-eshop-affiliate] .head-action .label{display:none;}
  .affiliate-hero{padding:46px 0 60px;}
  .affiliate-hero-grid,.affiliate-application-grid{grid-template-columns:1fr;}
  .affiliate-hero-copy{text-align:center;}
  .affiliate-breadcrumb,.affiliate-hero-actions,.affiliate-trust-row{justify-content:center;}
  .affiliate-hero-copy>p{margin-inline:auto;}
  .affiliate-earnings-card{max-width:520px;width:100%;margin:0 auto;}
  .affiliate-process-grid{grid-template-columns:1fr;}
  .affiliate-application-copy{text-align:center;}
  .affiliate-application-copy>p{margin-inline:auto;}
  .affiliate-application-copy ul{max-width:480px;margin-inline:auto;text-align:left;}
}
@media (max-width:520px){
  .affiliate-hero-copy h1{font-size:38px;letter-spacing:-1.5px;}
  .affiliate-hero-copy>p{font-size:13px;}
  .affiliate-trust-row{gap:10px 15px;}
  .affiliate-earnings-card{padding:20px;}
  .affiliate-card-metrics{grid-template-columns:1fr;}
  .affiliate-benefits,.affiliate-process,.affiliate-application-section{padding:55px 0;}
  .affiliate-benefit-grid{grid-template-columns:1fr;}
  .affiliate-process-grid article{padding:22px 19px;}
  .affiliate-application-card{padding:24px 18px;}
}
