/* Merchant experience — approved receipt, loyalty and delivery direction. */
.merchants-page{--forest:#005332;--ink:#073c2c;--sage:#eaf0df;--lime:#d6ff71;--muted:#617066;background:#f8f8f1;color:var(--ink)}
.merchants-page .shell{width:min(1220px,calc(100% - 80px));margin-inline:auto}.merchants-page h1,.merchants-page h2,.merchants-page h3,.merchants-page p{margin:0;letter-spacing:0}.merchants-page button,.merchants-page a{touch-action:manipulation}.merchants-page img{display:block}.merchant-header{width:min(1300px,calc(100% - 80px));margin:auto;min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px}.merchant-header>a img{width:175px;height:65px;object-fit:contain}.merchant-header nav{display:flex;flex-direction:row;gap:16px;align-items:center}.merchant-header button{background:transparent;border:1px solid #bbcab0;border-radius:30px;padding:9px 20px;font-size:17px;line-height:1.2}.home-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--forest);color:white;padding:12px 22px;border-radius:30px;font-size:18px;font-weight:700;box-shadow:0 4px 10px #063b2814}.home-button img{width:19px;filter:brightness(0) invert(1)}
.merchant-hero{text-align:center;padding:10px 0 60px}.merchant-hero h1{font-size:clamp(38px,4.7vw,68px);line-height:1.2;font-weight:700}.merchant-hero .hero-subtitle{font-size:29px;color:#58685e;margin-top:12px}.hero-scene{width:100%;height:auto;mix-blend-mode:multiply; margin:0 auto -5px}.hero-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hero-benefits h2{font-size:27px;line-height:1.35}.merchants-page .setup-line{font-size:20px;color:#667365;margin:14px 0 19px}.setup-line::before,.setup-line::after{content:'';display:inline-block;width:24px;border-top:2px solid #c5e69c;vertical-align:middle;margin:0 15px}.entry-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:340px;min-height:61px;background:var(--forest);border-radius:50px;color:white;font-weight:700;font-size:26px;padding:12px 35px;transition:transform .25s,box-shadow .25s;box-shadow:0 5px 12px #00533218}.entry-button img{width:26px;filter:brightness(0) invert(1)}.entry-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00533229}.merchants-page .entry-caption{font-size:19px;margin-top:12px;color:#5e6b60}.receiver-section{background:var(--sage);padding:55px 0 30px;border-radius:50% 3% 0 0 / 22px 16px 0 0;text-align:center}.merchants-page .section-title{font-size:clamp(32px,3.4vw,49px);font-weight:700;line-height:1.25}.merchants-page .section-subtitle{font-size:23px;line-height:1.65;color:#5b6a60;margin-top:14px}.delivery-options{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 30px 27px}.delivery-options button{border:2px solid transparent;background:#f9faf4;border-radius:24px;min-height:133px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 5px 10px #1c3b2420;font-size:24px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.delivery-options button img{width:42px;height:42px;filter:invert(25%) sepia(28%) saturate(1157%) hue-rotate(110deg) brightness(81%)}.delivery-options button:hover{transform:translateY(-4px)}.delivery-options button[aria-pressed=true]{background:var(--lime);border-color:white;box-shadow:0 0 0 2px #c1e991,0 6px 15px #244c2520}.receiver-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;direction:ltr;gap:45px;min-height:660px;border-radius:45px;background:#005138;color:#f8fbed;padding:35px 65px 70px;overflow:hidden}.screen-preview{display:flex;justify-content:center;align-items:center;min-width:0}.screen-preview>img{width:auto;max-width:100%;height:570px;object-fit:contain;border-radius:16px;box-shadow:0 15px 30px #001b2b50;transform:rotate(-3deg);transition:opacity .2s}.delivery-explanation{direction:rtl;position:relative;text-align:right;display:flex;flex-direction:column;align-items:stretch;min-width:0}.preview-badge{display:flex;align-items:center;align-self:flex-start;gap:9px;padding:8px 15px;border-radius:40px;border:1px solid var(--lime);color:var(--lime);font-size:17px;margin-bottom:30px}.preview-badge img{width:22px;filter:brightness(0) invert(1)}.delivery-steps p{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:700;line-height:1.5;margin-bottom:16px!important}.delivery-steps b{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;font-size:20px;background:var(--lime);color:var(--forest);border-radius:50%}.phone-scene{width:420px;max-width:115%!important;align-self:center;margin-top:-15px;margin-bottom:-60px;pointer-events:none}.try-another{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:13px;border:none;border-radius:35px;padding:13px 30px;background:var(--lime);color:var(--ink);font-size:22px;font-weight:700;white-space:nowrap;box-shadow:0 4px 15px #002c2425;direction:rtl}.try-another img{width:24px}.try-another:hover{background:#e6ffb2}.merchants-page .demo-disclaimer{max-width:780px;margin:18px auto 0;color:#596957;font-size:14px;line-height:1.6}.loyalty-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:35px 40px 0}.loyalty-art img{width:100%;height:auto;mix-blend-mode:multiply;animation:loyaltyFloat 7s ease-in-out infinite}.loyalty-copy{text-align:right}.loyalty-copy .section-title{max-width:380px}.loyalty-copy .section-subtitle{max-width:430px}.loyalty-pill{display:inline-block;font-size:21px;font-weight:700;background:#d9eeb8;padding:8px 20px;border-radius:30px;margin-top:18px}.network-line{display:flex;align-items:center;justify-content:center;gap:25px;font-size:22px;font-weight:700;text-align:center}.network-line::before,.network-line::after{content:'';height:1px;background:#d8e2c8;flex:1}.value-section{padding:0 0 35px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0 0}.value-grid>div{display:flex;flex-direction:column;align-items:center;gap:10px}.value-grid>div+div{border-inline-start:1px solid #d5decb}.value-grid img{width:43px;height:43px;filter:invert(30%) sepia(39%) saturate(879%) hue-rotate(92deg) brightness(90%)}.value-grid h3{font-size:23px}.faq-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;border-top:1px solid #dce3d3;padding:45px 0 40px;align-items:start}.faq-section>div:first-child{padding-top:20px}.faq-section .section-title{font-size:43px}.faq-section .section-subtitle{font-size:18px}.faq-list details{border:1px solid #cddac0;border-radius:16px;margin-bottom:9px;padding:0 20px;background:#fafbf5}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding:12px 0;cursor:pointer;font-size:20px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.expand-mark{font-family:Arial;font-size:27px;line-height:1;color:var(--forest);font-weight:400}.faq-list details[open] .expand-mark{font-size:0}.faq-list details[open] .expand-mark::after{content:'−';font-size:27px}.faq-list details p{font-size:18px;line-height:1.6;color:#5f6d61;padding:0 0 16px}.faq-list summary:focus-visible{outline:2px solid #579454;outline-offset:4px}.final-entry{background:#005138;text-align:center;padding:40px 25px;color:#fffdf1}.final-entry h2{font-size:clamp(34px,4vw,56px);line-height:1.3;margin-bottom:18px}.final-entry .lime-button{background:var(--lime);color:var(--ink);min-width:340px}.lime-button img{filter:none}.final-entry p{font-size:21px;margin-top:15px}.merchant-footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 0 95px}.merchant-footer>a>img{width:155px}.footer-email{display:flex;gap:12px;align-items:center;font-size:19px;direction:ltr}.footer-email img{width:23px}.merchant-footer small{font-size:15px;color:#687562}.merchants-page .support-actions{z-index:20}.merchants-page .support-actions .whatsapp-contact span{display:block}.merchants-page .support-actions .whatsapp-contact{min-width:165px}.merchants-page .support-actions a:hover{transform:translateY(-3px)}html[lang=en] .loyalty-copy{text-align:left}html[lang=en] .delivery-explanation{direction:ltr;text-align:left}html[lang=en] .entry-button img,html[lang=en] .home-button img{transform:rotate(180deg)}html[lang=en] .hero-benefits h2{font-size:24px}html[lang=en] .delivery-options button{font-size:21px}html[lang=en] .delivery-steps p{font-size:21px}.receiver-stage.changing .phone-scene{animation:receiptArrive .45s ease-out}.receiver-stage.changing .delivery-steps{animation:receiptArrive .35s ease-out}@keyframes receiptArrive{from{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes loyaltyFloat{50%{transform:translateY(-7px)}}
@media(max-width:900px){.merchants-page .shell,.merchant-header{width:calc(100% - 48px)}.merchant-header{min-height:90px}.merchant-header>a img{width:140px}.merchant-hero h1{font-size:48px}.merchant-hero .hero-subtitle{font-size:24px}.hero-benefits h2{font-size:21px}.delivery-options{margin-inline:0;gap:10px}.delivery-options button{min-height:115px;font-size:20px}.receiver-stage{gap:25px;padding:30px 30px 75px;min-height:565px}.screen-preview>img{height:460px}.delivery-steps p{font-size:20px}.preview-badge{font-size:15px;margin-bottom:25px}.phone-scene{width:350px;margin-top:0}.loyalty-section{gap:35px;padding-inline:0}.loyalty-copy .section-subtitle{font-size:20px}.loyalty-pill{font-size:18px}.faq-section{gap:40px}.faq-section .section-title{font-size:37px}.faq-list summary{font-size:18px}.merchant-footer{gap:20px}.merchant-footer small{display:none}.value-grid h3{font-size:20px}}
@media(max-width:600px){.merchants-page .shell,.merchant-header{width:calc(100% - 36px)}.merchant-header{min-height:84px;gap:12px}.merchant-header>a img{width:111px;height:48px}.merchant-header nav{gap:7px}.merchant-header button{font-size:13px;padding:8px 11px}.home-button{font-size:14px;padding:10px 13px;gap:6px}.home-button img{width:16px}.merchant-hero{padding:20px 0 35px}.merchant-hero h1{font-size:37px;line-height:1.3}.merchant-hero .hero-subtitle{font-size:21px;margin-top:6px}.hero-scene{width:calc(100% + 30px);max-width:none;margin:15px -15px 8px}.hero-benefits{gap:8px}.hero-benefits h2{font-size:16px;line-height:1.4}html[lang=en] .hero-benefits h2{font-size:15px}.merchants-page .setup-line{font-size:16px;margin:18px 0 15px}.setup-line::before,.setup-line::after{width:10px;margin:0 7px}.entry-button{min-width:270px;font-size:23px;min-height:53px;padding:9px 25px}.entry-button img{width:23px}.merchants-page .entry-caption{font-size:16px;margin-top:10px}.receiver-section{padding:35px 0 22px}.merchants-page .section-title{font-size:31px;line-height:1.35}.merchants-page .section-subtitle{font-size:18px;margin-top:7px}.delivery-options{grid-template-columns:repeat(2,1fr);margin:22px 0;gap:10px}.delivery-options button{min-height:101px;font-size:20px;border-radius:19px;gap:5px}.delivery-options button img{width:32px;height:32px}html[lang=en] .delivery-options button{font-size:17px}.receiver-stage{min-height:0;grid-template-columns:1fr;gap:25px;padding:25px 23px 80px;border-radius:28px}.delivery-explanation{grid-row:1;align-items:stretch}.preview-badge{align-self:center;margin-bottom:20px}.delivery-steps p{font-size:19px;margin-bottom:9px!important}.delivery-steps b{width:27px;height:27px;font-size:17px}.phone-scene{display:none}.screen-preview>img{height:auto;width:230px;max-height:510px;transform:rotate(-2deg)}.try-another{bottom:21px;font-size:19px;padding:11px 24px}.merchants-page .demo-disclaimer{font-size:12px;margin-top:12px}.loyalty-section{grid-template-columns:1fr;gap:0;padding-top:15px;text-align:center}.loyalty-art{max-width:330px;margin:auto}.loyalty-copy{text-align:center!important;padding:0 15px}.loyalty-copy .section-title,.loyalty-copy .section-subtitle{margin-inline:auto;max-width:320px}.loyalty-copy .section-title{font-size:34px}.loyalty-pill{font-size:18px;margin-top:12px}.value-section{padding-top:30px;padding-bottom:25px}.network-line{font-size:17px;gap:10px;line-height:1.5}.value-grid{gap:5px;padding-top:25px}.value-grid img{width:33px;height:33px}.value-grid h3{font-size:15px;text-align:center}.value-grid>div{gap:8px;padding:0 4px}.faq-section{display:flex;flex-direction:column;gap:22px;padding:25px 0}.faq-section>div:first-child{padding-top:0}.faq-section .section-title{font-size:33px}.faq-section .section-subtitle{font-size:16px}.faq-list{width:100%}.faq-list details{padding-inline:14px}.faq-list summary{font-size:18px;min-height:59px;line-height:1.4}.faq-list details p{font-size:16px}.final-entry{padding:32px 20px}.final-entry h2{font-size:35px}.final-entry .lime-button{min-width:270px}.final-entry p{font-size:18px}.merchant-footer{flex-direction:column;justify-content:center;gap:16px;padding:25px 0 115px}.merchant-footer>a>img{width:130px}.footer-email{font-size:18px}.merchants-page .support-actions{left:auto;right:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}.merchants-page .support-actions .whatsapp-contact{min-width:145px;height:54px;padding:10px 16px}.merchants-page .support-actions .whatsapp-contact span{font-size:16px}.merchants-page .support-actions .whatsapp-contact img{width:25px}.merchants-page .whatsapp-shortcut{width:54px;height:54px}.merchants-page .whatsapp-shortcut img{width:27px}html[lang=en] .merchant-hero h1{font-size:34px}html[lang=en] .delivery-steps p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.merchants-page *{animation:none!important;transition:none!important}}
/* Keep intrinsic asset proportions when HTML supplies width and height. */
.phone-scene{height:auto;object-fit:contain}.merchant-footer .footer-email img{width:23px;height:23px}.hero-scene,.loyalty-art img{mix-blend-mode:darken}
.merchants-page{background:#f2f2e9}.merchant-footer>a:first-child{flex-shrink:0}
@media(max-width:600px){.merchants-page .phone-scene{display:none}}
