/* Affiliate / reseller feature blocks (src/components/site/pages/PartnerFeatures.tsx). */
.pf{--pf-red:#f62d00;--pf-ink:#121212;--pf-soft:#fff4f0;font-family:"Poppins",Sans-serif;color:var(--pf-ink);padding:72px 0 80px;position:relative}
.pf-inner{max-width:1180px;margin:0 auto;padding:0 24px}
.pf-head{text-align:center;max-width:760px;margin:0 auto 40px}
.pf-eyebrow{display:inline-block;padding:6px 14px;border:2px dashed var(--pf-red);border-radius:999px;background:#fff;color:var(--pf-red);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pf h2.pf-title{margin:18px 0 12px;font-family:"Poppins",Sans-serif;font-size:64px;font-weight:900;line-height:1.05;letter-spacing:0;word-spacing:.12em;color:#fff;-webkit-text-stroke:2.5px var(--pf-ink);text-shadow:4px 8px 0 var(--pf-ink)}
.pf-lead{margin:0;font-size:18px;line-height:1.5;color:#3a3a3a}

.pf-spot{display:grid;grid-template-columns:5fr 6fr;gap:40px;align-items:center;background:var(--pf-red);color:#fff;border-radius:24px;padding:40px 44px;margin-bottom:24px;box-shadow:6px 8px 0 var(--pf-ink);border:2px solid var(--pf-ink)}
.pf-spot h3{margin:0 0 12px;color:#fff;font-size:30px;font-weight:800;line-height:1.15}
.pf-spot p{margin:0;font-size:16px;line-height:1.6;color:#fff}

/* Referral link mock: the code types itself in a fake address bar. */
.pf-browser{display:flex;align-items:center;gap:14px;background:#fff;color:var(--pf-ink);border-radius:14px;padding:14px 18px;border:2px solid var(--pf-ink);box-shadow:4px 5px 0 var(--pf-ink)}
.pf-browser__dots{display:flex;gap:6px;flex:none}
.pf-browser__dots i{width:10px;height:10px;border-radius:50%;background:#e2e2e2}
.pf-browser__dots i:first-child{background:var(--pf-red)}
.pf-browser__url{display:flex;align-items:center;min-width:0;font:600 18px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.pf-typed{position:relative;display:inline-block;height:1.2em;min-width:11ch}
.pf-typed b{position:absolute;left:0;top:0;color:var(--pf-red);font-weight:800;overflow:hidden;white-space:nowrap;width:0;border-right:2px solid var(--pf-red);box-sizing:content-box;animation:pf-type 9s steps(12,end) infinite}
@keyframes pf-type{0%{width:0;opacity:1}10%,26%{width:var(--pf-w);opacity:1}32%{width:0;opacity:1}33%,100%{width:0;opacity:0}}
.pf-anypage{margin-top:16px!important;font-size:14px!important;opacity:.95}
.pf-anypage code{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:6px;background:#ffffff26;color:#fff;font-size:13px;word-break:break-all}

/* Reseller offers mock table. */
.pf-table{position:relative;background:#fff;color:var(--pf-ink);border-radius:16px;padding:14px 16px 8px;border:2px solid var(--pf-ink);box-shadow:4px 5px 0 var(--pf-ink);font-size:14px}
.pf-table__tag{position:absolute;top:-12px;right:16px;background:var(--pf-ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.pf-table__row{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:10px 4px;border-top:1px dashed #f62d0059}
.pf-table__row--head{border-top:0;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#777;padding-top:4px}
.pf-table__row span:not(:first-child){text-align:right;font-weight:600}
.pf-table__row b{display:block;font-weight:700}
.pf-table__row small{display:block;color:#666;font-size:12px}
.pf-table__row code{display:inline-block;margin-top:3px;padding:1px 6px;border-radius:5px;background:var(--pf-soft);color:var(--pf-red);font-size:11px}
.pf-margin{color:#0a8a3a}

.pf-cards{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.pf-card{flex:0 1 calc((100% - 40px)/3);box-sizing:border-box;background:#fff;border:2px dashed var(--pf-red);border-radius:20px;padding:26px 24px;transition:transform .2s ease,box-shadow .2s ease}
.pf-card:hover{transform:translateY(-4px);box-shadow:5px 6px 0 var(--pf-ink);border-style:solid}
.pf-icon{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--pf-soft);color:var(--pf-red);box-sizing:border-box}
.pf-card h3{margin:16px 0 8px;font-size:19px;font-weight:800;line-height:1.25;color:var(--pf-ink)}
.pf-card p{margin:0;font-size:15px;line-height:1.55;color:#444}

.pf-cta{text-align:center;margin:36px 0 0}
.pf-btn{display:inline-block;background:var(--pf-red);color:#fff!important;font-weight:700;font-size:17px;padding:14px 28px;border-radius:999px;border:2px solid var(--pf-ink);box-shadow:3px 4px 0 var(--pf-ink);text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease}
.pf-btn:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 var(--pf-ink)}

.pf-steps{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;background:#fff;border:2px solid var(--pf-ink);border-radius:20px;padding:22px 28px;box-shadow:5px 6px 0 var(--pf-ink)}
.pf-steps h3{margin:0;font-size:20px;font-weight:800;white-space:nowrap}
.pf-steps ol{margin:0;padding:0;list-style:none;display:flex;gap:18px;counter-reset:pf}
.pf-steps li{counter-increment:pf;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4}
.pf-steps li:before{content:counter(pf);flex:none;width:26px;height:26px;border-radius:50%;background:var(--pf-red);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}

@media(max-width:1024px){
.pf h2.pf-title{font-size:48px}
.pf-spot{grid-template-columns:1fr;padding:32px 28px}
.pf-card{flex-basis:calc((100% - 20px)/2)}
.pf-steps{grid-template-columns:1fr}
.pf-steps ol{flex-direction:column;gap:12px}
}
@media(max-width:600px){
.pf{padding:48px 0 56px}
.pf-inner{padding:0 16px}
.pf h2.pf-title{font-size:36px;letter-spacing:0;-webkit-text-stroke-width:1.5px;text-shadow:3px 5px 0 var(--pf-ink)}
.pf-lead{font-size:16px}
.pf-spot{padding:24px 18px;gap:24px;border-radius:20px}
.pf-spot h3{font-size:24px}
.pf-browser{padding:12px;gap:10px}
.pf-browser__url{font-size:14px}
.pf-cards{gap:14px}.pf-card{flex-basis:100%}
.pf-card{padding:20px}
.pf-table{font-size:13px;padding:12px 10px 6px}
.pf-table__row{grid-template-columns:1.6fr 1fr 1fr;gap:6px}
.pf-table__row>span:nth-child(3){display:none}
.pf-steps{padding:20px}
.pf-btn{font-size:15px;padding:12px 22px}
}
@media(prefers-reduced-motion:reduce){.pf-typed b{animation:none}.pf-typed b:first-child{width:var(--pf-w)}.pf-card,.pf-btn{transition:none}}
[dir=rtl] .pf-typed b{left:auto;right:0}

/* Banner kit picker */
.pf--kit{padding-top:24px}
.pf-kit__count{text-align:center;margin:-24px 0 28px;font-weight:700;color:var(--pf-red)}
.pf-kit{display:grid;grid-template-columns:5fr 6fr;gap:28px;align-items:start;background:#fff;border:2px solid var(--pf-ink);border-radius:24px;padding:28px;box-shadow:6px 8px 0 var(--pf-ink)}
.pf-kit label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#555}
.pf-kit select,.pf-kit input[name=pf-code],.pf-kit textarea{font:600 15px/1.3 "Poppins",sans-serif;color:var(--pf-ink);text-transform:none;letter-spacing:0;border:2px solid #ddd;border-radius:12px;padding:10px 12px;background:#fff;width:100%;box-sizing:border-box}
.pf-kit select:focus,.pf-kit input:focus,.pf-kit textarea:focus{outline:none;border-color:var(--pf-red)}
.pf-kit small{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:#777}
.pf-kit__themes{border:0;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.pf-kit__themes legend{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#555;margin-bottom:8px}
.pf-kit label.pf-kit__theme{position:relative;gap:6px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:12px;color:var(--pf-ink);text-align:center}
.pf-kit__theme input{position:absolute;opacity:0;pointer-events:none}
.pf-kit__theme img{width:100%;height:auto;aspect-ratio:6/5;object-fit:cover;border-radius:10px;border:2px solid #e5e5e5;background:#f6f6f6;transition:border-color .15s,transform .15s}
.pf-kit__theme:hover img{transform:translateY(-2px)}
.pf-kit__theme input:checked+img{border-color:var(--pf-red);box-shadow:0 0 0 3px #f62d0033}
.pf-kit__theme input:focus-visible+img{outline:2px solid var(--pf-ink);outline-offset:2px}
.pf-kit__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.pf-kit__code input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase!important}
.pf-kit__preview{display:flex;align-items:center;justify-content:center;min-height:260px;max-height:640px;background:repeating-conic-gradient(#f3f3f3 0 25%,#fff 0 50%) 0 0/18px 18px;border-radius:14px;padding:16px;overflow:auto;margin-bottom:16px}
.pf-kit__preview img{max-width:100%;height:auto;box-shadow:0 2px 10px #0002}
.pf-kit__preview{position:relative}
.pf-kit__preview.is-loading:after,.pf-kit__preview.is-error:after{content:"…";position:absolute;inset:auto 0 10px;text-align:center;font:700 13px Poppins,sans-serif;color:#999}
.pf-kit__preview.is-error:after{content:"⚠";color:var(--pf-red)}
.pf-kit textarea{font:500 12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.pf-kit__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pf-kit__actions .pf-btn{font-size:15px;padding:11px 20px;cursor:pointer}
.pf-btn--ghost{background:#fff!important;color:var(--pf-ink)!important}
@media(max-width:1024px){.pf-kit{grid-template-columns:1fr}}
@media(max-width:600px){.pf-kit{padding:18px;border-radius:20px}.pf-kit__row{grid-template-columns:1fr}.pf-kit__preview{min-height:160px}.pf-kit__actions .pf-btn{flex:1 1 auto;text-align:center}}

/* selects: own chevron with room on the right; language list with flags */
.pf-kit select,.pf-select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/12px 8px!important;padding-right:44px!important;cursor:pointer}
[dir=rtl] .pf-kit select,[dir=rtl] .pf-select{background-position:left 16px center!important;padding-right:12px!important;padding-left:44px!important}
.pf-kit__field{display:flex;flex-direction:column;gap:6px}
.pf-kit__label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#555}
.pf-lang{position:relative}
.pf-lang__btn{width:100%;text-align:start;font:600 15px/1.3 "Poppins",sans-serif;color:var(--pf-ink);border:2px solid #ddd;border-radius:12px;padding:10px 12px}
.pf-lang__btn:focus-visible,.pf-lang__btn[aria-expanded=true]{outline:none;border-color:var(--pf-red)}
.pf-lang__opt{display:flex;align-items:center;gap:10px;white-space:nowrap}
.pf-lang__opt .rdp-flag{flex:none;width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #0001}
.pf-lang__list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:2px solid var(--pf-ink);border-radius:14px;box-shadow:4px 5px 0 var(--pf-ink);max-height:300px;overflow:auto}
.pf-lang__list li{padding:8px 10px;border-radius:8px;font:600 15px/1.3 "Poppins",sans-serif;color:var(--pf-ink);cursor:pointer}
.pf-lang__list li:hover,.pf-lang__list li:focus{outline:none;background:#fff0ec}
.pf-lang__list li[aria-selected=true]{background:var(--pf-red);color:#fff}
/* the site's global button styles (white text, padding, transform) must not reach the language button */
.pf-kit .pf-lang__btn{color:var(--pf-ink)!important;padding:10px 44px 10px 12px!important;text-transform:none!important;letter-spacing:0!important;font:600 15px/1.3 "Poppins",sans-serif!important;display:block;min-height:0;box-shadow:none!important}
[dir=rtl] .pf-kit .pf-lang__btn{padding:10px 12px 10px 44px!important}
[dir=rtl] .pf-kit__code input{font-family:"Poppins",sans-serif!important;letter-spacing:0!important}