.asal-ref [hidden]{display:none!important}.asal-ref__hero{padding:14px 0 48px;background:var(--asal-cream)}.asal-ref__crumbRow{padding-bottom:18px}.asal-ref__crumbRow .asal-colhero__crumbs{margin:0}.asal-ref__heroIn{display:grid;gap:28px;align-items:start}.asal-ref__main>div>:first-child{margin-top:0}@media(min-width:990px){.asal-ref__heroIn{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px}}.asal-ref__main{display:grid;gap:14px}.asal-ref__main>div{display:grid;gap:16px;justify-items:start}.asal-ref h1{margin:0;font-size:clamp(32px,4.4vw,54px)!important;line-height:1.06}.asal-ref .asal__lead{margin:0;max-width:620px}.asal-ref__ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}.asal-ref__ticks li{display:flex;align-items:center;gap:12px;font-size:16.5px;font-weight:700;color:var(--asal-ink)}.asal-ref__ticks svg{flex:0 0 auto;width:36px;height:36px;padding:7px;border-radius:50%;background:#fff;color:var(--asal-orange-ink, var(--asal-ink));box-shadow:var(--asal-shadow)}.asal-ref__btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border:0;border-radius:var(--asal-r-btn);background:var(--asal-orange);color:var(--asal-ink)!important;font:inherit;font-size:16.5px;font-weight:800;text-decoration:none;cursor:pointer}.asal-ref__btn:hover{background:var(--asal-orange-hover)}.asal-ref__btn:disabled{opacity:.6;cursor:wait}.asal-ref__form,.asal-ref__share{display:grid;gap:12px;width:100%;max-width:600px;padding:20px;border:1px solid var(--asal-line);border-radius:20px;background:#fff;box-shadow:0 16px 36px #17382a17}.asal-ref__formTitle,.asal-ref__ok{margin:0;font-weight:800;font-size:17px;color:var(--asal-ink)}.asal-ref__fields{display:grid;gap:10px}@media(min-width:600px){.asal-ref__fields{grid-template-columns:1fr 1.4fr}}.asal-ref__form label{display:grid;gap:4px;font-size:13px;font-weight:800;color:var(--asal-muted)}.asal-ref__form input,.asal-ref__link input{height:50px;margin:0;padding:0 14px;border:1.5px solid var(--asal-line);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--asal-ink)}.asal-ref__form input:focus,.asal-ref__link input:focus{border-color:var(--asal-ink);outline:none}.asal-ref__form .asal-ref__btn{width:100%}.asal-ref__error{margin:0;color:#b3261e;font-weight:700}.asal-ref__link{display:flex;gap:8px}.asal-ref__link input{flex:1;min-width:0;font-size:14px}.asal-ref__link button{flex:0 0 auto;padding:0 18px;border:0;border-radius:12px;background:var(--asal-ink);color:#fff;font:inherit;font-weight:800;cursor:pointer}.asal-ref__buttons{display:flex;flex-wrap:wrap;gap:8px}.asal-ref__chip{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:1.5px solid var(--asal-line);border-radius:999px;background:#fff;color:var(--asal-ink)!important;font:inherit;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer}.asal-ref__chip:hover{border-color:var(--asal-orange)}.asal-ref__chip--wa{background:#25d366;border-color:#25d366;color:#fff!important}.asal-ref__chip--wa:hover{background:#1ebe5a;border-color:#1ebe5a}.asal-ref__code{display:inline-grid;gap:2px;padding:12px 18px;border:2px dashed var(--asal-orange);border-radius:14px;background:#fff}.asal-ref__code span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--asal-muted)}.asal-ref__code strong{font-size:22px;letter-spacing:.04em;color:var(--asal-ink)}.asal-ref__small{margin:0;font-size:13.5px;line-height:1.5;color:var(--asal-muted)}.asal-ref__photo{position:relative;margin:0}.asal-ref__photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:var(--asal-shadow-lg)}.asal-ref__photo figcaption{position:absolute;left:16px;bottom:16px;display:grid;gap:2px;padding:12px 16px;border-radius:16px;background:#fffffff0;box-shadow:var(--asal-shadow)}.asal-ref__photo figcaption b{font-size:15px;color:var(--asal-ink)}.asal-ref__photo figcaption span{font-size:13px;color:var(--asal-muted)}@media(max-width:989px){.asal-ref__photo{max-width:460px}}.asal-ref__why,.asal-ref__how,.asal-ref__faq{display:grid;gap:14px;padding-top:52px}.asal-ref__why .asal__h2,.asal-ref__how .asal__h2,.asal-ref__faq .asal__h2{margin:0 0 6px}.asal-ref__cards{display:grid;gap:14px}@media(min-width:700px){.asal-ref__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.asal-ref__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.asal-ref__cards article{display:grid;gap:8px;align-content:start;padding:22px;border:1px solid var(--asal-line);border-radius:20px;background:#fff}.asal-ref__cards svg{width:44px;height:44px;padding:9px;border-radius:14px;background:var(--asal-cream);color:var(--asal-ink)}.asal-ref__cards h3,.asal-ref__how h3{margin:4px 0 0;font-size:19px!important}.asal-ref__cards p,.asal-ref__how li p{margin:0;color:var(--asal-muted);line-height:1.55}.asal-ref__how ol{list-style:none;margin:0;padding:0;display:grid;gap:14px}@media(min-width:769px){.asal-ref__how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}.asal-ref__how li{display:grid;gap:6px;align-content:start;padding:22px;border-radius:20px;background:var(--asal-cream)}.asal-ref__how li b{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--asal-orange);color:var(--asal-ink);font-size:17px}.asal-ref__faq{padding-bottom:64px}.asal-ref__faqGrid{display:grid;gap:0 40px;align-items:start}@media(min-width:900px){.asal-ref__faqGrid{grid-template-columns:1fr 1fr}}.asal-ref__faq details{border-bottom:1px solid var(--asal-line)}.asal-ref__faq summary{cursor:pointer;padding:16px 0;font-weight:800;font-size:16.5px;color:var(--asal-ink);list-style:none}.asal-ref__faq summary:after{content:"+";float:right;font-size:22px;line-height:1;color:var(--asal-muted)}.asal-ref__faq details[open] summary:after{content:"\2013"}.asal-ref__faq details p{margin:0 0 16px;color:var(--asal-muted);line-height:1.6}.asal-sb__select{height:50px;margin:0;padding:0 14px;border:1.5px solid var(--asal-line);border-radius:12px;background:#fff;font:inherit;font-size:16px;color:var(--asal-ink)}.asal-ref__form label.asal-sb__check{display:flex;align-items:center;gap:10px;align-self:end;min-height:50px;font-size:15px;color:var(--asal-ink)}.asal-sb__check input{width:20px;height:20px}@media(min-width:769px){.asal-ref__how ol.asal-sb__steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/asal-referral.css.map */